פרק 2: עקרונות לעימוד אתר
השאלה המרכזית שכל בונה אתרים מתחיל שואל את עצמו
היא איך מעמדים אתר. איך מעצבים אתר.
איך לוקחים כל כך הרבה אלמנטים - טקסט, תמונות,
תיבות, אנימציות, תפריטים, וממקמים כל אחד
במקום המתאים לו בדף?
איך מעצבים בכלל עמוד אינטרנט, דף בית?
איך דואגים שהכל ישב במקום ולא יזוז, וכמו כן
לא יהיה תלוי באלמנטים אחרים - כלומר, שהכנסה של
אלמנטים נוספים לעמוד לא תשבור את העיצוב.
ישנן שיטות רבות ומגוונות, אך אני אציג שיטה בסיסית
לעימוד של דף אינטרנט, ומכאן כל אחד כבר ימצא לו
את התבנית והעיצוב שהוא אוהב, וישכלל לעצמו את
הדף לפי טעמו.
כיום מקובל ברוב האתרים שרוחב עמוד אינטרנט
הוא כ -80% מרוחב המסך, וממורכז במרכז המסך.
זה נוח, קריא, וברור.
ניתן גם למקם אתר לכל רוחב המסך, אך כיון
שיש הרבה מסכים בשוק, עם רזולוציות שונות, ובכלל
גולשים שמשתמשים ברזולוציית מסך שונה - מומלץ להגדיר את
רוחב העמוד ל - 80%, או לבערך 700 / 800 פיקסלים.
לכן, הכי פשוט זה להגדיר תיבה - DIV שתיקרא קונטיינר, ולתת לה
את הרוחב הרצוי, בתוכה נבנה את האתר.
שלב שני: להגדיר את ראש האתר - Header.
ה - Header נמקם בדרך כלל את הבאנר העליון ואת תפריט הניווט העליון - אם קיים.
לשם כך מומלץ להגדיר עוד תיבה, שתיקרא כמובן Header ובה נמקם את הבאנר
של האתר, ואת התפריט.
שלב שלישי: גוף האתר.
מתחת לתפריט הניווט העליון נגדיר את גוף האתר, בדרך
כלל נגדיר תיבה ברוחב של ה - Header, שאותה לרוב נחלק
לעוד 2-3 תיבות משנה.
בד"כ התיבה הימנית תשמש לעוד תפריט - תפריט צידי / ימני.
כאשר התיבה המרכזית / שמאלית היא גוף האתר שבו
מרוכז רוב תוכן העמוד.
ניתן להגדיר תיבה שלישית כפי שציינתי שתשמש להודעות / קישורים, מודעות
של גוגל (למי שמחפש לעשות כמה ג'ובות...) ובכלל
לכל מה שרוצים.
כאן כבר אפשר להיות יצירתי עם העיצוב ולשחק עם גובה ורוחב
התיבות - לדוגמה, אפשר להגדיר בתוך גוף האתר 2 תיבות:
שמאלית וימנית, כאשר הימנית מחולקת ל - 2 תיבות
עליונה ותחתונה, והשמאלית גולשת על פני שניהן.
אבל כל זה לאחר שצוברים מיומנות בסיסית בעימוד אתרים.
שלב רביעי: Footer.
אחרון חביב - ה - Footer, שם תמקמו
את השורה התחתונה, כל הזכויות שמורות, וכו'. כל מה שיש
בתחתית האתר.
כמובן שגם ל - Footer נקצה תיבה משלו.
ת'כלס, אחרי שעימדתם מספר אתרים טובים,
תשמרו את ה - Templates (תבניות)
ותשתמשו בהן לאתרים הבאים שלכם - עם שינויים קלים
ונדרשים כמובן - בהתאם לצרכים ולדרישות.
השיטה המומלצת
למעשה, השיטה הטובה ביותר היא לקחת דף ועיפרון, אפשר גם עט,
ופשוט לשבת ולהתחיל לסרטט סקיצות של האתר שרוצים לבנות.
מתחילים עם מסנה כללי, מוסיפים header ו - footer
מוסיפים מקום לתפריטים, גוף האתר, תיבות טקסט, תמונות
, מתחילים לשרבט סקיצות ואפשרויות ללוגו (עד כאן הכל כמובן על דף נייר). כאשר
הדף מוכן (ומלא קישקושים...) ויש כבר קונספט ומבנה בראש (ועל הנייר) איך
האתר הולך להיראות, העבודה על המחשב היא מאוד פשוטה
טיפים נוספים:
כרגיל, הטיפ המרכזי הוא ללמוד מהרשת, לקרוא מאמרים, להתעדכן
בפורומים, וכמובן לנתח אתרים קיימים (אתרים שבנויים ומעוצבים נכון - כמובן...)
מאמר מעניין שעוסק בנושא מיקומים מוחלטים ויחסיים:
http://www.wpdfd.com/issues/78/absolutely_relative
בפרק הבא: טריקים לאתר טוב יותר.