 |
| |||||||||||
|
|
בניית אתרים - חלק שני
במסגרת המדור אנו ממשיכים בסדרת
שיעורים בנושא בניית אתר אינטרנט.
בשבוע שעבר כתבנו את דף האינטרנט
הראשון שלנו. הדף היה בסיסי וכעת נלמד איך לשפר את מראה הדף.
אנו ממשיכים כעת מהנקודה בה הפסקנו
בשבוע שעבר. מי שפספס את המדור מוזמן להגיע אלינו על מנת לקבלו מודפס.
לאחר שלמדנו בשבוע שעבר כיצד לכתוב את
הדף הראשון שלנו הגיע הזמן שנפיח קצת יותר חיים בדף.
הפעילו את פנקס הרשימות שלכם ובחרו
מהתפריט "קובץ" את האפשרות "פתיחה", ואז תגשו אל תיקיית myhtml,
וחפשו את הקובץ הראשון שיצרנו. במידה ואינכם מוצאים את הקובץ סמנו באפשרות
"קבצים מסוג" בתחתית החלון: "כל הקבצים *.*".
בין תגיות ה BODY רשמנו את השורה: “Hello People".
בואו ונוסיף שורות נוספות מתחת בין תגיות ה BODY) ונראה כיצד הן יראו בדפדפן:
<BODY>
Hello People
Row number 2
Row number 3
Row number 4
</BODY>
לאחר שהוספנו את השורות הנ"ל נשמור
את הקובץ בשם אחר על מנת שהדף הראשון שבנינו לא ישתנה.
ניגשים אל "קובץ",
"שמירה בשם", ושומרים את הקובץ בתיקייה שלנו בשם page002.htm.
כעת בואו ניגש לתיקיית הקבצים שלנו
ונריץ את הקובץ שזה עתה יצרנו.
כפי שניתן לראות למרות שרשמנו כל שורה
בנפרד הדפדפן מציג לנו את כל הטקסט בשורה אחת ארוכה. הסיבה היא שכל עוד הדפדפן לא
קיבל מאיתנו פקודה שאומרת שהסתיימה שורה הוא ימשיך ויכתוב את הטקסט שמופיע בין
תגיות ה BODY ברצף ללא שבירת שורות אוטומטית.
על מנת להודיע לדפדפן שאנו רוצים לסיים
שורה ולהתחיל שורה חדשה עלינו להוסיף תגית בסיום כל שורה. התגית נקראת <BR>. תגית זו בניגוד לרוב תגיות ה
HTML אינה מכילה תגית פתיחה וסגירה אלא היא עומדת בפני עצמה.
בואו ונתקן את הדף ונבחן את התוצאה:
<BODY>
Hello People <BR>
Row number 2 <BR>
Row number 3 <BR>
Row number 4 <BR>
</BODY>
לאחר הוספת התגית נשמור את הקובץ בשם page003.htm
ונבחן את התוצאה.
כעת ניתן לראות שאכן קבלנו את הדף עם
שבירת שורות בדיוק במקומות בהם הוספנו את התגית <BR>.
זכרו, בכל פעם שרוצים לסיים שורה או
להתחיל שורה חדשה חייבים להשתמש בתגית זו.
או קיי, עכשיו אנחנו יודעים איך להתחיל
שורה חדשה אבל מה עם קצת צבע וגדלים שונים של טקסט?
כדי להוסיף צבעים וכדי לשנות את גודל
האותיות אנו נכיר תגית חדשה שנקראת <FONT>.
נחזור אל פנקס הרשימות ונבצע מספר
שינויים בטקסט בין תגיות ה <BODY>:
<BODY>
<FONT COLOR=RED>
Hello People <BR>
</FONT>
<FONT COLOR=BLUE>
Row number 2 <BR>
</FONT>
<FONT SIZE=2>
Row number 3 <BR>
</FONT>
<FONT COLOR=PINK SIZE=6>
Row number 4 <BR>
</FONT>
</BODY>
לאחר השינוי נשמור את העבודה בשם page004.htm.
כעת נפתח את הקובץ החדש. כפי שניתן
לראות הדף קיבל צבעים והטקסט מופיע בגדלים שונים.
השימוש בתגית <FONT>, מאפשר לנו לקבוע את צבע הטקסט וכן את גודלו
ע"י שימוש בפרמטרים COLOR ו- SIZE בהתאם.
שימו לב שתגית <FONT> מחייבת תגית סגירה </FONT>, כל עוד לא נסגור את התגית הרי שהגדרת צבע או או גודל
הטקסט תשאר להמשך הדף.
הטיפ
- מחיקת רשימת האתרים בהם ביקרתם
לאחרונה –
כאשר אתם גולשים באינטרנט ועוברים מאתר
לאתר, נשמרת במחשב שלכם רשימת האתרים בהם בקרתם. אם אינכם מעוניינים שרשימת האתרים
תישמר במחשב יש לגשת אל תפריט "כלים" בדפדפן, משם אל "אפשרויות
אינטרנט" ובחלון שנפתח יש להקיש על הכפתור "נקה הסטוריה". עם לחיצה
על מקש זה תימחק מזכרון המחשב כל רשימת האתרים בהם בקרתם לאחרונה.
ניתן גם למחוק את כל קבצי האינטרנט
הזמניים שנשמרו אצלכם במחשב ע"י לחיצה על מקש "מחק קבצים" בחלון של
"אפשרויות אינטרנט".