Зураг-д зураг лавлагаа хэрхэн хийх вэ? зурагтай нь холбоос оруулах хэрхэн

хошуу болон үүсгэх сайтын газрын зураг, эхлэн webmasters, ийм асуудал тулгарч байгаа талаар, зургийг нь холбоос оруулах нь гэрэл гэгээтэй, илүү сонирхолтой цэс хийх. Харин үүнийг хэрхэн хэрэгжүүлэх вэ? Та HTML хэл мэдэж байвал илүү хялбар зүйл байхгүй байна.

Бид энэ санаа нь бодит хэрхэн хийх боломжтой мэдэцгээе. Энэ нийтлэлд бид танд асуудлыг шийдэхийн тулд хоёр сонголтыг санал болгох болно. Нэг нь ховор байдаг учраас хоёр дахь сайн мэдэх байх ёстой гэж үздэг, харин энэ нь цаг хугацаа, хүчин чармайлт маш их авдаг гэсэн байсан. Бид та аль аль нь судалгаа шинжилгээ хийдэг.

зураг холбоос хэрэглэж байгаа бол

Бид зураг-д зураг лавлагаа хэрхэн хийх талаар ярилцах өмнө бид хаана, яагаад ашиглаж байгаа ойлгож болно. Эцсийн эцэст, бид зургийг нь юу хүсч байгаагаа ойлгоход илүү хялбар байх болно.

Images холбоосууд хошуу, зар сурталчилгаа зураг tout талаар түгээмэл хэрэглэгддэг байна. Энэ жишээ зургууд бүгд адил "VKontakte" байгаа юм. Хэрэв та аль нь тухайн нэг хаягийн барьсан байна зурган дээр товшино байсан хэдэн удаа санаж байна уу? Үүнээс гадна, маш олон удаа тэд цэс бүлэг, олон нийтийн хэлбэрээр, тэд тусгай оруулгуудыг агуулна ялангуяа ашиглаж байна. Олон ийм зургийг нь бусад сайтууд дээр байдаг.

зураг руу холбоос Paste

Хамгийн энгийн зүйл - зураг холбоос. Энэ нь энэ талаар юм, бид эхлэх ярьж байна. Энэ жишээ нь бэлэн лавлах юм. Өөрөөр хэлбэл энэ дүрсэн дээр дарж та шинэ хуудас уруу дахин чиглүүлэгдэх болно.

та HTML-тэмдэглэх тусламжтайгаар нийтлэг холбоос тодорхойлсон хэрхэн мэддэг бол асуудал та гарч байх ёстой. Ганц ялгаа нь оронд текст холбоосууд дүр төрхийг тодорхойлсон явдал юм.

Тиймээс түүний төлөвлөгөөг хэрэгжүүлэхийн тулд, та зургийг нь өөрөө, интернетэд байршуулж, эсвэл таны компьютер дээр хадгалагдсан (та онлайн горимд ажиллаж байгаа эсэхээс хамаарч, үнэн хэрэгтээ газар дээр нь, эсвэл засварлагч zadeystvuete) хэрэгтэй.

Бид дүрс хаяг хайж энэ нь мартаж байх нь бичиж байна. Мөн энэ зургийг нээж өгөх хэрэгтэй холбоосыг тогтоох.

зураг - нь тусгай код: Дараа нь, дараах бичих . Зургийн холбоос түүний тусламжтайгаар тодорхойлно.

Тиймээс бид жишээ хэлбэрээр гарч байгаа холбоос зааж. Pretty хялбар. Гэхдээ энэ арга нь та зөвхөн нэг холбоос байх ёстой гэж үзэж байвал л. Гэхдээ ямар хэд хэдэн байх ёстой вэ? Дараа нь бид бусад тохируулгуудын талаар шилжих.

зураг цэсийг болгох

Эхний арга нь вэб хуудсын судалгаа тэмдэглэгээний хэл бие даан боловсруулсан байна. Ийм цэс бий болгох цаг нь хоёр авч болно.

