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

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

  • קישור למסמך או לקובץ אחר, כגון קובץ גרפי, סרטון, קובץ PDF או קובץ קול.

  • קישור לנקודת עיגון בעלת שם, אשר מעביר אותך למיקום מסוים במסמך.

  • קישור דוא"ל, היוצר הודעת דוא"ל חדשה ריקה עם כתובת הנמען.

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

ניתן להשתמש ב-Property inspector ובסמל Point-To-File כדי ליצור קישורים מתמונה, מאובייקט או מטקסט למסמך או לקובץ אחר.

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

הערה:

שמור תמיד קובץ חדש לפני יצירת נתיב יחסי למסמך. נתיב יחסי למסמך אינו בתוקף ללא נקודת התחלה מוגדרת. אם תיצור נתיב יחסי למסמך לפני שמירת הקובץ, Dreamweaver ישתמש באופן זמני בנתיב מוחלט המתחיל בנתיב ‎file:‎/‎/‎ עד שהקובץ יישמר. כשתשמור את הקובץ, Dreamweaver ימיר את הנתיב file:‎/‎/‎ לנתיב יחסי.

ניתן לקשר התנהגות לכל קישור במסמך. שקול להשתמש בהתנהגויות הבאות כשאתה מוסיף רכיבים למסמכים:

Set Text Of Status Bar

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

Open Browser Window

פותח כתובת URL בחלון חדש. ניתן לציין את המאפיינים של חלון חדש, כולל שמו, גודלו ותכונותיו (אם ניתן לשנות את גודלו, אם הוא כולל שורת תפריט וכולי).

Jump Menu

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

ניתן להשתמש בסמל התיקייה של מפקח המאפיינים או בתיבה Link כדי ליצור קישורים מתמונה, מאובייקט או מטקסט למסמך או לקובץ אחר.

  1. בחר טקסט או תמונה בתצוגת Design בחלון המסמך.
  2. פתח את מפקח המאפיינים ‏(Window ‏> Properties), ובצע אחד מהצעדים הבאים:
    • לחץ על סמל התיקייה מימין לתיבה Link כדי לעיין לקובץ ולבחור בו.

      הנתיב למסמך המקושר מוצג בתיבה URL. השתמש בתפריט הנפתח Relative To בתיבת הדו-שיח Select HTML File כדי לקבוע שהנתיב יהיה יחסית למסמך או יחסית לשורש ולחץ על OK. סוג הנתיב שתבחר יחול רק על הקישור הנוכחי. ‏(ניתן לשנות את הגדרת ברירת המחדל בתיבה Relative To לאתר).

    • הקלד את הנתיב ושם הקובץ של המסמך בתיבה Link.

      לקישור מסמך לאתר, הזן נתיב יחסית למסמך או יחסית לשורש. לקישור מסמך מחוץ לאתר, הזן נתיב מוחלט, כולל הפרוטוקול (לדוגמה http:‎/‎/‎). ניתן להשתמש בגישה זו להזנת קישור לקובץ שטרם נוצר.

  3. מהרשימה הנפתחת Target, בחר מיקום לפתיחת המסמך:

    • ‎_blank טוען את המסמך המקושר בחלון חדש ללא שם של הדפדפן.
    • ‎_parent טוען את המסמך המקושר במסגרת אב או בחלון אב של המסגרת הכוללת את הקישור. אם המסגרת הכוללת את הקישור אינה מקוננת, המסמך המקושר ייטען בחלון מלא של הדפדפן.
    • ‎_self טוען את המסמך המקושר באותה מסגרת או חלון כמו הקישור. יעד זה הוא אפשרות ברירת המחדל, כך שבדרך כלל אין צורך לציינו.
    • ‎_top טוען את המסמך המקושר בחלון מלא של הדפדפן ומסיר את כל המסגרות.
    • _new טוען את המסמך המקושר בחלון חדש.
  1. בחר טקסט או תמונה בתצוגת Design בחלון המסמך.
  2. צור קישור באחת משתי הדרכים הבאות:
    • גרור את הסמל Point-To-File (סמל היעד) מצד ימין של התיבה Link ב-Property inspector והצבע על נקודת עיגון גלויה במסמך הנוכחי, על נקודת עיגון גלויה במסמך פתוח אחר, על רכיב שהוקצה לו מזהה ייחודי, או על מסמך בחלונית Files.

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

    הערה:

    ניתן לקשר למסמך פתוח אחר רק אם המסמכים אינם מוגדלים לגודל המרבי בחלון Document. לתצוגת מסמכים באריחים, בחר Window‏ > Arrange‏ > Cascade או Window‏ > Arrange‏ > Tile. בעת הצבעה על מסמך פתוח, מסמך זה זז לחזית המסך בזמן שאתה מבצע את הבחירה.

