מדריכים לבניית אתרים

HTML הוא רשי התיבות של HyperText Markup Language ובפשטות מדובר בשפת תגיות. לכן גם מדובר בשפה שהכי קל ללמוד. HTML מורכב בעצם מתגיות שמוגדרות מאיפה הן מתחילות ואיפה הן נגמרות, מטרתן של התגיות הוא להציג תוכן וזוראלי בצורה מסויימת. אם עד כה הסתכלתם על אתרים ולא התרשמתם אז הגיע הזמן להתרשם. תדמיינו כל חלק באתר שלנו למשל שמחולק ומוגדר לאזורים מסויימים, כל פיפס עיצובי נעשה על ידי HTML (וגם על ידי CSS אבל זה במדריך נפרד). 

המטרה העיקרית של HTML כמו שכבר אמרנו  היא לעצב את הטקסט, למקום אותו איך שנרצה ולהציג תוכן עשיר למשתמש כמו וידאו, פלאש, קבצי סאונד ועוד. בעצם מה שקורה הוא שעל שרת (מחשב שמאחסן אתרים) כלשהו בחוות שרתים כלשהי יש אתר עם קבצי HTML, כאשר אנחנו מבקשים בעזרת הדפדפן שלנו (למשל פיירפוקסקרוםאינטרנט אקספלורר) לראות את הקובץ אז הדפדפן מתרגם את השפת תגיות HTML לצורה שתראה לנו ויזואלית יפה ופונקציונלי נוח.

אחד מהדברים שתתקלו בהם הרבה הוא תאימות לדפדפן, ברשת כידוע לכם ישנם מספר דפדפנים שהפופולארים מבניהם: אינטרנט אקספלורר, פיירפוקס, קרום (גוגל) אבל יתרה מזאת לכל דפדפן יש מספר גרסאות שונות! לכן יש צורך להתאים את הקוד שלכם ולוודא שהוא עובד בכל האתרים. ככל שהקוד "פשוט" יותר ובסיסי יותר כך גם יהיה קל יותר להתאימו לכל הדפדפנים.

זהו נושא שיהיה עליכם להכיר בעיקר בתחום הפיתוח של "צד לקוח" (שזה HTML, javascript ועוד), ביטוי שכדאי לכם להכיר כאן הוא Cross-browser - המינוח הזה בעצם בא לומר שמדובר באפליקציהאתרקוד אשר מותאמים ועובדים בכל הדפדפנים.

הדרך הפשוטה ליצירת קובץ HTML היא דרך פנקס רשימות שבווינדוס. כניסה להתחל->עזרים->פנקס רשימות ואז כששומרים את הקובץ שומרים אותו בשמו ובסיומת שלו מוסיפים .html (נקודה ואז את המילה html) לדוגמא:

test.html

ואז שומרים. את הקובץ מפעילים בעזרת הדפדפן שיש בכל מחשב.

לצפיה איך שומרים קובץ בסיומת html כנסו לקישור הבא:

בחלק שמספרו 1 אנחנו קובעים את שם הקובץ ואז מוסיפים נקודה והסיומת html

בחלק שמספרו 2 קובעים את הקידוד, אבל על זה נדבר כבר בהמשך.

* שימו לב שבתמונות בהמשך המדריך נועדו להמחשה והסיומת של הקובץ שם היא נקודה php זה לא צריך לשנות לכם דבר, אבל אתם כן צריכים לשמור את הקובץ בסיומת html

במדריך הבא נלמד על הבסיס של HTML ועל תגיות.