Ako imate natpis, ali nema gotovog html-koda za umetanje na stranicu, dodavanje potrebne veze nije tako teško. Čak i ako je natpis izrađen pomoću flash tehnologije. Moguće opcije za organiziranje veza do natpisa u grafičkim i flash formatima u izvornom kodu opisane su u nastavku.
Upute
Korak 1
Ako je natpis u jednom od grafičkih formata (gif, jpg, png, bmp), tada će biti dovoljno da oznaku slike stavite unutar oznake veze. Prvo oblikujte oznaku slike. U jeziku za označavanje web stranica (HTML - HyperText Markup Language - "jezik za označavanje hiperteksta"), njegova najjednostavnija verzija izgleda ovako: Ovdje je "relativna adresa" slike navedena u atributu src. U ovoj verziji preglednik će pretpostaviti da se slika nalazi u istoj mapi na vašem poslužitelju gdje je i sama stranica na kojoj je umetnut natpis. Ali bolje je navesti "apsolutnu adresu":
Korak 2
Tu oznaku treba dodati još nekoliko atributa. Dva atributa označit će dimenzije natpisa (visina i širina). To su neobavezni atributi - slika će se prikazati bez njih ako sve bude u redu kada se stranica učita s poslužitelja u preglednik. Ali ako slika iz nekog razloga nije učitana, tada nedostatak dimenzija može dovesti do činjenice da će svi ostali elementi dizajna biti izvan mjesta. Oznaka veličine izgledat će ovako:
3. korak
Prema zadanim postavkama preglednik crta plavi obrub oko slika veza. Da biste to izbjegli, dodajte natpisni atribut border s null vrijednošću:
4. korak
Dodajte još jedan atribut (naslov) koji će sadržavati tekst za opis kada pređete pokazivačem miša preko natpisa:
Korak 5
Pripremili ste oznaku slike s najvažnijim atributima, sada je morate smjestiti unutar oznake veze. Svaka hiperveza sastoji se od dvije oznake - otvaranja i zatvaranja: Početna oznaka sadrži atribut href koji sadrži adresu za slanje zahtjeva. Između ove dvije oznake veze i umetnite oznaku natpisa: HTML kôd natpisa s vezom je spreman, ne zaboravite zamijeniti: - u atributu href: "https://kakprosto.ru" adresom vaše veze za natpis; - u atributu src: "https://kakprosto.ru/banner.gif" na adresu slike za natpis; - u atributu širine: "468" za širinu vašeg natpisa; - u atributu visina: "60" za visinu vašeg natpisa; - u atributu naslova: "To je natpis!" skočni tekst za vaš natpis;
Korak 6
Sve se gore odnosilo na natpise slika, ali postoje i natpisi izrađeni pomoću flash tehnologije. Da biste u flash film ubacili vezu na standardni način, morate imati ne samo natpis, već i izvorni kod. Uz to, možete uređivati izvorni kod, a zatim kompajlirati Flash film samo u specijaliziranom uređivaču - uobičajeni uređivač teksta nije pogodan za to. Međutim, postoji način da se zaobiđu sve ove poteškoće, ograničavajući se na uređivanje samo HTML-a i CSS-a (Cascading Style Sheets - "kaskadni listovi stilova"). CSS jezik koristi se za detaljniji (u usporedbi s HTML-om) opis izgleda elemenata stranice. Pomoću nje mogu se na stranicama graditi prilično složene višeslojne strukture. To ćemo iskoristiti postavljanjem Flash natpisa u donji sloj i postavljanjem sloja s vezom iznad njega. HTML kôd natpisa izgledat će ovako:
Ne zaboravite zamijeniti atribute širine i visine u njemu (na dva mjesta), naziv natpisa banner.swf (na dva mjesta) i adresu veze https://kakprosto.ru (na jednom mjestu) i SCC kod koji odgovara ovom HTML kodu trebao bi biti ovako:
div.linkedFlashContainer {pozicija: relativna; z-indeks: 1; obrub: 0px; širina: 468px; visina: 60px}
a.flashLink {pozicija: apsolutna; z-indeks: 2; širina: 468px; visina: 60px; pozadina: url (spacer.gif) bez ponavljanja;}
Ovdje se koristi prozirna slika (bilo koje veličine) koja se naziva spacer.gif. I ovdje također ne zaboravite promijeniti veličinu širine i visine (na dva mjesta).
