Tvorba www stránek

Popis kurzu

Cíle kurzu

Určeno pro

Obsah kurzu

1. Poučení o bezpečnosti a ochraně zdraví při práci
3. Zásady práce s počítačem – sezení u počítače, vhodného osvětlení, přestávky v práci
5. Rizika provozování počítače jako elektrického přístroje
6. Návrh webových stránek
   • Shrnutí pojmů v oblasti internetu
     • historie
     • služby internetu
     • WWW (World Wide Web)
     • webový server
     • webový prohlížeč
     • vyhledávače
   • Webové stránky
     • princip fungování
     • statický web
     • dynamický web
     • redakční systémy
   • Technologie webových stránek
     • HTML, CSS, PHP, MySQL, JavaScript
   • Bezpečnost webových stránek
     • bezpečnostní hrozby
     • DDoS útoky
     • zabezpečení stránek
     • Ochrana osobních údajů
     • SSL certifikáty
   • Proces návrhu webových stránek
     • kvalitní web
     • interakční design
     • vizuální komunikace
     • obsahová strategie
     • Maslowova pyramida
     • pravidla použitelnosti
     • pravidla přístupnosti
     • postup návrhu
   • Tvorba konceptu webu
     • analýza
     • návrh drátěného modelu
     • návrh obsahové strategie
     • volba technologií
     • tvorba zadání
   • Webhosting a doména
     • parametry
     • poskytovatelé
     • DNS
7. Práce s rastrovou grafikou, příprava grafiky pro webové stránky
   • Úvod do rastrové grafiky
     • rozdíly mezi rastrovou a vektorovou grafikou
     • režim barev
     • rozlišení obrázku
     • formáty souborů pro rastry
     • kvalita a komprese obrázků
   • Nastavení a přizpůsobení pracovní plochy v Adobe Photoshop
     • seznámení s rozhraním
     • vlastní uspořádání oken a panelů
     • uložení a načtení pracovní plochy
     • práce s pravítky a vodítky
     • efektivní používání
     • klávesové zkratky
   • Základní úpravy obrázků
     • velikost plátna a obrazu
     • natočení a převrácení plátna
   • Základy práce s vrstvami
     • úvod do vrstev
     • barva popředí, pozadí
   • Práce s výběry
     • využití funkce výběru
     • seznámení s výběrovými nástroji
     • práce s výběrem
   • Základní nástroje
     • nástroj kapátko, plechovka barvy
     • nástroj oříznutí, štětec, guma, klonovací razítko, retušovací štětec
   • Vektorové objekty
     • nástroj text, tvar, pero
     • práce s cestami
8. Webdesign, grafický návrh webových stránek
   • Přizpůsobení obrazových vlastností
     • vysvětlení pojmu „histogram“
     • základy Camera Raw
   • Návrh drátěného modelu (wireframe)
     • návrh uživatelského rozhraní
     • rozmístění „Call to action“ prvků
     • mapa stránek
   • Tvorba grafického návrhu webových stránek
     • rozměry ve webdesignu
     • vytvoření projektu
     • tvorba základních grafických prvků
     • text a typografie na webu
     • styly vrstev
     • inteligentní objekty a filtry
   • Příprava grafiky pro export do HTML
9. Redakční systémy
   • Úvod do používání redakčních systémů
     • možnosti redakčních systémů
     • nejpoužívanější redakční systémy
     • výhody a nevýhody redakčních systémů
     • licencování
   • Wordpress
     • instalace
     • základní nastavení
     • vytváření stránek
     • přidávání příspěvků
     • instalace pluginů
   • Prestashop
     • instalace
     • základní nastavení
     • přehled
10. Programovací jazyk HTML
    • Struktura HTML
      • pravidla a syntaxe HTML
      • kostra HTML dokumentu
      • hlavička stránky
    • Základy formátování stránky v HTML
      • odstavce
      • nadpisy
      • základní formátovací značky
      • poznámky ve zdrojovém kódu
    • Hypertextové odkazy
      • pravidla vytvoření URL adresy
      • chování odkazů
      • jmenné odkazy
    • Obrázky
      • vložení obrázku
      • formátování obrázku
      • obrázek jako odkaz
    • Seznamy
      • struktura a použití seznamů
      • číslované a nečíslované seznamy
    • Tabulky
      • Vytvoření jednoduché tabulky
      • slučování buněk
      • formátování tabulek
    • Základy kaskádových stylů (CSS)
      • použití a význam CSS
      • orientace v CSS
      • Formátování pomocí CSS
      • Tvorba rozložení stránky pomocí CSS
11. SEO optimalizace
    • Začínáme se SEO
      • co to je SEO
      • přínos a cíle SEO optimalizace
      • vyhledávače, výsledky vyhledávání, roboti
    • Klíčová slova
      • volba vhodných klíčových slov
      • použití klíčových slov při SEO optimalizaci
      • vyhodnocení vyhledatelnosti na klíčová slova
      • analýza konkurence
      • hustota klíčových slov
    • Co ovlivňuje vyhledatelnost
      • Google Toolbar Page Rank, princip hodnocení stránek
      • volba domény a tvorba URL adres
      • struktura webu
      • titulky, nadpisy, obsah, meta-tagy
      • duplicitní stránky
      • změny webu a rušení stránek
    • SEO optimalizace ve zdrojovém kódu
      • co má obsahovat zdrojový kód
      • ověření validity kódu
    • Zpětné odkazy
      • jak zpětné odkazy ovlivňují vyhledatelnost
      • vyhodnocení zpětných odkazů
      • budování zpětných odkazů (linkbuilding)
      • doporučení pro znění zpětných odkazů
      • interní odkazy

Předpoklady