Kuidas teha pilt-pildis viide? Kuidas lisada lingi pilt

Loomine plakatid ja saidi kaardid, algaja Webmasters silmitsi sellise probleemiga, kuidas sisestada lingi pilt, teha seda heledam ja huvitav menüü. Aga kuidas seda rakendada? Ei ole midagi lihtsam, kui tead HTML keeles.

Anna meile teada, kuidas me saame teha teoks selle idee. Selle artikli pakume teile kaks võimalust probleemi lahendamiseks. Üks harva tingitud asjaolust, et see võtab palju aega ja vaeva, samal ajal kui teine loetakse tuntud. Me analüüsime teiega nii.

Kui pildi link kasutatakse

Enne kui me räägime, kuidas teha pilt-pildis viide, me aru, kus ja miks neid kasutatakse. Lõppude lõpuks, see on lihtsam mõista, mida me tahame pildi.

Pilte lingid kasutatakse tavaliselt bännerid, reklaam tout joonised. Selle näiteks on pildid on kõik sama "VKontakte". Pea meeles, mitu korda olete klõpsa fotot, millega konkreetne aadress on ehitatud? Lisaks üsna sageli neid kasutatakse kujul menüü rühmade ja kogukondade, eriti kui need sisaldavad erisisestused. Paljud sellised pildid leitud teistele saitidele.

Kleepige link pilt

Lihtsaim asi - pilt-link. See on umbes, siis me räägime, et alustada. See näide on valmis kasutamiseks. St sellel ikoonil klõpsates, siis suunatakse uuele lehele.

Kui sa tead, kuidas see on määratletud ühise link abiga HTML-märgistuskeel, probleemid teil peaks tekkima. Ainus erinevus on see, et selle asemel, et teksti lingid on täpsustatud pilt.

Nii, et rakendada oma plaani, pead pilt ise, Internetti üles laadinud või arvutisse salvestatud (sõltuvalt sellest, kas te töötate online režiimis, tegelikult kohapeal või zadeystvuete toimetajad).

Otsime pildi aadress, kirjutage see ei tohi unustada. Kindlaks ka link, mis peaks avama seda pilti.

Järgmiseks kirjuta järgmised: picture - spetsiaalse koodi . Pilt-link on määratletud tema abi.

Seega me ette linki, mis kuvatakse kujul illustratsioon. Päris lihtne. Aga selline lähenemine ainult siis, kui usume, et seal peaks olema ainult üks link. Aga mis siis, kui seal peaks olema paar? Siis astume muid võimalusi.

Tee menüü pilte

Esimene meetod töötati iseseisvalt uuringu veebilehti märgistuskeel. Loomine selline menüü võib võtta paar tundi.

See meetod sobib neile, kellele meeldib käpard erinevate toimetajad, sest see on üsna aeganõudev ja võtab veidi kauem kui loomist menüü kaardi või teise meetodiga. see seisneb selles, et pilt on tehtud, mis on lõigatud mitu ribade või ruudud. Iga pilt on allkirjastatud, ja aluseks link, nagu eespool kirjeldatud. Järgmine, kooditabeli sildid on kirjutatud õiges järjekorras. See kõik on küsimus, kuidas teha pilt-pildis viide peaaegu lahendatud. Aga ärge unustage teine valik.

Ta on teha menüüs vaid ühe pildi, küsides iga tsooni illustreerivad selle link. Ärge muretsege, midagi need äärmiselt keeruline seda. Nüüd asjad kõigepealt.

Kuidas teha

Uurigem veidi esimene võimalus.

Alustuseks pead teadmised graafilise toimetajad ja HTML. Kuidas teha viide pildi, siis ütleb sellist juurdehindlus lehekülge.

Niisiis, kui sa otsustad minna sel viisil, peate pilt ja lihtne graafiline redaktor, mis võimaldab teil lõigata pilte ja pane oma sildid, samuti koht, kus sul võimalik täita neid.

Kui see on oma kodulehel - sobivad tavalised galerii või raamatukogu faile, "VKontakte" see võib olla rühma albumi või kogukonnas (soovitavalt tasuta).

Lisaks pilt tükkideks lõigata, seega on vaja meeles pidada, millises järjekorras osad on kätte saadud. Stantsitud neid sildid ja täitke server, kirjutada viiteid iga illustratsioon.

Võtke ülaltoodud kood ja asendada soovitud andmed. Seejärel täitke pilti kohapeal järjekorras, milles nad peaks minema. Samal ajal, kui te lõigata ribadeks, siis peate küsima iga link uues line, kuid kui te fotosid jaganud ruutudeks, siis on vaja panna järjest nii palju linke kui selgus väljakud.

Teeme saidi kaart

Niisiis, kui sulle ei meeldi esimene versioon, ja sa tahad õppida, kuidas teha pilt-pildis viide muul viisil saame pakkuda arendada kaardil viitega. See on nüüd lihtsam, siin võib toimuda üksnes ülesande parameetrid probleem. Miks paremini mõista.

Esiteks, me ei tohi unustada, et sisukord on ühendatud pilt käsuga Usemap = "# MAP1, mis on ette nähtud tag img Seega täites pilt kohapeal, siis kindlasti lisada sildi teine osa -. Usemap =" # kaardil nimi ".

Edasine juurdehindlus pildid tsoonid, mis on seotud lingid tehakse paaris tag

Pange tähele, et kui kasutate seda tüüpi kaarti tuleks küsida mitte ainult linke, vaid ka ala nende tegevuse ja koordinaadid. Järgmiseks uurime põhilised parameetrid, mis on tag.

otsetee seaded

Niisiis, enne oma silmad, ready-viide pildi. HTML võimaldab oluliselt parandada funktsionaalsust pilti - eraldada see teatud piirkonnas viide. Kõik see on antud konkreetsed parameetrid, mis nüüd arutatakse.

Räägime vähe põhiparameetreid seotud tag

Edasine sildi sees paari

Esimene - kuju. Tänu webmaster seab omamoodi valdkonnas. See võib olla:

• ring - ringi;
• ristküliku - Rect;
• Polygon - polü;
• puhkeruum pilte - default.

Järgmine - coords. Tänu koordinaadid piksli pindala. Päritolu selles koordinaatide süsteem - ülemises vasakus nurgas. See oli siis, ja see on peamine probleem - ei ole nii lihtne määratleda koordinaadid poolt pikslit, eriti kui puudub tuttav arvutigraafika.

Me mainida ka üsna tuntud href, mis seab aadress link.

Ja viimane variant, mis tuleb märkida, - nohref. See näitab, et selles piirkonnas ei ole viide.

Muidugi, see ei ole täielik nimekiri parameetrid, mida saab määrata pildi või link-kaarti. Aga samal ajal, siis on see piisav, et luua helge ja värvikas link või isegi kogu oma süsteemi.

Tips

Kumb tee loomist lingid, pildid valid, tähtsam on see, et algne pilt oli hea. Proovige valida need kujundused, mis ei püüa silma, ei ärrita värve ja mustreid. See on eriti oluline saidi kaart. Võite teha kollaaž mitme fotosid, tumedamaks neid või lülitage üks filtrid graafika programmi.

Kui loote sitemap on soovitatav valida pildi pehme, mitte-ärritav silma mustrid. Uskuge mind, ei ole alati edu võti - ere pilt -Link. "VKontakte", aga sageli keskenduda just heleduse ja silmatorkavus, et meelitada uusi külastajaid.

järeldused

Kokkuvõtteks. Oleme teiega arvasin, kuidas teha pilt-pildis viide, ja vaatas kahel viisil, mida saab sama hästi kasutada, et luua menüü erineva raskustes. Lisaks oleme välja mõelnud, kuidas määrata pildi link ja õppida peamised parameetrid, mis võimaldavad teil luua üsna mugav ala kaart, grupi või kogukonna.