Jak Narysować Menu Witryny

Spisu treści:

Jak Narysować Menu Witryny
Jak Narysować Menu Witryny

Wideo: Jak Narysować Menu Witryny

Wideo: Jak Narysować Menu Witryny
Wideo: projektowanie elementu menu witryny 2024, Listopad
Anonim

Istnieje wiele układów stron internetowych, które można znaleźć w Internecie. Są wygodne w użyciu, gdy nie ma czasu na napisanie całego kodu od zera. Znacznie łatwiej jest edytować istniejący szablon, zmieniając jego projekt. Tak więc, aby narysować własne menu witryny, musisz wykonać kilka kroków.

Jak narysować menu witryny
Jak narysować menu witryny

Instrukcje

Krok 1

Jako przykład rozważono pracę w systemie ucoz. Projekt różnych elementów witryny jest często określany za pomocą arkusza stylów (CSS). Aby uzyskać do niego dostęp, zaloguj się do panelu sterowania przy użyciu konta administratora. Na stronie głównej panelu wybierz sekcję „Zarządzanie projektami”.

Krok 2

Z rozwijanej listy edytowalnych stron wybierz Arkusz stylów (CSS) z kategorii Szablony ogólne. Spójrz na informacje napisane w wierszach odnoszące się do ogólnego projektu (blok General Style), a konkretnie do menu (bloki ze słowem Menu w ich nazwach). Musisz dowiedzieć się, jakie parametry są ustawione dla paska menu: szerokość, wysokość, tło panelu i przycisków, obrazy i tak dalej.

Krok 3

Jeśli parametry Ci nie odpowiadają, zastąp je tymi, których potrzebujesz i zapisz szablon. Następnie możesz już uruchomić edytor graficzny i korzystając z uzyskanych informacji narysuj własne przyciski. Zapisz je i wróć na stronę. W menu „Narzędzia” wybierz pozycję „Menedżer plików” lub kliknij link o tej samej nazwie znajdujący się pod blokiem z kodem.

Krok 4

Wgraj nowe przyciski na stronę (strzałki kierunkowe lub inne elementy graficzne, których użyjesz w menu). Zapisz wartość przycisków w kodzie (np. background: url ('https://link do obrazka z menedżera plików') no-repeat XXpx XXpx), ustaw parametry wyrównania, pozycji na stronie. Zapisz styl i rozmiar czcionki dla sekcji menu (rodzina czcionek i rozmiar czcionki) i wprowadź inne potrzebne zmiany.

Krok 5

Kliknij przycisk „Zapisz”, poczekaj na powiadomienie, że szablon został pomyślnie zapisany i otwórz stronę witryny, aby ocenić wynik wykonanej pracy. Jeśli nie jesteś z czegoś zadowolony, możesz cofnąć swoje działania w oknie edycji CSS za pomocą przycisku ze strzałką w lewo na pasku narzędzi.

Zalecana: