Embedded Files
Účel webu
Účel webu
Soukromý web (blog)
Firemní web (OSVČ)
Zájmový web
E-shop
Kombinace několika účelů
Jiný (doplňte)
Podle rozsahu může prvotní "rozjezd" trvat delší dobu (dny, týdny).
Specializované systémy
Specializované systémy
Fotogalerie: Piwigo – piwigo.org/
E-shop: PrestaShop – prestashop.com
Diskusní fórum: phpBB – www.phpbb.com
Knihovní systém: Evergreen – evergreen-ils.org
Wikipedický systém: DokuWiki – dokuwiki.org
Hotová řešení "zdarma"
Hotová řešení "zdarma"
Těch existuje celá řada, např.
Weby vytvoříte klikáním. Toto si můžete vyzkoušet sami.
Většina poskytovatelů nabízí bezplatnou variantu za povinně vloženou reklamu. Tu tam dává provozovatel.
Dalším "omezením" bezplatné varianty je doména III. řádu, např.
<muj-nazev-webu>.estranky.cz
<muj-nazev-webu>.wz.cz
Nejsou to úplně adresy určené pro komerční využití – nebudí důvěru.
Naprogramujete si ho pomocí webového frameworku
Naprogramujete si ho pomocí webového frameworku
Nejznámější jsou Django, Flask nebo Pylons Project.
Primárním jazykem je v nich Python.
Toto je řešení pro velmi pokročilé návrháře.
Perfektní znalost jazyků Python, HTML, CSS a také pravidel webdesignu je zde nezbytnou podmínkou.
Vytvoříte ho ve vhodném CMS systému
Vytvoříte ho ve vhodném CMS systému
Toto řešení nabízí nejvíce „svobody“ jak v samotné tvorbě webu, tak možnostem pozdějšího rozšiřování.
Zároveň je velmi komfortní – nevyžaduje psaní kódu, vše jde "naklikat".
Základní orientace v principech fungování webu, HTML a CSS je výhodou.
Weby Google
Weby Google
Máte-li Google účet, můžete si vytvořit web(y) prakticky pouze "klikáním" a zcela zdarma.
Jedinou nevýhodou je, že pokud nemáte vlastní doménu je jeho adresa
https://sites.google.com/view/<muj-nazev-webu>
Může tak nastat problém najít volný, navíc výstižný název.
Responzivita
Responzivita
⚠️ Proč je důležitá: https://gs.statcounter.com/platform-market-share/desktop-mobile-tablet
Responzivní
Responzivní
V dobře nakódovaném responzivním webu sedí vše, jak má.
Neresponzivní
Neresponzivní
Ve špatném responzivním webu jsou prvky rozhozené.
Bez znalosti tohoto nemá cenu ani začínat
Bez znalosti tohoto nemá cenu ani začínat
Grid (mřížka) ⇒ Responzivita:
Grid (mřížka) ⇒ Responzivita:
Základní pravidla webdesignu (UX/UI):
Základní pravidla webdesignu (UX/UI):
Přístupnost:
Přístupnost:
Pravidla: WebAIM: Quick Reference - Web Accessibility Principles
Tester kontrastu písma a pozadí: WebAIM: Contrast Checker
Šablony (pro inspiraci)
Šablony (pro inspiraci)
Vizuální tvorba obsahu:
Vizuální tvorba obsahu:
Page updated
Google Sites
Report abuse