Paano gumawa ng isang larawan-sa-larawan reference? Paano upang magsingit ng isang link sa isang larawan

Ang paglikha ng mga banner at mga mapa ng site, baguhan mga webmaster ay nahaharap na may tulad na isang problema, kung paano upang magsingit ng isang link sa isang larawan, gawin dito mas maliwanag at mas kawili-wiling menu. Ngunit kung paano ipatupad ito? Walang anuman mas madali kung alam mo na HTML wika.

Ipaalam sa amin malaman kung paano namin maaaring gumawa ng isang katotohanan ng ang ideyang ito. Sa artikulong ito, kami ay nag-aalok sa iyo ng dalawang mga pagpipilian upang malutas ang problema. Isang bihirang ginagamit dahil sa ang katunayan na ito ay tumatagal ng maraming oras at pagsisikap, habang ang ikalawa ay itinuturing na mahusay na kilala. Sinusuri namin sa iyo pareho.

Saan image-link ay ginagamit

Bago namin makipag-usap tungkol sa kung paano gumawa ng isang larawan-sa-larawan reference, dapat naming maunawaan kung saan at kung bakit sila ay ginagamit. Pagkatapos ng lahat, ito ay magiging mas madali upang maunawaan kung ano ang gusto namin mula sa mga imahe.

Images link ay karaniwang ginagamit ng mga banner, mga patalastas tout guhit. Mga halimbawa ng mga ito ay ang mga larawan ay ang lahat sa parehong "VKontakte". Tandaan kung gaano karaming beses na iyong i-click sa larawan upang kung saan ang isang partikular na address ay nakumpleto? Sa karagdagan, lubos na madalas na ginagamit ang mga ito sa anyo ng mga grupo ng menu at mga komunidad, lalo na kung naglalaman ang mga ito ng espesyal na entry. Maraming mga naturang larawan natagpuan sa ibang sites.

I-paste ang link na ito sa mga larawan

Ang pinakasimpleng bagay - isang larawan na-link. Iyan ay tungkol dito, makipag-usap namin upang magsimula. Ang ilustrasyong ito ay isang handa reference. Ibig sabihin ng pag-click sa icon na ito, ikaw ay nai-redirect sa bagong pahina.

Kung alam mo kung paano ito ay tinukoy sa pamamagitan ng isang karaniwang link na ito sa tulong ng mga HTML-markup, ang problema ay dapat mong lumabas. Ang pagkakaiba lamang ay na sa halip ng mga link na teksto ay tinukoy imahe.

Kaya, upang ipatupad ang kanyang mga plano, kailangan mo ang larawan mismo, upload mo sa internet o naka-imbak sa iyong computer (depende sa kung ikaw ay nagtatrabaho sa online mode, ang tunay na sa site, o zadeystvuete editor).

Kami ay naghahanap para sa isang address imahe, isulat ito, hindi sa kalimutan. Gayundin ayusin ang mga link na dapat buksan ang larawang ito.

Susunod, isulat ang mga sumusunod: larawan - isang espesyal na code . Image-link ay tinukoy sa tulong nito.

Kaya, mag-atas namin ang isang link na ipinapakita sa anyo ng mga paglalarawan. Pretty madali. Ngunit ang paraan na ito lamang kung sa tingin mo na may dapat na lamang ng isang link. Ngunit ano kung mayroong dapat na isang ilang? Pagkatapos ay lumipat kami sa ibang mga opsyon.

Gumawa ng isang menu ng mga larawan

Ang unang paraan ay binuo nang nakapag-iisa sa pag-aaral ng mga web page markup language. Ang paglikha ng ganitong isang menu ay maaaring tumagal ng ilang oras.

Ang pamamaraan na ito ay angkop para sa mga nais na latero sa iba't-ibang mga editor, tulad ng ito ay lubos na oras-ubos at tumatagal ng isang maliit na mas mahaba kaysa sa paglikha ng menu card o ang pangalawang paraan. ito ay namamalagi sa ang katunayan na ang mga larawan ay kinuha, na kung saan ay i-cut sa ilang piraso o parisukat. Ang bawat larawan ay naka-sign, at ang batayan para sa isang link, tulad ng inilarawan sa itaas. Susunod, ang code pahinang tags ay nakasulat sa tamang pagkakasunod-sunod. Iyon lang ang isang tanong ng kung paano gumawa ng isang larawan-sa-larawan reference, halos malulutas. Ngunit huwag kalimutan ang tungkol sa ang pangalawang opsyon.

Siya ay upang gumawa ng isang menu na may lamang ng isang larawan, na humihiling para sa bawat zone ilarawan link nito. Huwag mag-alala, walang mga labis na complex sa ito. Ngayon, unang bagay muna.

Kung paano gumawa ng

Ipaalam sa amin suriin ang kaunti pa ang unang paraan.

Upang magsimula, kakailanganin mong kaalaman sa graphic editor, at HTML. Paano gumawa ng isang reference larawan, sinasabi nito sa ganitong uri ng mga pahina markup.

Kaya, kung magpasya kang pumunta sa paraang ito, kakailanganin mo ang isang imahe at isang simpleng graphical editor na nagbibigay-daan sa iyo upang i-cut ang mga larawan at ilagay sa kanilang mga label, pati na rin ang isang lugar kung saan ikaw ay maaaring upang punan ang mga ito.

Kung ito ang iyong sariling website - angkop maginoo gallery o library file, para sa "VKontakte" maaaring ito ay isang grupo album o komunidad (mas maganda libre).

