Ako imate natpis, ali nema gotovog html koda za umetanje na stranicu, dodavanje veze koja vam treba 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čkom i flash formatu u izvornom kodu opisane su u nastavku.
Instrukcije
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 formirajte 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 serveru 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čavaju 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 sa servera u pregledač. Ali ako slika iz nekog razloga nije učitana, nedostatak dimenzija može dovesti do činjenice da svi ostali elementi dizajna neće biti na mjestu. Oznaka veličine izgledat će ovako:
Korak 3
Pretraživač prema zadanim postavkama crta plavi obrub oko slika veza. Da biste to izbjegli, dodajte natpisu atribut border s null vrijednošću:
Korak 4
Dodajte još jedan atribut (naslov), koji će sadržavati tekst za opis, kada pokazivač miša zadržite iznad natpisa:
Korak 5
Pripremili ste oznaku slike s najvažnijim atributima, sada je morate smjestiti unutar oznake veze. Svaka hiperveza se sastoji od dvije oznake - otvaranja i zatvaranja: Otvorna 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 gore navedeno odnosilo se 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 njegov izvorni kod. Pored toga, izvorni kod možete urediti, 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 odnosu na HTML) opis izgleda elemenata stranice. Pomoću nje mogu se na stranicama izgraditi 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; granica: 0px; širina: 468px; visina: 60px}
a.flashLink {pozicija: apsolutno; z-indeks: 2; širina: 468px; visina: 60px; pozadina: url (spacer.gif) bez ponavljanja;}
Ovdje se koristi prozirna slika (bilo koje veličine) nazvana spacer.gif. I ovdje također ne zaboravite promijeniti veličinu širine i visine (na dva mjesta).
