מה זה HTML?

בשיעור זה תקבל סקירה כללית על חברך החדש, HTML.
מה זה HTML?

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

לעין בלתי מנוסה, קוד HTML נראה מורכב אבל, מדריך זה יהפוך אותו להגיוני עבורך.
למה HTML שימושי?

אם ברצונך ליצור אתר אינטרנט, אין אפשרות שתימנע מעבודה עם HTML. אפילו אם אתה משתמש בתוכנה לבניית אתרים, דוגמת Dreamweaver, ידע בסיסי ב-HTML יכול להפוך את חייך לקלים יותר ואת אתר האינטרנט שלך לטוב יותר. החדשות הטובות הן ששפת HTML קלה ללימוד ולשימוש. לאחר שני שיעורים בלבד אתה תלמד כיצד ליצור את אתר האינטרנט הראשון שלך.
HTML משמש לבניית אתרי אינטרנט!
טוב, אבל מה משמעות השם HTML?

HTML הם ראשי התיבות של "HyperText Mark-up Language" - שזה כבר הרבה מעבר למה שאתה צריך לדעת בשלב זה. בכל אופן, למען הסדר הטוב, נסביר זאת בפירוט רב יותר.

  • Hyper זה ההפך מלינארי. בימים הטובים - כשעכבר היה משהו שחתול תופס - תוכניות מחשב רצו בצורה לינארית: כשהתוכנה ביצעה פעולה אחת היא התקדמה לשורה הבאה ולאחר מכן, עוד שורה וכך הלאה. אבל HTML שונה - אתה יכול ללכת לאן שאתה רוצה מתי שאתה רוצה. למשל, זה לא הכרחי לבקר באתר MSN.com לפני שאתה מבקר באתר HTML.net.
  • Text מסביר את עצמו.
  • Mark-up זה מה שאתה עושה עם הטקסט. אתה מסמן את הטקסט באותו אופן שאתה עושה זאת בתוכנה לעריכת טקסט עם כותרות, תבליטים, טקסט מודגש וכו'.
  • Language זה מה ש-HTML היא. זוהי שפה שמשתמשת בהמון מילים באנגלית.

במדריך זה אתה תלמד את מה שנקרא eXtensible HyperText Mark-up Language) XHTML) שהיא, בקצרה, שפה חדשה ומובנת יותר לכתיבת HTML.
עכשיו כשאתה יודע את משמעות השם HTML (ו-XHTML) בוא ונתחיל עם הסיבה לכל זה: בניית אתר אינטרנט.

מה זה CSS?

יכול להיות שכבר שמעת על CSS מבלי לדעת מה היא באמת. בשיעור זה תלמד יותר על CSS ומה היא יכולה לעשות עבורך.
CSS הם ראשי התיבות של Cascading Style Sheets ובתרגום לעברית - גיליונות עיצוב מדורגים.
מה אני יכול לעשות עם CSS?

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

HTML משמשת להגדרת מבנה התוכן. CSS משמשת לעיצוב תוכן מובנה.
טוב... זה אולי נשמע קצת טכני ומבלבל אבל אנא, המשך בקריאה, בקרוב זה ישמע לך ברור והגיוני מאוד.
פעם, בימים הטובים כשמדונה הייתה בתולה ובחור בשם טים ברנס-לי המציא את רשת האינטרנט העולמית, שפת ה-HTML שימשה רק להוספת מבנה לטקסט. מחבר יכול היה לסמן את הטקסט שלו ב-"זוהי כותרת" או "זוהי פסקה" באמצעות תגי HTML דוגמת <h1> ו-<p>.
ככל שרשת האינטרנט הפכה פופולארית יותר, מעצבי אתרים החלו לחפש אפשרויות להוספת תבניות עיצוב למסמכים שלהם. כדי להיענות לביקוש זה, יצרני הדפדפנים (בתקופה ההיא נטסקייפ ומיקרוסופט) המציאו תגי HTML חדשים, לדוגמה, התג <font>שהיה שונה מתגי ה-HTML המקוריים בכך שהגדיר תבנית עיצוב ולא מבנה.
זה הוביל למצב בו נעשה שימוש שגוי ותדיר בתגי מבנה מקוריים כדוגמת <table> לעיצוב מבנה דפים במקום ייעודם המקורי - הוספת מבנה לטקסט. בנוסף, תגי מבנה חדשים ורבים כדוגמת<blink> נתמכו רק על ידי סוג אחד של דפדפן. "אתה צריך את דפדפן X כדי לראות דף זה" הפכה להודעה שכיחה באתרי אינטרנט.
CSS הומצאה לתיקון מצב זה בכך שנתנה בידי מעצבי אתרים תבניות עיצוב מתקדמות הנתמכות על ידי כל הדפדפנים. בו בזמן, ההפרדה של סגנון ההצגה מהתוכן, הפכה את תחזוקת אתרי האינטרנט למשימה הרבה יותר קלה.
אלו תועלות CSS תיתן לי?

CSS הייתה מהפיכה בעולם עיצוב האתרים. היתרונות הממשיים של CSS כוללים:

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