Pokud máte banner, ale neexistuje žádný hotový html kód, který by jej mohl vložit na stránku, není přidání odkazu, který potřebujete, tak obtížné. I když je banner vyroben pomocí technologie Flash. Níže jsou popsány možné možnosti uspořádání odkazů na bannery v grafickém a flash formátu ve zdrojovém kódu.
Instrukce
Krok 1
Pokud je banner v jednom z grafických formátů (gif, jpg, png, bmp), bude stačit vložit značku obrázku do značky odkazu. Nejprve vytvořte značku obrázku. Ve značkovacím jazyce webových stránek (HTML - HyperText Markup Language - „hypertext markup language“) vypadá jeho nejjednodušší verze takto: Zde je v atributu src uvedena „relativní adresa“obrázku. V této verzi bude prohlížeč předpokládat, že obrázek je ve stejné složce na vašem serveru, kde je samotná stránka, kde je vložen banner. Je ale lepší zadat „absolutní adresu“:
Krok 2
K této značce je možné přidat několik dalších atributů. Dva atributy označují rozměry banneru (výška a šířka). Jedná se o volitelné atributy - obrázek se zobrazí bez nich, pokud vše půjde dobře, když se stránka načte ze serveru do prohlížeče. Pokud však obrázek z nějakého důvodu není načten, může nedostatek rozměrů vést k tomu, že všechny ostatní konstrukční prvky nebudou na místě. Značka velikosti bude vypadat takto:
Krok 3
Ve výchozím nastavení nakreslí prohlížeč kolem obrázků odkazů modrý rámeček. Chcete-li tomu zabránit, přidejte do značky banneru atribut ohraničení s nulovou hodnotou:
Krok 4
Přidejte jeden další atribut (nadpis), který bude obsahovat text popisku, když umístíte kurzor myši na banner:
Krok 5
Připravili jste značku obrázku s nejdůležitějšími atributy, nyní ji musíte umístit do značky odkazu. Každý hypertextový odkaz je tvořen dvěma značkami - otevírací a zavírací: Otevírací značka obsahuje atribut href, který obsahuje adresu pro odeslání požadavku. Mezi tyto dvě značky odkazu a vložte značku banneru: HTML kód banneru s odkazem je připraven, nezapomeňte nahradit: - v atributu href: "https://kakprosto.ru" adresou vašeho odkazu pro banner; - v atributu src: „https://kakprosto.ru/banner.gif“na adresu obrázku pro banner; - v atributu width: „468“pro šířku vašeho banneru; - v atributu height: „60“pro výšku vašeho banneru; - v atributu title: „Je to banner!“vyskakovací text pro váš banner;
Krok 6
Všechny výše uvedené odkazovaly na obrazové bannery, ale existují i bannery vyrobené pomocí technologie flash. Chcete-li do flash filmu vložit odkaz standardním způsobem, musíte mít nejen samotný banner, ale také jeho zdrojový kód. Kromě toho můžete upravit zdrojový kód a poté zkompilovat film Flash pouze ve specializovaném editoru - běžný textový editor k tomu není vhodný. Existuje však způsob, jak všechny tyto potíže obejít, omezit se pouze na úpravy pouze HTML a CSS (kaskádové styly - „kaskádové styly“). Jazyk CSS se používá k podrobnějšímu (ve srovnání s HTML) popisu vzhledu prvků stránky. S jeho pomocí lze na stránkách vybudovat poměrně složité vícevrstvé struktury. Použijeme to umístěním banneru Flash do spodní vrstvy a umístěním vrstvy s odkazem nad ní. HTML kód banneru bude vypadat takto:
Nezapomeňte nahradit atributy šířky a výšky (na dvou místech), název banneru banner.swf (na dvou místech) a adresa odkazu https://kakprosto.ru (na jednom místě). A kód SCC odpovídající tomuto HTML kódu by měl vypadat takto:
div.linkedFlashContainer {pozice: relativní; z-index: 1; ohraničení: 0px; šířka: 468px; výška: 60px}
a.flashLink {pozice: absolutní; z-index: 2; šířka: 468px; výška: 60px; background: url (spacer.gif) no-repeat;}
Zde se používá průhledný obrázek (jakékoli velikosti) nazvaný spacer.gif. A také zde nezapomeňte změnit velikost šířky a výšky (na dvou místech).
