3.L Informační a komunikační technologie

20. Úvod do tvorby webových stránek (9.3.2021)

Obsah hodiny

  • Zopakovali jsme si obsah minulé hodiny
  • Během hodiny jsem vám dal následující doporučení:
    • na každý úkol si vytvořte samostatnou složku. V dalších projektech začnou přibývat obrázky a další soubory a umístění všeho do jedné složky by bylo nepřehledné
    • soubory pojmenovávejte bez diakritiky, bez mezer, rozlišujte malá a velká písmena
    • Při práci průběžně ukládejte
    • Práci (stránku) průběžně kontrolujte. Najít chybu v malé části kódu, která od minulé kontroly přibyla je jednodušší, než najít chybu v celé stránce vytvořené naráz
  • Bavili jsme se o kódování českých znaků
    • Pokud pracujete ve Windows v PSPadu a zobrazuje se vám na stránce špatně diakritika, znamená to, že je někde špatně nastaveno kódování (charset). Aby vše fungovalo správně, je potřeba, aby bylo v souladu kódování html souboru a deklarace kódování v hlavičce. PSPad v novějších verzích vkládá do hlavičky informaci o kódování UTF-8. Je potřeba však ještě samotný soubor nastavit do tohoto kódování. Proto je potřeba u každého html souboru v PSPadu nastavit kódování unicode UTF-8 no BOM v menu Kódová stránka
  • Vše je zaznamenáno v záznamu hodiny
  • Připomínám sérii výukových videí

Úkoly

  • Vypracujte svoji první webovou stránku s krycím názvem “Ahoj světe”.
    • Bude obsahovat:
      • Nadpis 1. úrovně “Ahoj světe”
      • Odstavec textu “Toto je moje první webová stránka. Podpis“, kde slovo Podpis nahradíte vaším jménem
    • Pomoci při vypracování vám mohou první dvě videa ze série výukových videí
    • Soubor uložte s koncovkou .html do svých dokumentů, budete ho odevzdávat
  • DOBROVOLNĚ zadání práce z příští hodiny:
    • Vytvořte stránku “Medajlonek” Stránka bude obsahovat:
    • Nadpis 1. úrovně – vaše jméno
    • Nadpis 2. úrovně – O mně
    • vaši fotografii
    • Odstavec textu o vaší osobě (Odkud jste, kolik vám je let, kam chodíte na školu a různé další informace)
    • Několik odkazů na vaše oblíbené stránky s popisem
    • Nadpis 2. úrovně – Moje oblíbená kapela (zpěvák, zpěvačka,…)
    • Fotografii interpreta
    • Odstavec textu – informace o interpretovi. V textu budou odkazy (např. na stránku kapely apod.)

Zápisy