Si të krijoni një foto në një foto me një lidhje? Si të futni një lidhje në një foto

Duke krijuar banderola dhe harta të faqes, webmasters rishtar përballen me një problem të tillë si futja e një lidhje në foto, duke e bërë atë një meny të ndritshme dhe më interesante. Por si ta bëni këtë? Nuk ka asgjë më të lehtë nëse e dini gjuhën e HTML.

Le të zbulojmë se si mund ta ktheni këtë sipërmarrje në realitet. Në këtë artikull ne do t'ju ofrojmë dy mundësi për zgjidhjen e problemit. Një është përdorur rrallë për shkak të faktit se ajo merr shumë kohë dhe përpjekje, e dyta konsiderohet e njohur. Ne do të diskutojmë të dy mënyrat.

Ku përdoret fotografia lidhëse

Para se të flasim për mënyrën e krijimit të një pike në një foto, do të zbulojmë se ku dhe për çfarë përdoren. Kjo do ta bëjë më të lehtë për të kuptuar se çfarë duam nga imazhi.

Fotografitë-lidhjet përdoren zakonisht si parulla, duke u thirrur në vizatime promovuese. Një shembull i kësaj mund të shërbejë si imazhe të tëra në të njëjtën "VKontakte". Mos harroni, sa herë keni klikuar ndonjëherë në një foto në të cilën është ngulitur një adresë e veçantë? Përveç kësaj, shumë shpesh ato përdoren si grupe menu dhe komunitete, veçanërisht nëse ato përmbajnë shënime të veçanta. Shumë imazhe të tilla gjenden në vende të tjera.

Vendos një lidhje në foto

Gjëja më e thjeshtë është një foto-lidhje. Do të flasim për të parë. Ky ilustrim është një referencë e gatshme. Kjo është, duke klikuar mbi një imazh të tillë, do të ridrejtoheni në një faqe të re.

Nëse e dini se si është vendosur një lidhje normale duke përdorur markup HTML, atëherë nuk duhet të keni probleme. I vetmi ndryshim është se në vend të tekstit të lidhjes, një imazh është specifikuar.

Pra, për të zbatuar planin, do të duhet vetë fotografia, të shkarkohet në internet ose të vendoset në kompjuterin tuaj (varësisht nëse do të punoni në modalitetin në internet, në të vërtetë në vend, ose do të përdorni redaktorët).

Po kërkojmë adresën e imazhit, e shkruajmë në mënyrë që të mos harrojmë. Gjithashtu rregulloni lidhjen që duhet të hapet kjo foto.

Pastaj ne shkruajmë në vijim: foto - kodi i posaçëm . Një lidhje me foto është vendosur me të.

Kështu, ne përshkruajmë një lidhje që shfaqet si ilustrim. Mjaft e lehtë dhe e thjeshtë. Por kjo do të funksionojë vetëm nëse mendoni se duhet të ketë vetëm një lidhje në të. Dhe çka nëse duhet të ketë më shumë se një? Pastaj kalojmë në opsionet e tjera.

Bëni një menu nga figura

Metoda e parë u zhvillua në mënyrë të pavarur gjatë studimit të gjuhës markup të faqeve të internetit. Krijimi i një menyre të tillë mund të marrë disa orë.

Kjo metodë është e përshtatshme për ata që duan të shqetësohen me redaktorë të ndryshëm, pasi është mjaft e mundimshme dhe merr pak më shumë se krijimi i një meny apo hartë në mënyrën e dytë. Ai konsiston në faktin se është marrë një foto, e cila është e prerë në disa shirita ose sheshe. Çdo imazh nënshkruhet dhe krijohet një lidhje në bazë të saj, siç përshkruhet më sipër. Më tej në kodin e faqes etiketat janë përshkruar në rendin e kërkuar. Kjo është e gjitha, pyetja se si të krijojmë një foto në foto një lidhje, pothuajse të zgjidhur. Por mos harroni për opsionin e dytë.

Është për të bërë një menu me vetëm një foto, duke caktuar një referencë për secilën fushë të ilustrimit. Mos u frikësoni, nuk ka asgjë ekstreme në këtë. Dhe tani për çdo gjë në rregull.

Si të bëni

Le të hedhim një vështrim më të afërt në metodën e parë.

Për të filluar, do t'ju duhet njohuri për redaktorët grafikë dhe HTML. Si një foto për të bërë një lidhje, ky lloj i faqosjes së faqeve do t'ju kërkojë.

Pra, nëse vendosni të shkoni në këtë mënyrë, do t'ju duhet një imazh dhe një redaktor grafik i thjeshtë që ju lejon të shkurtoni fotot dhe të vendosni mbishkrime mbi ta, si dhe një vend ku mund t'i plotësoni ato.

Nëse kjo është faqja juaj - një galeri e zakonshme ose një bibliotekë e skedarëve është e përshtatshme, për "VKontakte" mund të jetë një grup ose album i komunitetit (mundësisht i mbyllur).

