Графичните карти са просто обикновени HTML маркери
Картините с изображения са вълнуващ и интересен начин да оживите вашия уеб сайт - с тях можете да качвате изображения и да правите части от тези изображения, които могат да се кликнат върху други онлайн активи. Ако сте в щипка и не искате да изтеглите редактор на карти за изображения, създаването на карта с помощта на HTML тагове е лесно.
Ще ви трябва изображение, редактор на изображения и някакъв HTML редактор или текстов редактор. Повечето редактори на изображения ще ви покажат координатите на мишката, когато посочите изображението. Тези координирани данни са всичко, от което се нуждаете, за да започнете с карти с картинки.
Създаване на карта за изображения
За да създадете карта с изображения, първо изберете изображение, което ще служи като основа на картата. Изображението трябва да е "нормален размер" - това е, не трябва да използвате изображение, толкова голямо, че браузърът да го мащабира.
Когато вмъкнете изображението, ще добавите допълнителен атрибут, който идентифицира координатите на картата:
Когато създавате карта на изображението, създавате област, върху която може да се клика върху изображението, така че координатите на картата трябва да съответстват на височината и ширината на изображението, което сте избрали. Карти поддържат три различни типа форми:
- правоъгълник или четиристранна фигура
- поли-многоъгълник или многостранна фигура
- кръг - кръг
За да създадете областите, трябва да изолирате конкретните координати, които възнамерявате да очертаете. Картата може да се състои от една или повече дефинирани области на изображението, които при кликване да отворят нова хипервръзка.
За правоъгълник , вие само посочвате горния ляв и долния десен ъгъл. Всички координати са изброени като x, y (над, нагоре). Така че за горния ляв ъгъл 0,0 и долния десен ъгъл 10,15 ще въведете 0,0,10,15 . След това я включете в картата: