יצירת קישורי תמונות ומפות תמונה

• אַפּרִיל 28, 2024

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

תמונה מקושרת ב- HTML

קישור תמונה או אייקון קטן מאוד פשוט כל שעליך לעשות הוא למקם את קישור התמונה שלך בתוך ההיפר-קישור כך:



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

פריסת תמונות בפוטושופ

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

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

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

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

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

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

הוראות וידאו: איך עושים היפר קישור במצגת פאואר פויינט | how to create hyperlink in power point (אַפּרִיל 2024).