Tjetra, ju duhet të prerë imazhin në pjesë, duke kujtuar rendin në të cilin vijnë pjesët. Ne kemi vënë mbi ta mbishkrimet dhe mbushur atë me serverin, ne shkruajmë lidhjet për secilën ilustrim.

Ne marrim kodin e përmendur më lart dhe zëvendësojmë të dhënat e nevojshme atje. Pastaj ngarkojmë fotot në faqe saktësisht në rendin në të cilin duhet të shkojnë. Në këtë rast, në qoftë se ju e prerë atë në shirita, atëherë ju duhet të vendosni çdo lidhje nga një rresht i ri, por nëse e keni ndarë foton në sheshe, ju duhet të vendosni sa më shumë lidhje në linjë, pasi ka sheshe.

Marrja e një hartë të faqes

Pra, nëse nuk jeni të kënaqur me opsionin e parë dhe doni të mësoni se si ta bëni një foto në foto një lidhje në një mënyrë tjetër, atëherë ne mund t'ju ofrojmë të krijoni një hartë lidhjesh. Është bërë më e lehtë, këtu vetëm unë mund të ketë probleme me vendosjen e parametrave. Pse, kuptoj më tej.

Para së gjithash, mbani mend se harta e faqes lidhet me imazhin duke përdorur komandën usemap = "# map1, e cila është përshkruar në img tag. Prandaj, kur mbushni imazhin në faqe, sigurohuni që të shtoni pjesën e dytë në tag - usemap =" # map name ".

Shënimi i mëtejshëm i imazhit në zonat në të cilat lidhen lidhjet bëhet me ndihmën e tagit

Vini re se kur përdorni këtë lloj krijimi të hartës, duhet të specifikoni jo vetëm lidhjet, por edhe fushat e veprimit dhe koordinatat e tyre. Tjetra, ne do të analizojmë parametrat bazë që ka kjo tagname.

Opsionet e lidhjes

Pra, ju keni një lidhje foto të gatshme para syve tuaj. HTML ju lejon të përmirësoni ndjeshëm funksionalitetin e këtij imazhi - për të nxjerrë në pah atë një zonë të caktuar për referencë. E gjithë kjo është vendosur me anë të parametrave të veçantë, të cilat do të diskutohen tani.

Le të flasim pak për parametrat bazë të tagut

Më tej në tagun e çiftëzuar

E para është forma. Me të, webmasteri vendos pamjen e zonës. Mund të jetë:

• Rrethi - rrethi;
• Drejtkëndëshi Rect;
• Poligon - poli;
• Pjesa tjetër e figurës është e paracaktuar.

E ardhshme është coords. Është përdorur për të vendosur koordinatat e zonës në piksele. Origjina në këtë sistem koordinate është këndi i sipërm majtas. Këtu qëndron problemi kryesor - nuk është aq e lehtë për të përcaktuar koordinatat me anë të pikseve, veçanërisht nëse nuk e dini grafikat kompjuterike.

Ne gjithashtu përmendim href shumë të njohur, i cili përcakton adresën e lidhjes.

Dhe parametri i fundit që duhet përmendur është nohref. Kjo tregon se fushëveprimi i specifikuar nuk është një lidhje.

Natyrisht, kjo nuk është një listë e plotë e parametrave që mund të vendosen në një lidhje foto ose hartë. Por në të njëjtën kohë është e mjaftueshme për të krijuar një lidhje të ndritshme dhe të gjallë ose edhe një sistem të tërë të tyre.

Këshilla

Cilado qoftë rruga që dëshironi të krijoni një imazh të lidhjes , gjëja kryesore është se imazhi origjinal është i mirë. Mundohuni të zgjidhni ato vizatime që nuk janë të dukshme, mos u irritoni me ngjyra ose modele të ndritshme. Kjo është veçanërisht e rëndësishme për hartën e sitit. Ju mund të bëni një kolazh të disa fotografive, të errësoni ato ose të përfshini një nga filtrat në çdo redaktues grafik.

Kur krijoni një hartë të faqes, rekomandohet të zgjidhni imazhet me modele të buta dhe jo irrituese. Besoni mua, jo gjithmonë çelësi i suksesit është një foto e ndritshme, një lidhje. "VKontakte", megjithatë, shpesh përqëndrohet në ndriçimin dhe shkëlqimin, në mënyrë që të tërheqin vizitorë të rinj.

Gjetjet

Le të përmbledhim. Ne kemi zbuluar se si të krijojmë një figurë në një foto me një lidhje, dhe ne shikuam në dy mënyra që ju mund të përdorni në mënyrë të barabartë me sukses për të krijuar menutë me shkallë të ndryshme të kompleksitetit. Përveç kësaj, ne kuptuam se si të vendosnim një foto lidhje dhe mësuam edhe për parametrat bazë që ju lejon të krijoni një hartë mjaft të përshtatshme të një vendi, grupi ose komuniteti.