Mapy obrazów to ekscytujący i interesujący sposób ożywienia witryny sieci Web - za ich pomocą można przesyłać obrazy i klikać części tych zdjęć do innych zasobów online. Jeśli jesteś w szczypie i nie chcesz pobierać edytora map obrazu, tworzenie mapy za pomocą znaczników HTML jest proste.
Będziesz potrzebował obrazu, edytora obrazów i jakiegoś edytora HTML lub edytora tekstu. Większość edytorów obrazu pokazuje współrzędne myszy po wskazaniu obrazu. Te dane współrzędnych są wszystkim, czego potrzebujesz, aby zacząć korzystać z map obrazów.
Tworzenie mapy obrazu
Aby utworzyć mapę obrazu, najpierw wybierz obraz, który posłuży za podstawę mapy. Obraz powinien mieć "normalny rozmiar" - co oznacza, że nie należy używać obrazu tak dużego, że przeglądarka go skaluje.
Po wstawieniu obrazu dodasz dodatkowy atrybut identyfikujący współrzędne mapy:
Podczas tworzenia mapy obrazu tworzysz obszar, który można kliknąć na obrazie, więc współrzędne mapy muszą być zgodne z wysokością i szerokością wybranego obrazu. Mapy obsługują trzy różne typy kształtów:
- rect-a rectangle lub four-sided figure
- wielobok lub wieloboczny rysunek
- okrąg - koło
Aby utworzyć obszary, musisz wyodrębnić określone współrzędne, które chcesz zmapować. Mapa może składać się z jednego lub więcej zdefiniowanych obszarów na obrazie, który po kliknięciu otwiera nowe hiperłącze.
Dla prostokąt , mapujesz tylko górny lewy i prawy dolny róg. Wszystkie współrzędne są wymienione jako x, y (over, up). Tak więc dla lewego górnego rogu 0,0 i dolnego prawego rogu 10,15 należy wpisać 0,0,10,15. Następnie umieść go na mapie:
Dla wielokąt mapujesz każdy x, y koordynować osobno. Przeglądarka internetowa automatycznie łączy ostatni zestaw współrzędnych z pierwszym; wszystko wewnątrz tych współrzędnych jest częścią mapy.
okrąg kształty wymagają tylko dwóch współrzędnych, takich jak prostokąt, ale dla drugiej współrzędnej określasz promień lub odległość od środka okręgu. Tak więc, w przypadku okręgu o środku 122,122 i promieniu 5 można napisać 122122,5:
Wszystkie obszary i kształty mogą znajdować się w tym samym znaczniku mapy:
Rozważania
Mapy obrazów były znacznie powszechniejsze w erze Web 1.0 w latach 90. na początku lat 2000. Mapy obrazów często stanowiły podstawę nawigacji w witrynie. Projektant utworzyłby jakiś obraz, by wskazać elementy menu, a następnie ustawić mapę.
Nowoczesne podejścia zachęcają do projektowania responsywnego i wykorzystują kaskadowe arkusze stylów do kontrolowania umieszczania obrazów i hiperłączy na stronie.
Mimo że tag mapy jest nadal obsługiwany w standardzie HTML, korzystanie z urządzeń mobilnych o niewielkich rozmiarach może prowadzić do nieoczekiwanych problemów z wydajnością w przypadku map obrazów. Ponadto problemy z przepustowością lub zepsutymi obrazami przemawiają za wartością mapy obrazów.
Tak więc, zachęcamy do korzystania z tej stabilnej, dobrze rozumianej technologii - wiedząc, że obecnie istnieją bardziej wydajne alternatywy en vogue z projektantami stron internetowych.