הפקודה Hyperlink מאפשרת ליצור קישור טקסט לתמונה, לאובייקט, למסמך או לקובץ אחר.

  1. הצב את נקודת ההכנסה במקום שברצונך להגדיר בו קישור במסמך.
  2. בצע אחד מהצעדים הבאים לתצוגת תיבת הדו-שיח Hyperlink:

    • בחר Insert ‏> Hyperlink.

    • בקטגוריה Common בחלונית Insert, לחץ על הלחצן Hyperlink.

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

  4. בתפריט הנפתח Target, בחר בחלון שבו ייפתח הקובץ או הקלד את שמו.

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

    • ‎_blank טוען את הקובץ המקושר בחלון דפדפן חדש, ללא שם.
    • ‎_parent טוען את הקובץ המקושר בערכת האב של המסגרות או בחלון של המסגרת הכוללת את הקישור. אם המסגרת שכוללת את הקישור אינה מקוננת, הקובץ המקושר ייטען בחלון המלא של הדפדפן.
    • _self טוען את הקובץ המקושר באותה מסגרת או באותו חלון כמו הקישור. יעד זה הוא אפשרות ברירת המחדל, כך שבדרך כלל אין צורך לציינו.
    • ‎_top טוען את הקובץ המקושר בחלון מלא של הדפדפן ומסיר את כל המסגרות.
    • ‎_new טוען את המסמך המקושר בחלון חדש.
  5. בתיבה Tab Index, הזן מספר לסדר הכרטיסיות.
  6. בתיבה Title, הזן כותרת לקישור.
  7. בתיבה Access Key, הזן מקש קיצור (אות אחת) לבחירת הקישור בדפדפן.
  8. לחץ על OK.

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

  1. בחר Site ‏> Manage Sites.
  2. בתיבת הדו-שיח Manage, לחץ פעמיים על האתר ברשימה.
  3. בתיבת הדו-שיח Site Setup, הרחב את Advanced Settings ובחר את הקטגוריה Local Info.
  4. הגדר את הנתיב היחסי של קישורים חדשים בעזרת בחירה באפשרות Document או Site Root.

    שינוי הגדרה זו ימיר את הנתיב של קישורים קיימים לאחר הלחיצה על OK. ההגדרה חלה רק על קישורים חדשים שאתה יוצר ב-Dreamweaver.

  5. לחץ על Save.

    הגדרת הנתיב החדשה חלה רק על האתר הנוכחי.

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

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

יצירת נקודת עיגון

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

  2. פתח את Property Inspector ובדוק אם לפריט הנבחר יש מזהה. אם השדה ID ריק, הוסף מזהה. לדוגמה, Anchor.

    יצירת נקודת עיגון
    יצירת נקודת עיגון

    לאחר הוספת המזהה, שים לב לשינוי בקוד. id="<ID name>" מתווסף בקוד בבחירה שלך.

    עיגון מזהה בקוד
    הוספת נקודות עיגון עבור קישור

  1. בתצוגת Design בחלון המסמך, בחר טקסט או תמונה שמהם יתבצע הקישור.
  2. בתיבה Link ב-Property inspector , הקלד את הסימן # ואת שם נקודת העיגון. לדוגמה, לקישור לנקודת עיגון בשם top במסמך הנוכחי, הקלד ‎#top. לקישור לנקודת עיגון בשם top במסמך אחר באותה תיקייה, הקלד filename.html#top.

    הערה:

    שמות נקודות עיגון רגישים לאותיות גדולות וקטנות.

  1. פתח את המסמך הכולל את נקודת העיגון שניתן לה שם.

    הערה:

    אם אינך רואה את נקודת העיגון, בתצוגת Design, בחר View‏ > Design View Options‏ > Visual Aids‏ > Invisible Elements, כדי להפוך את נקודות העיגון לגלויות.

  2. בתצוגת Design בחלון המסמך, בחר טקסט או תמונה שמהם יתבצע הקישור. ‏(אם הם נמצאים במסמך פתוח אחר, יש לעבור אליו).
  3. בצע אחת מהפעולות הבאות:
    • לחץ על הסמל Point-To-File (סמל היעד) מימין לתיבה Link ב-Property inspector וגרור אותו לנקודת העיגון שברצונך לבצע אליה את הקישור: נקודת עיגון באותו מסמך או במסמך פתוח אחר.

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

