Užitečné odkazy

k tvorbě webových stránek

Doporučené editory

PSPad: jednoduchý a zdarma dostupný textový editor

  • na rozdíl od Poznámkového bloku zvýrazňuje HTML syntaxi, což velmi oceníte

  • vlastenecká volba - vytvořen už v roce 2001 českým programátorem Janem Fialou :)

W3Schools TryIt Editor: jednoduchý online editor pro tvorbu a testování HTML kódu

  • náhled v reálném čase, možnost ukládání

  • umožňuje změnu velikosti náhledového okna - snadno a rychle vyzkoušíte, jak bude váš web vypadat třeba na mobilu

Příručky, průvodce a návody

Online příručka HTML5: komplexní a logicky členěný průvodce tvorbou webu v angličtině

  • obdobný průvodce také pro CSS, PHP a další

ITnetwork.cz: česká online akademie (z převážné části placená, ale vystačíte si s obsahem dostupným zdarma)

W3Schools HowTo: Sbírka návodů na ledacos, co byste mohli chtít vyrobit a už to vyrobil někdo před vámi (třeba responzivní navigační lišty, tlačítka, formuláře). Stránka je v angličtině, ale obsahuje jasné instrukce, ukázky kódu a živý náhled výsledku.

JakPsátWeb.cz: tento odkaz je zde spíš z nostalgie a jako poděkování Dušanu Janovskému, jehož jednoduchý, prakticky zaměřený a volně dostupný průvodce dobře posloužil (nejen) vašemu učiteli v jeho prvních webařských krocích. Dnes už je obsah místy zastaralý, i když průběžně stále občas aktualizovaný. Pro rychlou orientaci někdy stále přijde vhod, ale jestli mi podle něj bude někdo na stránku rvát rámce nebo rozvržení stránky pomocí tabulky, ať si mne nepřeje.

Nástroje k vyšperkování webu

Google Fonts: nástroj pro výběr, otestování (hlavně s důrazem na české znaky s háčky) a následný import volně dostupných fontů na váš web.

CSSmatic: generátor barevných přechodů, stínů a zaoblených rámečků

  • s náhledem v reálném čase a možností přímého zkopírování zdrojového kódu

  • nabízí i generátor šumu, osobně však za výrazně povedenější službu považuji tu z následujícího odkazu

Noise Texture Generator: tvorba grafického šumu na pozadí webových stránek

  • vytvořený šum si stáhněte a nahrajte přímo jako soubor na svém webu

Bootstrap: sada nástrojů (framework) pro moderní web

  • pro fajnšmekry, vysoko nad rámec vašich studijních povinností na GJP

  • umožňuje seskládat vlastní web z předpřipravených a přizpůsobitelných částí

  • dobrá volba pro weby, kde potřebujete snadno zajistit responzivní zobrazení

  • pro jednoduché projekty příliš robustní, navíc s ním mnoho webů vypadá velmi podobně, pokud se kreativně nevyřádíte :)