V minulom storočí bolo usporiadanie webových stránok doménou niekoľkých profesionálov. Pokrok v oblasti technológií túto úlohu výrazne zjednodušil. Teraz si môže každý používateľ internetu vytvoriť webovú stránku.
Je to nevyhnutné
- - softvérový balík na usporiadanie webových stránok;
- - rastrový grafický editor na vytváranie dizajnových prvkov.
Inštrukcie
Krok 1
Vytvorte zoznam prvkov, ktoré budú na webe prítomné. Môžu to byť také komponenty ako navigačné menu, vyhľadávací formulár, reklamný alebo informačný banner, zoznam priateľov. Názov projektu je zvyčajne uvedený v hornej časti stránky, môže existovať vodorovná navigačná ponuka. Stredná časť je priradená k hlavnému obsahu stránky. V dolnej časti stránky sú zvyčajne umiestnené počítadlá dochádzky, kontaktné informácie pre spätnú väzbu.
Krok 2
Vytvorte rozloženie webovej stránky v grafickom editore. Hlavnou úlohou je tu určiť vzhľad prvkov, ich relatívnu polohu. Nepoužívajte príliš jasné farby. Najlepšie je vnímaná neutrálna farebná paleta. Pre bloky používajte konzistentný štýl. Snažte sa, aby bol dizajn čo najpríjemnejší pre používateľa. Vyhýbajte sa prvkom, ktoré je ťažké implementovať do HTML a CSS.
Krok 3
Uložte rozloženie stránky v bitmapovom formáte bez straty kvality. Definujte štýlové prvky, ktoré sa majú vykresliť pomocou HTML. Môžu to byť ponuky, odkazy, tabuľky, vyhľadávacie formuláre. Extrahujte zvyšok prvkov z rozloženia a uložte ich do samostatných súborov. Vytvorte dva textové dokumenty na pevnom disku. Zmeňte príponu jedného z nich na.htm. Bude obsahovať kód zodpovedný za relatívnu polohu prvkov. Druhý súbor bude obsahovať tabuľky štýlov.
Krok 4
Otvorte prvý súbor v editore HTML. Umiestnite na stránku prvky návrhu uložené skôr v bitmapových súboroch. Vytvorte textové odkazy, tabuľky a ďalšie prvky, ktoré je potrebné vykresliť v jazyku HTML. Atribúty prvkov, ako je farba, veľkosť písma, prítomnosť okrajov, zápis do súboru CSS. Ak potrebujete animovať prvky stránky, použite JavaScript.
