Jak Zrobić Menu Nawigacyjne

Spisu treści:

Jak Zrobić Menu Nawigacyjne
Jak Zrobić Menu Nawigacyjne

Wideo: Jak Zrobić Menu Nawigacyjne

Wideo: Jak Zrobić Menu Nawigacyjne
Wideo: Jak zrobić menu rozwijane (dropdown menu) w HTML i CSS - Poradnik 2024, Może
Anonim

Aby odwiedzający nie zgubili się na stronie i z dowolnej strony mogli uzyskać dostęp do żądanej sekcji zasobu, konieczne jest utworzenie menu nawigacyjnego. Elementy wskazujące powinny być umieszczone na stronach internetowych w taki sposób, aby nie przeszkadzały w czytaniu tekstu, a jednocześnie były łatwe do odnalezienia na stronie. Odwiedzający mogą dostać się do niezbędnych części zasobu, klikając odpowiednie słowa lub obrazy. Aby dostarczyć zasóbowi takie menu, wystarczy wpisać prosty kod w odpowiednich częściach strony.

Jak zrobić menu nawigacyjne
Jak zrobić menu nawigacyjne

Niezbędny

  • - obecność na własnej witrynie kilku stron lub sekcji
  • - kilka małych ikonek na temat strony
  • - wiesz, jak przesyłać zdjęcia na stronę

Instrukcje

Krok 1

Aby utworzyć łącze z paska menu, napisz to tak:

STRONA GŁÓWNA

W tym wpisie zastąp http: ⁄ ⁄website.ru adresem URL żądanej strony.

Krok 2

Kod menu poziomego składającego się z linków tekstowych jest napisany w następujący sposób:

STRONA GŁÓWNA

|

GALERIA

|

FORUM

|

KSIĘGA GOŚCI

Krok 3

Pionowe pociągnięcia służą jako ograniczniki między pozycjami menu w linii. Aby ustawić znak „|” z klawiatury należy nacisnąć i przytrzymać klawisz Shift jednym palcem w układzie angielskim, a drugim - wybrać przycisk „| / , który znajduje się po prawej stronie litery „b”. Pamiętaj, aby umieścić spację przed i po pociągnięciu, aby elementy menu były od siebie oddalone.

Krok 4

Możesz utworzyć pionowe menu z linków, używając następującego wpisu:

STRONA GŁÓWNA

GALERIA

FORUM

KSIĘGA GOŚCI

Krok 5

W tym przypadku separatorem części menu jest znacznik, który zawija tekst za nim do nowej linii.

Krok 6

Jeśli chcesz tworzyć pozycje menu nie w formie słów lub fraz, ale w formie obrazów, które będą pełnić funkcję linków, najpierw wypełnij witrynę wszystkimi obrazami, które będą używane w nawigacji po zasobach.

Krok 7

Aby umieścić obrazek na stronie internetowej, musisz umieścić ten kod we właściwym miejscu: Aby umieścić własny obrazek, zamiast http: ⁄ ⁄website / images / 1.png, wpisz ścieżkę do żądanego obrazu przesłanego do Twojego Strona.

Krok 8

Napisz każdą pozycję menu graficznego w ten sposób:

W tym kodzie zastąp http: ⁄ ⁄website.ru żądanym adresem i kodem żądanego obrazu.

Krok 9

Możesz stworzyć poziome menu składające się z obrazów w ten sposób:

Krok 10

W tym kodzie wszystkie obrazy w komórkach znajdują się w jednym rzędzie tabeli. Szerokość tabeli, określona nie w pikselach, ale w procentach, umożliwia rozciągnięcie zawartości tabeli do pełnej szerokości okna, niezależnie od rozdzielczości ekranu. Tagi:

oraz

utwórz wiersz tabeli i

oraz

- jedna z cel.

Krok 11

Aby umieścić takie graficzne menu na stronie, zastąp linki, ścieżki do obrazków i nazwy sekcji zasobów w kodzie własnymi.

Zalecana: