Хэрэв танд баннер байгаа боловч үүнийг хуудсанд оруулахад бэлэн HTML код байхгүй бол шаардлагатай холбоосыг нэмж оруулах нь тийм ч хэцүү биш юм. Баннерыг флаш технологийг ашиглан хийсэн ч гэсэн. Эх код дээрх график болон флэш форматтай баннеруудтай холбоосыг зохион байгуулах боломжит хувилбаруудыг дор тайлбарлав.
Зааварчилгаа
1-р алхам
Хэрэв баннер нь график форматуудын аль нэгэнд байгаа бол (gif, jpg, png, bmp), дараа нь зургийн тагийг холбоосын таг дотор оруулахад хангалттай байх болно. Эхлээд зургийн тагийг үүсгээрэй. Вэб хуудасны тэмдэглэгээний хэл дээр (HTML - HyperText Markup Language - "гипертекст тэмдэглэгээний хэл") түүний хамгийн энгийн хувилбар дараах байдалтай байна: Энд зургийн "харьцангуй хаяг" -ыг src атрибутад зааж өгсөн болно. Энэ хувилбарт хөтөч нь тухайн хуудас нь өөрөө баннер байрлуулсан байгаа таны сервер дээрх ижил хавтсанд байгаа гэж үзэх болно. Гэхдээ "үнэмлэхүй хаяг" -ыг зааж өгөх нь дээр.
Алхам 2
Энэ шошгонд нэмэх цөөн хэдэн шинж чанарууд бий. Хоёр шинж чанар нь баннерын хэмжээ (өндөр ба өргөн) -ийг заана. Эдгээр нь нэмэлт шинж чанарууд бөгөөд хэрэв хуудсыг серверээс хөтөч рүү ачаалахад бүх зүйл хэвийн байвал дүрс нь тэдгээргүйгээр харагдах болно. Гэхдээ ямар нэгэн шалтгаанаар зургийг ачаалахгүй бол хэмжээсийн дутагдал нь бусад бүх дизайны элементүүд тохиромжгүй байдалд хүргэж болзошгүй юм. Хэмжээний шошго дараах байдалтай байна.
Алхам 3
Анхдагч байдлаар, хөтөч нь холбоосын зургуудын эргэн тойронд цэнхэр хүрээ татдаг. Үүнээс зайлсхийхийн тулд хошууны тэг утгатай хилийн шинж чанарыг нэмж оруулна уу:
Алхам 4
Хулганы курсорыг баннер дээр буулгахад хэрэгслийн зөвлөмжийн текстийг агуулсан өөр нэг шинж чанар (гарчиг) нэмнэ үү.
Алхам 5
Та зургийн шошгыг хамгийн чухал шинж чанаруудтай хамт бэлдсэн тул одоо үүнийг холбоосын шошго дотор байрлуулах хэрэгтэй. Хип холбоос бүрийг нээх ба хаах гэсэн хоёр шошгоос бүрддэг: Нээлтийн хаяг нь href шинж чанарыг агуулдаг бөгөөд үүнд хүсэлт илгээх хаягийг агуулдаг. Эдгээр хоёр холбоосын хооронд баннерын шошгыг оруулна уу: Холбоос бүхий баннерын HTML код бэлэн байна, орлуулахаа бүү мартаарай: - href атрибут дээр: "https://kakprosto.ru" гэсэн хаягийн хамт баннерын хувьд; - src атрибут дээр: "https://kakprosto.ru/banner.gif" гэсэн сурталчилгааны зураг дээрх хаягийн хаягийг; - өргөний атрибутад: таны баннерын өргөний хувьд "468"; өндөр шинж чанар дээр: таны баннерын өндрийг "60"; гарчгийн шинж чанар дээр: "Энэ бол хошуу!" таны баннерт зориулсан попап текст;
Алхам 6
Дээрх бүгд зурагны баннерыг дурдсан боловч флаш технологийг ашиглан хийсэн баннерууд бас бий. Стандарт аргаар флаш кинонд холбоос оруулахын тулд та зөвхөн баннер төдийгүй түүний эх кодтой байх шаардлагатай. Нэмж дурдахад та эх кодыг засварлаж, дараа нь Flash киног зөвхөн мэргэжлийн редактор дээр хөрвүүлэх боломжтой - ердийн текст засварлагч нь тохирохгүй. Гэсэн хэдий ч зөвхөн HTML ба CSS (Cascading Style Sheets - "cascading style хүснэгт") -ийг засах замаар хязгаарлаж, эдгээр бүх бэрхшээлийг даван туулах арга зам бий. CSS хэлийг хуудасны элементүүдийн харагдах байдлыг илүү нарийвчлан (HTML-тэй харьцуулахад) тайлбарлахад ашигладаг. Түүний тусламжтайгаар нэлээд төвөгтэй олон давхар байгууламжийг хуудсан дээр барьж болно. Бид үүнийг доод давхаргад Flash баннер байрлуулж, дээрх холбоос бүхий давхаргыг байрлуулж ашиглах болно. Баннерын HTML код дараах байдалтай байна.
Дотор нь өргөн ба өндрийн шинж чанаруудыг (хоёр газарт), баннерын нэр banner.swf (хоёр газарт) болон холбоосын хаягийг https://kakprosto.ru (нэг газар) солихоо бүү мартаарай. ХЗХ-ны код энэ HTML кодод харгалзах нь дараах байдалтай байна:
div.linkedFlashContainer {байршил: харьцангуй; z-индекс: 1; хил: 0px; өргөн: 468px; өндөр: 60px}
a.flashLink {байр суурь: үнэмлэхүй; z-индекс: 2; өргөн: 468px; өндөр: 60px; дэвсгэр: url (spacer.gif) давтахгүй;}
Spacer
