Зургийн зургийг ашиглахын тулд ашиг тус, дутагдалтай талууд
Олон тооны сайтууд нь "зургийн газрын зураг" гэж нэрлэгддэг веб дизайны түүхэнд нэг цэг байсан. Энэ бол нэг хуудсан дээрх тодорхой дүрсэлсэн координатуудын жагсаалт юм. Эдгээр координатууд нь тухайн зураг дээр холбоос үүсгэх хэсгүүдийг бий болгож, "халуун цэгүүд" нэмж, график болгон нэмж, тэдгээр нь тус бүрийг өөр өөр газар руу холбохоор кодлогдож болно. Энэ нь зурагтай холбоос үүсгэхээс хамаагүй өөр бөгөөд энэ нь бүхэл график нь нэг чиглэлд нэг томоохон холбоос болоход хүргэдэг.
Жишээ нь: АНУ-ын дүр төрх бүхий график файлтай байх төсөөлөл. Хэрэв та муж бүр "clickable" байхыг хүсч байвал тухайн мужийн тухай хуудсууд руу орохыг хүсвэл үүнийг зураг газрын зургаар хийж болно. Үүний нэгэн адил, хэрэв та хөгжмийн холбоосын дүр төрхийг авсан бол тухайн бүлгэмийн гишүүний тухай дараагийн хуудсанд нэг гишүүнийг дарж болох дүрсийн газрын зураг ашиглаж болно.
Дүрсний зураглал хэрэгтэй юу? Тэд үнэхээр байсан, гэвч тэд өнөөгийн Вэб дээр таалагдахгүй байна. Энэ нь наад зах нь хэсэгчилсэн байдлаар, зургийн газрын зургууд ажлын тусгай координуудыг шаарддаг тул. Өнөө үед сайтууд нь дэлгэцийн болон төхөөрөмжийн хэмжээн дээр тулгуурлан дэлгэцэн дээр ажиллах боломжтой. Энэ нь урьдчилан тогтоосон координат, зураглал хэрхэн ажилладагийг харуулж байна, сайтыг хэмжиж, зургууд өөрчлөгдөхөд хүргэдэг. Тиймээс өнөөгийн газрын зураг дээр газрын зургийг ашиглах нь бараг ашиглагддаггүй, гэхдээ тэдгээр нь хуудасны хэмжээ ихсэж байгаа жишээ юм.
Dreamweaver-той хэрхэн зураг хийх талаар мэдэхийг хүсч байна уу? . Процесс нь тийм ч хэцүү биш, гэхдээ энэ нь тийм ч амар биш, тиймээс та эхлэхээсээ өмнө туршлага хэрэгтэй.
Эхлэх
Эхэлцгээе. Эхний алхам нь таны вэб хуудсандаа зураг нэмэх явдал юм. Дараа нь зураг дээр дарж тодруулна уу. Тэндээс та шинж чанарын цэс рүү очиж үзээрэй (мөн гурвалжин, тойрог, эсвэл полигон гэсэн гурван цэгийн зургийн хэрэгслүүдийн аль нэгийг дарна уу.) Үл хөдлөх хөрөнгийн бирж дээр хийж болох дүрсээ бүү мартаарай. Та хүссэн бүх зүйлээ "газрын зураг" -ыг жишээгээр ашиглаарай.
Одоо, эдгээр зургуудын аль нэгийг ашиглан өөрийн зурган дээрх хэлбэрийг зур. Хэрэв тэгш өнцөгт толбо хэрэгтэй бол тэгш өнцөгтийг ашиглана. Дугуйн адил. Хэрэв та илүү төвөгтэй халуун цэгийн хэлбэрийг хүсвэл polygon ашиглаарай. Энэ нь АНУ-ын газрын зургийн жишээ дээр ашиглагдах боломжтой юм. Учир нь полигон нь цэг хасах боломжийг танд олгож, зураг дээр маш нарийн төвөгтэй, жигд биш зургийг үүсгэдэг.
Халуун цэгийн шинж чанар бүхий цонхонд халуун цэг холбох хуудсыг оруулна уу. Үүнийг холбох боломжтой газрыг үүсгэдэг. Газрын зураг дуусах хүртэл халуун цэгүүдийг үргэлжлүүлэн нэмэхийг хүссэн холбоосуудаа нэмсэн.
Дууссаны дараа өөрийн зургийг браузерт зөв ажиллуулахын тулд зураг дээрээ дахин үзээрэй. Холбоос бүрийг дарж зөв нөөц, вэб хуудас руу орохыг баталгаажуулна уу.
Зургийн зургийн сул талууд
Дахин хэлэхэд, зураг дээрх газрын зураг нь хариу өгөөгүй вэбсайтууд дээр дэмжлэг үзүүлэхээс гадна хэд хэдэн консолтой болохыг анхаарах хэрэгтэй. Хаалтнууд, жижиг зурагнууд нь зураглал дээр харагдахгүй байж болно. Жишээ нь, газарзүйн дүрсний зураглал нь ямар тив хэрэглэгчийг ямар тивээс олохыг тодорхойлоход тусалж болох боловч эдгээр газрын зураг нь хэрэглэгчийн эх ороныг тодорхойлоход хангалттай дэлгэрэнгүй мэдээлэл байж чадахгүй. Энэ нь тухайн газрын зураг нь хэрэглэгчийг Ази тивээс, ялангуяа Камбожоос биш эсэхийг тодорхойлоход туслах болно гэсэн үг юм.
Зургийн газрын зураг бас удаанаар ачаалж болдог. Вэбсайт бүрийн хуудсан дээр хэрэглэх зайг хэтэрхий их эзэлдэг учир тэд вэбсайт дээр олон удаа ашиглах ёсгүй. Нэг хуудсан дээр хэт олон зураг зурах нь ноцтой саад тотгор болж, сайтын гүйцэтгэлд асар их нөлөө үзүүлнэ.
Эцэст нь, харааны бэрхшээлтэй хэрэглэгчдэд зургийн зураглал хялбархан хандах боломжгүй байж магадгүй юм. Хэрэв та зурагны зургийг ашигласан бол эдгээр хэрэглэгчдэд өөр навигацийн системийг өөр навигацийн систем үүсгэх хэрэгтэй.
Доод шугам
Би дизайныг хурдан шуурхай үзүүлж, хэрхэн ажилладаг талаар зураглалыг байнга хийдэг. Жишээлбэл, би мобайл аппликейшны дизайныг шоудуулж болох бөгөөд апп-ийн интерактив шинж чанарыг дүрслэн харуулахын тулд халуун цэг үүсгэхийн тулд зургийн газрын зургийг ашиглахыг хүсч байна. Энэ нь програмыг кодлох, эсвэл HTML болон CSS-ийн өнөөгийн стандартуудаар барьсан домэйны вэбсайтуудыг бүтээхэд илүү хялбар юм. Энэ тодорхой жишээн дээр би ямар дизайныг дизайн хийхийг хүсч байгааг мэдэж, тухайн төхөөрөмж рүү кодыг өргөж болно гэдгийг зураг мэддэг учраас зурагны зураг ажиллана, гэхдээ тэдгээрийг үйлдвэрлэлийн сайт эсвэл аппликейшнд оруулах нь маш төвөгтэй бөгөөд өнөөдрийн вэбсайтууд.
Женнифер Кэрнин эх нийтлэл. 9/17/17 дээр Жереми Герард засварлав.