Энэ нь нэлээд цаг хугацаа шаардсан бөгөөд цэс карт буюу хоёр дахь аргыг бий болгох бодвол бага зэрэг урт авдаг Энэ арга нь янз бүрийн редакторуудын нь Tinker, дуртай хүмүүст тохиромжтой. Энэ нь хэд хэдэн тууз, эсвэл квадратуудын болгон бууруулах нь зураг авсан байна гэдэгт оршино. зураг бүр дээр дурдсан шиг, гарын үсэг зурсан бөгөөд нэг холбоос үндэс. Дараа нь, код хуудас хаягууд нь зөв дарааллаар бичсэн байна. Энэ нь зураг-д зураг лавлагаа, бараг шийдсэн хэрхэн хийх бүх асуудал юм. Харин хоёр дахь тохируулгын талаар мартаж болохгүй.

Тэр бүс тус бүрээр асууж, зүгээр л нэг зураг нь цэс гаргах нь холбоосыг харуулах явдал юм. Энэ нь эдгээр нь маш нарийн төвөгтэй юу ч бүү санаа зов. Одоо эхний зүйл анх удаа.

Хэрхэн хийх

АНУ-ын бага зэрэг илүү Эхний арга нь авч үзье.

Юуны тулд, та график засварлагчид, зэрэг HTML талаар мэдлэгтэй байх хэрэгтэй болно. Хэрхэн жишиг зургийг гаргах, энэ нь тэмдэглэгээний хуудасны энэ төрлийн хэлдэг.

Тэгэхээр та энэ замаар явах шийдвэр бол та, зураг, энгийн график засварлагч та зураг бууруулах, та нар тэднийг бөглөх боломжтой болно газар, түүнчлэн тэдгээрийн шошгон дээр тавих боломжтой байх хэрэгтэй болно.

Энэ нь таны өөрийн вэб сайт бол - тохиромжтой ердийн цомог, эсвэл номын сангийн файлууд нь "VKontakte" Энэ бүлэг цомог, олон нийтийн (илүү зохимжтой үнэгүй) байж болно.

Цаашилбал, зураг хэсэг хуваасан байх ёстой, тиймээс энэ нь хэсэг хүлээн авсан дарааллаар санах нь чухал юм. Тэднийг бичээс дээр тамга болон серверийг дүүргэж, график бүр дээр лавлагааг бичнэ үү.

Дээрх кодыг авч, хүссэн мэдээллийг орлох юм. Дараа нь тэд явах ёстой тулд газар дээр нь зураг дүүргэ. Үүний зэрэгцээ, та тууз болгон бууруулсан бол та шинэ шугам холбоос бүр асуух хэрэгтэй, харин та нар талбайд орж зураг хуваалцлаа, сайн байна уу, та нар энэ нь квадратын болсон олон холбоосууд гэж дараалан тавих хэрэгтэй.

Бид сайтын газрын зураг хийх

Тэгэхээр та анхны хувилбарыг дуртай вэ, мөн хэрэв та ямар нэгэн өөр арга замаар зураг-д зураг лавлагаа хэрхэн хийхийг сурах хүсэлтэй, бид та газрын зураг лавлагаа хөгжүүлэх санал болгож болох юм. Энэ нь хялбар, энэ асуудлын зорилго параметр нь зөвхөн тохиолдож болно хийсэн байна. Яагаад илүү ойлгох болно.

# Газрын зураг нэрийг "- Нэгдүгээрт, бид Сайтын бүтэц тушаал usemap = ашиглан дүрс холбогдсон гэдгийг санаж байх ёстой." Usemap = сайт дээр зургийг дүүргэлт, Тиймээс хаяг нь img-д заасан байдаг # map1, хоёр дахь хэсэг хаяг нэмэх хэрэгтэй. "

бүс рүү Цаашид тэмдэглэгээний зураг, холбоосууд хавсаргасан байгаа нь хосолсон хаяг <зураг> , <биеийн> хосолсон хаягууд хооронд ямар ч тохиромжтой газар байрлуулж болно ашиглан хийгддэг.