קישור לדוא"ל פותח חלון הודעה ריק (בתוכנת הדואר המקושרת לדפדפן של המשתמש) כשלוחצים עליו. בחלון ההודעה, התיבה To מעודכנת אוטומטית בכתובת שצוינה בקישור לדוא"ל.

  1. בתצוגת Design בחלון המסמך, הצב את נקודת ההכנסה במקום שברצונך להציג בו את הקישור לדוא"ל, או בחר בטקסט או בתמונה שברצונך שהם יופיעו כקישור לדוא"ל.
  2. כדי להוסיף את הקישור, בצע אחת מהפעולות הבאות:
    • בחר Insert ‏> Email Link.

    • בקטגוריה Common בחלונית Insert, לחץ על הלחצן Email Link.

  3. בתיבה Text, הקלד או ערוך את גוף ההודעה.
  4. בתיבה Email, הקלד את כתובת הדוא"ל ולחץ על OK.
  1. בחר טקסט או תמונה בתצוגת Design בחלון המסמך.
  2. בתיבה Link ב-Property inspector, הקלד mailto:‎ ולאחר מכן כתובת דוא"ל.

    אל תקליד רווחים בין הנקודתיים לבין כתובת הדוא"ל.

הזנה אוטומטית של שורת הנושא בהודעת דוא"ל

  1. צור קישור לדוא"ל בעזרת מפקח המאפיינים כפי שהוסבר לעיל.
  2. בתיבה Link ב-Property inspector, הוסף ‎?subject=‎ אחרי כתובת הדוא"ל והקלד נושא אחרי סימן השוויון. אל תקליד רווחים בין סימן השאלה לבין סוף הכתובת.

    הפריט בשלמותו ייראה כך:

    mailto:someone@yoursite.com?subject=Mail from Our Site

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

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

  1. בחר טקסט, תמונה או אובייקט בתצוגת Design בחלון המסמך.
  2. ב-Property inspector, הקלד javascript:‎;‎ (המילה javascript, ואחריה נקודתיים ונקודה-פסיק) בתיבה Link.
  1. בחר טקסט, תמונה או אובייקט בתצוגת Design בחלון המסמך.
  2. בתיבה Link ב-Property inspector, הקלד javascript:‎ ולאחריו קוד JavaScript או קריאה לפונקציה. ‏(‏אין להקליד רווחים בין הנקודתיים לבין הקוד או הקריאה לפונקציה).

Dreamweaver יכול לעדכן קישורים למסמך וממסמך בכל פעם שאתה מעביר את המסמך או משנה את שמו באתר מקומי. תכונה זו פועלת באופן הטוב ביותר בעת אחסון כל האתר (או מקטע עצמאי שלם מתוכו) בדיסק המקומי במחשב. Dreamweaver אינו משנה קבצים בתיקייה המרוחקת עד להעברת הקבצים המקומיים לשרת המרוחק או הכנסתם לאחסון בשרת המרוחק.

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

  1. בחר Edit ‏> Preferences ‏(Windows) או Dreamweaver ‏> Preferences ‏(Macintosh).
  2. בתיבת הדו-שיח Preferences, בחר General מרשימת הקטגוריות מצד שמאל.
  3. באזור Document Options בכרטיסייה General בתיבת הדו-שיח Preferences, בחר אפשרות מהתפריט הנפתח Update Links When Moving Files.

    Always

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

    Never

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

    Prompt

    מציג תיבת דו-שיח המציגה רשימה של כל הקבצים שיושפעו מהשינוי. לחץ על Update כדי לעדכן את הקישורים בקבצים אלה, או לחץ על Don’t Update כדי להשאיר את הקבצים ללא שינוי.

  4. לחץ על OK.

