פרק 1:
שיטת הלימוד:
המדריך למעשה מבוסס על שיטת הלימוד
העצמי.
למעשה, היום ניתן ללמוד מא' ועד ת' את
רזי פיתוח והקמת אתרי אינטרנט ברשת.
כל מה שצריך זה לדעת להשתמש
נכון ברשת, וכמובן ראש פתוח, יצירתיות,
גמישות, אמונה חזקה, עצבי ברזל, ופליס
של קרימור (למקרה שקר בחדר...) . למעשה
אני הולך לעשות כאן שירות של כריית מידע
ביחד עם הכוונה שלי.
זה כי אני מומחה, ומוכשר, וצנוע (יש לומר...)
אחרי כל הקשקושים - נצא לדרך.
אתר ברשת בונים בעזרת HTML.
מה זה HTML?
באתר של סיגל תוכלו ללמוד את הבסיס, ואף יותר:
האתר של סיגל
עוד מקור טוב:
וובמסטר
למעשה כיום עברו לכתוב ב - xHTML.
השאלה שהרבה בוני אתרים מתחילים נתקלים
בה לאחר שלמדו את הבסיס, היא איך מעמדים אתר?
כלומר, הם רואים את כל האתרים הגדולים והמרשימים
כמו ynet, YaHoo, MSN, Opli וכו' ושואלים את עצמם
איך כל התמונות והטקסטים נמצאים כולם במקום?
כלומר, איך למרות המורכבות ועומס הפריטים
באתר - עדיין הכל מיושר ומסודר?
בעבר השיטה הנפוצה הייתה לעמד אתר אינטרנט
בעזרת טבלאות.
כלומר, היו מגדירים טבלה מרכזית, בד"כ ברוחב 80%
של העמוד, כאשר לרוב החלק העליון היה מיועד לבאנר
של האתר, ומתחתיו תפריט ניווט, ומתחתיו גוף האתר,
שגם היה מחולק בד"כ למספר תאים, ולבסוף השורה
התחתונה שזה החלק התחתון.
את כל זה היו משיגים בעזרת חלוקה לשורות,
שמחולקות לתאים.
כמובן שכדי לקבל שליטה מקסימלית על העיצוב, וככל
שבאתר יש יותר פריטים - תמונות, טקסט, פלאש וכו'
השתמשו בכינון טבלאות - כלומר טבלה בתוך טבלה.
המצב הזה יצר הרבה בעיות וחוסר גמישות.
הבעיה שנוצרה הייתה סרבול של הקוד.
בכלל, בעבר הקרוב, השיטה הישנה לבניית
אתרים לא הייתה מוצלחת במיוחד.
HTML היא שפה מבוססת תגיות.
בעזרת התגיות קובעים את מבנה ועיצוב
המסמך.
לדוגמה, כאשר רוצים לרשום טקסט מסויים
בדף, עם גופן מסויים, בגודל מסויים צריך
להשתמש בתגית:
מצב זה יצר סירבול. הסירבול הוא שזרימת האתר, מבנה
האתר, מעורבב עם העיצוב. כך שהתקבל קוד מסורבל.
חסרון נוסף, הוא כאשר רוצים לשנות את מבנה
האתר, או אפילו אלמנט אחד, צריך לעבור דף דף,
תגית תגית, פקודה פקודה, ולשנות בכל מקום שמופיע
הערך שאותו רוצים לשנות.
כל הבעיות הללו היו קיימות עד לאחרונה.
כיום, עברו לבנות אתרים בעזרת CSS.
CSS הוא גליון עיצוב.
הרעיון הוא שמאחורי כל דף web עומד גליון
עיצוב ששולט על המראה של האתר, ועל העיצוב.
בדף ה - HTML עצמו מתמקדים בעיקר בזרימה של הדף.
בעימוד נכון של הדף.
יתרון נוסף שעונה על הבעיה הראשונה שהזכרתי, לגבי טבלאות,
הוא שב - CSS משתדלים להשתמש כמה שפחות בטבלאות,
ולעצב את הדף בעזרת DIV'ים.
כלומר, במקום להשתמש בטבלה שלמה על מנת ליצור
אזור מלבני ממוסגר - משתמשים ב - DIV אחד.
קל ופשוט.
אני לא הולך ללמד אותכם CSS, אבל אני כן הולך
לנסות ולהפוך את העסק ליותר ברור למי שהנושא
עדיין לא ברור לו, וכן לתת טיפים מנסיוני העשיר.