As u 'n banier het, maar daar is geen kant-en-klaar html-kode om dit op die bladsy in te voeg nie, is dit nie so moeilik om die skakel wat u benodig, by te voeg nie. Al word die banier met behulp van flitstegnologie gemaak. Moontlike opsies om skakels na baniere in grafiese en flitsformate in die bronkode te organiseer, word hieronder beskryf.
Instruksies
Stap 1
As die banier in een van die grafiese formate is (gif, jpg, png, bmp), is dit voldoende om die prentjie in die skakelplaatjie te plaas. Vorm eers die prentmerk. In die opmaaktaal van webbladsye (HTML - HyperText Markup Language - "hypertext markup language"), lyk die eenvoudigste weergawe daarvan so: Hier word die "relatiewe adres" van die prent in die src-attribuut gespesifiseer. In hierdie weergawe sal die blaaier aanneem dat die prentjie in dieselfde vouer op u bediener is waar die bladsy self is waar die banier aangebring is. Maar dit is beter om 'n "absolute adres" te spesifiseer:
Stap 2
Daar is nog 'n paar eienskappe om by hierdie merker te voeg. Twee eienskappe sal die banierafmetings (hoogte en breedte) aandui. Dit is opsionele eienskappe - die prentjie sal daarsonder vertoon word as alles goed gaan as die bladsy vanaf die bediener na die blaaier gelaai word. Maar as die prentjie om die een of ander rede nie gelaai word nie, kan die gebrek aan afmetings daartoe lei dat alle ander ontwerpelemente nie in plek is nie. Die grootte-etiket sal so lyk:
Stap 3
Die blaaier teken standaard 'n blou rand rondom skakelbeelde. Om dit te vermy, voeg 'n randkenmerk met 'n nulwaarde by die banierkaart:
Stap 4
Voeg nog een kenmerk (titel) by, wat die teks vir die gereedskapstip sal bevat as u die muisaanwyser oor die banier hou:
Stap 5
U het die beeldmerk met die belangrikste eienskappe voorberei, en nou moet u dit in die skakelplaatjie plaas. Elke hiperskakel word gevorm deur twee etikette - open en sluit: Die openingskode bevat die href-kenmerk, wat die adres bevat vir die stuur van die versoek. Tussen hierdie twee skakelmerke en voeg die banierplaatjie in: Die HTML-kode van die banier met die skakel is gereed. Moenie vergeet om dit te vervang nie: - in die href-attribuut: "https://kakprosto.ru" met die adres van u skakel. vir die banier; - in die src-attribuut: "https://kakprosto.ru/banner.gif" na die adres van die afbeelding vir die banier; - in die breedte-attribuut: "468" vir die breedte van u banier; - in die hoogtekenmerk: "60" vir die hoogte van u vaandel; - in die titelkenmerk: "Dit is 'n vaandel!" pop-up teks vir u banier;
Stap 6
Al die bogenoemde verwys na prentbanniere, maar daar is ook baniere wat met behulp van flitstegnologie gemaak word. Om 'n skakel op 'n standaard manier in 'n flitsfliek in te voeg, moet u nie net die banier self hê nie, maar ook die bronkode daarvan. Daarbenewens kan u die bronkode wysig en die Flash-film dan slegs in 'n gespesialiseerde redakteur saamstel - 'n gewone teksversorger is nie hiervoor geskik nie. Daar is egter 'n manier om al hierdie probleme te omseil, en beperk u slegs tot die redigering van HTML en CSS (Cascading Style Sheets - "cascading style sheets"). Die CSS-taal word gebruik vir 'n meer gedetailleerde (in vergelyking met HTML) beskrywing van die voorkoms van bladsy-elemente. Met die hulp daarvan kan taamlik ingewikkelde multilayer-strukture op die bladsye gebou word. Ons sal dit gebruik deur die Flash-banner in die onderste laag te plaas en die laag met die skakel daarbo te plaas. Die HTML-kode van die banner sal soos volg lyk:
Moenie vergeet om die breedte- en hoogtekenmerke daarin (op twee plekke), die vaandelnaam banner.swf (op twee plekke) en die skakeladres https://kakprosto.ru (op een plek) te vervang nie, en die SCC-kode wat ooreenstem met hierdie HTML-kode, moet soos volg wees:
div.linkedFlashContainer {posisie: relatief; z-indeks: 1; grens: 0px; breedte: 468px; hoogte: 60 px}
a.flashLink {posisie: absoluut; z-indeks: 2; breedte: 468px; hoogte: 60px; agtergrond: url (spacer.gif) herhaal;}
Hier word 'n deursigtige beeld (van enige grootte) genaamd spacer
