Jos sinulla on banneri, mutta ei ole valmiita HTML-koodia sen lisäämiseksi sivulle, tarvitsemasi linkin lisääminen ei ole niin vaikeaa. Vaikka banneri on valmistettu flash-tekniikalla. Seuraavassa kuvataan mahdollisuuksia järjestää lähdekoodilinkkien linkit graafisiin ja flash-muotoisiin bändeihin.
Ohjeet
Vaihe 1
Jos banneri on jossakin graafisessa muodossa (gif, jpg, png, bmp), niin riittää, että laitat kuvatunnisteen linkkitagiin. Muodosta ensin kuvatunniste. Verkkosivujen merkintäkielellä (HTML - HyperText Markup Language - "hypertekstien merkintäkieli") sen yksinkertaisin versio näyttää tältä: Tässä kuvan "suhteellinen osoite" määritetään src-määritteessä. Tässä versiossa selain olettaa, että kuva on palvelimesi samassa kansiossa, jossa sivu itse on, johon banneri lisätään. Mutta on parempi määrittää "absoluuttinen osoite":
Vaihe 2
Tähän tagiin on lisättävä vielä muutama määritte. Kaksi määritettä ilmaisee bannerin mitat (korkeus ja leveys). Nämä ovat valinnaisia määritteitä - kuva näytetään ilman niitä, jos kaikki menee hyvin, kun sivu ladataan palvelimelta selaimeen. Mutta jos kuvaa ei jostain syystä ladata, mittojen puute voi johtaa siihen, että kaikki muut muotoiluelementit ovat paikoillaan. Koko-tunniste näyttää tältä:
Vaihe 3
Oletuksena selain piirtää linkkikuvien ympärille sinisen reunan. Tämän välttämiseksi lisää banneritagiin raja-attribuutti, jolla on nolla-arvo:
Vaihe 4
Lisää vielä yksi attribuutti (otsikko), joka sisältää työkaluvihjeen tekstin, kun viet hiiren osoittimen bannerin päälle:
Vaihe 5
Olet valmistellut kuvatunnisteen tärkeimmillä määritteillä, ja sinun on nyt sijoitettava se linkkitunnisteen sisään. Jokainen hyperlinkki muodostuu kahdesta tagista - avaamisesta ja sulkemisesta: Avautava tunniste sisältää href-määritteen, joka sisältää osoitteen pyynnön lähettämistä varten. Aseta näiden kahden linkkitagin väliin banneritunniste: Linkin sisältävän bannerin HTML-koodi on valmis, älä unohda korvata: - href-määritteessä: "https://kakprosto.ru" linkkisi osoitteella bannerille; - src-määritteessä: "https://kakprosto.ru/banner.gif" bannerin kuvan osoitteeseen; - width-attribuutissa: "468" bannerisi leveydelle; - korkeusattribuutissa: "60" bannerisi korkeudelle; - otsikkomääritteessä: "Se on banneri!" ponnahdusikkuna banneriisi;
Vaihe 6
Kaikki yllä mainitut viittasivat kuvabannereihin, mutta on myös bannereja, jotka on valmistettu flash-tekniikalla. Jos haluat lisätä linkin flash-elokuvaan tavalliseen tapaan, sinulla on oltava paitsi itse banneri, myös sen lähdekoodi. Lisäksi voit muokata lähdekoodia ja sitten kääntää Flash-elokuvan vain erikoistuneessa editorissa - tavallinen tekstieditori ei sovi tähän. On kuitenkin olemassa tapa kiertää kaikki nämä vaikeudet rajoittumalla vain HTML: n ja CSS: n (Cascading Style Sheets - "Cascading Style Sheets") muokkaamiseen. CSS-kieltä käytetään yksityiskohtaisempaan (HTML-muotoon verrattuna) kuvaukseen sivuelementtien ulkonäöstä. Sen avulla sivuille voidaan rakentaa melko monimutkaisia monikerroksisia rakenteita. Käytämme tätä sijoittamalla Flash-bannerin alimpaan kerrokseen ja asettamalla sen yläpuolella olevan linkin. Bannerin HTML-koodi näyttää tältä:
Älä unohda korvata siinä olevia leveys- ja korkeusmääritteitä (kahdessa paikassa), bannerin nimeä banner.swf (kahdessa paikassa) ja linkin osoitetta https://kakprosto.ru (yhdessä paikassa). Ja SCC-koodi Tätä HTML-koodia vastaavan tulee olla seuraava:
div.linkedFlashContainer {sijainti: suhteellinen; z-indeksi: 1; reunus: 0px; leveys: 468px; korkeus: 60px}
a.flashLink {sijainti: absoluuttinen; z-indeksi: 2; leveys: 468px; korkeus: 60px; tausta: url (spacer.gif) ei toista;}
Tässä käytetään läpinäkyvää kuvaa (kaikenkokoisia), nimeltään spacer.gif. Ja tässäkin, älä unohda muuttaa leveyden ja korkeuden kokoa (kahdessa paikassa).
