למד כיצד להגדיר את הניווט בין דפי אינטרנט. קשר קבצים ומסמכים, עדכן, שנה ובדוק קישורים ב-Dreamweaver.
לפני יצירת קישור, ודא שאתה מבין כיצד פועלים נתיבים מוחלטים, נתיבים יחסית למסמך ונתיבים יחסית לשורש האתר. ניתן ליצור מספר סוגים של קישורים במסמך.
- קישור למסמך או לקובץ אחר, כגון קובץ גרפי, סרטון, קובץ PDF או קובץ קול.
- קישור מעוגן בעל שם, המעביר אותך למיקום מסוים במסמך.
קישור דוא"ל, היוצר הודעת דוא"ל חדשה ריקה עם כתובת הנמען.
קישורים ריקים וקישורי סקריפט, שניתן להשתמש בהם לקישור התנהגויות לאובייקט או ליצירת קישור המבצע קוד JavaScript.
ניתן להשתמש במפקח המאפיינים ובסמל Point-To-File כדי ליצור קישורים מתמונה, מאובייקט או מטקסט למסמך או לקובץ אחר.
Dreamweaver יוצר את הקישורים לדפים אחרים באתר בעזרת נתיבים יחסיים למסמך. ניתן גם להורות ל-Dreamweaver ליצור קישורים חדשים בעזרת נתיבים יחסיים לשורש האתר.
שמור תמיד קובץ חדש לפני יצירת נתיב יחסי למסמך. נתיב יחסי למסמך אינו בתוקף ללא נקודת התחלה מוגדרת. אם תיצור נתיב יחסי למסמך לפני שמירת הקובץ, Dreamweaver ישתמש באופן זמני בנתיב מוחלט המתחיל בנתיב file:// עד שהקובץ יישמר. כשתשמור את הקובץ, Dreamweaver ימיר את הנתיב file:// לנתיב יחסי.
צירוף התנהגויות JavaScript לקישורים
ניתן לקשר התנהגות לכל קישור במסמך. שקול להשתמש בהתנהגויות הבאות כשאתה מוסיף רכיבים למסמכים:
Set Text Of Status Bar
קובע את הטקסט של הודעה ומציגו בסרגל המצב בפינה השמאלית התחתונה של חלון הדפדפן. לדוגמה, ניתן להשתמש בהתנהגות זו כדי לתאר את היעד של קישור בסרגל המצב במקום להציג את כתובת URL הקשורה אליו.
Open Browser Window
פותח כתובת URL בחלון חדש. ניתן לציין את המאפיינים של חלון חדש, כולל שמו, גודלו ותכונותיו (אם ניתן לשנות את גודלו, אם הוא כולל שורת תפריט וכולי).
Jump Menu
עורך תפריט קפיצה. ניתן לשנות את רשימת האפשרויות בתפריט, לציין קובץ מקושר אחר, או לשנות את מיקום הדפדפן שבו ייפתח המסמך המקושר.
קישור למסמכים בעזרת מפקח המאפיינים
ניתן להשתמש בסמל התיקייה של מפקח המאפיינים או בתיבה Link כדי ליצור קישורים מתמונה, מאובייקט או מטקסט למסמך או לקובץ אחר.
לחץ על סמל התיקייה
מימין לתיבה Link כדי לעיין לקובץ ולבחור בו.הנתיב למסמך המקושר מוצג בתיבה URL. השתמש בתפריט הנפתח Relative To בתיבת הדו-שיח Select HTML File כדי לקבוע שהנתיב יהיה יחסית למסמך או יחסית לשורש ולחץ על OK. סוג הנתיב שתבחר יחול רק על הקישור הנוכחי. (ניתן לשנות את הגדרת ברירת המחדל בתיבה Relative To לאתר).
הקלד את הנתיב ושם הקובץ של המסמך בתיבה Link.
לקישור מסמך לאתר, הזן נתיב יחסית למסמך או יחסית לשורש. לקישור מסמך מחוץ לאתר, הזן נתיב מוחלט, כולל הפרוטוקול (לדוגמה http://). ניתן להשתמש בגישה זו להזנת קישור לקובץ שטרם נוצר.
מהרשימה הנפתחת Target, בחר מיקום לפתיחת המסמך:
- _blank טוען את המסמך המקושר בחלון חדש ללא שם של הדפדפן.
- _parent טוען את המסמך המקושר במסגרת אב או בחלון אב של המסגרת הכוללת את הקישור. אם המסגרת הכוללת את הקישור אינה מקוננת, המסמך המקושר ייטען בחלון מלא של הדפדפן.
- _self טוען את המסמך המקושר באותה מסגרת או חלון כמו הקישור. יעד זה הוא אפשרות ברירת המחדל, כך שבדרך כלל אין צורך לציינו.
- _top טוען את המסמך המקושר בחלון מלא של הדפדפן ומסיר את כל המסגרות.
- _new טוען את המסמך המקושר בחלון חדש.
קישור למסמכים בעזרת הסמל Point-To-File
גרור את הסמל Point-To-File
(סמל היעד) מצד ימין של התיבה Link ב-Property inspector והצבע על נקודת עיגון גלויה במסמך הנוכחי, על נקודת עיגון גלויה במסמך פתוח אחר, על רכיב שהוקצה לו מזהה ייחודי, או על מסמך בחלונית Files.הקש Shift תוך כדי גרירה מהבחירה והצבע על נקודת עיגון גלויה במסמך הנוכחי, על נקודת עיגון גלויה במסמך פתוח אחר, על רכיב שהוקצה לו מזהה ייחודי, או על מסמך בחלונית Files.
ניתן לקשר למסמך פתוח אחר רק אם המסמכים אינם מוגדלים לגודל המרבי בחלון Document. לתצוגת מסמכים באריחים, בחר Window > Arrange > Cascade או Window > Arrange > Tile. כשמצביעים על מסמך פתוח, מסמך זה יזוז לחזית המסך בזמן שאתה מבצע את הבחירה.
הוספת קישור בעזרת הפקודה Hyperlink
הפקודה Hyperlink מאפשרת ליצור קישור טקסט לתמונה, לאובייקט, למסמך או לקובץ אחר.
בצע אחד מהצעדים הבאים לתצוגת תיבת הדו-שיח Hyperlink:
בחר Insert > Hyperlink.
בקטגוריה Common בחלונית Insert, לחץ על הלחצן Hyperlink.
בשדה הטקסט, הזינו את הטקסט של הקישור.
מתפריט הנפתח Link, בחרו את שם הקובץ שברצונכם לקשר אליו.באפשרותך גם ללחוץ על סמל התיקייה
כדי לעיין לקובץ שברצונך לקשר אליו.
שמות כל המסגרות שנתת להן שם במסמך הנוכחי יופיעו ברשימה הנפתחת. אם תציין מסגרת שאינה קיימת, הדף המקושר ייפתח בחלון חדש ששמו זהה לשם שציינת. ניתן גם לבחור מבין שמות היעד השמורים הבאים:
- _blank טוען את הקובץ המקושר בחלון דפדפן חדש, ללא שם.
- _parent טוען את הקובץ המקושר בערכת האב של המסגרות או בחלון של המסגרת הכוללת את הקישור. אם המסגרת שכוללת את הקישור אינה מקוננת, הקובץ המקושר ייטען בחלון המלא של הדפדפן.
- _self טוען את הקובץ המקושר באותה מסגרת או באותו חלון כמו הקישור. יעד זה הוא אפשרות ברירת המחדל, כך שבדרך כלל אין צורך לציינו.
- _top טוען את הקובץ המקושר בחלון מלא של הדפדפן ומסיר את כל המסגרות.
- _new טוען את המסמך המקושר בחלון חדש.
יצירת קישור למסמך Word או Excel
ניתן להוסיף לדף קיים קישור למסמך Microsoft Word או Excel.
בתצוגה 'עיצוב', פתח את הדף שבו ברצונך שהקישור יופיע.
גרור את הקובץ ממיקומו הנוכחי לדף Dreamweaver, ומקם את הקישור במקום הרצוי. מופיעה תיבת הדו-שיח 'הוספת מסמך'.
בחר Create A Link ולחץ על OK.
אם המסמך שאליו אתה מקשר נמצא מחוץ לתיקיית השורש של האתר שלך, Dreamweaver יבקש ממך להעתיק את המסמך לשורש האתר.
העתקת המסמך לתיקיית השורש של האתר מבטיחה שהמסמך יהיה זמין בעת פרסום האתר באינטרנט.
בזמן העלאת הדף לשרת האינטרנט יש להקפיד להעלות גם את קובץ ה-Word או ה-Excel. הדף מכיל כעת קישור למסמך ה-Word או ה-Excel. הטקסט של הקישור הוא שם הקובץ המקושר; אם תרצה, תוכל לשנות את טקסט הקישור בחלון Document.
הגדרת הנתיב היחסי של קישורים חדשים
כברירת מחדל, Dreamweaver יוצר קישורים לדפים אחרים באתר בעזרת נתיבים יחסיים למסמך. כדי להשתמש במקום זאת בנתיב יחסי לשורש, יש להגדיר תחילה תיקייה מקומית ב-Dreamweaver על-ידי בחירת תיקיית שורש מקומית שתשמש כמקבילה לשורש המסמך בשרת. Dreamweaver משתמש בתיקייה זו כדי לקבוע את נתיבי הקבצים יחסית לשורש האתר.
שינוי הגדרה זו ימיר את הנתיב של קישורים קיימים לאחר הלחיצה על OK. ההגדרה חלה רק על קישורים חדשים שאתה יוצר ב-Dreamweaver.
הגדרת הנתיב החדשה חלה רק על האתר הנוכחי.
קישור למקום מסוים במסמך
ניתן להשתמש ב-Property inspector לקישור לאזור מסוים של מסמך בעזרת יצירת נקודות עיגון שניתן להן שם תחילה. נקודות עיגון שניתן להן שם מאפשרות להגדיר סמנים במסמך, הממוקמים לעתים קרובות בנושא מסוים או בראש המסמך. לאחר מכן ניתן ליצור קישורים לנקודות עיגון אלה, המנתבים במהירות את המבקר באתר למיקום שהוגדר.
יצירת קישור לנקודת עיגון שניתן לה שם היא תהליך של שני צעדים. תחילה יש ליצור נקודת עיגון ולתת לה שם. לאחר מכן ניתן ליצור קישור לנקודת עיגון זו.
יצירת נקודת עיגון
בחלון Document, בחר וסמן את הפריט שברצונך להגדיר כנקודת עיגון.
פתח את Property Inspector ובדוק אם לפריט הנבחר יש מזהה. אם השדה ID ריק, הוסף מזהה. לדוגמה, Anchor.
לאחר הוספת המזהה, שים לב לשינוי בקוד. id="<ID name>" מתווסף בקוד בבחירה שלך.
קישור בחזרה לנקודת עיגון
שמות נקודות עיגון רגישים לאותיות גדולות וקטנות.
קישור לנקודת עיגון שניתן לה שם בשיטת Point-To-File
אם אינך רואה את נקודת העיגון, בתצוגת Design, בחר View > Design View Options > Visual Aids > Invisible Elements, כדי להפוך את נקודות העיגון לגלויות.
לחץ על הסמל Point-To-File
(סמל היעד) מימין לתיבה Link במפקח המאפיינים וגרור אותו לנקודת העיגון שברצונך לבצע אליה את הקישור: נקודת עיגון באותו מסמך או במסמך פתוח אחר.הקש Shift וגרור בחלון המסמך מהטקסט או מהתמונה שנבחרו לנקודת העיגון שברצונך לבצע אליה את הקישור: נקודת עיגון באותו מסמך או במסמך פתוח אחר.
יצירת קישור לדוא"ל
קישור לדוא"ל פותח חלון הודעה ריק (בתוכנת הדואר המקושרת לדפדפן של המשתמש) כשלוחצים עליו. בחלון ההודעה, התיבה To מעודכנת אוטומטית בכתובת שצוינה בקישור לדוא"ל.
יצירת קישור לדוא"ל בעזרת הפקודה Insert Email Link
בחר Insert > Email Link.
בקטגוריה Common בחלונית Insert, לחץ על הלחצן Email Link.
יצירת קישור לדוא"ל בעזרת מפקח המאפיינים
אל תקליד רווחים בין הנקודתיים לבין כתובת הדוא"ל.
הזנה אוטומטית של שורת הנושא בהודעת דוא"ל
הפריט בשלמותו ייראה כך:
mailto:someone@yoursite.com?subject=Mail from Our Site
יצירת קישורים ריקים וקישורי סקריפט
קישור ריק הוא קישור שאינו מוביל למיקום אחר. השתמש בקישורים ריקים כדי לצרף התנהגויות לאובייקטים או לטקסט בדף. לדוגמה, ניתן לצרף התנהגות לקישור ריק כך שהוא מחליף תמונה או מציג רכיב במיקום מוחלט (רכיב AP) כשהמצביע נמצא על הקישור.
קישורי סקריפט מבצעים קוד JavaScript או קוראים לפונקציית JavaScript והם שימושיים כדי למסור למבקרים באתר מידע נוסף לגבי פריט מבלי לצאת מהדף הנוכחי. קישורי סקריפט יכולים גם לשמש לביצוע חישובים, לאימות טפסים, או לביצוע משימות עיבוד אחרות כשמבקר באתר לוחץ על פריט מסוים.
יצירת קישור ריק
יצירת קישור סקריפט
עדכון קישורים אוטומטית
Dreamweaver יכול לעדכן קישורים למסמך וממסמך בכל פעם שאתה מעביר את המסמך או משנה את שמו באתר מקומי. תכונה זו פועלת באופן הטוב ביותר בעת אחסון כל האתר (או מקטע עצמאי שלם מתוכו) בדיסק המקומי במחשב. Dreamweaver אינו משנה קבצים בתיקייה המרוחקת עד להעברת הקבצים המקומיים לשרת המרוחק או הכנסתם לאחסון בשרת המרוחק.
כדי להאיץ את תהליך העדכון, Dreamweaver יכול ליצור קובץ בזיכרון המטמון לאחסון המידע לגבי כל הקישורים בתיקייה המקומית. הקובץ בזיכרון המטמון מתעדכן בשעה שמוסיפים, משנים או מוחקים קישורים באתר המקומי.
הפעלת עדכוני קישורים אוטומטיים
Always
מעדכן אוטומטית את כל הקישורים למסמך שנבחר או ממנו בכל פעם שמזיזים את המסמך או משנים את שמו.
Never
אינו מעדכן אוטומטית את כל הקישורים למסמך שנבחר או ממנו בכל פעם שמזיזים את המסמך או משנים את שמו.
Prompt
מציג תיבת דו-שיח המציגה רשימה של כל הקבצים שיושפעו מהשינוי. לחץ על Update כדי לעדכן את הקישורים בקבצים אלה, או לחץ על Don’t Update כדי להשאיר את הקבצים ללא שינוי.
יצירת קובץ בזיכרון המטמון עבור האתר
בפעם הראשונה שתשנה או תמחק קישורים לקבצים בתיקייה המקומית לאחר הפעלת Dreamweaver, Dreamweaver יבקש ממך לטעון את הקובץ מזיכרון המטמון. אם תלחץ על Yes, Dreamweaver יטען את הקובץ מזיכרון המטמון ויעדכן את כל הקישורים לקובץ ששינית כרגע. אם תלחץ על No, השינוי יירשם בזיכרון המטמון, אך Dreamweaver לא יטען את הקובץ מזיכרון המטמון ולא יעדכן קישורים.
ייתכן שיידרשו דקות אחדות לטעינת הקובץ מזיכרון המטמון באתרים גדולים יותר, משום ש-Dreamweaver חייב לקבוע אם זיכרון המטמון מעודכן על-ידי השוואת חותמות הזמן של הקבצים באתר המקומי מול חותמות הזמן הרשומות בזיכרון המטמון. אם לא שינית קבצים מחוץ ל-Dreamweaver, ניתן ללחוץ בבטחה על הלחצן Stop כשהוא מופיע.
יצירה מחדש של קבצים בזיכרון המטמון
שינוי קישור בכל האתר
בנוסף לכך ש-Dreamweaver מעדכן קישורים אוטומטית בכל פעם שאתה מעביר קובץ או משנה את שמו, ניתן גם לשנות ידנית את כל הקישורים (כולל קישורי דוא"ל, קישורי FTP, קישורים ריקים וקישורי סקריפט) כדי שהם יפנו למקום אחר.
אפשרות זו שימושית במיוחד כשברצונך למחוק קובץ שקבצים אחרים מפנים אליו, אך ניתן להשתמש בו למטרות אחרות. לדוגמה, נניח שאתם מקשרים את המילים "הסרטים של החודש" ל-/movies/july.html ברחבי האתר שלכם. ב-1 באוגוסט ניתן לשנות את הקישורים כדי שיובילו לקובץ /movies/august.html.
אם אתה משנה קישור דוא"ל, קישור FTP או קישור סקריפט, אין צורך לבחור קובץ.
בחר Site > Site Options > Change Link Sitewide.
Change All Links To
לחץ על סמל התיקייה
כדי לעיין לקובץ היעד ולבחור בו כדי להסיר ממנו את הקישור. אם אתה משנה קישור דוא"ל, קישור FTP, קישור ריק או קישור סקריפט, הקלד את הטקסט המלא של הקישור שאתה משנה.
Into Links to
לחץ על סמל התיקייה
כדי לעיין לקובץ החדש ולבחור בו כדי לקשר אליו. אם אתה משנה קישור דוא"ל, קישור FTP, קישור ריק או קישור סקריפט, הקלד את הטקסט המלא של הקישור החלופי.
Dreamweaver מעדכן את כל המסמכים המקשרים לקובץ שנבחר, וגורם להם להפנות לקובץ החדש, בעזרת תבנית הנתיב שכבר נעשה בה שימוש במסמך (לדוגמה, אם הנתיב הישן היה יחסי למסמך, גם הנתיב החדש הוא יחסי למסמך).
לאחר שינוי קישור בכל האתר, הקובץ שנבחר הופך להיות יתום (כלומר, שום קובץ בדיסק המקומי במחשב אינו מפנה אליו). ניתן למחוק בבטחה את הקישור מבלי לנתק קישורים באתר Dreamweaver המקומי.
מאחר ששינויים אלה מתבצעים במחשב המקומי, יש למחוק ידנית את הקובץ היתום המתאים בתיקייה המרוחקת ולשלוח לשרת או להכניס לאחסון בשרת קבצים שהשתנו בהם קישורים, אחרת המבקרים באתר לא יראו את השינויים.
בדיקת קישורים ב-Dreamweaver
קישורים אינם פעילים ב-Dreamweaver; כלומר, לא ניתן לפתוח מסמך מקושר בלחיצה על הקישור בחלון המסמך.
לחץ לחיצה ימנית על הקישור ובחר Open Linked Page.
הקש Control (Windows) או Command (Macintosh) ולחץ פעמיים על הקישור.
המסמך המקושר חייב להיות מאוחסן בדיסק המקומי במחשב.
פריטים דומים נוספים
- ערכת לימוד בווידאו: כיצד להוסיף היפר-קישורים לתמונה כולה או לחלק ממנה
- נתיבים מוחלטים, נתיבים יחסיים למסמכים ונתיבים יחסיים לתיקיית שורש של אתר
- ערכת לימוד בנושא יצירת קישורים
- החלת התנהגויות מובנות של JavaScript
- עבודה עם אתרי Dreamweaver
- תיקון קישורים שנותקו
- החלת התנהגות
- מציאת קישורים שנותקו, קישורים חיצוניים וקישורים יתומים
בניית אתרי אינטרנט יפהפיים ב-Dreamweaver
עיצוב כתיבת קוד וניהול אתרי אינטרנט דינמיים בכלי רב עוצמה כולל.