Cum de a face o referință imagine în imagine? Cum se introduce un link către o imagine

Crearea de bannere și hărți site - ului, webmasterii începători se confruntă cu o astfel de problemă, cum să inserați un link către o imagine, face cu ea meniu mai luminos și mai interesant. Dar cum să-l pună în aplicare? Nu este nimic mai ușor dacă știi limba HTML.

Să ne aflăm cum putem face o realitate a acestei idei. În acest articol, vă vom oferi două opțiuni pentru a rezolva problema. Un rar folosit, datorită faptului că este nevoie de o mulțime de timp și efort, în timp ce al doilea este considerat a fi bine cunoscut. Noi analizăm cu voi amândoi.

În cazul în care se folosește link-imagine

Înainte de a vorbi despre modul de a face o referință imagine în imagine, vom înțelege unde și de ce acestea sunt utilizate. La urma urmei, acesta va fi mai ușor de înțeles ceea ce ne dorim din imagine.

Imagini link-uri sunt de obicei folosite ca bannere, reclame tout desene. Exemple de acest tip sunt imaginile sunt toate în același „VKontakte“. Amintiți-vă de câte ori v-ați click pe fotografie pentru care a fost construită o anumită adresă? În plus, destul de des, acestea sunt folosite sub forma unor grupuri de meniu și a comunităților, mai ales în cazul în care conțin intrări speciale. Multe astfel de imagini găsite pe alte site-uri.

Inserați link-ul în imagine

Cel mai simplu lucru - o imagine-link. Asta e despre asta, vorbim pentru a începe. Această ilustrație este o referință gata. Adică clic pe această pictogramă, veți fi redirecționat către noua pagină.

Dacă știi cum este definit printr-o legătură comună cu ajutorul HTML markup, problemele pe care le ar trebui să apară. Singura diferență este că în loc de link-uri text este specificat imagine.

Deci, să pună în aplicare planul său, aveți nevoie de imaginea în sine, încărcat pe Internet sau stocate pe computer (în funcție de faptul dacă lucrați în modul on-line, de fapt, pe site-ul sau zadeystvuete editori).

Cautam o adresă de imagine, scrie ea, să nu uităm. De asemenea, repara link-ul pe care ar trebui să deschidă această imagine.

Apoi, scrie următoarele: site-ul href="http:// imagine - un cod special . Link-imagine este definită cu ajutorul său.

Astfel, am prescrie un link care este afișată sub formă de ilustrare. Destul de ușor. Dar această abordare numai în cazul în care considerați că ar trebui să existe doar o singură legătură. Dar dacă ar trebui să existe câteva? Apoi vom trece la alte opțiuni.

Asigurați-un meniu de imagini

Prima metodă a fost dezvoltată în mod independent, în studiul de pagini web limbaj de marcare. Crearea unui astfel de meniu poate dura câteva ore.

Această metodă este adecvată pentru cei cărora le place să se joace cu diferite editori, deoarece este destul de consumatoare de timp și durează puțin mai mult decât crearea cardului de meniu sau a doua metodă. aceasta constă în faptul că imaginea este luată, care este tăiată în mai multe benzi sau patrate. Fiecare imagine este semnat, iar baza pentru o legătură, așa cum este descris mai sus. În continuare, etichetele de pagini de cod sunt scrise în ordinea corectă. Asta e tot o chestiune de modul de a face o referință imagine în imagine, aproape rezolvată. Dar nu uita a doua opțiune.

El este de a face un meniu cu doar o imagine, solicitând pentru fiecare zonă ilustrează legătura sa. Nu vă faceți griji, nimic acestea extrem de complex în acest sens. Acum, primele lucruri mai întâi.

Cum de a face

Să examinăm un pic mai mult prima cale.

Pentru a începe cu, veți avea nevoie de cunoștințe de editori grafice, si HTML. Cum sa faci o imagine de referință, ea spune acest tip de pagini de marcare.

Deci, dacă vă decideți să mergeți în acest fel, veți avea nevoie de o imagine și un editor grafic simplu care vă permite să taie imaginile și a pus pe etichetele lor, precum și un loc unde va fi capabil să le umple.

În cazul în care acest lucru este site-ul dvs. - galerie sau bibliotecă fișiere convenționale adecvate, pentru „VKontakte“ poate fi un album de grup sau comunitate (de preferință liber).

Mai mult, imaginea care urmează să fie tăiate în bucăți, prin urmare, este necesar să ne amintim ordinea în care sunt primite părți. Ștampilate pe ele inscripții și umple server, scrie referințe pe fiecare ilustrație.

