Multimedia ve výuce II

Obrázky, odkazy

V rámci opakování si nejprve procvičíme používání struktur probraných v předchozích hodinách - seznamy, tabulky, nadpisy a běžné odstavce.
Opakování

V lekci tohoto tématu se poprvé setkáme s externími zdroji používanými v kódu HTML - s obrázky, naučíme se též vytvářet spojení mezi soubory pomocí odkazů.

V následujícím cvičení si ukážeme roli odkazů při vytváření větších vzájemně provázaných celků webových stránek.

Cvičení - odkazy

Vytvořte nový soubor, uložte ho ke svým ostatním souborům z minulých cvičení, pojmenujte ho index.html.
V tomto novém souboru sestavte odrážkový seznam, v němž budou odkazy na soubory HTML vytvořené v předchozích cvičeních. Stránku opatřete rovněž hlavním nadpisem, popř. dalšími informacemi podle vlastního uvážení.
Může to dopadnout např. takto:

Moje cvičení v HTML

  • Základy značkování
  • Základy online výuky
  • Seznamy - cvičení
  • Tabulky - cvičení

Do všech souborů, které jste takto navázali na index, vložte zpětné odkazy na index.html, např.

<a href="index.html">Zpět na hlavní stranu</a>

Cvičení - obrázky

Vkládání obrázků si procvičíme při sestavování tabulky s obrázky a jednoduché obrázkové galerie, v níž navíc uplatníme odkazy.

Pro inspiraci přikládám komentovanou tabulku stylů, kterou můžete porovnat se svým návrhem formátování galerie obrázků.

Cvičení – rozsáhlejší stránka s obrázky