Егер сізде баннер болса, бірақ оны параққа енгізу үшін дайын 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-ті редакциялаумен шектеліп, осы қиындықтардың бәрінен өтудің бір жолы бар (Каскадтық стильдер кестесі - «каскадтық стильдер кестесі»). CSS тілі парақ элементтерінің сыртқы түрін егжей-тегжейлі (HTML-мен салыстырғанда) сипаттау үшін қолданылады. Оның көмегімен беттерде күрделі көп қабатты құрылымдар салынуы мүмкін. Мұны біз Flash баннерін төменгі қабатқа орналастыру арқылы және оның үстіндегі сілтемесі бар қабатты орналастыру арқылы қолданамыз. Баннердің HTML коды келесідей болады:
Ондағы ені мен биіктігі атрибуттарын ауыстыруды ұмытпаңыз (екі жерде), баннер атауы banner.swf (екі жерде) және сілтеме мекен-жайы https://kakprosto.ru (бір жерде) және SCC коды осы HTML кодқа сәйкес келесілер болуы керек:
div.linkedFlashContainer {жағдайы: салыстырмалы; z-индексі: 1; шекара: 0px; ені: 468px; биіктігі: 60px}
a.flashLink {жағдайы: абсолютті; z-индексі: 2; ені: 468px; биіктігі: 60px; фон: url (spacer.gif) қайталанбайтын;}
Мұнда spacer
