Kako napraviti referencu slike u slici? Kako da ubacite link na sliku

Stvaranje transparentima i mape stranice, početnik webmasteri se suočavaju sa takvim problemom, kako da ubacite link na sliku, s tim jasnije i zanimljiv meni. Ali kako da ga provede? Ne postoji ništa lakše ako znate HTML jezik.

Pustite da saznamo kako možemo napraviti stvarnost ove ideje. U ovom članku, mi ćemo vam ponuditi dvije opcije za rješavanje problema. Jedan od rijetko koristi zbog činjenice da je potrebno dosta vremena i truda, a drugi se smatra da je dobro poznata. Mi analiziramo s vama.

Gdje je slika-link koji se koriste

Prije nego što se govori o tome kako napraviti referencu slika u slici, mi ćemo shvatiti gdje i zašto se oni koriste. Na kraju krajeva, to će biti lakše shvatiti ono što želimo sa slike.

Slike linkovi se često koriste kao banneri, reklame svih crteža. Primjeri za to su slike su svi u istom "VKontakte". Ne zaboravite koliko puta ste kliknite na fotografiju na kojoj je izgrađena određenu adresu? Osim toga, vrlo često se koriste u obliku grupa menija i zajednica, posebno ako sadrže posebne stavke. Mnoge takve slike nalaze na drugim stranicama.

Zalijepite link na sliku

Najjednostavnije stvar - sliku-link. To je otprilike to, govorimo za početak. Ova ilustracija je spreman referencu. Tj klikom na ovu ikonu, vi ćete biti preusmjereni na novu stranicu.

Ako znate kako je to definisano zajedničku vezu uz pomoć HTML-markup, problemi treba da se pojavi. Jedina razlika je da umjesto teksta linkova je naveden slike.

Dakle, da sprovede svoj plan, potreban vam je sama slika, upload na internet ili pohranjene na vašem računalu (u zavisnosti od toga da li se radi u online modu, zapravo na sajtu, ili zadeystvuete urednici).

Mi smo u potrazi za adresu slike, napisao, da se ne zaboravi. Također popravi link koji treba da otvori ovu sliku.

Dalje, pišu sljedeće: slika - poseban kod . Slika-link je definiran sa svojim pomoć.

Dakle, mi propisuje link koji je prikazan u obliku ilustracija. Prilično lako. Ali ovaj pristup samo ako vjerujete da treba da postoji samo jedna karika. Ali šta ako bi trebalo da bude nekoliko? Onda idemo na druge opcije.

Napravite meni slika

Prva metoda je razvijena samostalno u istraživanju web stranice Markup Language. Stvaranje takvog izbornika može potrajati nekoliko sati.

Ova metoda je pogodna za one koji vole da prtljati sa raznim urednicima, kao što je to vrlo dugotrajan i traje malo duže nego stvaranje menija kartice ili drugi način. leži u činjenici da se snima, koji se smanjiti u nekoliko traka ili kvadrata. Svaka slika je potpisan, i osnova za vezu, kao što je opisano gore. Dalje, kod stranice oznake su napisane u ispravnom redoslijedu. To je sve pitanje kako napraviti sliku u slici reference, gotovo riješen. Ali, ne zaboravite na drugu opciju.

On je da se meni sa samo jednom slikom, tražeći svaku zonu ilustriraju svoju vezu. Ne brinite, ništa te izuzetno složen u ovome. Sada, krenimo redom.

Kako napraviti

Razmotrimo malo više prvi put.

Za početak, trebat će vam znanje grafičkog urednika, i HTML. Kako napraviti referencu slike, to govori ova vrsta označavanje stranica.

Dakle, ako se odlučite za na ovaj način, morat ćete sliku i jednostavan grafički urednik koji vam omogućuje da smanji slike i stavi na svoje etikete, kao i mjesto gdje ćete biti u mogućnosti da ih ispuni.

