Če imate pasico, vendar ni pripravljene html-kode, ki bi jo vstavila na stran, dodajanje potrebne povezave ni tako težko. Tudi če je pasica narejena z uporabo tehnologije flash. Spodaj so opisane možne možnosti za organiziranje povezav do pasic v grafičnih in flash oblikah v izvorni kodi.
Navodila
Korak 1
Če je pasica v enem od grafičnih formatov (gif, jpg, png, bmp), bo dovolj, da slikovno oznako vstavite v oznako povezave. Najprej oblikujte slikovno oznako. V označevalnem jeziku spletnih strani (HTML - HyperText Markup Language - "hipertekstni označevalni jezik") je njegova najpreprostejša različica videti takole: Tu je "relativni naslov" slike določen v atributu src. V tej različici brskalnik domneva, da je slika v isti mapi na vašem strežniku, kjer je stran sama, kjer je vstavljena pasica. Vendar je bolje, da navedete "absolutni naslov":
2. korak
To oznako lahko dodate še nekaj atributov. Dva atributa označujeta dimenzije pasice (višina in širina). To so neobvezni atributi - slika bo prikazana brez njih, če bo vse v redu, ko bo stran naložena iz strežnika v brskalnik. Toda če slika iz nekega razloga ni naložena, lahko pomanjkanje dimenzij privede do dejstva, da vsi drugi elementi oblikovanja ne bodo na mestu. Oznaka velikosti bo videti tako:
3. korak
Privzeto brskalnik nariše modro obrobo okoli slik povezav. Da se temu izognete, oznaki pasice dodajte atribut obrobe z nično vrednostjo:
4. korak
Dodajte še en atribut (naslov), ki bo vseboval besedilo za namig, ko miškin kazalec premaknete nad pasico:
5. korak
Oznako slike ste pripravili z najpomembnejšimi atributi, zdaj pa jo morate postaviti v oznako povezave. Vsako hiperpovezavo tvorita dve oznaki - odpiranje in zapiranje: Začetna oznaka vsebuje atribut href, ki vsebuje naslov za pošiljanje zahteve. Med tema dvema oznakama povezave in vstavite oznako pasice: Koda HTML pasice s povezavo je pripravljena, ne pozabite zamenjati: - v atributu href: "https://kakprosto.ru" z naslovom vaše povezave za pasico; - v atributu src: "https://kakprosto.ru/banner.gif" na naslov slike za pasico; - v atributu širine: "468" za širino pasice; - v atributu višine: "60" za višino pasice; - v atributu naslova: "To je pasica!" pojavno besedilo za vašo pasico;
6. korak
Vse našteto se je nanašalo na pasice za slike, obstajajo pa tudi pasice, izdelane z uporabo tehnologije flash. Če želite vstaviti povezavo v bliskovni film na standardni način, morate imeti poleg same pasice tudi izvorno kodo. Poleg tega lahko uredite izvorno kodo in nato Flash film sestavite samo v specializiranem urejevalniku - običajni urejevalnik besedil za to ni primeren. Vendar pa obstaja način, kako se izogniti vsem tem težavam, pri čemer se omejite na urejanje samo HTML in CSS (kaskadni slogovni listi - "kaskadni stilski listi"). Jezik CSS se uporablja za podrobnejši (v primerjavi z HTML) opis videza elementov strani. Z njegovo pomočjo je na straneh mogoče zgraditi precej zapletene večplastne strukture. To bomo uporabili tako, da bomo pasico Flash postavili v spodnjo plast in plast s povezavo nad njo. Koda pasice HTML bo videti tako:
V njem ne pozabite zamenjati atributov širine in višine (na dveh mestih), imena pasice banner.swf (na dveh mestih) in naslova povezave https://kakprosto.ru (na enem mestu) ter kodo SCC ta koda HTML ustreza taki:
div.linkedFlashContainer {položaj: relativno; z-indeks: 1; obroba: 0px; širina: 468px; višina: 60px}
a.flashLink {položaj: absolutno; z-indeks: 2; širina: 468px; višina: 60px; ozadje: url (spacer.gif) brez ponovitve;}
Tu se uporablja prosojna slika (poljubne velikosti), imenovana spacer.gif. In tudi tu ne pozabite spremeniti velikosti širine in višine (na dveh mestih).
