Budowanie strony od podstaw
Teraz możesz przygotować menu nawigacyjne. W naszym przykładzie oprócz strony głównej przewidzieliśmy jeszcze 4 podstrony: O mnie, Oferta, Galeria oraz Kontakt. Z przybornika Toolbox z sekcji Navigation wybierz narzędzie Text Menu i narysuj prostokąt w obszarze roboczym, w miejscu, gdzie ma się znaleźć menu nawigacyjne. Możesz skorzystać z innych układów menu, wybierając inne ikony z przybornika.
Dwukrotnie kliknij utworzony obiekt. W oknie Text Menu Properties, w zakładce General widzisz 4-pozycyjne drzewo menu. Zaznacz Link 1 i kliknij przycisk Edit, aby ustawić parametry przycisku nawigacyjnego.
W oknie Edit Button w polu Name wpisz nazwę podstrony – w naszym przykładzie Strona główna. Pozostałe pola pozostaw na razie bez zmian i kliknij OK. W podobny sposób wyedytuj pozostałe linki. Aby dodać dodatkowe pozycje do menu, kliknij przycisk Edit. W naszym przykładzie po utworzeniu pełnej listy wygląda ona tak:
Teraz przejdź do zakładki Style w celu zdefiniowania wyglądu graficznego menu. Menu nawigacyjne powinno być czytelne, dlatego warto zwiększyć rozmiar czcionki, wybierając ją z listy Size. Kliknij przycisk Edit Styles, aby ustawić styl kolorów dla hiperłączy.
W okienku Hyperlink Style Sheet kliknij przycisk Add i w oknie Add Hyperlink style w polu Style Name wpisz nazwę dla tworzonego stylu, np. menu. Następnie kliknij kolejno odnośniki: Linked, Visited, Active i Hover, i w okienku Format Style ustal kolory dla poszczególnych stanów hiperłącza. Kliknij trzykrotnie OK.
Po ustawieniu formatowania hiperłączy powrócisz do okna Text Menu Properties. Z listy Link style wybierz menu. Z listy Alignment wybierz wyrównanie menu. W naszym przykładzie wyrównaliśmy do prawej, wybierając opcję Right. Natomiast w sekcji Delimiters, w polach Start i End możesz nadać znaczniki, które będą wydzielały poszczególne pozycje menu. W naszym przykładzie w polu End wstawiamy separator, za pomocą kombinacji klawiszy [Shift]+[\]. Zakończ edycję menu, klikając przycisk OK. Zapisz postęp swojej pracy, klikając ikonę Save. Aby zobaczyć efekt w przeglądarce, kliknij klawisz [F5]. Podlinkowaniem poszczególnych przycisków menu zajmiemy się później, gdy przygotujemy już wszystkie podstrony naszej witryny.