יצירת קובץ בזיכרון המטמון לאתר

  1. בחר Site ‏> Manage Sites.
  2. בחר אתר ולחץ על Edit.
  3. בתיבת הדו-שיח Site Setup, הרחב את Advanced Settings ובחר את הקטגוריה Local Info.
  4. בקטגוריה Local Info, בחר Enable Cache.

    בפעם הראשונה שתשנה או תמחק קישורים לקבצים בתיקייה המקומית לאחר הפעלת Dreamweaver, ‏Dreamweaver יבקש ממך לטעון את הקובץ מזיכרון המטמון. אם תלחץ על Yes,‏ Dreamweaver יטען את הקובץ מזיכרון המטמון ויעדכן את כל הקישורים לקובץ ששינית כרגע. אם תלחץ על No, השינוי יירשם בזיכרון המטמון, אך Dreamweaver לא יטען את הקובץ מזיכרון המטמון ולא יעדכן קישורים.

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

יצירה מחדש של קבצים בזיכרון המטמון

  1. בחלונית Files, בחר Site ‏> Advanced ‏> Recreate Site Cache.

בנוסף לכך ש-Dreamweaver מעדכן קישורים אוטומטית בכל פעם שאתה מעביר קובץ או משנה את שמו, ניתן גם לשנות ידנית את כל הקישורים (כולל קישורי דוא"ל, קישורי FTP, קישורים ריקים וקישורי סקריפט) כדי שהם יפנו למקום אחר.

אפשרות זו שימושית במיוחד כשברצונך למחוק קובץ שקבצים אחרים מפנים אליו, אך ניתן להשתמש בו למטרות אחרות. לדוגמה, נניח שאתה מקשר את המילים "סרטי החודש" ל'קובץ ‎/movies/july.html בכל האתר. ב-1 באוגוסט ניתן לשנות את הקישורים כדי שיובילו לקובץ ‎/movies/august.html.

  1. בחר קובץ בתצוגת Local בחלונית Files.

    הערה:

    אם אתה משנה קישור דוא"ל, קישור FTP או קישור סקריפט, אין צורך לבחור קובץ.

  2. בחר Site‏ > Site Options‏ > Change Link Sitewide.

  3. הגדר את האפשרויות הבאות בתיבת הדו-שיח Change Link Sitewide:

    Change All Links To

    לחץ על סמל התיקייה כדי לאתר את קובץ היעד ולבחור בו כדי להסיר ממנו את הקישור. אם אתה משנה קישור דוא"ל, קישור FTP, קישור ריק או קישור סקריפט, הקלד את הטקסט המלא של הקישור שאתה משנה.

    Into Links to

    לחץ על סמל התיקייה כדי לאתר את הקובץ החדש ולבחור בו כדי לקשר אליו. אם אתה משנה קישור דוא"ל, קישור FTP, קישור ריק או קישור סקריפט, הקלד את הטקסט המלא של הקישור החלופי.

  4. לחץ על OK.

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

    לאחר שינוי קישור בכל האתר, הקובץ שנבחר הופך להיות יתום (כלומר, שום קובץ בדיסק המקומי במחשב אינו מפנה אליו). ניתן למחוק בבטחה את הקישור מבלי לנתק קישורים באתר Dreamweaver המקומי.

    הערה:

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

קישורים אינם פעילים ב-Dreamweaver; כלומר, לא ניתן לפתוח מסמך מקושר בלחיצה על הקישור בחלון המסמך.

  1. בצע אחת מהפעולות הבאות:
    • לחץ לחיצה ימנית על הקישור ובחר Open Linked Page.

    • הקש Control ‏(Windows) או Command ‏(Macintosh) ולחץ פעמיים על הקישור.

    הערה:

    המסמך המקושר חייב להיות מאוחסן בדיסק המקומי במחשב.

עבודה זו בוצעה ברישיון של Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  הודעות המתפרסמות ב- Twitter™‎ ו- Facebook אינן מכוסות בתנאי Creative Commons.

הצהרות משפטיות   |   מדיניות פרטיות מקוונת