Картините с изображения са вълнуващ и интересен начин да оживите вашия уеб сайт - с тях можете да качвате изображения и да правите части от тези изображения, които могат да се кликнат върху други онлайн активи. Ако сте в щипка и не искате да изтеглите редактор на карти за изображения, създаването на карта с помощта на HTML тагове е лесно.
Ще ви трябва изображение, редактор на изображения и някакъв HTML редактор или текстов редактор. Повечето редактори на изображения ще ви покажат координатите на мишката, когато посочите изображението. Тези координирани данни са всичко, от което се нуждаете, за да започнете с карти с картинки.
Създаване на карта за изображения
За да създадете карта с изображения, първо изберете изображение, което ще служи като основа на картата. Изображението трябва да е "нормален размер" - това е, не трябва да използвате изображение, толкова голямо, че браузърът да го мащабира.
Когато вмъкнете изображението, ще добавите допълнителен атрибут, който идентифицира координатите на картата:
Когато създавате карта на изображението, създавате област, върху която може да се клика върху изображението, така че координатите на картата трябва да съответстват на височината и ширината на изображението, което сте избрали. Карти поддържат три различни типа форми:
- правоъгълник или четиристранна фигура
- поли-многоъгълник или многостранна фигура
- кръг - кръг
За да създадете областите, трябва да изолирате конкретните координати, които възнамерявате да очертаете. Картата може да се състои от една или повече дефинирани области на изображението, които при кликване да отворят нова хипервръзка.
За правоъгълник , показвате само горния ляв и долния десен ъгъл. Всички координати са изброени като x, y (над, нагоре). Така че за горния ляв ъгъл 0,0 и долния десен ъгъл 10,15 бихте написали 0,0,10,15, След това я включете в картата:
За многоъгълник , картографирате всеки х, у да се координират отделно. Уеб браузърът автоматично свързва последния набор от координати с първия; всичко в тези координати е част от картата.
кръг формите изискват само две координати, като например правоъгълника, но за втората координатна линия вие посочвате радиуса или разстоянието от центъра на окръжността. Така че, за кръг с център на 122,122 и радиус 5 ще напишете 122,122,5:
Всички области и форми могат да бъдат включени в един и същ маркер на картата:
Съображенията
Графичните карти бяха много по-често срещани в ерата на Web 1.0 от 90-те години на XX в началото на 2000-те карти, които често са формирали основата на навигацията на уебсайта. Дизайнерът би създал някакъв вид картина, за да показва елементите на менюто, след което да настрои карта.
Модерните подходи насърчават отзивчив дизайн и използват каскадни стилови листове, за да контролират разположението на изображения и хипервръзки на страница.
Въпреки че маркерът на картата все още се поддържа в стандарта HTML, използването на мобилни устройства с малки формални фактори може да доведе до неочаквани проблеми с производителността на картините с изображения. Освен това проблемите с пропускателната способност или счупените изображения подсказват стойността на картата с изображения.
Така че, можете да продължите да използвате тази стабилна, добре разбирана технология, като знаете, че в момента съществуват по-ефективни алтернативи en vogue с уеб дизайнери.
