24. Tvorba webových stránek – Rozcestník (6.5.2025)

Obsah hodiny

• • V této hodině si zadáme práci Rozcestník.
  • V minulých hodinách jsem vám psal, abyste si na každý úkol vytvořili samostatnou složku. Rozcestník je v tomto případě vyjímka – umístíte ho v nadřazené složce. Vaše adresářová struktura by mohla vypadat například takto:
    • 3.L-Weby
      • složka Ahoj-svete
        • V této složce budou všechny soubory k projektu Ahoj světe
      • složka Medajlonek
        • V této složce budou všechny soubory k projektu Medajlonek
      • složka Recept
        • V této složce budou všechny soubory k projektu Recept
      • soubory k projektu Rozcestník (nezařazené do složky)
  • Při tvorbě dnešního úkolu využijete tag <nav>. Ten slouží pro vytvoření navigace – menu. Jeho použití je jednoduché – pouze jím obalíme jednotlivé odkazy. Prohlédnout si jeho použití můžete zde.
  • Bavili jsme se o relativní cestě, kterou použijete při tvorbě odkazů na jednotlivé projekty, a jak ji použít v HTML. Příklad odkazu:
    • <a href=”medajlonek/medajlon.html”>Můj medajlonek</a>
  • Tip: pokud budete chtít každý odkaz na samostatném řádku, použijte tag <br> (break – nový řádek)
  • Připomínám celou sérii výukových videí
  • K dispozici máte záznam z online hodiny.

  Úkoly

  • Vytvořte stránku “Rozcestník”.
    • Stránka bude obsahovat:
      • Nadpis 1. úrovně – “Rozcestník”
      • krátký odstavec o vaší osobě (můžete zkopírovat z medajlonku)
      • Obrázek rozcestníku
      • Odkazy na vaše další projekty pomocí tagu NAV
    • Obrázek vzorového vypracování
    • Úkol odevzdejte přes odevzdávání domácích úkolů v Edookitu.
    • Odevzdejte celou adresářovou strukturu vašich webu, tzn. včetně ostatních projektů. Nezapomeňte vše zazipovat.

  Zápisy