Nejjednodušší způsob, jak pro začátečníky vytvořit web, je použití standardní šablony. Jedinečnost zdroje lze dosáhnout provedením řady kosmetických a organizačních změn ve standardním designu.
Nezbytné
- - šablona webu;
- - program Photoshop;
- - rozšíření pro prohlížeč FireBug;
- - Editor poznámkového bloku ++.
Instrukce
Krok 1
Najděte si na internetu vhodnou šablonu webu. Prozkoumejte navrhované šablony a věnujte pozornost jejich přizpůsobivosti velikosti monitoru, specifikám uspořádání sloupců a nabídek. Stáhněte vybranou možnost. Zkontrolujte jeho výkon nahráním souborů do kořenového adresáře vytvářeného webu. Pokud šablona obsahuje chyby, které se v práci projeví, je lepší najít jinou možnost.
Krok 2
Upravte většinu obrázků v šabloně. Každý obrázek nahraďte následujícím způsobem. Spusťte Photoshop a otevřete v něm jeden z grafických souborů šablony. Parametry obrázku naleznete v nabídce „Obrázek“ve sloupci „Velikost“. Otevřete nový list se stejnými rozměry a vytvořte na něm požadovaný obrázek. Výsledek uložte do složky šablony pod názvem grafického souboru, který má být nahrazen. Proto je nutné nahradit všechny smysluplné obrázky.
Krok 3
Zbytek parametrů změňte pomocí kaskádových tabulek style.css, formálního programovacího jazyka, který popisuje vzhled dokumentu. Je pohodlnější provádět takové změny prostřednictvím administrátorského panelu a je lepší prohlížet si výsledky na místním hostingu, aby nedošlo k nahrání každé aktualizace na server.
Krok 4
Stáhněte si a nainstalujte do svého prohlížeče bezplatné rozšíření FireBug. V pravém horním rohu okna prohlížeče by se měla objevit ikona se žlutou chybou. Klikněte na ikonu a stiskněte klávesu F12. Sbalený kód stránky se zobrazí v dolní části obrazovky. Lze jej rozšířit umístěním kurzoru nad znaménka plus. Kliknutím na řádek prvku můžete vidět, jak je zvýrazněn v horní části obrazovky. V pravé části okna s kódem jsou styly označující řádky odpovědné za vzhled stránky.
Krok 5
Otevřete šablonu v editoru Notepad ++. Pomocí FireBug vyhledejte parametry, které chcete změnit, a upravte je v programu Poznámkový blok ++.
Krok 6
Uložte výsledek a nahrajte vytvořený web na server.
