Narzędzia - Edytor map odsyłaczy

Okno służy do generowania mapy odsyłaczy (znacznik MAP w języku HTML).

Narzędzie można uruchomić z poziomu menu Menu głównego / Narzędzia / Odsyłacze (lub Grafika i multimedia), a także z pasków narzędzi. Ikona polecenia przedstawiona została powyżej.

Okno podzielone zostało kilka części:

Zdefiniowane obszary
Zawiera listę zdefiniowanych obszarów mapy.

Zakładka Ogólne ustawienia mapy
Zawiera ogólne ustawienia, jak nazwę mapy, lokalizację grafiki, zastosowane style itp.

Zakładka Definiowanie obszarów
Zawiera podgląd pliku graficznego oraz umożliwia narysowanie obszarów aktywnych na obrazku.

Zakładka Ustawienia wybranych obszarów
Zawiera ustawienia dla wybranego obszaru.

Zdefiniowane obszary

Lista zawiera nazwy obszarów, które zdefiniowałeś dla swojej mapy. Kliknij nazwę obszaru, aby go wybrać. Nazwy obszarów tworzone są na podstawia zawartości atrybutu ALT określanego w zakładce Ustawienia wybranych obszarów.

Ikona przy nazwie obszaru informuje o tym, jakiego rodzaju to jest obszar:

obszar prostokątny,

obszar owalny,

obszar nieregularny.

Za pomocą przycisków w menu po prawej stronie listy możesz dodawać, wskazywać, bądź usuwać obszary zdefiniowane dla mapy.

Ogólne ustawienia mapy

W tej zakładce możesz wskazać plik graficzny, dla którego będzie utworzona mapa, podać nazwę mapy, określić styl lub wybrać klasę CSS dla obrazka.

• Nazwa mapy - podaj nazwę mapy, która użyta zostanie do połączenia mapy z odpowiednim obrazkiem (atrybut usemap w znaczniku IMG i atrybut name w znaczniku MAP).
• Domyślny odsyłacz - wprowadź domyślny odsyłacz. Będzie on użyty, jeśli zostanie kliknięty obszar poza zdefiniowanymi obszarami mapy

• Lokalizacja grafiki mapy - podaj ścieżkę do pliku graficznego. Możesz skorzystać z przeglądarki grafik uruchamianej przyciskiem z prawej strony pola.
• Opis obrazka - podaj opis obrazka, który pojawi się zamiast grafiki, jeśli użytkownik nie ma włączonego wyświetlania obrazków. Opis pozwoli mu się zorientować, co przedstawia obrazek.

Wstaw mapę odsyłaczy do schowka
Zaznacz, jeśli nie chcesz wstawiać znaczników wygenerowanej mapy do dokumentu bezpośrednio obok obrazka, lecz skopiować do schowka w celu wklejenia jej w innym miejscu (np. na początku dokumentu).

Definicja stylu
Ta grupa pozwala na określenie stylu dla obrazka. Znajdziesz tutaj trzy pola pozwalające na określenie:

• Styl - W tym polu określasz styl dla obrazka umieszczanego w dokumencie. Przycisk obok uruchamia narzędzie edytora stylów umożliwiające stworzenie definicji stylu w przyjazny i wygodny sposób. Klikając tam możesz również modyfikować istniejący styl.
• Klasa - W tym polu podajesz identyfikator klasy przypisany znacznikowi. Rozwijana lista umożliwia dostęp do klas zdefiniowanych w bieżącym dokumencie oraz w dołączonych do niego zewnętrznych arkuszach stylów. Przycisk znajdujący się obok uruchamia narzędzie tworzenia nowej klasy.
• Identyfikator elementu - Tutaj podajesz unikalny identyfikator tego elementu w dokumencie. Identyfikatory te mogą być wykorzystywane np. przy wykonywaniu skoków do określonych części strony bądź w skryptach.

Definiowanie obszarów

W tej zakładce możesz zdefiniować obszary aktywne Twojej mapy. W celu ułatwienia pracy możesz dopasować podgląd:

• Powiększenie - wybierz z listy skalę, w jakiej ma zostać wyświetlany podgląd,
• Jednostki - wybierz z listy jednostki, jakie będą używane jako skala linijek

Definiowanie obszarów
Główną częścią zakładki jest okno podglądu, wyświetlające obrazek, dla którego tworzona jest mapa odsyłaczy. W tym samum oknie możesz rysować obszary aktywne mapy, dla których następnie będzie można podać odnośniki itp.

Aby utworzyć obszar aktywny, wybierz jego typ z menu po prawej stronie listy Zdefiniowane obszary (prostokąt, elipsa, nieregularny). Następnie zaznacz na obrazku fragment obrazu, który ma być odnośnikiem:

Definiowanie obszaru o kształcie prostokąta lub elipsy
Po wybraniu kształtu prostokąta lub elipsy (ikony pokazane obok) kliknij lewym klawiszem myszki na obrazek w miejscu, gdzie chcesz rozpocząć kreślenie figury i trzymając go wciśnięty, przeciągaj. Podgląd kształtu będzie widoczny jako markiza rysowana przerywaną linią. Po puszczeniu klawisza myszki kształt zostanie wypełniony żółtą kratką.

Definiowanie obszaru o nieregularnym kształcie
Po wybraniu kształtu nieregularnego (ikona pokazana obok) , kliknij lewym klawiszem myszki w pierwszy punkt, od którego chcesz zacząć rysowanie. Następnie klikaj w kolejne miejsca, gdzie ma być łamana linia. Linie będą zaznaczane na rysunku za pomocą przerywanej linii. Aby zakończyć rysowanie kształtu kliknij gdziekolwiek na obrazku prawym klawiszem myszki. Pierwszy i ostatni punkt zostaną połączone, a powstały w ten sposób obszar zostanie wypełniony żółtą kratką.

Edycja wybranego kształtu
Aby edytować kształt aktywnego obszaru kliknij w ikonę pokazaną obok. Następnie wybierz z listy Zdefiniowane obszary, obszar, który chcesz edytować. Możesz tez wskazać obszar bezpośrednio w oknie podglądu. Aktywny obszar, który wybrałeś, oznaczony jest kolorem żółtym, inne zdefiniowane obszary oznaczone są na biało.

Aby przenieść obszar w inne miejsce, kliknij lewym klawiszem na wybranym obszarze i trzymając wciśnięty, przeciągaj go w wybrane miejsce.

Aby zmienić wymiary obszaru prostokątnego bądź eliptycznego, kliknij lewym klawiszem myszy na punkt zaczepienia (czerwony kwadracik) w lewym górnym rogu obszaru i go przeciągaj.

Obszar nieregularny posiada punkty zaczepienia na każdym końcu łamanej. Każdy taki punkt można dowolnie przemieszczać zmieniając tym samym kształt obszaru.

Na pasku statusu okna edytora pokazane są wymiary rysowanego obszaru oraz położenie kursora myszy względem lewego górnego rogu obrazka. Wymiary podawane są podczas rysowania, przenoszenia lub zmiany rozmiaru obszarów za wyjątkiem obszarów nieregularnych.

Ustawienia wybranych obszarów

Aby edytować obszar, wskaż go na liście Zdefiniowane obszary, bądź w zakładce Definiowanie obszarów. Dostępne sa następujące opcje:

Odnośnik URL
Podaj adres URL do którego ma prowadzić bieżący obszar.

Opis obszaru (ALT) i Dymek (TITLE)
Podaj tekst, jaki pojawi się po najechaniu myszką nad bieżący obszar obrazka. Dodatkowo tekst ten będzie wyświetlany na liście obszarów z lewej strony edytora w celu ułatwienia jego wyboru na liście.

Obszar bez przypisanego odsyłacza
Zaznacz ten przełacznik, jeśli obszar nie posiada zdefiniowanego odsyłacza.

Klawisz skrótu
Podaj klawisz skrótu, jakiego będzie można użyć w celu przejścia pod adres, na jaki wskazuje bieżący obszar.

Okno docelowe
Wybierz z listy okno, w którym ma zostać wyświetlony element docelowy.

Dodatkowe zdarzenie i atrybuty dla tego obszaru
Kliknij ten przycisk, aby otworzyć okno służące do definiowania dodatkowych atrybutów znacznika obszaru <area> i obsługi jego zdarzeń.

Definicja stylu

Ta grupa pozwala na określenie stylu dla znacznika. Znajdziesz tutaj trzy pola pozwalające na określenie:

Definicja stylu
W tym polu określasz styl dla elementu umieszczanego w dokumencie. Przycisk obok uruchamia narzędzie edytora stylów umożliwiające stworzenie definicji stylu w przyjazny i wygodny sposób. Klikając tam możesz również modyfikować istniejący styl.

Wybór klasy
W tym polu podajesz identyfikator klasy przypisany znacznikowi. Rozwijana lista umożliwia dostęp do klas zdefiniowanych w bieżącym dokumencie oraz w dołączonych do niego zewnętrznych arkuszach stylów. Przycisk znajdujący się obok uruchamia narzędzie tworzenia nowej klasy.

Identyfikator elementu
Tutaj podajesz unikalny identyfikator tego elementu w dokumencie. Identyfikatory te mogą być wykorzystywane np. przy wykonywaniu skoków do określonych części strony bądź w skryptach.

Przycisk "Zdarzenia i atrybuty"

Przycisk "Zdarzenia i atrybuty" umożliwia otwarcie okna Zdarzenia i inne atrybuty. Okno to umożliwia określenie dodatkowych atrybutów edytowanego znacznika, które nie mają swoich odpowiedników w oknie narzędzia. Możesz tam również określić zdarzenia dla języków skryptowych pozwalające na uzyskanie różnych efektów specjalnych.