כיצד ליצור היפר עם

היכולת ליצור קישור במסמך שלוקח אותך למסמך אחר, אולי ברשת בחצי הדרך בעולם, היא הסיבה היחידה החשובה ביותר לכך שה- World Wide Web הומצא. קישורים אלה, הנקראים היפר, הם "H" ב- HTML - HyperText Markup Language. ללא היפר, האינטרנט לא יהיה שימושי מאוד. לא יהיו מנועי חיפוש, מדיה חברתית, או מודעות באנר (אישור, רובנו יכול לראות אותם ללכת).

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

Friday of 05

יצירת היפר עם

כלי הקישור של KompoZer נגישים בלחיצה על הלחצן קישור בסרגל הכלים. כדי ליצור היפר-קישור:

1. מקם את הסמן בדף שבו ברצונך שה היפר-קישור שלך יופיע.
2. לחץ על הלחצן קישור בסרגל הכלים. תיבת הדו-שיח מאפייני קישור תופיע.
3. השדה הראשון שאתה צריך למלא הוא הקישור טקסט תיבת. הקלד את הטקסט שברצונך שיופיע בדף עבור הקישור שלך.
4. השדה השני שאתה צריך למלא הוא הקישור מיקום הקישור. הקלד את כתובת האתר של הדף כי הקישור שלך ייקח את המשתמש בעת לחיצה. מומלץ להעתיק ולהדביק את כתובת האתר משורת הכתובת של הדפדפן שלך. אתה הרבה פחות לעשות טעות בדרך זו ואתה יודע, לפחות בזמן יצירת הקישור שלך, כי הדף הוא חי וקישור זה לא נשבר.
5. לחץ על אישור וסגירת תיבת הדו-שיח מאפייני קישור תסגור. הקישור שלך יופיע כעת בדף שלך.

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

02 מתוך 05

יצירת קישור עוגן עם קומפוזר

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

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

1. לחץ על אזור הדף שבו אתה רוצה עוגן. כלומר, במקום שבו ברצונך להציג את מציג הדף בעת לחיצה על קישור עוגן. בדוגמה זו, לחצתי ממש לפני ה - "F" בכותרת 'מוסיקה מועדפת'.
2. לחץ על הלחצן עוגן בסרגל הכלים. תיבת הדו-שיח מאפייני עוגן בשם (Named Anchor Properties) מופיעה.
3. כל עוגן בדף צריך שם ייחודי. עבור עוגן זה, השתמשתי בשם "מוסיקה".
4. לחץ על אישור, ואתה אמור לראות, ואת סמל עוגן מופיע במקום שאתה רוצה את העוגן. סמל זה לא יופיע בדף האינטרנט שלך, זה בדיוק איך KompoZer מראה לך איפה העוגנים שלך.
5. חזור על ההליך עבור כל האזורים האחרים של הדף שבו אתה רוצה שמשתמשים יוכלו לקפוץ. אם יש לך הרבה טקסט בדף המופרדים על ידי כותרות או מחלק לוגי אחר, עוגנים הם דרך קלה לניווט בדף.

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

03 מתוך 05

יצירת דף ניווט עם קומפוזר

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

04 מתוך 05

יצירת היפר כדי עוגנים עם

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

1. בחר את הטקסט שברצונך להפוך לקישור. בדוגמה זו, בחרתי את הטקסט "מוסיקה מועדפת" שנמצאת בתא הטבלה הראשון לאורך החלק העליון של הדף.
2. לחץ על הלחצן קישור בסרגל הכלים. תיבת הדו-שיח מאפייני קישור תיפתח.
3. במקרה זה, בחרנו בטקסט לפני הלחיצה על לחצן הקישור, כך שהקטע 'קישור טקסט' בחלון כבר מלא ולא ניתן לערוך אותו. לחץ על החץ למטה במקטע 'מיקום קישור'. תוצג רשימת העוגנים שיצרת בשלבים הקודמים. בדוגמה זו, אני בוחר את העוגן #music.
4. לחץ על אישור. הטקסט "מוסיקה מועדפת" בסרגל הניווט הופך לקישור שיגרום לצופה לקפוץ לאותו קטע בדף בעת הלחיצה.

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

05 מתוך 05

יצירת היפר מתוך תמונה עם

האם ידעת שאתה יכול ליצור קישור מתמונות כמו גם טקסט? KompoZer מאפשר לך לעשות זאת באמצעות רק כמה קליקים. הנה אני מכניס תמונת סמל קטן מראה חץ הצבעה כלפי מעלה ואת הטקסט "TOP" בתחתית הדף. אני הולך להשתמש בתמונה זו כקישור כדי לקפוץ לראש הדף.

1. לחץ לחיצה ימנית על תמונה ובחר תמונה ותכונות קישור מתווית ההקשר. תיבת הדו-שיח מאפייני תמונה תיפתח.
2. בכרטיסייה מיקום, תראה את שם הקובץ של התמונה ואת תצוגת התמונות הממוזערות כבר מלא. עליך להזין טקסט כלשהו בתיבת הטקסט חלופי. זה מה שמופיע כאשר אתה מזיז את העכבר מעל התמונה, וגם מה שקוראים על ידי קורא מסך כאשר אדם לקויי ראייה קורא את דף האינטרנט.
3. לחץ על הכרטיסייה קישור. כאן אתה יכול לבחור עוגן מהתפריט, בדיוק כמו שעשינו עם קישורים עוגן. למעשה, תמונה זו משמשת כקישור עוגן. בחרתי בעוגן #Links_Of_Interest שייקח אותנו חזרה למעלה.
4. לחץ על אישור. התמונה עכשיו קישורים לראש הדף של הדף כאשר לוחצים.