Kaip įterpti Nuorodą į Reklamjuostę

Turinys:

Kaip įterpti Nuorodą į Reklamjuostę
Kaip įterpti Nuorodą į Reklamjuostę

Video: Kaip įterpti Nuorodą į Reklamjuostę

Video: Kaip įterpti Nuorodą į Reklamjuostę
Video: „Excel Pivot“ lentelės nuo nulio iki eksperto per pusvalandį + prietaisų skydelis! 2024, Gegužė
Anonim

Jei turite reklamjuostę, bet nėra paruošto HTML kodo, kuris jį įterptų į puslapį, pridėti reikiamą nuorodą nėra taip sunku. Net jei reklaminė juosta pagaminta naudojant „Flash“technologiją. Toliau aprašytos galimos nuorodų į reklamjuostes grafinių ir „Flash“formatų tvarkymo šaltinio kode galimybės.

Kaip įterpti nuorodą į reklamjuostę
Kaip įterpti nuorodą į reklamjuostę

Nurodymai

1 žingsnis

Jei reklamjuostė yra vieno iš grafinių formatų (gif, jpg, png, bmp), pakaks įdėti vaizdo žymą į nuorodos žymą. Pirmiausia suformuokite vaizdo žymą. Tinklalapių žymėjimo kalba (HTML - „HyperText Markup Language“- „hiperteksto žymėjimo kalba“) paprasčiausia jo versija atrodo taip: Čia atvaizdo „santykinis adresas“nurodomas src atribute. Šioje versijoje naršyklė manys, kad paveikslėlis yra tame pačiame jūsų serverio aplanke, kuriame yra pats puslapis, kuriame įterpiama reklaminė juosta. Tačiau geriau nurodyti „absoliutų adresą“:

2 žingsnis

Prie šios žymos reikia pridėti dar keletą atributų. Du atributai nurodys reklamjuostės matmenis (aukštį ir plotį). Tai yra neprivalomi atributai - vaizdas bus rodomas be jų, jei viskas bus gerai, kai puslapis bus įkeltas iš serverio į naršyklę. Bet jei paveikslėlis dėl kokių nors priežasčių nėra įkeltas, matmenų trūkumas gali sukelti tai, kad visi kiti dizaino elementai bus netinkami. Dydžio žyma atrodys taip:

3 žingsnis

Pagal numatytuosius nustatymus naršyklė aplink nuorodų vaizdus brėžia mėlyną kraštinę. Norėdami to išvengti, pridėkite krašto atributą su nuline verte prie reklamjuostės žymos:

4 žingsnis

Pridėkite dar vieną atributą (pavadinimą), kuriame bus patarimo tekstas, kai užvesite pelės žymeklį ant juostos:

5 žingsnis

Paruošėte paveikslėlio žymą su svarbiausiais atributais, dabar ją turite įdėti į nuorodos žymą. Kiekvieną hipersaitą sudaro dvi žymos - atidarymas ir uždarymas: atidarymo žymoje yra atributas „href“, kuriame yra adresas užklausai siųsti. Tarp šių dviejų nuorodų žymų įdėkite reklamjuostės žymą: Reklaminės antraštės HTML kodas su nuoroda yra paruoštas, nepamirškite pakeisti: - atribute href: „https://kakprosto.ru“savo nuorodos adresu reklamjuostei; - src atribute: „https://kakprosto.ru/banner.gif“- reklamjuostės atvaizdo adresui; - atribute plotis: „468“- reklamjuostės plotis; - atribute aukštis: „60“- jūsų reklamjuostės aukštis; - pavadinimo atribute: „Tai reklamjuostė!“iššokantis tekstas jūsų reklamjuostei;

6 žingsnis

Visi aukščiau minėti vaizdų baneriai, tačiau yra ir reklaminių antraščių, pagamintų naudojant „flash“technologiją. Norėdami standartiškai įterpti nuorodą į „Flash“filmą, turite turėti ne tik pačią reklamjuostę, bet ir jos šaltinio kodą. Be to, galite redaguoti šaltinio kodą ir tada kompiliuoti „Flash“filmą tik specializuotame redaktoriuje - įprastas teksto redaktorius tam netinka. Tačiau yra būdas apeiti visus šiuos sunkumus, apsiribojant tik HTML ir CSS redagavimu („Cascading Style Sheets“- „kaskadiniai stiliaus lapai“). CSS kalba naudojama išsamesniam (palyginti su HTML) puslapio elementų išvaizdos aprašymui. Su jo pagalba puslapiuose galima sukurti gana sudėtingas daugiasluoksnes struktūras. Mes tai naudosime įdėdami „Flash“reklamjuostę į apatinį sluoksnį ir padėdami sluoksnį su nuoroda virš jo. Reklamjuostės HTML kodas atrodys taip:

Nepamirškite pakeisti jame pločio ir aukščio atributų (dviejose vietose), reklamjuostės pavadinimo banner.swf (dviejose vietose) ir nuorodos adreso https://kakprosto.ru (vienoje vietoje). Ir SCC kodas Atitinkantys šį HTML kodą turėtų būti tokie:

div.linkedFlashContainer {pozicija: santykinis; z indeksas: 1; kraštinė: 0 taškų; plotis: 468px; aukštis: 60 taškų}

a.flashLink {pozicija: absoliutus; z indeksas: 2; plotis: 468px; aukštis: 60 taškų; background: url (spacer.gif) no-pakartoti;}

Čia naudojamas skaidrus (bet kokio dydžio) vaizdas, vadinamas „spacer.gif“. Ir čia taip pat nepamirškite pakeisti pločio ir aukščio dydžio (dviejose vietose).

Rekomenduojamas: