» נושאי לימוד
» נושאי לימוד
יום חמישי 14 בנובמבר 2019
כתובות יחסיות
דף ראשי  בניית אתרים  HTML בסיסי  כתובות יחסיות גרסה להדפסה

כתובות יחסיות


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


 1. פתח תיקיה חדשה בתוך תיקית דף הבית וקרא לה "gif".


 2.
 שמור את הדמות הבאה:

 

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


 3.
שמור שוב את הדמות הבאה:

בתוך תיקיית "gifs" שיצרת בתוך תיקיית דף הבית שוב בשם "next.gif" (שים לב: קרא את ההוראות בזהירות, הקובץ הזה ישמר בתיקיה שונה מהקובץ בצעד הקודם!). 


 4. פתח את קוד המקור של דף הבית שלך INDEX.HTML בעזרת העורך והכנס את קוד ה HTML הבא במקום מתאים:

 

  <h2> דוגמאות לכתובות מוחלטות ויחסיות </h2>
  לתמונה זו כתובת מוחלטת של next.gif:
  <p>
  <img src="../home_page_dir/gifs/next.gif">
  <p>
  זו אותה תמונה עם הכתובת היחסית של next.gif
  <p>
  <img src="next.gif">
  <p>
 

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

עכשיו פתח את דף הבית מחדש בעזרת הדפדפן. אתה צריך לראות משהו דומה ל:

 


דוגמאות לכתובות מוחלטות ויחסיות

לתמונה זו כתובת מוחלטת של next.gif 

זו אותה תמונה עם הכתובת היחסית של next.gif

 

 


 

דוגמאות יסודיות אלו מראות את ההבדל בין כתובות יחסיות ומוחלטות ואיך ליישם כתובות יחסיות לשני המקרים הפשוטים והשכיחים היכן שהקובץ הנפנה נמצא באותה ספריה כמו קובץ ה-HTML  (כמו בדוגמא next.gif), או בתת ספריה מיידית של קובץ ה-HTML. כפי שהערנו לעיל, בדרך כלל רצוי להשתמש בכתובת יחסית בדפי הרשת שלך על מנת להגדיל ניידות.
 

 

 23-12-03 / 15:19  עודכן ,  30-10-03 / 15:08  נוצר ע"י עזרא גנוט  בתאריך 
 מציאת כתובות - הקודםהבא - קישורי MAILTO 
תגובות הקוראים    תגובות  -  0
דרכונט
מהי מערכת הדרכונט?
אינך מחובר, להתחברות:
דוא"ל
ססמא
נושאי לימוד
חיפוש  |  לא פועל
משלנו  |  לא פועל
גולשים מקוונים: 9