שלבים שונים בעיצוב אתרים
הדבר הראשון שהגולשים רואים לנגד עיניהם הוא עיצוב האתר, לכן בעיצוב אתרים אנחנו שואלים את עצמנו איך היינו רוצים שיראו אותנו.
בעיצוב אתרים השאלה היא האם אנו רוצים עיצוב אינפורמטיבי בלבד, עיצוב תדמיתי שנועד להיראות בצורה מסוימת ולהיתפס באופן מסוים הרצוי מראש על ידי הגולש לראשונה באתר ,או עיצוב לפי נושאים.
בעיצוב אתרים לפי נושאים, כעיקרון אפשר לחלק ולמיין את הסגנונות לפי תחומים או נושאי חיים – עיצובים של עסקים, עיצובים של ספורט, עיצובים של מוסיקה וכן הלאה.
שמירה על כללים אוניברסליים של נוחיות ואסתטיקה בעיצוב אתרים – זהו קו מנחה מספיק טוב. הבנה של נעימות בסיסית שצריכה להיות מסופקת בעיצוב המוצע ובתוספת של משיכת תשומת לב, גרימת תחושות נעימות ועוד משהו שיחודי לכל עיצוב – זוהי הדרך הנכונה.
בעיצוב אתרים אפשר לשלב עיצובי מלל, קישורים, תמונות וגראפיקה. אפשר גם להוסיף מוסיקה וכל מיני צלילים שונים.
על מנת להוסיף תמונות יש להשתמש בפורמט GIF ו- JPEG . לעיתים ניתן להשתמש בפורמט BMP . בארכיוני התמונות הרבים באינטרנט קיימים אתרים המאחסנים מאות ואפילו אלפי תמונות.
בעיצוב אתרים ניתן להשתמש בסורק על מנת לסרוק למחשב תמונות, איורים וכל אלמנט גראפי אחר.
כאשר יש אתרים המכילים תמונות, לפעמים אורך זמן רב עד שהדף מופיע והגורם העיקרי לכך הוא שהדפדפן מציג את העמוד רק לאחר שהוא מסיים לבצע את פעולת החישוב של גודל התמונות. במקרה זה נרשמות התמונות בפיקסלים.
העובדה שלגראפיקה יש הרבה שימושים שונים, אינה אומרת שחייבים לעשות שימוש בכולם בעיצוב אתרים, אחרת ייקח לגולשים זמן רב להעלות את הדף.
על מנת ליצור עניין בהצגת דפי האינטרנט באתר, משתמשים בעיצוב אתרים בצבע רקע השונה מאפור או לבן, אך בצורה שהמלל יהיה ברור ונעים לעין.
במקום לצבוע את רקע הדף בצבע כלשהו, אפשר להגדיר תמונה שתופיע ברקע. במקרה זה יש להשתמש במאפיין BG COLOR כדי לקבוע בו צבע קרוב פחות או יותר לצבע הכללי של התמונה. כך ייראה הדף טוב יותר בזמן שייטען.
בעיצוב אתרים נוטים לחלק את תכולת עמודי האינטרנט שלהם כמה חלקים. כדי לעזור להפריד בין האזורים האלה ולהקל בכך על הקורא באתר, אפשר להשתמש בכותרות. כדי להבליט את הכותרות האלה, יש ל- HTML סדרה של תגיות שמציגות את המלל בגופנים גדולים ומודגשים. קיימות שש תגיות לכותרות הממוספרות מ- <1H > המציגה את הגופן הגדול ביותר ועד לתגית <6H > המשתמשת בגופן הקטן ביותר.
על מנת לחלק את המלל לפסקאות יש להשתמש בתגית <P > . כאשר דפדפן פוגש את התגית <P> הוא מתחיל פסקה חדשה, בשורה נפרדת ומכניס שורה ריקה אחת בין שתי הפסקאות.
בעיצוב אתרים אנו רוצים לתת לגולשים ליצור אינטראקציה עם האתרים שהם גולשים בהם, ולשם כך אנחנו יכולים להוסיף מספר קישורים. זוהי דרך קלה לתת לדפים תחושה דינאמית שתגרום לאנשים לרצות לשוב אליהם.
בעיצוב אתרים תגיות ה- HTML שיוצרות קישורים הן <A > ו- <A/>. האות A מציינת מילה שמשמעותה שליחת הגולשים למקום אחר באתר שבו הם נמצאים, במקום לשלוח אותם למסמך אחר.
עיצוב אתרים היא משימה חשובה הכוללת בתוכה תכנון לפי דרישות הלקוח, מטרותיו וייעודו של האתר. סוג הגופנים, הצבעים והגראפיקה הם שיתנו לאתר את היחוד שלכם.
