Mapa odnośników
Definiowanie mapy odnośników
Połączenie niekoniecznie musi być skojarzone z tekstem lub pojedynczym obrazem. Równie
dobrze może odnosić się do punktu o określonych współrzędnych. Mapa odnośników to obraz,
który prowadzi do wielu plików, a skierowane do nich połączenia definiowane są w oparciu o
współrzędne. Każdy punkt obrazu ma swoje współrzędne X i Y. Oto przykład kodu HTML
definiującego za pomocą współrzędnych obszar będący połączeniem i umieszczony wewnątrz
mapy odnośników:
<area shape=?rect? coords=?9,181,111,256? href=?capricorn.html?>
Liczby 9, 181, 111 i 256 określają obszar w obrębie obrazu, który stanowi połączenie do innego
dokumentu. Gdy użytkownik umieszcza wskaźnik myszki nad takim aktywnym obszarem,
wskaźnik przyjmuje postać łapki lub innej ikony wskazującej obecność połączenia. Kliknięcie
obszaru aktywnego powoduje wysłanie żądania HTTP i załadowanie nowej strony do bieżącego
lub nowego okna przeglądarki.
Na pewno spotkałeś w Internecie strony WWW, na których umieszczone były mapy kraju, a
poszczególne jego obszary stanowiły połączenia do innych dokumentów. Jest to chyba najbardziej
typowe zastosowanie mapy odnośników.
Webmaster mając zamiar przy tworzeniu strony zastosować mapę odnośników, może wykorzystać
obszary aktywne w kształcie kwadratu, prostokąta lub wielokąta. Nie musisz brać
korepetycji z geometrii, aby zdefiniować mapę odnośników. Wystarczy Ci obraz w formacie GIF
lub JPG, który należy umieścić w dokumencie programu blog.
Uwaga dla użytkowników Fireworks: możecie zdefiniować obszary aktywne już w trakcie
tworzenia obrazu. Zapisaną mapę odnośników można potem zaimportować do programu.
Twoja strona zrobi większe wrażenie na odbiorcach, jeśli wprowadzisz na nią tak złożony element jak pasek nawigacji.
Pasek nawigacji tworzony jest przy pomocy narzędzia Navigation Bar programu blog i
składa się z szeregu obrazów podpowiadających wizualnie, gdzie prowadzą przyciski. Czasami na
pasku nawigacji umieszczane są także obrazy interaktywne (ang. rollover images). Są to obrazy-przyciski,
których treść lub kolorystyka zmienia się, gdy znajdzie się nad nimi wskaźnik myszki.
Zazwyczaj pasek nawigacji zawiera także połączenie powrotne, prowadzące do strony głównej.
Zapisz dokument i wyświetl w przeglądarce, aby zobaczyć rezultaty. Jeśli popełniłeś jakiś błąd,
wybierz w menu Modify pozycję Navigation Bar, aby go poprawić.
Wykorzystując wszystkie cztery stany przycisku paska nawigacji możesz uzyskać efekt animacji.
Spróbuj przygotować obrazy i przyporządkować je wszystkim stanom, aby uzyskać podobieństwa
do prawdziwego przycisku.
Połączenia puste (ang. null links) umożliwiają przypisanie tekstowi lub obrazom behawiorów, na
przykład takich jak odegranie dźwięku po kliknięciu obrazu, otwarcie wyskakującego okna lub
pojawienie się wyskakującego komunikatu.
Aby zdefiniować połączenie puste, zaznacz tekst lub obraz, a w polu Link inspektora Property
wpisz znak #. Po zdefiniowaniu połączenia pustego, otwórz paletę Behaviors wybierając pozycję
Behaviors w menu Window (lub stosując skrót Shift+F3). Kliknij przycisk ze znakiem plus, u
góry palety, aby rozwinąć listę dostępnych behawiorów, które możesz przypisać zakotwiczeniu
(tekst lub obraz muszą być zaznaczone w trakcie tej operacji).