Nuvola apps bookcase Icône HS.svg
Emoji u1f3eb.svg

בתי ספר שמעוניינים להשתתף בפרויקט מוזמנים לשלוח דוא"ל לכתובת info@kidipedia.org.il

מדריך:HTML/הקדמה

מתוך קידיפדיה
קפיצה אל: ניווט, חיפוש

מדריך זה חלק מקידיפדיה:מדריכים

הקדמה

כמו שאמרנו, HTML אינה שפת תכנות. כדי לייצר דפי אינטרנט ברמה גבוה ישנם שפות אחרות שניתן ללמוד. לדוגמה, שפת Javascript, שפת תסריט שבאמצעותה ניתן להרחיב ולשפר את האתר שלכם.

מבוא לאינטרנט

האינטרנט היא מעין רשת, המחברת בין מילארדי מחשבים ברחבי העולם. האינטרנט מאפשרת לשתף מידע, לאכסן מידע ולהפיץ את מידע בתוכה, כך שכל מי שמחובר לאינטרנט, כלומר, חלק מ-"רשת האינטרנט" נגיש לכל המידע המאוכסן בתוכה. כדי להיות חלק מ- "רשת האינטרנט" צריך, קודם כל להיות מחובר אליה. חוץ מזה, צריך תוכנה, המאפשרת להציג את המידע מהאינטרנט. תוכנה זו נקראת דפדפן. לדוגמא: דפדפן פיירפוקס (Mozila Firefox) ,אינטרנט אקספלורר (Explorer) וגוגל כרום (Google Chrome). תוכנה זו יודעת "לתרגם" את הקוד הבונה את האתר לאתר עצמו ולהציג אותו למשתמש. לכל אתר יש כתובת הנקראת "URL" המהווה מעין תעודת זהות לאתר, כך שיובדל מהאתרים האחרים. כל כתובת מייצגת את המקום של האתר ברשת האינטרנט.

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

התקנת עורך טקסט

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

  • ב-Notepad++, בסרגל הכלים, יש ללחוץ על Run, ולאחר מכן לבחור Launch in Fireforx או כל דפדפן שאתר רוצים שקיים לכם על המחשב(יש שם אפשרויות).
  • ניתן לפתוח את הקובץ ישירת בדפדפן, על ידי לחיצה על Ctrl+O ב-Windows, או Command+O ב-MAC. לאחר מכן, יש לבחור את הקובץ וללחוץ על פתח.

גרסאות של HTML

סמליל HTML5
גרסה הושק בתאריך
HTML 2.0 נובמבר 1995
HTML 3.2 14 בינואר 1997
HTML 4.0 18 בדצמבר 1997
HTML 4.01 24 בדצמבר 1999
HTML 5 עדיין בפיתוח (נכון לאוקטובר 2012)

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

ראו גם