W ubiegłym stuleciu projektowanie stron internetowych było domeną kilku profesjonalistów. Postępy technologiczne znacznie uprościły to zadanie. Teraz każdy internauta może stworzyć stronę internetową.
Czy to jest to konieczne
- - pakiet oprogramowania do układu strony internetowej;
- - rastrowy edytor graficzny do tworzenia elementów projektowych.
Instrukcje
Krok 1
Zrób listę elementów, które będą obecne na stronie. Mogą to być takie elementy jak menu nawigacyjne, formularz wyszukiwania, baner reklamowy lub informacyjny, lista znajomych. Nazwa projektu jest zwykle podana na górze strony, może być poziome menu nawigacyjne. Część środkowa jest przypisana do głównej zawartości serwisu. Na dole strony zwykle znajdują się liczniki obecności, informacje kontaktowe w celu uzyskania opinii.
Krok 2
Stwórz układ strony w edytorze graficznym. Głównym zadaniem jest tutaj określenie wyglądu elementów, ich względnej pozycji. Nie używaj zbyt jasnych kolorów. Najlepiej postrzegana jest neutralna paleta kolorów. Użyj spójnego stylu dla bloków. Postaraj się, aby projekt był jak najbardziej przyjazny dla użytkownika. Unikaj elementów, które są trudne do zaimplementowania w HTML i CSS.
Krok 3
Zapisz układ strony w formacie bitmapy bez utraty jakości. Zdefiniuj elementy stylu, które mają być renderowane za pomocą HTML. Mogą to być menu, linki, tabele, formularze wyszukiwania. Wyodrębnij pozostałe elementy z układu i zapisz je w osobnych plikach. Utwórz dwa dokumenty tekstowe na dysku twardym. Zmień rozszerzenie jednego z nich na.htm. Będzie zawierał kod odpowiedzialny za względną pozycję elementów. Drugi plik będzie zawierał arkusze stylów.
Krok 4
Otwórz pierwszy plik w edytorze HTML. Umieść na stronie elementy projektu zapisane wcześniej w plikach bitmapowych. Twórz linki tekstowe, tabele i inne elementy, które muszą być renderowane w HTML. Atrybuty elementów, takie jak kolor, rozmiar czcionki, obecność obramowań, zapisz w pliku CSS. Jeśli potrzebujesz animować elementy strony, użyj JavaScript.
