דוגמה לעיצוב אתר בעזרתLayoutsו-CSS
עיצובאתר אינטרנטהוא תהליך של המשגה (conceptualization), תכנון, ועיצוב אתר המיועד לצפייה באמצעותדפדפן, ומוגדר באמצעותשפת תגיות(markup language) שאותה הדפדפן מסוגל לפענח ולהציג. האתר מורכב מדפיםהמוצגים כל אחד בנפרד, ובדרך כללמקושריםביניהם. העיצוב כולל את העיצוב של כל אחד מהדפים המוצגים, במסגרת עקרונות העיצוב של האתר כולו.
הדפים בנויים מאלמנטים עיצוביים (כמו מסגרות,טבלאות, רקעים וכדומה), מלל, תמונות,טפסים, ועוד.
שיפורים בתאימות של הדפדפנים עם הסטנדרטים שלW3Cהובילו לכך שרוב אתרי האינטרנט מוצבים בעזרת שפתHTMLאוXHTMLבשילובCSS.
עם הגידול במספר אנשי המקצוע בתחומיעיצוב תקשורת חזותית(Communication Design) וטכנולוגיית המידע(Information technology), נהוג להבדיל בין מקצוע עיצוב אתרי אינטרנט (Web design) לביןפיתוח רשתות(Web Development) – עבודה שמתמקדת בתחזוקה הכוללת של כל השירותים מבוססי הרשת.
עיצוב אתר אינטרנט מוגדר כסידור ויצירת אוסף דפים, שביחד מהווים "אתר".
יש אספקטים רבים (שיקולי עיצוב) שנלקחים בחשבון בתהליך, ובשל ההתפתחות המהירה של רשת האינטרנט, אספקטים חדשים יכולים להיווצר גם כן. עבור אתרי אינטרנט מסחריים טיפוסיים האספקטים הבסיסים בעיצוב האתר הם:
- תוכן: באיזו מידה החומר הנגיש באתר רלוונטי ומכוון לקהל היעד.
- שימושיות: עד כמה האתרידידותי למשתמש, האם הממשק פשוט, אמין, ונוח לניווט.
- מראה: האסתטיקה, האחידות והעקביות של הגרפיקה והטקסט.
- זמינות: עד כמה האתר ידידותי למנועי חיפוש ומדיות פרסום.
- נגישות: באיזו מידה האתר נגיש לגולשים עם מוגבלויות, כמו מוגבלויות ראייה או שמיעה, עיוורון צבעים, קשיי קואורדינציה וכולי.
אתר אינטרנט אופייני מכיל טקסט, גרפיקה, ולעיתים גם מדיה (אודיוווידאו). העמוד הראשון של אתר האינטרנט ידוע בשםדף בית(Home page) או אינדקס. לכל עמוד באתר כתובת אינטרנט משלו (URL).
אתר אינטרנט אופייני כולל אמצעים לניווט בין הדפים השונים, ובמקרים רבים אמצעים לחיפוש תוכן ספציפי באתר.
דפי אינטרנט מסווגים כדפים סטטיים או דינמיים:
- עמודים סטטיים הם למעשה קבצים שמאוכסנים בשרת, ונשלחים אל הגולשים כמו שהם.
- עמודים דינמייםמיוצרים על ידי השרת, בדרך כלל לפי מידע משתנה שמאוחסן בבסיס נתונים, קבצים שאינם בצורת דפי HTML בעצמם, או מידע שהשרת מושך משרתים אחרים ברשת בעת טעינת הדף. התכנה שמייצרת את הדפים מכונה "תוכנת צד שרת", ויכולה להיות כתובה בשפת תכנות כלשהי. יש מספר שפות תכנות שייעודן העיקרי הוא כשפה לתוכנת צד שרת באינטרנט, למשלASP,JSP, ו-PHP. שפות תכנות נוספות הנפוצות במימוש תוכנת צד שרת הןJava, ,Perl, ופייתון). בשרתי האינטרנט המוקדמים, תמיכה בתוכנת צד שרת מומשה בדרך כלל בעזרת מנגנון שנקראCommon Gateway Interface, או בקיצור CGI, ולעיתים משתמשים בקיצור CGI או CGI-bin כדי לציין תוכנת צד שרת, אם כי שימוש זה מקובל פחות ופחות.