Ako je ovo vaša vlastite web stranice - pogodan konvencionalne galeriji ili datoteka biblioteke, za "VKontakte" to može biti grupa album ili zajednici (po mogućnosti besplatno).

Nadalje, da se slika smanji na komade, tako da je potrebno zapamtiti redoslijed kojim se primaju dijelova. Utisnut na njima natpisima i popunite servera, pišu reference na svakoj slici.

Uzmite kod iznad, i zamijeniti željene podatke. Zatim popuniti sliku na lokaciji u cilju kojim treba ići. U isto vrijeme, ako se smanji ga na trake, onda morate pitati svaki link na novu liniju, ali ako ste podelili fotografije u kvadrate, onda morate staviti u nizu onoliko veze kako se ispostavilo kvadrata.

Mi radimo na karti stranice

Dakle, ako vam se ne sviđa prvu verziju, i želite da naučite kako napraviti referencu na bilo koji drugi način slika u slici, možemo vam ponuditi da se razvije referentni kartu. To je bilo lakše, ovdje se može javiti samo sa zadatkom parametrima problema. Zato će shvatiti više.

Kao prvo, treba imati na umu da je mapa je povezan sa slika pomoću naredbe usemap = "# map1, koja je propisana u oznaci img Dakle, popunjavanje slika na sajtu, obavezno dodati oznaku u drugom dijelu -. Usemap =" # ime mape ".

Dalje označavanje slika u zone, koje su priložene veze ostvaruje se pomoću uparen tag

Imajte na umu da kada se koristi ovaj tip karte treba tražiti ne samo veze, nego i na području svojih aktivnosti i koordinate. Dalje, mi ćemo ispitati osnovne parametre koji ima oznaku.

prečica postavke

Dakle, pred vašim očima, spreman reference sliku. HTML vam omogućava da se značajno poboljša funkcionalnost slike - da je izdvojiti određeni prostor za referencu. Sve ovo daje specifičnih parametara, koji će sada biti riječi.

Hajde da pričamo malo o osnovnim parametrima upareni tag

Dalje unutar taga par

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

• krug - krug;
• pravougaonik - rect;
• Poligon - poli;
• ostatak slika područje - defaultu.

Sljedeća - Coords. Uz pomoć koordinata područja piksela. Porijeklo u ovom koordinatnom sistemu - u gornjem lijevom kutu. Tada je, i to je glavni problem - nije tako lako definisati koordinata piksela, posebno ako ne postoji poznavanje kompjuterske grafike.

Napominjemo također vrlo poznati href, koji postavlja adresu linka.

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

Naravno, ovo nije kompletna lista parametara koje možete postaviti sliku ili link-karte. Ali, u isto vrijeme, to će biti dovoljno da se stvori svijetle i šarene vezu ili čak cijeli njihovog sistema.

Savjeti

Koji god način za stvaranje linkova, slika se odlučite, važno je da je originalni slika je bila dobra. Pokušajte da odaberete one dizajn koji ne privlače pažnju, ne iritiraju jarkih boja ili uzoraka. Ovo je posebno važno za mapu sajta. Možete napraviti kolaž od nekoliko fotografija, potamniti ih, ili da na jednom od filtera u grafičkom programu.

Kada kreirate sajta Preporučuje se da odaberete sliku sa mekim, ne izaziva iritaciju na obrasce oka. Vjerujte mi, nije uvijek ključ uspjeha - jasnu sliku -link. "VKontakte", međutim, često se fokusiraju samo na svjetlinu i showiness, kako bi privukli nove posjetitelje.

nalazi

Da rezimiramo. Mi smo uz vas shvatio kako napraviti referencu slika u slici, i pogledao dva načina na koje možete jednako dobro može koristiti za stvaranje izbornika različitih poteškoća. Osim toga, shvatili smo kako da postavite sliku-link i naučiti o glavnim parametrima koji vam omogućuju da se stvori sasvim zgodan mapa sajta, grupi ili zajednici.