Ak máte banner, ale nemáte hotový html kód, ktorý by ho vložil na stránku, potom nie je také náročné pridať potrebný odkaz. Aj keď je banner vyrobený pomocou technológie flash. Možné možnosti usporiadania odkazov na bannery v grafickom a flash formáte vo zdrojovom kóde sú popísané nižšie.
Inštrukcie
Krok 1
Ak je banner v jednom z grafických formátov (gif, jpg, png, bmp), bude stačiť vložiť značku obrázka do značky odkazu. Najskôr vytvorte značku obrázka. V značkovacom jazyku webových stránok (HTML - HyperText Markup Language - „hypertextový značkovací jazyk“) vyzerá jeho najjednoduchšia verzia takto: V atribúte src je uvedená „relatívna adresa“obrázka. V tejto verzii bude prehliadač predpokladať, že sa obrázok nachádza v rovnakom priečinku na serveri, v ktorom je vložená bannerová stránka. Je však lepšie určiť „absolútnu adresu“:
Krok 2
K tejto značke je možné pridať niekoľko ďalších atribútov. Dva atribúty budú označovať rozmery bannera (výška a šírka). Toto sú voliteľné atribúty - obrázok sa zobrazí bez nich, ak bude všetko dobré, keď sa stránka načíta zo servera na prehliadač. Ale ak obraz z nejakého dôvodu nie je načítaný, potom nedostatok rozmerov môže viesť k tomu, že všetky ostatné dizajnové prvky nebudú na mieste. Značka veľkosti bude vyzerať takto:
Krok 3
Prehliadač predvolene kreslí okolo obrázkov odkazov modré orámovanie. Ak sa tomu chcete vyhnúť, pridajte do značky bannera atribút border s nulovou hodnotou:
Krok 4
Pridajte ďalší atribút (nadpis), ktorý bude obsahovať text popisu, keď umiestnite kurzor myši na banner:
Krok 5
Pripravili ste značku obrázka s najdôležitejšími atribútmi, teraz ju musíte umiestniť do značky odkazu. Každý hypertextový odkaz je tvorený dvoma značkami - úvodnou a záverečnou: Úvodná značka obsahuje atribút href, ktorý obsahuje adresu na odoslanie žiadosti. Medzi tieto dve značky odkazu a vložte značku bannera: HTML kód bannera s odkazom je pripravený, nezabudnite nahradiť: - v atribúte href: "https://kakprosto.ru" adresou vášho odkazu pre banner; - v atribúte src: „https://kakprosto.ru/banner.gif“na adresu obrázka pre banner; - v atribúte width: „468“pre šírku vášho bannera; - v atribúte height: „60“pre výšku vášho bannera; - v atribúte title: „Je to banner!“pop-up text pre váš banner;
Krok 6
Všetky vyššie uvedené sa vzťahovali na obrazové bannery, existujú však aj bannery vyrobené pomocou technológie flash. Ak chcete vložiť odkaz do flash filmu štandardným spôsobom, musíte mať nielen samotný banner, ale aj jeho zdrojový kód. Okrem toho môžete upraviť zdrojový kód a potom kompilovať film Flash iba v špecializovanom editore - bežný textový editor na to nie je vhodný. Existuje však spôsob, ako všetky tieto ťažkosti obísť, obmedziť sa iba na úpravy iba HTML a CSS (kaskádové štýly - „kaskádové štýly“). Jazyk CSS sa používa na podrobnejší (v porovnaní s HTML) popis vzhľadu prvkov stránky. S jeho pomocou je možné na stránkach vytvoriť pomerne zložité viacvrstvové štruktúry. Použijeme to tak, že umiestnime banner Flash do spodnej vrstvy a vrstvu s odkazom nad ňou. HTML kód bannera bude vyzerať takto:
Nezabudnite v ňom nahradiť atribúty šírka a výška (na dvoch miestach), názov bannera banner.swf (na dvoch miestach) a adresa odkazu https://kakprosto.ru (na jednom mieste). A kód SCC zodpovedajúce tomuto HTML kódu by malo byť takto:
div.linkedFlashContainer {pozícia: relatívna; z-index: 1; orámovanie: 0px; šírka: 468px; výška: 60px}
a.flashLink {pozícia: absolútna; z-index: 2; šírka: 468px; výška: 60px; background: url (spacer.gif) no-repeat;}
Používa sa tu priehľadný obrázok (akejkoľvek veľkosti) nazvaný spacer.gif. A tiež tu nezabudnite zmeniť veľkosť šírky a výšky (na dvoch miestach).
