Dreamweaver bilan rasm xaritasini yaratish uchun maslahatlar

Rasm xaritalarini ishlatishning afzalliklari va kamchiliklari

Ko'plab saytlar "rasm xaritalari" deb nomlangan xususiyatni ishlatgan veb-dizayn tarixida bir nuqta bor edi. Bu sahifadagi aniq tasvirga biriktirilgan koordinatalar ro'yxati. Ushbu koordinatalar bu tasvirga ko'prikli maydonlarni yaratib, ularning har biriga turli joylarga bog'lanish uchun kodlangan bo'lishi mumkin bo'lgan "go'yo" joylarni qo'shish kerak bo'ladi. Bu faqat rasmga bog'lanish yorlig'i qo'shishdan ko'ra farq qiladi, bu butun grafikning bir maqsadga katta ulangan bo'lishiga olib keladi.

Misollar - Qo'shma Shtatlarning rasmiga ega bo'lgan grafik faylni tasavvur qiling. Agar siz har bir davlatning "tıklanabilir" bo'lishini istasangiz, ular shu davlat haqida sahifalarga o'tadi, buni rasm xaritasi bilan qilishingiz mumkin. Xuddi shunday, musiqa guruhining obrazi bo'lsa, har bir a'zodan guruh a'zosiga tegishli keyingi sahifaga bosilishi uchun rasm xaritasini ishlatishingiz mumkin.

Rasm xaritalari foydali bo'ladimi? Ular, albatta, ular edi, lekin ular bugungi kunda veb-saytidan foydalandilar. Bu, hech bo'lmaganda qisman, chunki rasm xaritalari ishlash uchun maxsus koordinatalarni talab qiladi. Bugungi kunda saytlar displey yoki qurilma hajmiga moslashuvchan bo'lishi va tasvirlar miqyosi uchun yaratilgan . Bu shuni anglatadiki, oldindan o'rnatilgan koordinatalar, bu tasvirlar xaritalar qanday ishlayotganligi, sayt miqyosi va tasvirlar hajmini o'zgartirganda tushishi. Shu sababli, bugungi kunda ishlab chiqarish saytlarida rasm xaritalari kamdan-kam hollarda qo'llaniladi, ammo demolar yoki misollarda siz sahifaning o'lchamiga majburlash uchun afzalliklar mavjud.

Dreamweaver bilan qanday ishlashni tasvirlash xaritasini qanday yaratishni bilishni istaysizmi? . Jarayon juda qiyin emas, lekin bu ham oson emas, shuning uchun siz boshlashdan avval sizning tajribangiz bo'lishi kerak.

Ishni boshlash

Qani boshladik. Birinchi qadam, veb-sahifangizga rasm qo'shish. Keyin tasvirni ko'rsatish uchun tasvir ustiga bosing. U yerdan siz xususiyatlar menyusiga o'tishingiz kerak (va uchta chizilgan chizilgan asboblardan birini tanlang: to'rtburchak, doira yoki ko'pburchak.) Rasmingizni nomlashni unutmang, bu sizning mulk satrida qilishingiz mumkin. Siz xohlagan narsalaringizdan foydalaning. Misol sifatida "xarita" dan foydalaning.

Endi, ushbu vositalaridan birini foydalanib, rasmingizda kerakli shakli chizilgan. To'g'ri burchakli joylarga kerak bo'lsa, rektanjadan foydalaning. Doira uchun bir xil. Agar siz murakkab hotspot shakllarini istasangiz, poligondan foydalaning. Bu sizning AQSh xaritasi misolida qo'llashingiz mumkin, chunki ko'pburchak sizlarga nuqta qo'yib, rasmda juda murakkab va nosimmetrik shakllarni yaratishga imkon beradi

Hotspotning xususiyatlari oynasida, hotspotning bog'lanishiga kerakli sahifani kiriting yoki unga ko'z tashlang. Bu bog'langan maydonni yaratadi. Xaritangiz tugamaguncha va siz qo'shishni istagan barcha havolalar qo'shilgunga qadar qaynoq nuqtalari qo'shing.

Ishingiz tugagach, sizning rasmingiz to'g'ri ishlayotganini tekshirish uchun brauzerda qayta ishlang. To'g'ri manba yoki veb-sahifaga o'tishi uchun har bir havolani bosing.

Image Maps ning kamchiliklari

Shuni e'tiborga olish kerakki, tasvir xaritalari bir necha kamchiliklarga ega, hattoki yuqorida ko'rsatilgan veb-saytlar bilan qo'llab-quvvatlanmagan. Firs, kichik tafsilotlar tasvir xaritasida yashiringan bo'lishi mumkin. Misol uchun, geografik rasm xaritalari foydalanuvchi qaysi qit'a ekanligini aniqlash uchun yordam berishi mumkin, ammo bu xaritalar foydalanuvchining kelib chiqqan mamlakatini aniqlash uchun yetarli darajada batafsil bo'lmasligi mumkin. Buning ma'nosi, rasm xaritasi foydalanuvchining Osiyo hududidan emas, balki Kambodjadan emasligini aniqlashga yordam beradi.

Rasm xaritalari asta-sekin yuklash mumkin. Ular veb-saytida bir necha marta ishlatilmasligi kerak, chunki ular veb-saytning har bir sahifasida foydalanish uchun juda ko'p joy egallaydi. Bitta sahifada juda ko'p rasm xaritalari jiddiy darboğaz va sayt ishlashiga katta ta'sir ko'rsatadi.

Nihoyat, tasvirlar xaritalari ingl. Muammolarga ega bo'lgan foydalanuvchilar uchun oson bo'lmasligi mumkin. Rasm xaritalarini ishlatgan bo'lsangiz, muqobil ravishda ushbu foydalanuvchilar uchun boshqa navigatsiya tizimini yaratishingiz kerak.

Pastki chiziq

Tasarımın tezkor demosunu va qanday ishlashini birlashtirishga harakat qilaman vaqti-vaqti bilan rasm xaritalarini foydalanadi. Misol uchun, mobil ilovalar uchun mo'ljallangan dizaynni masxara qilishim mumkin va ilovaning interaktivligini simüle qilish uchun hotspots yaratish uchun rasm xaritalarini ishlatmoqchiman. Bu ilovani kodlash yoki hatto HTML va CSS bilan joriy standartlarga qurilgan veb-sahifalarni yaratishdan ko'ra qilish juda oson. Ushbu muayyan misolda va shuning uchun men uni qanday qurilma ustida ishlayotganimni bilib olaman va kodni o'sha qurilmaga ulashtira olaman, chunki rasm xaritasi ishlaydi, ammo ularni ishlab chiqarish saytiga yoki ilovasiga qo'yish juda qiyin va bugungi kunda veb-saytlar.

Jennifer Kryninning original maqolasi. Jeremy Girard tomonidan 9/7/17 yil tahrirlangan.