Hvis du har et banner, men det ikke er noen ferdig HTML-kode for å sette det inn på siden, er det ikke så vanskelig å legge til lenken du trenger. Selv om banneret er laget med flash-teknologi. Mulige alternativer for å organisere lenker til bannere i grafikk- og flashformat i kildekoden er beskrevet nedenfor.
Bruksanvisning
Trinn 1
Hvis banneret er i et av de grafiske formatene (gif, jpg, png, bmp), vil det være nok å sette bildekoden inne i koblingstaggen. Dann først bildekoden. På kodespråket på websider (HTML - HyperText Markup Language - "hypertext markup language"), ser den enkleste versjonen slik ut: Her er den "relative adressen" til bildet spesifisert i src-attributtet. I denne versjonen vil nettleseren anta at bildet er i samme mappe på serveren din der selve siden er der banneret settes inn. Men det er bedre å spesifisere en "absolutt adresse":
Steg 2
Det er noen flere attributter å legge til i denne koden. To attributter vil indikere bannerdimensjonene (høyde og bredde). Dette er valgfrie attributter - bildet vises uten dem hvis alt går bra når siden er lastet fra serveren til nettleseren. Men hvis bildet av en eller annen grunn ikke er lastet, kan mangelen på dimensjoner føre til at alle andre designelementer vil være malplassert. Størrelseskoden vil se slik ut:
Trinn 3
Som standard tegner nettleseren en blå kant rundt koblingsbildene. For å unngå dette, legg til et borderattributt med en nullverdi i bannerkoden:
Trinn 4
Legg til ett attributt til (tittel) som inneholder teksten for verktøytips når du holder musepekeren over banneret:
Trinn 5
Du har forberedt bildekoden med de viktigste attributtene, nå må du plassere den inne i koblingstaggen. Hver hyperkobling er dannet av to koder - åpning og lukking: Åpningskoden inneholder href-attributtet, som inneholder adressen for å sende forespørselen. Mellom disse to koblingskodene og sett inn bannerkoden: HTML-koden til banneret med lenken er klar, ikke glem å erstatte: - i href-attributtet: "https://kakprosto.ru" med adressen til lenken din for banneret - i src-attributtet: "https://kakprosto.ru/banner.gif" til adressen til bildet for banneret; - i breddeattributtet: "468" for bredden på banneret ditt; - i høydeattributtet: "60" for høyden på banneret ditt; - i tittelattributtet: "Det er et banner!" popup-tekst for banneret ditt;
Trinn 6
Alle de ovennevnte refererte til bildebannere, men det er også bannere laget med flash-teknologi. For å sette inn en lenke i en flash-film på en standard måte, må du ikke bare ha selve banneret, men også kildekoden. I tillegg kan du redigere kildekoden og deretter kompilere Flash-filmen bare i en spesialredigerer - en vanlig teksteditor er ikke egnet for dette. Imidlertid er det en måte å komme seg rundt alle disse vanskelighetene, og begrense deg til å bare redigere HTML og CSS (Cascading Style Sheets - "cascading style sheets"). CSS-språket brukes til en mer detaljert (sammenlignet med HTML) beskrivelse av utseendet til sideelementene. Med hjelpen kan det bygges ganske komplekse flerlagsstrukturer på sidene. Vi vil bruke dette ved å plassere Flash-banneret i det nederste laget, og plassere laget med lenken over det. HTML-koden til banneret vil se slik ut:
Ikke glem å erstatte bredde- og høydeattributtene i den (to steder), bannernavnet banner.swf (to steder) og lenkeadressen https://kakprosto.ru (på ett sted). Og SCC-koden som tilsvarer denne HTML-koden, skal være slik:
div.linkedFlashContainer {posisjon: relativ; z-indeks: 1; grense: 0px; bredde: 468px; høyde: 60px}
a.flashLink {posisjon: absolutt; z-indeks: 2; bredde: 468px; høyde: 60px; bakgrunn: url (spacer.gif) no-repeat;}
Her brukes et gjennomsiktig bilde (i alle størrelser) kalt spacer.gif. Og også her, ikke glem å endre størrelsen på bredden og høyden (to steder).
