כיצד להפוך תמונה בתוך תמונה הפניה? איך להכניס קישור לתמונה

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

לעשות תפריט של תמונות

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

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

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

כיצד להפוך

הבה נבחן קצת יותר את הדרך הראשונה.

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

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

אם זהו אתר משלך - קבצים בגלריה או בספרייה קונבנציונלית מתאימים, עבור "VKontakte" זה עשוי להיות אלבום קבוצה או קהילה (רצוי בחינם).

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

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

אנו עושים מפת אתר

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

ראשית, עלינו לזכור כי Sitemap מחובר התמונה באמצעות usemap הפקודה = "# map1, אשר שנקבעה img התג לכן, ממלאת את התמונה באתר, הקפד להוסיף את התג בחלק השני -. Usemap =" שם המפה #".

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

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

הגדרות קיצור

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

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

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

הראשונה - הצורה. בעזרתו של מנהל אתר קובע מעין השדה. זה יכול להיות:

• מעגל - מעגל;
• מלבן - מלבן;
• פוליגון - פולי;
• תמונות אזור מנוחה - ברירת המחדל.

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

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

וגם האפשרות האחרונה, המהווה יוזכר, - nohref. זה מראה כי האזור הזה הוא לא הפניה.

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

טיפים

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

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

ממצאים

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