קומפ-4-יו - פורטל המחשבים הראשון בישראל

בניית אתרים - חלק רביעי

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

אנו ממשיכים כעת מהנקודה בה הפסקנו בשבוע שעבר. מי שפספס את המדור מוזמן להגיע אלינו על מנת לקבלו מודפס. או לחילופין לגלוש לפורטל המחשבים הראשון והמוביל בישראל קומפ-4-יו ולהוריד את המדור החסר בכתובת: http://www.recursion.co.il

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

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

למען הנוחות בלבד נוריד את הרקע שהגדרנו בקובץ זה ונשאיר את תגית ה- BODY ללא תוספת של BACKGROUND.

כעת נמשיך ונערוך את הקובץ כדי שייראה כך:

<BODY>

Hello People

COMP 4 U

</A>

<HR>

MSI

</A>

Ge Force

</A>

</BODY>

נשמור את הקובץ בשם page008.htm ולפני שנריץ אותו נוודא שאנו מחוברים לאינטרנט.

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

לחצו על הקישורים ותראו לאן הם מובילים אתכם.

מה בדיוק עשינו?

תגית חדשה שפגשנו היא תגית A HREF שתפקידה לקשר בין דפי אינטרנט שונים. תגית זו חייבת בתגית סגירה </A>, במידה ולא נשתמש בתגית סגירה הרי שכל אובייקט יהיה קישור מתגית הפתיחה ועד סוף הדף.

כדי לקשר אתר אינטרנט או דף מהאתר שלנו אנו נכתוב כך:

כאשר במקום MY PAGE תבוא כתובת האתר אליו ברצוננו להגיע או שם הקובץ בתיקיית קבצי האינטרנט שלנו אותו ברצוננו להציג.

כל הטקסט או קבצי התמונה שתחומים בין תגיות הפתיחה והסגירה של A יהפכו למעין אייקון שלחיצה עליהם תפנה את הגולש אל הדף שהגדרנו.

שימו לב שבלינק הראשון הוספנו:

TARGET=”_BLANK”

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

הלינק השלישי ברשימה הוא לינק לדף האינטרנט הראשון שבנינו. כאשר אנו רוצים ליצור קישור לקובץ שנמצא בתוך תיקיית האתר שלנו אין צורך לרשום כתובת מלאה אלא רק את שם הקובץ והסיומת שלו: page001.htm.

תגית HR

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

תוספת של WIDTH=50% יצור קו ברוחב של 50% מחלון הדפדפן.

ניתן כמובן לשנות את אחוז הרוחב שיתפוס הקו לפי הצורך.

כדי לתרגל היטב את הנושא מומלץ לכתוב דף חדש ובו רשימת האתרים החביבים עליכם כולל קישורים אליהם.

במידה ונתקלתם בבעיות מומלץ להעביר אלינו את הקבצים יחד עם תיאור הבעיה במייל.

בהצלחה.

שאלות הקוראים

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