Užitečné odkazy

k tvorbě webových stránek

Doporučené editory

PSPad: skvělý, 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ší
  • v češtině funguje stránka Jakpsatweb.cz, ale bohužel už je velmi zastaralá a nemohu ji doporučit

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

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

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 moderní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 :)