|
Vyučující
|
-
Krutil Pavel, Mgr.
-
Ščuglík Michal, MgA.
|
|
Obsah předmětu
|
1. Seznámení s fungováním webového prohlížeče 2. Výuka syntaxe HTML 3. Výuka syntaxe CSS 4. Pozicování a stylování objektů 5. Interakce a animace objektů 6. Kódování webových komponent 1/2 7. Kódování webových komponent 2/2 8. Respozivní web 9. Úvod do javascriptu 10. Psaní javascriptových funkcí 11. Vytvoření interaktivního projektu dle vlastního návrhu 1/2 12.-13.Vytvoření interaktivního projektu dle vlastního návrhu 2/2
|
|
Studijní aktivity a metody výuky
|
- Příprava na zápočet
- 24 hodin za semestr
- Účast na výuce
- 26 hodin za semestr
|
| Předpoklady |
|---|
| Odborné znalosti |
|---|
| Předpoklady nejsou stanoveny |
| Předpoklady nejsou stanoveny |
| Odborné dovednosti |
|---|
| Předpoklady nejsou stanoveny |
| Předpoklady nejsou stanoveny |
| Výsledky učení |
|---|
| Odborné znalosti |
|---|
| Popsat principy fungování webových stránek |
| Popsat principy fungování webových stránek |
| Vyjmenovat základní technologie pro tvorbu webových prezentací, definovat jejich použití a rozdíly mezi nimi |
| Vyjmenovat základní technologie pro tvorbu webových prezentací, definovat jejich použití a rozdíly mezi nimi |
| Charakterizovat rozdílné přístupy při tvorbě layoutu webových stránek |
| Charakterizovat rozdílné přístupy při tvorbě layoutu webových stránek |
| Definovat responzivní layout |
| Definovat responzivní layout |
| Popsat způsoby vytváření pohyblivého obsahu/animací na webových stránkách |
| Popsat způsoby vytváření pohyblivého obsahu/animací na webových stránkách |
| Popsat, jak v programování fungují funkce |
| Popsat, jak v programování fungují funkce |
| Odborné dovednosti |
|---|
| Navrhnout webovou stránku s responzivním layoutem a navigačními prvky |
| Navrhnout webovou stránku s responzivním layoutem a navigačními prvky |
| Definovat a aplikovat kaskádové styly (CSS) |
| Definovat a aplikovat kaskádové styly (CSS) |
| Vytvořit jednoduché animace s použitím CSS nebo Javascriptu |
| Vytvořit jednoduché animace s použitím CSS nebo Javascriptu |
| Vytvořit na webové stránce interaktivní prvky s pomocí Javascriptu |
| Vytvořit na webové stránce interaktivní prvky s pomocí Javascriptu |
| Testovat a ladit návrh webové stránky ve webovém prohlížeči |
| Testovat a ladit návrh webové stránky ve webovém prohlížeči |
| Vyučovací metody |
|---|
| Odborné znalosti |
|---|
| Cvičení na počítači |
| Cvičení na počítači |
| Demonstrace |
| Demonstrace |
| Individuální práce studentů |
| Individuální práce studentů |
| Praktické procvičování |
| Praktické procvičování |
| Odborné dovednosti |
|---|
| Cvičení na počítači |
| Cvičení na počítači |
| Demonstrace |
| Demonstrace |
| Individuální práce studentů |
| Individuální práce studentů |
| Praktické procvičování |
| Praktické procvičování |
| Hodnotící metody |
|---|
| Odborné znalosti |
|---|
| Analýza výkonů studenta |
| Analýza výkonů studenta |
|
Doporučená literatura
|
-
FIELDING, Jonathan. Beginning Responsive Web Design with HTML5 and CSS3. Berkeley, CA New York, NY: Apress, 2014. ISBN 978-1430266945.
-
MACDONALD, Matthew. HTML5: The Missing Manual. Sabastopol, CA: O'Reilly, 2013. ISBN 978-1449363260.
-
MCFARLAND, David S. CSS: The Missing Manual. Sebastopol, CA: O'Reilly, 2015. ISBN 978-1491918050.
-
MCFARLAND, David S. JavaScript & jQuery: The Missing Manual. Sebastopol, CA: O'Reilly, 2014. ISBN 978-1491947074.
|