מפת תמונות היא תמונה עם כתובות URL "ממופות" עליה. אתה יכול להתלבש באתר שלך או בדף ההתחלה האישי שלך עם מפת תמונות עם האתרים האהובים עליך שאתה אוהב לבקר בהם. יש הרבה תוכנות שאתה יכול לעשות את זה, אבל מאמר זה ישתמש ב- Gimp.
צעדים
שלב 1. הרכיב גרפיקה ראשונית שתמפה
אתה יכול להשתמש בתמונות, תמונות, מה שעובד עבורך. כאן נשתמש ב wikiHow, בפורום wikiHow וב- iGoogle.
שלב 2. לאחר יצירת התמונה, (או פתיחתה), עבור אל מסננים >> אינטרנט >> ImageMap
מסך הדו -שיח Gimp ImageMap
שלב 3. לחץ על המלבן מימין למסך, ולאחר מכן בחר אחת מהתמונות שבהן ברצונך להשתמש
בצילום מסך זה, נבחר wikiHow. מלא את המידע הדרוש במסך הדו -שיח שעולה.
לחץ על מלבן ותוכל לראות את המיקום המדויק של הגרפיקה
שלב 4. המשך בתהליך זה לשאר המפה שלך
שלב 5. לאחר שסיימת להגדיר את כל אזורי הקישור, שמור את מפת התמונה שלך
GIMP תציע לשמור אותו באופן אוטומטי כקובץ בעל סיומת.map. אם תרצה, תוכל לשמור אותו כך. אך קובץ זה מכיל את קוד ה- HTML (ללא תמונות) שעלינו לערוך ולהעתיק אותו לדף האינטרנט שלנו, לכן מומלץ לשמור אותו בשם [שם קובץ].html ולדלג ישירות לשלב 7.
שלב 6. אם לא שמרת אותו כקובץ HTML, מצא את הקובץ השמור ושנה את שם הסיומת ל-.html
ייתכן שתקבל אזהרה לגבי שינוי סיומות קבצים. לחץ על כן כדי להמשיך.
שלב 7. השתמש בעורך טקסט כדי לפתוח קובץ HTML זה
תבחין בקובץ זה פשוט מכיל רשימת קואורדינטות וכתובות אתרים. זהו הקוד שאומר לדפדפן אילו כתובות URL יש להקצות לאיזה חלק של התמונה שלך.
שלב 8. ודא את נתיב הקובץ המוגדר ב-
קישורים לתמונה שאליה תרצה למפות את כתובות האתרים.
אי הצבעה נכונה לתמונה עלולה לגרום לכך שלא תוצג תמונה כלל.
שלב 9. אופציונלי:
השתמש בדפדפן כדי לפתוח את קובץ ה- HTML שלך; אם הכל עובד, אתה אמור לראות את התמונה עם כל כתובות ה- URL ממופות עליה בהתאם לאזורים שהגדרת.
שלב 10. הוסף את מפת התמונה שלך ל- HTML של דף האינטרנט שלך
יהיה עליך להעתיק את כל שורות הקוד שאתה רואה, כולל
tag (שמגדיר את הנתיב לתמונת המקור שלך) וכל מה שבין התגים. זהו זה! אתה סיימת.