Om du har en banner, men det inte finns någon färdig HTML-kod för att infoga den på sidan, är det inte så svårt att lägga till länken du behöver. Även om bannern är gjord med hjälp av flash-teknik. Möjliga alternativ för att organisera länkar till banners i grafik- och flashformat i källkoden beskrivs nedan.
Instruktioner
Steg 1
Om bannern finns i ett av de grafiska formaten (gif, jpg, png, bmp), räcker det att placera bildtaggen inuti länktaggen. Formera först bildtaggen. På markeringsspråket på webbsidor (HTML - HyperText Markup Language - "hypertext markup language") ser dess enklaste version ut så här: Här anges "relativ adress" för bilden i src-attributet. I den här versionen antar webbläsaren att bilden finns i samma mapp på din server där själva sidan är där bannern sätts in. Men det är bättre att ange en "absolut adress":
Steg 2
Det finns några fler attribut att lägga till i den här taggen. Två attribut indikerar bannerdimensionerna (höjd och bredd). Dessa är valfria attribut - bilden visas utan dem om allt går bra när sidan laddas från servern till webbläsaren. Men om bilden av någon anledning inte laddas, kan bristen på dimensioner leda till att alla andra designelement kommer att vara felaktiga. Storlekstaggen ser ut så här:
Steg 3
Som standard drar webbläsaren en blå kant runt länkbilder. För att undvika detta, lägg till ett gränsattribut med ett nullvärde i bannertaggen:
Steg 4
Lägg till ytterligare ett attribut (titel) som innehåller texten för verktygstips när du håller muspekaren över bannern:
Steg 5
Du har förberett bildtaggen med de viktigaste attributen, nu måste du placera den inuti länktaggen. Varje hyperlänk bildas av två taggar - öppna och stänga: Öppningstaggen innehåller href-attributet, som innehåller adressen för att skicka begäran. Mellan dessa två länktaggar och infoga bannertaggen: HTML-koden på bannern med länken är klar, glöm inte att ersätta: - i attributet href: "https://kakprosto.ru" med adressen till din länk för bannern; - i attributet src: "https://kakprosto.ru/banner.gif" till adressen till bilden för bannern; - i breddattributet: "468" för bredden på din banner; - i höjdattributet: "60" för höjden på din banner; - i titelattributet: "Det är en banner!" popup-text för din banner;
Steg 6
Alla ovanstående hänvisade till bildbannrar, men det finns också banderoller gjorda med hjälp av flashteknik. För att infoga en länk i en flashfilm på ett vanligt sätt måste du inte bara ha bannern utan också källkoden. Dessutom kan du redigera källkoden och sedan bara kompilera Flash-filmen i en specialredigerare - en vanlig textredigerare är inte lämplig för detta. Det finns dock ett sätt att komma runt alla dessa svårigheter och begränsa dig till att bara redigera HTML och CSS (Cascading Style Sheets - "cascading styleheets"). CSS-språket används för en mer detaljerad (jämfört med HTML) beskrivning av utseendet på sidelement. Med hjälp kan ganska komplexa flerskiktsstrukturer byggas på sidorna. Vi kommer att använda detta genom att placera Flash-bannern i det nedre lagret och placera lagret med länken ovanför. HTML-koden för bannern ser ut så här:
Glöm inte att byta ut bredd- och höjdattributen i den (på två ställen), bannernamnet banner.swf (på två platser) och länkadressen https://kakprosto.ru (på ett ställe) Och SCC-koden motsvarande denna HTML-kod ska vara så här:
div.linkedFlashContainer {position: relativ; z-index: 1; gräns: 0px; bredd: 468px; höjd: 60px}
a.flashLink {position: absolut; z-index: 2; bredd: 468px; höjd: 60px; bakgrund: url (spacer.gif) no-repeat;}
Här används en transparent bild (av alla storlekar) som heter spacer.gif. Och här glöm inte att ändra storleken på bredden och höjden (på två ställen).
