|
Vyučující
|
|
|
|
Obsah předmětu
|
1. Úvod do tvorby webových prezentací: Historie webu, typy webů, nástroje, úvod do tvorby prezentace) 2. Prvky stránek a HTML - část 1: Struktura HTML dokumentu, základní elementy (nadpisy, odstavce, seznamy) 3. Prvky stránek a HTML - část 2: Obrázky, odkazy, tabulky, formuláře, semantické HTML 4. Základy kaskádových stylů (CSS) - část 1: Selektory, vlastnosti, barvy, písmo, box model 5. Základy CSS - část 2: Layout, pozicování prvků, základní typografie a barvy 6. Pokročilé CSS - část 1: Flexbox, Grid, responzivní layouty 7. Pokročilé CSS - část 2: Animace, transformace, přechody, vizuální efekty 8. Zásady přístupné webové prezentace - část 1: Přístupnost, WCAG, kontrast, textové alternativy 9. Zásady přístupné webové prezentace - část 2: Semantika HTML, formuláře, navigace, testování přístupnosti 10. Dynamické webové prezentace - část 1: Úvod do JavaScriptu, proměnné, funkce, události 11. Dynamické webové prezentace - část 2: Manipulace s DOM, interaktivní prvky, jednoduché efekty 12. Integrace HTML, CSS a JavaScriptu: Praktický mini-projekt, tvorba kompletní webové prezentace 13. Prezentace projektů a závěrečné hodnocení: Prezentace projektů, zpětná vazba, diskuse, shrnutí kurzu
|
|
Studijní aktivity a metody výuky
|
Monologická (výklad, přednáška, instruktáž), Dialogická (diskuze, rozhovor, brainstorming), Demonstrace, Práce s multimediálními zdroji (texty, internet, IT technologie), Praktická výuka
- Domácí příprava na výuku
- 38 hodin za semestr
- Semestrální práce
- 44 hodin za semestr
- Příprava na zápočet
- 30 hodin za semestr
- Účast na výuce
- 56 hodin za semestr
|
|
Výstupy z učení
|
Kurs je určen zájemcům o tvorbu internetových prezentací pomocí metod, které používají profesionální webdesignéři. Těžiště předmětu je ve vysvětlení principů jazyků HTML a CSS, s důrazem na zásady jejich správného použití při tvorbě internetových prezentací.
Student dokáže strukturovat webovou stránku pomocí HTML. Student umí stylovat obsah webových stránek pomocí CSS (základy i pokročilé techniky). Student zná zásady přístupného webového designu a dokáže je aplikovat. Student rozumí principům dynamických webových prezentací a základům interaktivity. Student dokáže vytvořit jednoduchou dynamickou webovou stránku s interaktivními prvky.
|
|
Předpoklady
|
Předmět nemá žádnou prerekvizitu.
|
|
Hodnoticí metody a kritéria
|
Analýza výkonů studenta, Rozbor díla tvůrčího charakteru (hudební, výtvarné, literární), Seminární práce, Průběžné hodnocení
Požadavky k zápočtu: Zpracování dílčích úložek, vytvoření a prezentace vlastního projektu - strukturované internetové stránky (prezentace podnikatele / neziskové organizace / zájmové činnosti).
|
|
Doporučená literatura
|
-
MDN Web Docs.
-
Attardi, J. Modern CSS: Master the Key Concepts of CSS for Modern Web Development. New York, NY (USA): Apress, 2020.
-
Collins, M. J. Pro HTML5 with CSS, JavaScript, and Multimedia: Complete Website Development and Best Practices. Chesterfield, Virginia (USA): Apress, 2017. ISBN 978-1-4842-2462-5.
-
Krol, K. WordPress 5 Complete. Birmingham, UK: Packt, 2019.
-
Meloni, J. C., Kyrnin, J. Sams Teach Yourself HTML, CSS, and JavaScript All in One. Indianapolis, IN (USA): Sams, 2019.
-
Scott, A. D., MacDonald, M., Powers, S. JavaScript Cookbook. Sebastopol, CA (USA): O'Reilly, 2021.
|