Эгер сизде баннер болсо, бирок аны баракчага киргизүүгө даяр 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" сиздин баннердин туурасы үчүн; - height атрибутунда: "60" сиздин баннердин бийиктиги үчүн; - атрибутта: "Бул баннер!" сиздин баннерге калкыма текст;
6-кадам
Жогоруда айтылгандардын бардыгы сүрөт баннерлерине тиешелүү, бирок флеш технологиясын колдонуп жасалган баннерлер дагы бар. Стандарттуу түрдө флеш-киного шилтеме киргизүү үчүн баннердин өзү эле эмес, анын баштапкы коду дагы болушу керек. Мындан тышкары, баштапкы кодду түзөтүп, андан кийин Flash тасмасын атайын адистештирилген редактордо гана түзсөңүз болот - кадимки текст редактору буга ылайыктуу эмес. Бирок, бардык кыйынчылыктардан чыгуунун жолу бар, өзүңүздү HTML жана CSS (редакциялоо стилдеринин баракчалары - "каскаддык стилдер") менен гана чектелип калбасаңыз болот. CSS тили барак элементтеринин көрүнүшүн кеңири сүрөттөө үчүн (HTMLге салыштырмалуу) колдонулат. Анын жардамы менен беттерине бир топ татаал көп катмарлуу курулуштарды курууга болот. Биз муну Flash баннерин төмөнкү катмарга жайгаштырып, жогорудагы шилтемеси бар катмарды жайгаштырабыз. Баннердин HTML коду төмөнкүдөй болот:
Андагы кеңдик жана бийиктик атрибуттарын (эки жерде), баннердик аталышты (эки жерде) жана https://kakprosto.ru шилтеме дарегин (бир жерде) алмаштырууну унутпаңыз. ушул HTML кодго туура келген мындай болушу керек:
div.linkedFlashContainer {абалы: салыштырмалуу; z-индекс: 1; чек: 0px; туурасы: 468px; бийиктик: 60px}
a.flashLink {абалы: абсолюттук; z-индекс: 2; туурасы: 468px; бийиктиги: 60px; background: url (spacer.gif) no-қайталоо;}
Бул жерде spacer
