 |
| |||||||||||
|
|
בניית אתרים - חלק ראשון
כפי שהבטחנו בגליון שעבר החל מגליון
זה ועד סוף החופש הגדול נלמד צעד אחר צעד כיצד בונים אתר מהשלב ההתחלתי ועד
להופעתו באינטרנט כדי שכל העולם יוכל לראות אותו. לגזור ולשמור.
איזה תוכנות
צריך כדי לבנות אתר?
כדי לבנות אתר אפשר בהחלט להסתפק בתוכנת
פנקס הרשימות שמגיעה עם מערכת ההפעלה שלכם. ישנן תוכנות מורכבות יותר שתפקידן להקל
על מלאכת בניית האתר אבל אנו נלמד לעבוד בצורה בה אנו רושמים את הקוד כולו מתחילתו
ועד סופו. לאחר שנשלוט היטב בשפת ה- HTML אין מניעה שנעבור לעבוד
בתוכנת עזר.
לפני שנתחיל בכתיבת שורת הקוד הראשונה
כדאי שנעבוד בצורה מסודרת, צרו תיקייה חדשה בכונן C הקשיח שלכם וקראו לה בשם: myhtml ,
מעתה נשמור בתיקייה זו את כל הקבצים שלנו שיעסקו בבניית האתר.
או קיי, אחרי ההקדמה הקצרה הגיע הזמן
להתחיל ליצור משהו, פתחו את פנקס הרשימות שלכם (אמור להופיע בתוך התחל, תוכניות,
עזרים)
אם הסמן המהבהב מופיע בצד ימין של החלון
לחצו על צירוף המקשים השמאליים ctrl+shift על מנת להעביר את הסמן לפינתו
השמאלית עליונה של החלון ולעבור לכתיבה במצב אנגלית.
כעת רשמו את הקוד כפי שמופיע פה בדיוק
ולאחר מכן אנו נסביר התפקיד כל שורה:
<HTML>
<HEAD>
<TITLE>
My First HTML Page
</TITLE>
</HEAD>
<BODY>
Hello People
</BODY>
</HTML>
סיימתם להקליד? לחצו על תפריט
"קובץ" ושם בחרו באפשרות "שמירה בשם", בחלון שייפתח בחרו את
כונן C וכנסו לתוך התיקייה שיצרתם שנקראת myhtml , כעת כשאתם בתוך התיקייה
שיצרתם רשמו למטה בשם הקובץ: page001.htm , בשורה מתחת "שמור
כסוג" שנו את האפשרות ל "כל הקבצים" או "כל הסוגים"
ולחצו על "שמור".
ברגע זה כתבתם את דף ה- HTML
הראשון שלכם.
ראשית בואו נבחן את התוצאה ואז נבין
ביחד מה בדיוק עשינו.
הכנסו אל "המחשב שלי", כונן C, ומשם
אל תיקיית myhtml, בתוך תיקייה זו יופיע הקובץ שזה עתה יצרנו. לחצו לחיצה כפולה על
הקובץ כדי שיציג לנו את תוכנו בדפדפן.
שימו לב, בכותרת של הדפדפן ניתן לראות
את הכיתוב My First HTML Page ובתוך הדפדפן עצמו את הכיתוב Hello
People.
כעת נסביר מה בדיוק עשינו ומה תפקידה של
כל שורה שרשמנו:
כל מילה שמופיעה בתוך סוגריים משולשים
הינה פקודת HTML, כלומר היא פקודה שנותנת הוראה מסויימת לדפדפן.
רוב הפקודות באות עם תגית פתיחה ותגית
סיום. תגית סיום היא פקודה שלפניה מגיעה קו נטוי:
פקודת <HTML> - פקודה זו פותחת את הקובץ
שלנו והיא למעשה תפתח את כל קבצי ה HTML שניצור בעתיד, פקודה זו
מודיעה לדפדפן שאנו כותבים בשפת HTML ועליו לתרגם את הכל לשפה זו. שימו לב שהשורה
האחרונה בקובץ הינה תגית הסגירה של פקודת
ה- HTML ולכן היא מופיעה עם קו נטוי </HTML>.
פקודת <HEAD> - פקודה זו מכילה לרוב הוראות
והגדרות שונות אשר לא יופיעו ממש בדף אותו נכתוב אלא יכילו הגדרות מסויימות עבור
הדף עצמו, אופן הופעה במנועי חיפוש ועוד, על פקודה זו נרחיב בהמשך. שימו לב שגם
לתגית זו יש תגית סגירה </HEAD>.
פקודת <TITLE> - בתוך תגיות ה TITLE
רשמנו My First HTML Page ואם נעיף מבט בראש הדפדפן בשורה הכחולה הרי שנראה
שם את מה שרשמנו בין תגיות ה TITLE. זוהי שורת הנושא של הדף אותו אנו בונים.
פקודת <BODY> - בתוך תחום תגית ה- BODY של
הדף אנו נכניס את כל האתר עצמו. כרגע כל תכולת האתר זה רק הכיתוב Hello People,
בשבוע הבא נלמד כיצד לשנות את גודל הטקסט, צבעו ועוד.
עד כאן חלק ראשון של בניית אתרים. זו
היתה טעימה על קצה המזלג. בשבוע הבא נתחיל לערוך את הדף יותר ולאט לאט נתקדם עד
שנדע לבנות אתרי אינטרנט צבעוניים ויפים.
הטיפ
- העברית באתרים מופיעה הפוך – קורה לכם שאתם נכנסים לאתר ישראלי מסויים ואתם רואים על המסך כתב הפוך
במקרה הטוב או כתב לא ברור בכלל? הפתרון לרוב הוא ע"י לחיצה על תפריט
"תצוגה", "קידוד" ובחלון שנפתח לנסות אחת מהאפשרויות הבאות:
Hebrew (Windows), או Hebrew (ISO-Visual).