| Název předmětu | Programování webu I |
|---|---|
| Kód předmětu | KIN/5W1 |
| Organizační forma výuky | Přednáška + Cvičení |
| Úroveň předmětu | Magisterský |
| Rok studia | 4 |
| Semestr | Zimní |
| Počet ECTS kreditů | 3 |
| Vyučovací jazyk | čeština |
| Statut předmětu | Povinný |
| Způsob výuky | Kontaktní |
| Studijní praxe | Nejedná se o pracovní stáž |
| Doporučené volitelné součásti programu | Není |
| Vyučující |
|---|
|
| Obsah předmětu |
|
1. Základní pojmy internetu (webserver, IP adresa, DNS, URL, domény, TLD), umístění stránek na linuxovém serveru (webhosting, FTP), software na tvorbu WWW stránek. Webové systémy pro správu obsahu (CMS - content management systems, redakční systémy), přehled (Joomla, Drupal, WordPress, Webnode.cz). 2. Jazyk HTML5 - syntaktická pravidla, příkazy, základní struktura webové stránky, optimalizace webu (SEO), přístupnost webu (Best practice, Blind Friendly techniky). Hlavička stránky, meta elementy. Tělo stránky, nastavení parametrů (okraje, pozadí, barvy). 3. Formátování textu na stránce (velikost, barva, fonty, řezy, nadpisy). Komentáře, symboly (zástupné entity), seznamy a výčty (uspořádaný a neuspořádaný seznam). Tvorba odkazů (hyperlinků), druhy odkazů. 4. Fotografie a grafika na webové stránce, aktuální grafické webové formáty (JPG, PNG, WEBP). Multimédia na webu, aktuální multimediální webové formáty (WEBM). 5. Tabulky, sloupcová sazba webu a webová fotoalba pomocí tabulek. Formuláře, HTML5 Forms. 6. Syntaktická pravidla jazyka CSS3 (selektory, deklarace, třídy, pseudotřídy, identifikátory, dědičnost). 7. Vlastnosti barev a pozadí. Vlastnosti textu a písma. Vlastnosti boxů a bloků. 8. Klasifikační vlastnosti, prvky typu in-line a block. Lokalizace objektů na stránce, pozicování, 3D vrstvy na webu. Tvorba responzivních webů pro mobilní zařízení. 9. JavaScript na webové stránce, příklady, dynamické události. 10. Objektový model DOM, základy objektového programování. 11. Používání proměnných, tvorba polí, funkcí. 12. Větvení, cykly, ovládání oken, datum a čas. Regulární výrazy. 13. Kreslení pomocí značky canvas z HTML5.
|
| Studijní aktivity a metody výuky |
| Monologická (výklad, přednáška, instruktáž), Práce s multimediálními zdroji (texty, internet, IT technologie) |
| Výstupy z učení |
|
Cílem předmětu je naučit studenty vytvářet responzivní, validní, přístupné a optimalizované webové stránky a tyto stránky publikovat a spravovat na internetovém serveru. Dále studenty seznámit s aktuálními technologiemi pro tvorbu moderních webů - dostupnými redakčními systémy, datovým jazykem HTML5, kaskádovými styly CSS3 pro formátování webu a možnostmi využití JavaScriptu. Součástí výuky předmětu je i téma formátování webových prezentací pro mobilní zařízení formou tzv. responzivity.
Vypracování a prezentace semestrálního praktického projektu - responzivní webové stránka na vlastní téma, formátované pomocí externě připojených CSS, validní v HTML5 a optimalizované pro vyhledávací služby (SEO). Splnění 2 průběžných písemných znalostních testů. Návaznost na KRAU: Oblast 1: 1.1. |
| Předpoklady |
|
žádné
|
| Hodnoticí metody a kritéria |
|
Rozbor produktů pracovní činnosti studenta (technické práce), Test
Vypracování a prezentace semestrálního praktického projektu - responzivní webové stránka na vlastní téma, formátované pomocí externě připojených CSS, validní v HTML5 a optimalizované pro vyhledávací služby (SEO). Splnění 2 průběžných písemných znalostních testů. |
| Doporučená literatura |
|
| Studijní plány, ve kterých se předmět nachází |
| Fakulta | Studijní plán (Verze) | Kategorie studijního oboru/specializace | Doporučený semestr |
|---|