Ia codul de mai sus, și pentru a înlocui datele dorite. Apoi, umple imaginea de pe site-ul în ordinea în care acestea ar trebui să meargă. În același timp, dacă o taie în fâșii, atunci trebuie să cereți fiecare link într-o nouă linie, dar dacă ați permis accesul la fotografii în pătrate, atunci ai nevoie pentru a pune într-un rând cât mai multe link-uri ca sa transformat pătrate.

Noi facem o hartă a site

Deci, dacă nu vă place prima versiune, și doriți să învățați cum să facă o referință imagine în imagine, în orice alt mod, vă putem oferi pentru a dezvolta o referință hartă. Ea a făcut mai ușor, aici poate avea loc doar cu parametrii de sarcină a problemei. De ce vor înțelege mai mult.

În primul rând, trebuie să ne amintim că sitemap este conectat la imaginea folosind usemap comanda = „# map1, care este prescris în tag-ul img Prin urmare, completând imaginea de pe site-ul, asigurați-vă că pentru a adăuga tag-ul în a doua parte -. Usemap =“ # numele hartă“.

imagini de marcare suplimentare în zone, care sunt atașate la legăturile se face folosind un tag asociat , care poate fi plasat în orice loc convenabil între etichetele pereche .

Rețineți că, atunci când se utilizează acest tip de hartă ar trebui să fie întrebat nu numai link-uri, dar, de asemenea, zona activităților și coordonatele lor. În continuare, vom examina parametrii de bază pe care le are eticheta.

setări comandă rapidă

Deci, în fața ochilor tăi, imagine gata de referință. HTML vă permite să îmbunătățească în mod semnificativ funcționalitatea imaginii - pentru a aloca o anumită zonă pentru referință. Toate acestea este dat de parametri specifici, care acum vor fi discutate.

Hai să vorbim un pic despre parametrii de bază ai tag-ul asociat . În primul rând acest nume, care este egală cu valoarea usemap. Deci desemnați că placa este scris imaginea.

Mai departe în interiorul perechii tag este prescrisă altă etichetă - , care descrie suprafața de referință. Nu e tipul și, desigur, are propriile sale parametri.

Prima - forma. Cu ajutorul unui webmaster stabilește un fel de câmp. Acest lucru poate fi:

• cerc - cerc;
• dreptunghi - RECT;
• Polygon - poli;
• Fotografie zonă de odihnă - implicit.

Urmatoarea - coords. Cu ajutorul coordonatele zonei de pixeli. Originea în acest sistem de coordonate - colțul din stânga sus. Acesta a fost atunci, și este principala problemă - nu atât de ușor pentru a defini coordonatele de pixeli, mai ales în cazul în care nu există nici o familiarizare cu grafica pe calculator.

Mentionam, de asemenea, destul de href celebru, care stabilește adresa legăturii.

Și ultima opțiune, care trebuie menționat, - nohref. Acesta arată că această regiune nu este o referință.

Desigur, acest lucru nu este o listă completă a parametrilor pe care le puteți seta imaginea sau link-hartă. Dar, în același timp, va fi suficient pentru a crea o legătură strălucitoare și colorate sau chiar întregul lor sistem.

Sfaturi

Indiferent de modul pentru crearea de link - uri, imagini pe care le alegeți, cel mai important lucru este că imaginea originală a fost bună. Încercați să aleagă acele desene sau modele care nu prind ochi, nu irita culorile vii sau modele. Acest lucru este deosebit de important pentru o harta site-ului. Puteți face un colaj din mai multe fotografii, le întuneca, sau activați unul dintre filtrele dintr - un program de grafică.

Când creați un sitemap este recomandat să alegeți o imagine cu moale, non-iritant pentru modelele de ochi. Crede-mă, nu este întotdeauna cheia succesului - imagine luminoasă -Link. „VKontakte“, cu toate acestea, de multe ori se concentreze doar pe luminozitatea și ostentatiei, în scopul de a atrage noi vizitatori.

constatări

Pentru a rezuma. Suntem cu tine seama cum să facă o referință imagine în imagine, și se uită la două moduri în care pot fi la fel de bine utilizate pentru a crea un meniu de diferite grade de dificultate. În plus, ne-am dat seama cum să setați link-imagine și să învețe despre principalii parametri care vă permit să creați destul de o hartă la îndemână a site-ului, grup sau comunitate.