V minulém století bylo rozvržení webových stránek doménou několika profesionálů. Pokrok v technologii tento úkol výrazně zjednodušil. Nyní může každý uživatel internetu vytvořit webovou stránku.
Je to nutné
- - softwarový balíček pro rozvržení webové stránky;
- - rastrový grafický editor pro vytváření designových prvků.
Instrukce
Krok 1
Vytvořte seznam prvků, které budou na webu přítomny. Mohou to být takové komponenty, jako je navigační nabídka, vyhledávací formulář, reklamní nebo informační banner, seznam přátel. Název projektu je obvykle uveden v horní části stránky, může existovat vodorovná navigační nabídka. Střední část je přiřazena hlavnímu obsahu webu. Ve spodní části stránky jsou obvykle umístěny počitadla docházky, kontaktní informace pro zpětnou vazbu.
Krok 2
Vytvořte rozvržení webu v grafickém editoru. Hlavním úkolem zde je určit vzhled prvků, jejich relativní polohu. Nepoužívejte příliš jasné barvy. Neutrální barevná paleta je vnímána nejlépe. Pro bloky použijte konzistentní styl. Snažte se, aby byl design co nejpříjemnější pro uživatele. Vyhněte se prvkům, které je obtížné implementovat v HTML a CSS.
Krok 3
Uložte rozložení stránky ve formátu bitmapy bez ztráty kvality. Definujte stylové prvky, které se mají vykreslit pomocí HTML. Mohou to být nabídky, odkazy, tabulky, vyhledávací formuláře. Extrahujte zbytek prvků z rozvržení a uložte je do samostatných souborů. Vytvořte dva textové dokumenty na pevném disku. Změňte příponu jednoho z nich na.htm. Bude obsahovat kód odpovědný za relativní polohu prvků. Druhý soubor bude obsahovat šablony stylů.
Krok 4
Otevřete první soubor v editoru HTML. Umístěte na stránku prvky návrhu uložené dříve v bitmapových souborech. Vytvářejte textové odkazy, tabulky a další prvky, které je třeba vykreslit v HTML. Atributy prvků, jako je barva, velikost písma, přítomnost ohraničení, zápis do souboru CSS. Pokud potřebujete animovat prvky stránky, použijte JavaScript.
