Kako napraviti slika-u-slici referencu? Kako umetnuti link na sliku

Izrada bannera i web karte, webmasteri početnici suočavaju se s takvim problemom, kako umetnuti link na sliku, veze s tim svjetliju i više zanimljiv izbornika. No, kako ga provesti? Nema ništa lakše ako znate HTML jezik.

Neka nam otkriti kako možemo napraviti stvarnost ove ideje. U ovom članku, mi ćemo vam ponuditi dvije mogućnosti za rješavanje problema. Jedan se rijetko koristi zbog činjenice da je potrebno mnogo vremena i truda, a drugi se smatra dobro poznat. Analiziramo s oboje.

Gdje se koristi slika-link

Prije nego što smo razgovarati o tome kako napraviti slika-u-slici reference, mi ćemo shvatiti gdje i zašto se koriste. Uostalom, to će biti lakše razumjeti ono što želimo sa slike.

Slike linkovi obično koriste kao banneri, reklame reklamirati crteže. Primjeri za to su slike su svi u istom „Vkontakte”. Sjeti se koliko puta ste kliknite na sliku za koji je izgrađen poseban adresa? Osim toga, vrlo često se koriste u obliku grupa izbornika i zajednica, posebno ako oni sadrže posebne stavke. Mnoge takve slike se nalaze na drugim mjestima.

Zalijepite vezu u slici

Najjednostavniji stvar - slika-link. To je zbog toga, govorimo za početak. Ova slika je spremna referenca. Odnosno klikom na ovu ikonu, bit ćete preusmjereni na novu stranicu.

Ako znate kako je definiran zajednički veze uz pomoć HTML-označavanje, problemi bi trebali ustati. Jedina razlika je u tome što umjesto tekstualnih linkova je naveden sliku.

Dakle, za provedbu njegov plan, morate samu sliku, stavili na internet ili pohranjene na računalu (ovisno o tome da li se radi u online modu, zapravo na mjestu, ili zadeystvuete urednika).

Mi smo u potrazi za adresom slike, pisati ga, ne zaboravi. Također popraviti vezu koja bi trebala otvoriti ovu sliku.

Zatim, napisati sljedeće: href="http:// stranicu slike - poseban broj , Slika-link je definirana pomoću nje.

Dakle, mi propisuje vezu koja se prikazuje u obliku slici. Prilično jednostavno. No, ovaj pristup samo ako smatrate da bi trebao biti samo jedna veza. Ali što ako bi trebao biti malo? Zatim smo prešli na druge opcije.

Napravite izbornik slika

Prva metoda je razvijena samostalno proučavanje web stranica markup jezika. Stvaranje takvog izbornika može potrajati nekoliko sati.

Ova metoda je pogodna za one koji vole prtljati s raznim urednicima, kao što je vrlo dugotrajan i traje malo duže od stvaranja kartice izbornika ili drugom metodom. leži u činjenici da je slika snimljena, koja se reže na nekoliko traka ili kvadrata. Svaka slika je potpisan, a temelj za vezu, kao što je gore opisano. Dalje, kod stranice oznake su napisane u ispravnom redoslijedu. To je sve pitanje kako napraviti slika-u-slici reference, gotovo riješena. Ali ne zaboravite o drugoj opciji.

On je napraviti izbornik sa samo jedne slike, tražeći svaku zonu ilustriraju njegovu vezu. Ne brini, ništa to vrlo složeni u tome. Sada, krenimo redom.

Kako bi

Neka nas ispitati malo više prvi put.

Za početak, trebat će vam znanje grafičkih urednika i HTML. Kako napraviti referentno sliku, ona govori ovakvu označavanje stranica.

Dakle, ako se odlučite ići na ovaj način, morat ćete sliku i jednostavan grafički urednik koji vam omogućuje da izrezati slike i staviti na svoje oznake, kao i mjesto gdje ćete biti u mogućnosti da ih ispunite.

Ako je ovo vaša vlastita web stranica - pogodna uobičajena galerija ili knjižnica datoteke, za „Vkontakte” to može biti grupa albuma ili zajednica (po mogućnosti besplatno).

