למד על קישור וניווט ב-Dreamweaver וכן על נתיבים מוחלטים, נתיבים יחסיים למסמכים ונתיבים יחסיים לתיקיית שורש של אתר.
לאחר שהגדרתם אתר Dreamweaver לאחסון המסמכים של האתר שלכם ויצרתם דפי HTML, תרצו ליצור קשרים מהמסמכים שלכם למסמכים אחרים.
Dreamweaver מספק מספר דרכים ליצירת קישורים למסמכים, תמונות, קבצי מולטימדיה או תוכנה להורדה. תוכלו ליצור קישורים לכל טקסט או תמונה בכל מקום במסמך, כולל טקסט או תמונות בכותרת, רשימה, טבלה, אלמנט ממוקם במיקום מוחלט (אלמנט AP) או מסגרת.
יש מספר דרכים שונות ליצירה ולניהול של קישורים. חלק ממעצבי האתרים מעדיפים ליצור קישורים לדפים או קבצים שאינם קיימים בזמן שהם עובדים, בעוד אחרים מעדיפים ליצור קודם את כל הקבצים והדפים ורק אז להוסיף את הקישורים. דרך נוספת לנהל קישורים היא ליצור דפי מקום, בהם תוכלו להוסיף ולבדוק קישורים לפני השלמת כל דפי האתר.
נתיבים מוחלטים, יחסיים למסמך ויחסיים לשורש האתר
הבנת נתיב הקובץ בין המסמך שממנו אתם מקשרים לבין המסמך או הנכס שאליו אתם מקשרים חיונית ליצירת קישורים.
לכל דף אינטרנט יש כתובת ייחודית, הנקראת כתובת משאב אחיד (URL). עם זאת, כאשר אתם יוצרים קישור מקומי (קישור ממסמך אחד למסמך אחר באותו אתר), בדרך כלל אינכם מציינים את כל כתובת ה-URL של המסמך שאליו אתם מקשרים; במקום זאת, אתם מציינים נתיב יחסי מהמסמך הנוכחי או מתיקיית השורש של האתר.
ישנם שלושה סוגים של נתיבי קישורים:
נתיבים מוחלטים (כגון http://www.adobe.com/il/support/dreamweaver/contents.html).
נתיבים יחסיים למסמך (כגון dreamweaver/contents.html).
נתיבים יחסיים לתיקיית שורש של אתר (כגון /support/dreamweaver/contents.html).
בעזרת Dreamweaver ניתן לבחור בקלות את סוג נתיב המסמך שיש ליצור עבור הקישורים שלך.
מומלץ להשתמש בסוג הקישור שאתה מעדיף וחש אתו בנוח – נתיב יחסי לתיקיית שורש של אתר או למסמך. ניווט אל הקישורים, להבדיל מהקלדה של הנתיבים, מבטיח שתזין תמיד את הנתיב הנכון.
נתיבים מוחלטים
נתיבים מוחלטים מציינים את כתובת ה-URL השלמה של המסמך המקושר, כולל הפרוטוקול לשימוש (בדרך כלל http:// עבור דפי אינטרנט), לדוגמה, http://www.adobe.com/support/dreamweaver/contents.html. עבור משאב תמונה, כתובת ה-URL המלאה יכולה להיות דומה לכתובת הבאה: http://www.adobe.com/il/support/dreamweaver/images/image1.jpg.
חובה להשתמש בנתיב מוחלט כדי לקשר למסמך או נכס בשרת אחר. תוכלו גם להשתמש בנתיבים מוחלטים עבור קישורים מקומיים (למסמכים באותו אתר), אך גישה זו אינה מומלצת—אם תעבירו את האתר לדומיין אחר, כל הקישורים המקומיים בנתיב מוחלט יישברו. שימוש בנתיבים יחסיים עבור קישורים מקומיים מספק גם גמישות רבה יותר אם תצטרכו להעביר קבצים בתוך האתר שלכם.
בעת הוספת תמונות (לא קישורים), תוכלו להשתמש בנתיב מוחלט לתמונה בשרת מרוחק (כלומר, תמונה שאינה זמינה בכונן הקשיח המקומי).
נתיבים יחסיים למסמך
נתיבים יחסיים למסמך הם בדרך כלל הטובים ביותר עבור קישורים מקומיים ברוב האתרים.הם שימושיים במיוחד כאשר המסמך הנוכחי והמסמך או הנכס המקושר נמצאים באותה תיקייה וסביר שיישארו יחד. תוכלו גם להשתמש בנתיב יחסי לפי מסמך כדי לקשר למסמך או נכס בתיקייה אחרת על ידי ציון הנתיב דרך היררכיית התיקיות מהמסמך הנוכחי למסמך המקושר.
הרעיון הבסיסי של נתיבים יחסיים לפי מסמך הוא להשמיט את החלק בנתיב המוחלט שזהה גם למסמך הנוכחי וגם למסמך או הנכס המקושר, ולספק רק את החלק של הנתיב ששונה.
לדוגמה, נניח שיש לך אתר במבנה הבא:
כדי לקשר מ-contents.html ל-hours.html (שניהם באותה תיקייה), השתמשו בנתיב היחסי hours.html.
כדי לקשר מ-contents.html ל-tips.html (בתת-התיקייה resources), השתמשו בנתיב היחסי resources/tips.html. בכל לוכסן (/), אתם יורדים רמה אחת בהיררכיית התיקיות.
כדי לקשר מ-contents.html ל-index.html (בתיקיית האב, רמה אחת מעל contents.html), השתמשו בנתיב היחסי ../index.html. שתי נקודות ולוכסן (../) מעבירות אתכם רמה אחת למעלה בהיררכיית התיקיות.
כדי לקשר מ-contents.html ל-catalog.html (בתת-תיקייה שונה של תיקיית האב), השתמשו בנתיב היחסי ../products/catalog.html. כאן, ../ מעביר אתכם למעלה לתיקיית האב, ו-products/ מעביר אתכם למטה לתת-התיקייה products.
כאשר אתם מעבירים קבצים כקבוצה—לדוגמה, כאשר אתם מעבירים תיקייה שלמה, כך שכל הקבצים בתוך אותה תיקייה שומרים על אותם נתיבים יחסיים זה לזה—אין צורך לעדכן קישורים יחסיים למסמך בין אותם קבצים. עם זאת, כאשר אתם מעבירים קובץ בודד שמכיל קישורים יחסיים למסמך, או קובץ בודד שהוא יעד של קישור יחסי למסמך, אתם צריכים לעדכן את הקישורים האלה.(אם אתם מעבירים או משנים שמות של קבצים באמצעות הלוח Files, Dreamweaver מעדכן באופן אוטומטי את כל הקישורים הרלוונטיים.)
נתיבים יחסיים לשורש האתר
נתיבים יחסיים לשורש האתר מתארים את הנתיב מתיקיית השורש של האתר למסמך. ייתכן שתרצו להשתמש בנתיבים האלה אם אתם עובדים על אתר אינטרנט גדול שמשתמש במספר שרתים, או בשרת אחד שמארח כמה אתרים. עם זאת, אם אתם לא מכירים את הסוג הזה של נתיב, ייתכן שתרצו להמשיך להשתמש בנתיבים יחסיים למסמך.
נתיב יחסי לשורש האתר מתחיל בקו נטוי קדמי, שמייצג את תיקיית השורש של האתר. לדוגמה, /support/tips.html הוא נתיב יחסי לשורש האתר לקובץ (tips.html) בתת־התיקייה support של תיקיית השורש של האתר.
נתיב יחסי לשורש האתר הוא לרוב הדרך הטובה ביותר לציין קישורים אם אתם מעבירים לעתים קרובות קבצי HTML מתיקייה אחת לאחרת באתר האינטרנט שלכם. כאשר אתם מעבירים מסמך שמכיל קישורים יחסיים לשורש האתר, אין צורך לשנות את הקישורים מכיוון שהקישורים יחסיים לשורש האתר, ולא למסמך עצמו; לדוגמה, אם קבצי ה־HTML שלכם משתמשים בקישורים יחסיים לשורש האתר עבור קבצים תלויים (כמו תמונות), אז אם אתם מעבירים קובץ HTML, הקישורים לקבצים התלויים שלו עדיין תקפים.
עם זאת, כאשר אתם מעבירים או משנים שמות של המסמכים שאליהם מפנים קישורים יחסיים לשורש האתר, אתם חייבים לעדכן את הקישורים האלה, גם אם הנתיבים של המסמכים יחסית זה לזה לא השתנו.לדוגמה, אם אתם מעבירים תיקייה, אתם חייבים לעדכן את כל הקישורים היחסיים לשורש האתר לקבצים באותה תיקייה. (אם תעביר או תשנה שם של קבצים מהחלונית Files, Dreamweaver יעדכן את כל הקישורים המתאימים באופן אוטומטי.)
פריטים דומים נוספים
בניית אתרי אינטרנט יפהפיים ב-Dreamweaver
עיצוב כתיבת קוד וניהול אתרי אינטרנט דינמיים בכלי רב עוצמה כולל.