Dagdag dito, ang larawan upang i-cut sa mga piraso, kaya ito ay kinakailangan upang tandaan ang pagkakasunud-sunod kung aling mga bahagi ay natanggap. Naselyohang sa kanila inscriptions at punan ang mga server, isulat ang sanggunian sa bawat paglalarawan.

Dalhin ang code sa itaas, at upang palitan ang nais na data. Pagkatapos ay punan ang mga imahe sa site sa pagkakasunud-sunod kung saan dapat sila pumunta. Kasabay nito, kung ikaw hiwa ito sa piraso, at pagkatapos ay kailangan mong tanungin ang bawat link sa isang bagong linya, ngunit kung ikaw ay nagbahagi ng mga larawan sa mga parisukat, pagkatapos ay kailangan mong ilagay sa isang hilera bilang ng maraming mga link bilang ito naka-parisukat.

Ginagawa namin ang isang site mapa

Kaya, kung hindi mo gusto ang unang bersyon, at gusto mong malaman kung paano gumawa ng isang larawan-sa-larawan reference sa anumang ibang paraan, maaari naming mag-alok sa iyo upang bumuo ng isang reference na mapa. Ito ay ginawang mas madali, dito ay maaari lamang mangyari sa mga parameter na gawain ng problema. Bakit ay maunawaan ang higit pa.

Una, dapat nating tandaan na ang sitemap ay konektado sa imahe gamit ang command usemap = "# map1, na kung saan ay inireseta sa tag img Samakatuwid, pagpuno sa larawan sa site, siguraduhin na isama ang tag na ito sa ikalawang bahagi -. Usemap =" # Pangalan ng mapa ".

Ang karagdagang markup imahe sa zone, na kung saan ay nakalakip sa ang mga link ay tapos na gamit ang isang nakapares na tag , na maaaring mailagay sa anumang maginhawang lugar sa pagitan ng mga nakapares na mga tag na .

Tandaan na kapag gumagamit ng ganitong uri ng mapa ay dapat na nagtanong hindi lamang mga link, ngunit din ang lugar ng kanilang mga gawain at mga coordinate. Susunod, susuriin natin ang mga pangunahing mga parameter na may tag.

shortcut setting

Kaya, bago ang iyong mga mata, handa na-reference larawan. HTML ay nagbibigay-daan sa iyo upang makabuluhang mapabuti ang pag-andar ng imahe - upang magtalaga ng mga ito sa isang tiyak na lugar para sa reference. Ang lahat ng ito ay ibinigay sa pamamagitan ng mga tiyak na mga parameter, na sa ngayon ay tatalakayin.

Pag-usapan ng kaunti tungkol sa mga pangunahing mga parameter ng mga nakapares na tag Hayaan. Lalo na ang pangalang ito, na kung saan ay katumbas ng halaga usemap. Kaya itinalaga mo na ang card ay nakasulat sa larawan.

Ang karagdagang sa loob ng pares tag ay inireseta ng isa pang tag - , na naglalarawan sa lugar ng reference. Siya ay hindi ang tao at, siyempre, ito ay may sariling mga parameter.

Ang unang - hugis. Sa tulong ng isang webmaster ay nagtatakda ng isang uri ng patlang. Ito ay maaaring maging:

• lupon - bilog;
• rectangle - rect;
• Polygon - poly;
• pahingahan ng mga larawan - default.

Susunod na - coords. Sa tulong ng ang mga coordinate ng lugar pixel. Ang pinagmulan sa coordinate system - ang itaas na kaliwang sulok. Iyon ay pagkatapos, at ito ay ang pangunahing problema - hindi kaya madaling upang tukuyin ang mga coordinate sa pamamagitan ng pixel, lalo na kung walang lubos na pagkikilala sa computer graphics.

banggitin din kaming medyo sikat href, na nagtatakda sa address ng link.

At ang huling pagpipilian, na kung saan ay dapat na nabanggit, - nohref. Ito ay nagpapakita na ang rehiyon na ito ay hindi isang reference.

Of course, ito ay hindi isang kumpletong listahan ng mga parameter na maaari mong itakda ang mga larawan o mga link-mapa. Ngunit sa parehong panahon, ito ay magiging sapat na upang lumikha ng isang maliwanag at makulay na link o kahit na ang buong ng kanilang mga system.

Tips

Alinmang paraan para sa paglikha ng mga link, mga larawan na pinili mo, ang mga mahalagang bagay ay na ang mga orihinal na imahe ay mabuti. Subukan upang pumili ng mga disenyo na hindi mahuli ang mata, ay hindi inisin ang mga maliliwanag na kulay o pattern. Ito ay lalong mahalaga para sa isang site mapa. Maaari mong gumawa ng isang collage ng ilang mga larawan, pag-ulangin ang mga ito, o i-on ang isa sa mga filter sa isang programa graphics.

Kapag lumikha ka ng isang sitemap ay inirerekomenda upang pumili ng isang imahe na may malambot, non-nanggagalit sa ang mga pattern ng mata. Maniwala ka sa akin, ay hindi palaging ang susi sa tagumpay - maliwanag na larawan -Link. "VKontakte", gayunpaman, ay madalas na tumutok lamang sa liwanag at showiness, upang makaakit ng mga bagong bisita.

napag-alaman

Upang ibuod. Kami ay sa iyo may korte out kung paano gumawa ng isang larawan-sa-larawan reference, at tumingin sa dalawang mga paraan na maaari mong nang mahusay magamit upang lumikha ng isang menu ng iba't ibang kahirapan. Sa karagdagan, kami ay may korte out kung paano i-set ang imahe-link at alamin ang tungkol sa mga pangunahing mga parameter na nagbibigay-daan sa iyo na lumikha ng isang lubos na madaling-magamit na mapa ng site, grupo o komunidad.