ашиглаж байгаа үед зураг энэ төрлийн дан ганц холбоос, гэхдээ бас тэдний үйл ажиллагаа, координатын талбайг асуух ёстой гэдгийг анхаарна уу. Дараа нь бид хаяг байдаг үндсэн параметрүүдийг авч болно.

товчлохын тохиргоо

Тэгэхээр та нарын нүдний өмнө, бэлэн лавлах зураг. Лавлагааны зориулалтаар үүнийг тодорхой талбайг хуваарилах - HTML та ихээхэн дүр ажиллагааг сайжруулах боломжийг олгодог. Энэ бүхэн тодорхой үзүүлэлтүүд, одоо хэлэлцэж болно өгсөн байна.

-ийн хосолсон тагийн <Зураг> үндсэн параметрүүдийн талаар жаахан ярилцъя. Голчлон энэ нэр, үнэ цэнэ нь usemap тэнцүү байна. Тэгэхээр та карт зургийг бичигдсэн байна гэж тодорхойлох.

<Газар>, ажлын талбай тайлбарлах - Цаашид хаяг хос <зураг> дотор өөр хаяг тогтоосон байна. Тэр Мэдээж, энэ нь өөрийн гэсэн параметртэй, залуу биш,.

Эхний - хэлбэр. вэбмастер тусламжтайгаар салбарт нэгэн төрлийн тогтоодог. Энэ нь байж болно:

• тойрог - тойрог;
• тэгш өнцөгт - RECT;
• Полигон - поли;
• Үлдсэн талбай зураг - анхдагч байдаг.

Next - coords. пикселийн талбайн координатын тусламжтайгаар. Энэ нь гарал үүсэл нь системийг зохицуулах - зүүн дээд булан. Энэ нь дараа нь байсан бөгөөд гол асуудал юм - пикселийн координатыг тодорхойлох нь компьютер график нь ямар ч танил байдаг, ялангуяа хэрэв тийм ч амар биш.

Мөн бид маш алдартай href, холбоос хаягийг тогтоодог дурдана.

Мөн өнгөрсөн сонголт байна, дурдсан байх - nohref. Энэ бүс нутагт жишиг биш юм гэдгийг харуулж байна.

Мэдээж хэрэг, энэ нь таны зургийг эсвэл холбоос зураг тохируулж болно параметрүүд нь бүрэн жагсаалт биш юм. Гэвч энэ цаг үед, энэ нь тэдний системийн тод, өнгөлөг холбоос эсвэл бүр бүхэл үүсгэх хангалттай байх болно.

зөвлөмжүүд

нь аль ч арга зам холбоосууд, зураг бий та сонгох нь маш чухал зүйл бол анхны дүр нь сайн байсан байгаа юм. , Нүд барьж байхгүй бол тод өнгө болон загварыг цочроож болохгүй бол тэдгээр загварыг сонгох нь үзээрэй. Энэ нь сайтын газрын зураг нь ялангуяа чухал ач холбогдолтой юм. Та боломжтой нь эвлүүлгийг хийх , хэд хэдэн зураг нь харанхуй, эсвэл график хөтөлбөрт шүүлтүүр нэг асаана.

Та үүсгэх үед Сайтын бүтэц нүд хэв маяг зөөлөн, төрийн бус цочроох-тай зураг сонгохыг зөвлөж байна. тод зураг ХОЛБООС - Надад итгэ, үргэлж биш амжилтын гол түлхүүр юм. "VKontakte" Гэсэн хэдий ч, ихэвчлэн зөвхөн хурц болон showiness дээр шинэ жуулчдыг татахын тулд анхаарах.

үр дүн нь

Дүгнэхэд. Бид та зураг-д зураг лавлагаа хэрхэн хийх гарч үзэхэд, мөн та нар адилхан бэрхшээл нь янз бүрийн цэс үүсгэхэд ашиглаж болно хоёр аргын харж байна. Нэмж хэлэхэд, бид зураг, холбоос хэрхэн суулгаж тохируулах, та сайт, бүлэг, олон нийтийн маш уран зураг бий болгох боломж олгодог гол параметрүүдийн талаар мэдэхийн тулд олж мэдсэн юм.