Najjednoduchší spôsob, ako vytvoriť web, je použiť šablónu. Aby však zdroj vynikal, musíte zmeniť predvolené rozloženie. A tu sa nezaobídete bez základných znalostí html a css.
Inštrukcie
Krok 1
Nájdite šablónu webových stránok, ktorá vám na internete najlepšie vyhovuje. Venujte pozornosť jeho schopnostiam, schopnosti prispôsobiť sa veľkosti monitora, vlastnostiam ponuky a usporiadaniu stĺpcov. Stiahnite si do počítača verziu, ktorá sa vám páči, rozbaľte archív. Skontrolujte jeho výkon nahraním súborov do koreňového adresára webu. Možno šablóna obsahuje chyby a nebude sa správne inštalovať, potom nebude mať zmysel s ňou v budúcnosti pracovať.
Krok 2
Aj keď sa chystáte šablónu úplne znovu neurobiť, vymeňte väčšinu obrázkov, najmä tých, ktoré sú umiestnené ako logo. Každý obrázok nahraďte týmto spôsobom:
- otvorte grafický súbor v programe Photoshop;
- v ponuke „Obrázok“- „Veľkosť obrázka“sa pozrite na jeho parametre;
- otvorte nový list s presne rovnakými rozmermi;
- vytvorte požadovaný obrázok pomocou aplikačných nástrojov;
- vyrovnajte všetky vrstvy a uložte (nie pre web) nový obrázok s rovnakým názvom a do rovnakého priečinka a nastavte pôvodný formát.
Namiesto jedného obrázka by sa teda mal objaviť ďalší.
Krok 3
Hneď ako zmeníte všetky obrázky, skomprimujte priečinok so súbormi (v prípade Joomly) a nahrajte ho cez panel správcu webu v ponuke „Rozšírenia“. Pomocou nových ilustrácií skontrolujte, či sa téma zobrazuje správne.
Krok 4
Zvyšok parametrov zmeňte v style.css. Navyše je oveľa pohodlnejšie to robiť nie cez administrátorský panel, ale na počítači. Je rozumné použiť localhost (Denver), aby ste čo najskôr videli výsledok transformácií. Takto sa vyhnete nutnosti zakaždým nahrať výsledok na server, aby ste si výsledky mohli pozrieť po ďalšej úprave.
Krok 5
Stiahnite si bezplatný doplnok FireBug pre Mozilla Firefox. Po inštalácii sa v pravom hornom rohu prehliadača zobrazí žltá ikona chyby. Kliknite na ňu alebo stlačte kláves F12 a v dolnej časti obrazovky sa kód stránky zobrazí v zbalenej verzii. Dá sa otvoriť umiestnením kurzora myši na znamienko plus. A ak kliknete na riadok prvku, zvýrazní sa v hornej časti obrazovky. Na pravej strane okna s kódom nájdete štýly označujúce čiary zodpovedné za vzhľad. A okamžite bude jasné, kde je potrebné upraviť súbor štýlov, aby ste zmenili dizajn.
Krok 6
Otvorte style.css v programe Poznámkový blok ++. Na úpravu kódu môžete použiť aj iné programy určené na tento účel, ale na tento účel nemôžete použiť štandardný program „Poznámkový blok“, inak dôjde k chybám v dôsledku kódovania. Pomocou FireBug vyhľadajte parametre, ktoré chcete zmeniť, a súčasne ich upravte v programe Poznámkový blok ++.
Krok 7
Uložte finálny css a nahrajte súbor na server.
