Ako navrhnúť šablónu webovej stránky?

Či to už niekto používa) a je tu Notepad ++
Darmo je tu Atom, Poznámkový blok (neviem, či to už niekto používa) a je tu Notepad ++.

Toto je podrobný sprievodca pre tých, ktorí poznajú HTML a CSS, ale nevedia, ako vytvoriť rozloženie.

Kroky

  1. 1
    Rozhodnite sa, aká je téma vášho webu. Existujú milióny rôznych typov webových stránok, z ktorých si môžete vybrať podľa svojich predstáv.
  2. 2
    Nájdite správnu farebnú schému. Skúste použiť farby, ktoré vyskočia, napríklad modrú, fialovú alebo oranžovú. Farbu môžete tiež prispôsobiť téme vášho webu.
  3. 3
    Rozhodnite sa, aký druh navigačnej lišty použiť. Zaistite, aby mal užitočné zdroje, ako napríklad domov, komentáre a ďalšie.
  4. 4
    Zosúlaďte, ako budú vaše webové stránky usporiadané v programe na úpravu grafiky. Rovnako ako témy, existuje široký výber toho, ako by ste chceli rozloženie každej stránky.
  5. 5
    Vytvorte stránku v HTML. Môžete ho tiež vytvoriť tak, že prejdete na webové stránky Google. Nezabudnite si vybrať aj kreatívne meno!
  6. 6
    Vytvorte šablónu štýlov v CSS.
  7. 7
    Duplikujte stránku HTML pre ostatné stránky a pridajte obsah. Tento článok je len hĺbkou pre rozloženia.

Tipy

  • Na rozloženie nepoužívajte tabuľky. To je zastaraná technológia!

Varovania

  • Dávajte si pozor na prezentačné značky! To je zlé.

Veci, ktoré budete potrebovať

  • Znalosť HTML a CSS
  • Dobrý grafický program. (nie MS Paint)
  • Hostiteľ webové stránky, aby vám hostiť

Otázky a odpovede

  • Existujú nejaké konkrétne nástroje, ktoré môžem použiť na návrh webovej stránky?
    Bezplatné nástroje alebo platené? Darmo je tu Atom, Poznámkový blok (neviem, či to už niekto používa) a je tu Notepad ++. Na Macu je samozrejme aj Sublime a TextWrangler. Pre platené programy je tu DreamWeaver a MobiRise je „freemium“. Existujú ďalšie možnosti, ale naozaj všetko závisí od toho, čo vám vyhovuje.

Súvisiace články
  1. Ako hostovať viac webových stránok na jednom účte webhostingu?
  2. Ako vytvoriť dynamický web?
  3. Ako naplánovať webovú stránku?
  4. Ako vložiť hudbu na svoju webovú stránku?
  5. Ako nastaviť názov domény?
  6. Ako pridať Favicon?
FacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail