W historii projektowania stron internetowych istniał punkt, w którym wiele witryn używało funkcji zwanej "mapą obrazu". Jest to lista współrzędnych dołączonych do określonego obrazu na stronie. Współrzędne te tworzą obszary hiperłączy na tym obrazie, niezbędne jest dodanie "gorących punktów" do grafiki, z których każda może być zakodowana w celu połączenia z różnymi miejscami. To znacznie różni się od dodawania tagu linku do obrazu, co spowodowałoby, że cała grafika stanie się jednym dużym linkiem do pojedynczego miejsca docelowego.
Przykłady: Wyobraź sobie posiadanie pliku graficznego z obrazem Stanów Zjednoczonych. Jeśli chcesz, aby każdy stan był "klikalny", aby przejść do stron o tym konkretnym stanie, możesz to zrobić za pomocą mapy obrazu. Podobnie, jeśli masz obraz zespołu muzycznego, możesz użyć mapy obrazu, aby każdy członek mógł być klikalny na następnej stronie o tym członku zespołu.
Czy mapy obrazów wydają się przydatne? Z pewnością były, ale w dzisiejszej sieci wypadły z łaski. Jest to przynajmniej w części, ponieważ mapy obrazów wymagają określonych współrzędnych do działania. Dzisiejsze witryny są tworzone w sposób responsywny, a obrazy skalowane są na podstawie rozmiaru ekranu lub urządzenia. Oznacza to, że wstępnie ustawione współrzędne, czyli sposób działania map obrazów, rozpadają się, gdy witryna skaluje się, a obrazy zmieniają rozmiar. Właśnie dlatego mapy obrazów są dziś rzadko używane w witrynach produkcyjnych, ale wciąż mają zalety w przypadku wersji demonstracyjnych lub instancji, w których wymusza się rozmiar strony.
Chcesz wiedzieć, jak utworzyć mapę obrazu, w szczególności, jak to zrobić w programie Dreamweaver? Proces ten nie jest szczególnie trudny, ale nie jest też łatwy, więc powinieneś mieć trochę doświadczenia, zanim zaczniesz.
Pierwsze kroki
Zacznijmy. Pierwszym krokiem, jaki musisz wykonać, jest dodanie obrazu do swojej strony internetowej. Następnie kliknij obraz, aby go podświetlić. Stamtąd musisz przejść do menu właściwości (i kliknąć jedno z trzech narzędzi do rysowania punktów aktywnych: prostokąt, okrąg lub wielokąt Nie zapomnij podać swojego wizerunku, który możesz zrobić na pasku właściwości. wszystko, czego chcesz, użyj "mapy" jako przykładu.
Teraz narysuj żądany kształt na obrazie za pomocą jednego z tych narzędzi. Jeśli potrzebujesz prostokątnych plam, użyj prostokąta. To samo dotyczy koła. Jeśli chcesz uzyskać bardziej złożone kształty punktów aktywnych, użyj wielokąta. To jest to, czego prawdopodobnie użyjesz na przykładzie mapy USA, ponieważ wielokąt pozwoli Ci upuścić punkty i stworzyć bardzo złożone i nieregularne kształty na obrazie
W oknie właściwości hotspotu wpisz lub przejdź do strony, do której powinien prowadzić hotspot. To właśnie tworzy ten łączący się obszar. Kontynuuj dodawanie punktów aktywnych do czasu ukończenia mapy i dodania wszystkich linków, które chcesz dodać.
Gdy skończysz, sprawdź swoją mapę obrazu w przeglądarce, aby upewnić się, że działa poprawnie. Kliknij każdy link, aby upewnić się, że trafia do właściwego zasobu lub strony internetowej.
Wady map obrazów
Ponownie należy pamiętać, że mapy obrazów mają kilka wad, nawet poza wspomnianym brakiem wsparcia w przypadku responsywnych stron internetowych. Po pierwsze, małe szczegóły mogą być zasłonięte na mapie obrazu. Na przykład geograficzne mapy obrazów mogą pomóc określić, z jakiego kontynentu pochodzi użytkownik, ale mapy te mogą nie być wystarczająco szczegółowe, aby określić kraj pochodzenia użytkownika. Oznacza to, że mapa obrazu może pomóc określić, czy użytkownik pochodzi z Azji, ale nie z Kambodży.
Mapy obrazów mogą również ładować się powoli. Nie powinny być używane wielokrotnie w witrynie, ponieważ zajmują zbyt wiele miejsca, aby można je było wykorzystać na każdej stronie witryny. Zbyt wiele map obrazu na pojedynczej stronie stanowiłoby poważne wąskie gardło i ogromny wpływ na wydajność witryny.
Wreszcie, mapy obrazów mogą nie być łatwe dla użytkowników mających problemy ze wzrokiem. Jeśli korzystałeś z map obrazów, powinieneś również stworzyć inny system nawigacyjny dla tych użytkowników.
Dolna linia
Od czasu do czasu korzystaj z map obrazów, próbując stworzyć szybkie pokazanie projektu i jego działania. Na przykład, jeśli kpisz z projektu aplikacji mobilnej i chcesz użyć map obrazu do utworzenia punktów aktywnych, aby symulować interaktywność aplikacji. Jest to o wiele łatwiejsze niż kodowanie aplikacji, a nawet tworzenie fałszywych stron internetowych zbudowanych zgodnie z aktualnymi standardami za pomocą HTML i CSS. Ale umieszczenie ich w witrynie produkcyjnej lub aplikacji jest bardzo trudne i powinno się ich unikać na dzisiejszych stronach internetowych.
