Agar sizda banner bo'lsa, lekin uni sahifaga kiritish uchun tayyor HTML-kod bo'lmasa, kerakli havolani qo'shish unchalik qiyin emas. Banner flesh texnologiyasi yordamida tayyorlangan bo'lsa ham. Manba kodidagi grafik va flesh formatdagi bannerlarga havolalarni tashkil qilishning mumkin bo'lgan variantlari quyida keltirilgan.
Ko'rsatmalar
1-qadam
Agar banner grafik formatlarning birida bo'lsa (gif, jpg, png, bmp), unda rasm yorlig'ini havola yorlig'i ichiga qo'yish kifoya qiladi, avval rasm yorlig'ini hosil qiling. Veb-sahifalarni belgilash tilida (HTML - HyperText Markup Language - "gipermatnni belgilash tili") uning eng oddiy versiyasi quyidagicha ko'rinadi: bu erda rasmning "nisbiy manzili" src atributida ko'rsatilgan. Ushbu versiyada brauzer rasm sizning serveringizdagi banner qo'yilgan sahifaning o'zi joylashgan papkada joylashgan deb taxmin qiladi. Ammo "mutlaq manzil" ni belgilash yaxshiroq:
2-qadam
Ushbu tegga qo'shish uchun yana bir nechta atributlar mavjud. Ikki atribut banner o'lchamlarini (balandligi va kengligi) bildiradi. Bu ixtiyoriy atributlar - agar ular serverdan brauzerga sahifa yuklanganda hammasi yaxshi bo'lsa, rasm ularsiz ko'rsatiladi. Ammo rasm biron sababga ko'ra yuklanmagan bo'lsa, unda o'lchamlarning etishmasligi boshqa barcha dizayn elementlari joyida bo'lmasligiga olib kelishi mumkin. Hajmi yorlig'i quyidagicha bo'ladi:
3-qadam
Odatiy bo'lib, brauzer havola rasmlari atrofida ko'k chegarani chizadi. Bunga yo'l qo'ymaslik uchun banner yorlig'iga null qiymati bo'lgan chegara atributini qo'shing:
4-qadam
Sichqoncha kursorini banner ustiga qo'yganingizda asboblar uchun matnni o'z ichiga olgan yana bir atribut (sarlavha) qo'shing:
5-qadam
Siz rasm yorlig'ini eng muhim atributlar bilan tayyorladingiz, endi uni havola yorlig'i ichiga joylashtirishingiz kerak. Har bir gipermurojaat ikkita teg bilan ochiladi va ochiladi: ochilish yorlig'i href atributini o'z ichiga oladi, unda so'rov yuborish uchun manzil mavjud. Ushbu ikkita havola teglari orasiga va banner yorlig'ini kiriting: Havolali bannerning HTML kodi tayyor, almashtirishni unutmang: - href atributida: "https://kakprosto.ru" sizning havolangiz manzili bilan banner uchun; - src atributida: "https://kakprosto.ru/banner.gif" banner uchun rasm manziliga; - kenglik atributida: banneringiz kengligi uchun "468"; - balandlik atributida: banneringiz balandligi uchun "60"; sarlavha atributida: "Bu bayroq!" banneringiz uchun ochilgan matn;
6-qadam
Yuqorida aytilganlarning hammasi tasvir bannerlariga taalluqlidir, ammo flesh-texnologiyalar yordamida tayyorlangan bannerlar ham mavjud. Havolani flesh-filmga standart usulda kiritish uchun siz nafaqat bannerning o'zi, balki uning manba kodiga ham ega bo'lishingiz kerak. Bundan tashqari, siz manba kodini tahrirlashingiz va keyin Flash filmini faqat ixtisoslashgan muharrirda to'plashingiz mumkin - oddiy matn muharriri bunga mos kelmaydi. Biroq, bu barcha qiyinchiliklarni boshdan kechirishning bir usuli bor, faqat HTML va CSS-ni tahrirlash bilan cheklanib qoling (Cascading Style Sheets - "kaskadli uslublar jadvallari"). CSS tili sahifa elementlari ko'rinishini batafsil (HTML bilan taqqoslaganda) tavsiflash uchun ishlatiladi. Uning yordami bilan sahifalarda ancha murakkab ko'p qavatli inshootlar qurilishi mumkin. Flash bannerini pastki qavatiga va yuqoridagi havolasi bilan qavatni joylashtirib, bannerning HTML kodi quyidagicha ko'rinadi:
Undagi kenglik va balandlik atributlarini (ikki joyda), banner.swf banner nomini (ikkita joyda) va https://kakprosto.ru (bitta joyda) manzilni almashtirishni unutmang va SCC kodi ushbu HTML kodga mos keladigan shunday bo'lishi kerak:
div.linkedFlashContainer {holati: nisbiy; z-indeks: 1; chegara: 0px; kengligi: 468 piksel; balandligi: 60px}
a.flashLink {pozitsiyasi: mutlaq; z-indeks: 2; kengligi: 468 piksel; balandligi: 60 piksel; fon: url (spacer.gif) takrorlanmas;}
Bu erda spacer
