Kui teil on bänner, kuid selle lehele lisamiseks pole valmis HTML-koodi, siis pole vajaliku lingi lisamine nii keeruline. Isegi kui bänner on tehtud välgutehnoloogia abil. Allpool kirjeldatakse võimalikke viise, kuidas korraldada lähtekoodis linke bänneritele graafilises ja välkmälus.
Juhised
Samm 1
Kui bänner on ühes graafilistest vormingutest (gif, jpg, png, bmp), siis piisab, kui panna pildimärgend lingimärgendi sisse. Esmalt moodustage pildimärgend. Veebilehtede märgistuskeeles (HTML - HyperText Markup Language - "hüperteksti märgistuskeel") näeb selle lihtsaim versioon välja järgmine: Siin on atribuudis src määratud pildi "suhteline aadress". Selles versioonis eeldab brauser, et pilt asub teie serveris samas kaustas, kus leht ise on, kuhu bänner lisatakse. Kuid parem on määrata "absoluutne aadress":
2. samm
Sellele märgendile on võimalik lisada veel paar atribuuti. Kaks atribuuti näitavad ribariba mõõtmeid (kõrgus ja laius). Need on valikulised atribuudid - pilti kuvatakse ilma nendeta, kui kõik läheb hästi, kui leht serverist brauserisse laaditakse. Aga kui pilti mingil põhjusel ei laadita, siis võib mõõtmete puudumine põhjustada asjaolu, et kõik muud kujunduselemendid jäävad paigast ära. Suuruse silt näeb välja selline:
3. samm
Vaikimisi tõmbab brauser linkide piltide ümber sinise piiri. Selle vältimiseks lisage bännerimärgendile nullväärtusega atribuut:
4. samm
Lisage veel üks atribuut (pealkiri), mis sisaldab tööriistavihje teksti, kui hõljutate hiirekursorit riba kohal:
5. samm
Olete ette valmistanud kõige olulisemate atribuutidega pildimärgendi, nüüd peate selle paigutama lingimärgendi sisse. Iga hüperlingi moodustavad kaks silti - avamine ja sulgemine: avamissilt sisaldab atribuuti href, mis sisaldab päringu saatmise aadressi. Nende kahe lingimärgendi vahele ja sisestage bännerimärgend: Lingiga bänneri HTML-kood on valmis, ärge unustage asendada: - atribuudis href: "https://kakprosto.ru" oma lingi aadressiga bänneri jaoks; - atribuudis src: "https://kakprosto.ru/banner.gif" bänneri pildi aadressile; - atribuudis width: "468" - teie bänneri laius; - atribuudi kõrgus: "60" - teie bänneri kõrgus; - pealkirja atribuudis: "See on ribareklaam!" teie bänneri hüpiktekst;
6. samm
Kõik ülaltoodud viitasid pildibänneritele, kuid on ka välktehnoloogiat kasutades tehtud ribareklaame. Flash-filmi lingi tavapärasel viisil sisestamiseks peab teil olema mitte ainult bänner ise, vaid ka selle lähtekood. Lisaks saate redigeerida lähtekoodi ja seejärel kompileerida Flash-filmi ainult spetsiaalses redaktoris - tavaline tekstiredaktor selleks ei sobi. Siiski on võimalus kõigist neist raskustest mööda saada, piirdudes ainult HTML-i ja CSS-i (kaskaadstiililehed - "kaskaadstiililehed") redigeerimisega. CSS-keelt kasutatakse lehe elementide välimuse üksikasjalikumaks (võrreldes HTML-iga) kirjeldamiseks. Selle abil saab lehtedele ehitada üsna keerukaid mitmekihilisi struktuure. Kasutame seda, asetades Flash-riba alumisse kihti ja asetades selle kohal oleva lingiga kihi. Ribariba HTML-kood näeb välja selline:
Ärge unustage asendada selles laiuse ja kõrguse atribuute (kahes kohas), bänneri nime banner.swf (kahes kohas) ja lingi aadressi https://kakprosto.ru (ühes kohas). Ja SCC kood sellele HTML-koodile vastav peaks olema järgmine:
div.linkedFlashContainer {asend: suhteline; z-indeks: 1; ääris: 0px; laius: 468px; kõrgus: 60px}
a.flashLink {asend: absoluutne; z-indeks: 2; laius: 468px; kõrgus: 60px; taust: url (spacer.gif) ei kordu;}
Siin kasutatakse läbipaistvat (igas suuruses) pilti nimega spacer.gif. Ja ka siin ärge unustage laiuse ja kõrguse suurust muuta (kahes kohas).