Nadalje, slika će se smanjiti na komade, tako da je potrebno zapamtiti redoslijed kojim su primljeni dijelovi. Otisnut na njima natpisa i napunite server, pišu reference na svakoj slici.

Uzmi kod iznad, i zamijeniti željene podatke. Zatim ispunite sliku na mjestu u redoslijedu u kojem su hodili. U isto vrijeme, ako ga izrezati u trake, onda morate pitati svaku vezu na novoj liniji, ali ako ste podijelili fotografije na kvadrate, onda morate staviti u nizu onoliko veze kako se pokazalo kvadrata.

Mi radimo site map

Dakle, ako vam se ne sviđa prvu verziju, a želite naučiti kako napraviti slika-u-slici referencu na bilo koji drugi način, možemo vam ponuditi da se razvije referencu na karti. To je lakše, ovdje se može dogoditi samo sa zadatkom parametrima problema. Zašto će razumjeti više.

Prvo, trebali bismo se sjetiti da je kazalo je spojen na slici pomoću naredbenog usemap = „# map1, koji je propisan u tag IMG Dakle, punjenje sliku na mjestu, svakako dodati oznaku u drugom dijelu - Usemap. =” Ime karti #”.

Daljnje markup slike u zonama, koje su pričvršćene na linkovima se obavlja pomoću uparene oznaku

Imajte na umu da kada se koristi ovaj tip karte treba pitati ne samo veze, nego i područje njihova djelovanja i koordinate. Zatim ćemo pregledati osnovne parametre koji ima oznaku.

Prečac postavki

Dakle, pred vašim očima, spreman referentna slika. HTML omogućuje značajno poboljšanje funkcionalnosti slike - kako ga izdvojiti određeni prostor za referencu. Sve to daje određenim parametrima, što će sada biti objašnjeno.

Razgovarajmo malo o osnovnim parametrima uparenim tag

Nadalje unutar tag par

Prvi - oblik. Uz pomoć webmaster postavlja neku vrstu polja. To može biti:

• krug - krug;
• pravokutnik - istosmjerne;
• Poligon - poli;
• Odmorište slike - zadane.

Dalje - coords. Uz pomoć koordinata piksela području. Podrijetlo u ovom koordinatnom sustavu - gornji lijevi kut. Tada je, i to je glavni problem - nije tako lako definirati koordinate piksela, pogotovo ako nema poznavanje računalne grafike.

Spomenimo također vrlo poznati href koji postavlja adresu link.

I zadnja opcija, a to je da se spominje, - nohref. To pokazuje da je ova regija nije referenca.

Naravno, to nije potpuni popis parametara koje možete postaviti sliku ili link-kartu. No, u isto vrijeme, to će biti dovoljno za stvaranje svijetle i šarene vezu ili čak cijeli njihov sustav.

Savjet

Koji god način za stvaranje veze, slike koje ste izabrali, važno je da je izvorna slika je bila dobra. Pokušajte odabrati one dizajne koji ne uhvatiti okom, ne iritiraju svijetle boje ili uzorke. To je osobito važno za site map. Možete napraviti kolaž od nekoliko fotografija, potamniti ih ili uključite jedan od filtera u grafičkom programu.

Prilikom izrade mapa preporučljivo je odabrati sliku s mekom, a ne iritantan do uzoraka oka. Vjerujte mi, nije uvijek ključ uspjeha - svijetla slika -link. „Vkontakte”, međutim, često se usredotočiti samo na svjetlinu i showiness, kako bi privukli nove posjetitelje.

nalazi

Da sumiramo. Mi smo uz vas shvatio kako napraviti slika-u-slici referencu, i pogledao dva načina na koje možete jednako dobro mogu koristiti za stvaranje izbornik različitih poteškoća. Osim toga, Shvatili smo kako postaviti sliku-link i naučiti o glavnim parametrima koji omogućuju vam da stvoriti dosta zgodan zemljovid stranice, grupe ili zajednice.