יום שלישי ו בתשרי, 26 בספטמבר

לשרותכם מנוע חיפוש מבוסס גוגל הממוקד באתרים חינוכים.Beta

   : חפש ראשי

זהירות בונים כאן!!!

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

<html>
<head>
<title>דף ראשי</title>
</head>
<body>
ברוכים הבאים לאתר הראשון שלי
</body>
</html>


דוגמא זו היא בסיסית ביותר, ננסה להסביר כל שורה ושורה של הקוד.

השורה הראשונה של הקוד היא

<html>


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

<h1>התגיות ישפיעו רק על זה</h1>


שמן של התגיות לא חשוב ברגע זה, אלא רק העובדה שיש סוגר לכל תגית.
בדרך כלל הסוגר הוא אותה תגית רק בתוספת "/" בתחילתה ופרוש הדבר שמדובר בתגית סוגרת. דוגמא נוספת מפורשת יותר:

<תגית סוגרת/>על מה תשפיע התגית<תגית פותחת>


שימו לב שבסוף הקוד ישנה תגית סוגרת של התגית "<html>"
פירושה של תגית זו היא להצהיר על שימוש בשפת HTML. תגית זו תופיע תמיד בהתחלה ובסוף.
התגית הבאה היא "<head>" אשר בין התגית הפותחת לסוגרת שלה יוגדרו תגיות נוספות
שבהן הפרטים החשובים אודות הדף אך לא תוכן הדף עצמו.
התגית הבאה היא התגית "<title>" תגית אשר מגדירה את כותרת הדף. כותרת זו לא תיראה בתוכן האתר, אלא בחלקו העליון של החלון.
כדי להשתמש בתגית זו יש לכתוב:

<title>כותרת האתר</title>


חובה להגדיר בסוף תגית סוגרת על מנת שתוכן הכותרת לא יתערבב עם חלקים אחרים בדף.
ולבסוף אנו עוברים לתגית "<body>" גם בסופה יש להכניס תגית סוגרת ובינהן מכניסים את תוכן האתר שיוצג למשתמש.
נסכם כמה דברים חשובים:
1. לרוב התגיות יש תגית סוגרת על מנת שהדפדפן ידע מה לשייך לאותה פקודה.
2. ישנן 4 תגיות חשובות שחייבות להופיע בכל דף באתר והן:
א) התגית "<html>" שממוקמת בתחילת הדף ובסופו (בסוף הדף תגית סוגרת)
ב) התגית "<head>" ממוקמת לאחר ה "<html>" בהתחלה.
ג) התגית "<title>" שנמצאת בין התגית "<head>" פותחת לסוגרת. התגית מגדירה את כותרת הדף
ד) התגית "<body>" אשר בתוכה נכלל גוף הדף (תוכן). תגית זו נמצאת גם בין התגיות "<html>" הפותחת לסוגרת. תגית זו אינה כלולה בתגית "<head>".

נעבור לחלק יותר מעשי, פיתחו את פנקס רשימות (Notepad) העבירו את הסמן לצד שמאל (שפה-אנגלית) והעתיקו את הקטע הבא לתוך הקובץ:

<html>
<head>
<title>האתר שלי - ראשי</title>
</head>
<body>
ברוכים הבאים לאתר הראשון שלי
</body>
</html>


לאחר העתקת הקטע שמרו את הקובץ, בחרו מתפריט קובץ<שמירה בשם בחרו את שולחן העבודה כמקום השמירה, כיתבו בשם הקובץ "index.html" .
יש לשים לב שהקבצים שמשתמשים בהם הם בסיומת ".html" סיומת זו היא חובה לחצו שמור וסיגרו את פנקס הרשימות.
עיברו לשולחן העבודה (או למקום אחר בו שמרתם את הקובץ), שם יופיע קובץ בשם "index.html" לחצו עליו פעמיים כדי להפעילו ו....הפלא ופלא יפתח ה"Internet Explorer" ובו האתר הראשון שבניתם.
כדי לערוך את הדף הזה לחצו על כל מקום במסך האתר לחצן ימני של העכבר>הצג מקור
תקבלו את קוד המקור של האתר בתוכנת פנקס הרשימות. אל תישכחו להעביר את הטקסט לצד שמאל. לאחר פתיחת המקור תוכלו לשנות כל דבר באתר וכדי לשמור בחרו בקובץ>שמור.

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

ועד לפעם הבאה, להתראות!

שימי גרסנר




24.09.2002



השבוע בהיסטוריה
מורשת ישראל
אוכל ושאר ירקות
על הא ודע במדע
פנאי ובידור
הפסקה פעילה
בז שטח
מידענות
תיבת נח
המלצה על ספר
בניית אתרים


מנדלסון, משה

לפי תאריך :

כתוב לנו | ספר אורחים | אמנת פרטיות | פרסם בבז | הוסף אתר
כל הזכויות שמורות בז © 2000-2002 תנאי שימוש
האתר נבנה ומתוחזק עלידי אפוק