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

22. Tvorba webových stránek – obrázky a odkazy – dokončení (23.3.2021)

Obsah hodiny

  • Připomínám, že pomocí následujících videí se dozvíte, jak do stránky vložit obrázek a odkaz:
  • Připomínám sérii výukových videí
  • Vysvětlili jsme si postup odevzdávání více souborů do úkolu v Edookitu
    • Edookit automaticky přejmenuje odevzdaný soubor – před původní jméno přidá vaše jméno a identifikační číslo v systému
    • To má za důsledek to, že v HTML kódu je odkaz na soubor (typicky obrázek), který se nově jmenuje jinak a tím pádem je “vazba” rozpadená a obrázek se nezobrazí
    • Projekty, které se skládají z více souborů budete odevzdávat v archivu (preferuji ZIP)
    • Archiv vytvoříte:
      • v MS Windows: označím soubory, které chci “zabalit”, kliknu na ně pravým tlačítkem a zvolím Odeslat / komprimovaná složka (metoda ZIP)
      • v MacOS: označím soubory, které chci “zabalit”, kliknu na ně pravým tlačítkem a zvolím Komprimovat
  • Během dotazů na konci hodiny jsme ještě narazili na problém zobrazování obrázků (někteří již byli odpojení).
    • v atributu src je nutné psát jméno souboru s obrázkem včetně přípony
    • OS Windows ale v základním nastavení příponu nezobrazuje
    • Doporučuji nastavit zobrazování přípon v průzkumníku, poté budete znát přesný celý název souboru

Úkoly

  • Dokončete 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.)
    • K vypracování budete potřebovat zejména videa:
    • Úkol odevzdejte přes email či přes Edookit. Nezapomeňte zaslat kromě samotného html souboru i obrázky. Vše pošlete jako archiv .zip.

Zápisy