Nejjednodušší způsob, jak vytvořit web, je použití šablony. Aby však prostředek vynikl, musíte změnit výchozí rozložení. A tady se neobejdete bez základních znalostí html a css.
Instrukce
Krok 1
Najděte si na webu šablonu, která vám nejlépe vyhovuje. Věnujte pozornost jeho schopnostem, schopnosti přizpůsobit se velikosti monitoru, vlastnostem nabídky a rozložení sloupců. Stáhněte si do počítače verzi, která se vám líbí, rozbalte archiv. Zkontrolujte jeho výkon nahráním souborů do kořenového adresáře webu. Šablona možná obsahuje chyby a nebude se správně instalovat, takže v budoucnu nebude mít smysl s ní pracovat.
Krok 2
I když nebudete šablonu úplně předělat, vyměňte většinu obrázků, zejména těch, které jsou umístěny jako logo. Každý obrázek nahraďte tímto způsobem:
- otevřete grafický soubor v programu Photoshop;
- v nabídce „Obrázek“- „Velikost obrázku“se podívejte na jeho parametry;
- otevřete nový list přesně stejných rozměrů;
- vytvořte požadovaný obrázek pomocí aplikačních nástrojů;
- sloučit všechny vrstvy a uložit (nikoli pro web) nový obrázek se stejným názvem a ve stejné složce a nastavit původní formát.
Místo jednoho obrázku by se tedy měl objevit další.
Krok 3
Jakmile změníte všechny obrázky, zazipujte složku se soubory (v případě Joomly) a nahrajte ji přes panel pro správu webu v nabídce „Rozšíření“. S novými ilustracemi můžete zjistit, zda se motiv zobrazuje správně.
Krok 4
Změňte zbytek parametrů v style.css. Navíc je mnohem pohodlnější to udělat ne přes administrátorský panel, ale na počítači. Je rozumné použít localhost (Denver), abyste co nejdříve viděli výsledek transformací. Tím se vyhnete nutnosti pokaždé nahrát výsledek na server, aby bylo možné zobrazit výsledky po další úpravě.
Krok 5
Stáhněte si bezplatný plugin FireBug pro Mozilla Firefox. Po instalaci se v pravém horním rohu prohlížeče zobrazí žlutá ikona chyby. Klikněte na něj nebo stiskněte klávesu F12 a v dolní části obrazovky se kód stránky zobrazí ve sbalené verzi. Lze jej otevřít pohybem myši nad znaménky plus. A pokud kliknete na řádek prvku, bude zvýrazněn v horní části obrazovky. Na pravé straně okna s kódem najdete styly označující řádky, které jsou odpovědné za vzhled. A okamžitě bude jasné, kde je třeba upravit soubor stylu, abyste změnili design.
Krok 6
Otevřete style.css v poznámkovém bloku ++. K úpravě kódu můžete použít jiné programy určené k tomuto účelu, ale za tímto účelem nemůžete použít standardní „Poznámkový blok“, jinak by došlo k chybám způsobeným kódováním. Pomocí FireBug vyhledejte parametry, které chcete změnit, a současně je upravujte v programu Poznámkový blok ++.
Krok 7
Uložte finální css a nahrajte soubor na server.
