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

Školní rok 2024-2025

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

Ilustrativní foto

Ú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