Dacă aveți un banner, dar nu există un cod html gata pentru al insera în pagină, atunci nu este atât de dificil să adăugați linkul de care aveți nevoie. Chiar dacă bannerul este realizat folosind tehnologia flash. Opțiunile posibile pentru organizarea linkurilor către bannere în format grafic și flash în codul sursă sunt descrise mai jos.
Instrucțiuni
Pasul 1
Dacă bannerul se află într-unul dintre formatele grafice (gif, jpg, png, bmp), atunci va fi suficient să introduceți eticheta de imagine în eticheta de legătură. Mai întâi, formați eticheta de imagine. În limbajul de markup al paginilor web (HTML - HyperText Markup Language - „limbaj de marcare hipertext”), cea mai simplă versiune a acestuia arată astfel: Aici „adresa relativă” a imaginii este specificată în atributul src. În această versiune, browserul va presupune că imaginea se află în același folder de pe serverul dvs. în care pagina în sine este locul în care este inserat bannerul. Dar este mai bine să specificați o „adresă absolută”:
Pasul 2
Mai sunt câteva atribute de adăugat la această etichetă. Două atribute vor indica dimensiunile bannerului (înălțime și lățime). Acestea sunt atribute opționale - imaginea va fi afișată fără ele dacă totul merge bine atunci când pagina este încărcată de pe server în browser. Dar dacă imaginea dintr-un anumit motiv nu este încărcată, atunci lipsa dimensiunilor poate duce la faptul că toate celelalte elemente de design vor fi deplasate. Eticheta de dimensiune va arăta astfel:
Pasul 3
În mod implicit, browserul desenează o margine albastră în jurul imaginilor de legătură. Pentru a evita acest lucru, adăugați un atribut de margine cu o valoare nulă la eticheta banner:
Pasul 4
Adăugați încă un atribut (titlu), care va conține textul pentru sfatul de instrumente atunci când plasați cursorul mouse-ului peste banner:
Pasul 5
Ați pregătit eticheta de imagine cu cele mai importante atribute, acum trebuie să o plasați în eticheta de link. Fiecare hyperlink este format din două etichete - deschidere și închidere: Eticheta de deschidere conține atributul href, care conține adresa pentru trimiterea cererii. Între aceste două etichete de link și introduceți eticheta banner: Codul HTML al bannerului cu linkul este gata, nu uitați să înlocuiți: - în atributul href: "https://kakprosto.ru" cu adresa linkului dvs. pentru banner; - în atributul src: "https://kakprosto.ru/banner.gif" la adresa imaginii pentru banner; - în atributul de lățime: "468" pentru lățimea bannerului dvs.; - în atributul înălțime: „60” pentru înălțimea bannerului; - în atributul titlu: „Este un banner!” text pop-up pentru bannerul dvs.;
Pasul 6
Toate cele de mai sus s-au referit la bannere de imagini, dar există și bannere realizate utilizând tehnologia flash. Pentru a insera un link într-un film flash într-un mod standard, trebuie să aveți nu numai bannerul în sine, ci și codul sursă al acestuia. În plus, puteți edita codul sursă și apoi compila filmul Flash numai într-un editor specializat - un editor de text obișnuit nu este potrivit pentru aceasta. Cu toate acestea, există o modalitate de a rezolva toate aceste dificultăți, limitându-vă la editarea numai HTML și CSS (Cascading Style Sheets - „foi de stil în cascadă”). Limbajul CSS este utilizat pentru o descriere mai detaliată (în comparație cu HTML) a aspectului elementelor paginii. Cu ajutorul său, pe pagini pot fi construite structuri multistrat destul de complexe. Vom folosi acest lucru plasând bannerul Flash în stratul inferior și plasând stratul cu linkul deasupra acestuia. Codul HTML al bannerului va arăta astfel:
Nu uitați să înlocuiți atributele de lățime și înălțime din acesta (în două locuri), numele bannerului banner.swf (în două locuri) și adresa linkului https://kakprosto.ru (într-un singur loc). Și codul SCC corespunzător acestui cod HTML ar trebui să fie astfel:
div.linkedFlashContainer {poziția: relativă; indice z: 1; chenar: 0px; lățime: 468px; înălțime: 60px}
a.flashLink {poziție: absolut; indice z: 2; lățime: 468px; înălțime: 60px; fundal: url (spacer.gif) fără repetare;}
Aici se folosește o imagine transparentă (de orice dimensiune) numită spacer.gif. Și și aici nu uitați să modificați dimensiunea lățimii și înălțimii (în două locuri).
