Výklady & Příklady TWS 2.L

Úvodem

1. Proč a jak se (ve škole) učíme (weby)

Základy HTML a CSS

1. První kód
2. Tvorba a publikování www stránek, prohlížeč
3. Formátování textu. Blokové a řádkové tagy.
4. 🟠 Seznamy. HTML atributy, CSS vlastnosti.
5. 🔴 Pravidla HTML a CSS kódování
6. HTML Odkazy
7. Box model
8. Obrázky v HTML
9. Základní CSS pro obrázky
10. Cvičení na obrázky: Web "Motorky"
11. Cvičení Box model + obrázky: Web "Mars"
12. Zaoblování rohů a kulaté obrázky
13. CSS Flex
14. Jednoduché flex menu
15. Použitelnost a přístupnost WWW stránek
16. Responzivita WWW stránek
17. Responzivita: Cvičení
18. Další technologie pro WWW stránky
19. HTML Tabulky (vč. CSS)

JavaScript

1. Úvod do JS (1. část)
2. Úvod do JS (2. část)
3. Úvod do JS (3. část)
4. Úvod do programování
5. 🟠 Jednoduchá JS fotogalerie
6. Pro zájemce (nepovinné): HTML Formuláře
7. Pro zájemce (nepovinné): JS Formuláře
8. 🟠 Využití "cizího" JS: Harmonika (Accordion)

Podklady pro hodiny

1. Obrázky
2. Motorky
3. Kolonizace Marsu