אם יש לך באנר, אך אין קוד HTML מוכן להכניס אותו לדף, אז הוספת הקישור שאתה זקוק לו לא כל כך קשה. גם אם הבאנר מיוצר בטכנולוגיית פלאש. להלן אפשרויות אפשריות לארגון קישורים לבאנרים בפורמטים גרפיים ופלאש בקוד המקור.
הוראות
שלב 1
אם הבאנר נמצא באחד מהפורמטים הגרפיים (gif, jpg, png, bmp), אז זה יהיה מספיק כדי להכניס את תג התמונה לתג הקישור. ראשית, צרו את תג התמונה. בשפת הסימון של דפי האינטרנט (HTML - שפת הסימון HyperText - "שפת סימון היפר טקסט"), הגרסה הפשוטה ביותר שלה נראית כך: כאן "הכתובת היחסית" של התמונה מוגדרת במאפיין src. בגרסה זו הדפדפן יניח שהתמונה נמצאת באותה תיקייה בשרת שלך שבה הדף עצמו הוא המקום בו מוכנס הבאנר. אך עדיף לציין "כתובת מוחלטת":
שלב 2
יש עוד כמה מאפיינים להוסיף לתג זה. שתי תכונות יציינו את מידות הבאנר (גובה ורוחב). אלו הן תכונות אופציונליות - התמונה תוצג בלעדיהן אם הכל ילך כשורה כאשר העמוד נטען מהשרת לדפדפן. אבל אם התמונה מסיבה כלשהי לא נטענת, אזי היעדר הממדים יכול להוביל לכך שכל שאר אלמנטים העיצוביים לא יהיו במקום. תג הגודל ייראה כך:
שלב 3
כברירת מחדל, הדפדפן מצייר גבול כחול סביב תמונות קישור. כדי להימנע מכך, הוסף לתג הבאנר תכונת גבול עם ערך null:
שלב 4
הוסף מאפיין אחד נוסף (כותרת), שיכיל את הטקסט עבור תיאור הכלים כאשר אתה מעביר את סמן העכבר מעל הבאנר:
שלב 5
הכנתם את תג התמונה עם התכונות החשובות ביותר, כעת עליכם למקם אותו בתוך תג הקישור. כל קישור נוצר על ידי שני תגים - פתיחה וסגירה: תג הפתיחה מכיל את תכונת href, המכילה את הכתובת למשלוח הבקשה. בין שני תגי הקישור הללו והכנסו את תג הבאנר: קוד ה- HTML של הבאנר עם הקישור מוכן, אל תשכחו להחליף: - במאפיין href: "https://kakprosto.ru" עם כתובת הקישור שלכם. עבור הבאנר; - במאפיין src: "https://kakprosto.ru/banner.gif" לכתובת התמונה של הבאנר; - במאפיין רוחב: "468" לרוחב הבאנר שלך; - במאפיין גובה: "60" לגובה הבאנר שלך; - במאפיין הכותרת: "זה באנר!" טקסט מוקפץ לבאנר שלך;
שלב 6
כל האמור לעיל התייחס לבאנרים של תמונות, אך ישנם גם באנרים המיוצרים בטכנולוגיית פלאש. כדי להכניס קישור לסרט פלאש בצורה סטנדרטית, אתה צריך לא רק את הבאנר עצמו, אלא גם את קוד המקור שלו. בנוסף, תוכלו לערוך את קוד המקור ולאחר מכן לקמפל את סרט הפלאש רק בעורך מיוחד - עורך טקסט רגיל אינו מתאים לכך. עם זאת, יש דרך לעקוף את כל הקשיים הללו, ולהגביל את עצמך לעריכת HTML ו- CSS בלבד (גליונות סגנון מדורגים - "גליונות סגנון מדורגים"). שפת CSS משמשת לתיאור מפורט יותר (בהשוואה ל- HTML) של הופעת רכיבי העמוד. בעזרתו ניתן לבנות על הדפים מבנים רב-שכביים מורכבים למדי. נשתמש בכך על ידי הצבת באנר הפלאש בשכבה התחתונה, והנחת השכבה עם הקישור שמעליה. קוד ה- HTML של הבאנר ייראה כך:
אל תשכח להחליף את תכונות הרוחב והגובה בו (בשני מקומות), את שם הבאנר banner.swf (בשני מקומות) ואת כתובת הקישור https://kakprosto.ru (במקום אחד). וקוד SCC המתאים לקוד HTML זה צריך להיות כך:
div.linkedFlashContainer {position: relative; אינדקס z: 1; גבול: 0px; רוחב: 468 פיקסלים; גובה: 60 פיקסלים}
a.flashLink {עמדה: מוחלט; z-index: 2; רוחב: 468 פיקסלים; גובה: 60 פיקסלים; רקע: url (spacer.gif) ללא חזרה;}
משתמשים כאן בתמונה שקופה (בכל גודל) הנקראת spacer.gif. וגם כאן, אל תשכחו לשנות את גודל הרוחב והגובה (בשני מקומות).
