Multimedia
Les 3

Wat is HTML?

Doelstelling

We hebben al geleerd hoe we een eenvoudige maar sematische webpagina maken. Met één webpagina zonder hyperlinks is nog geen website. Daarvoor moet je van de ene plaats naar een andere kunnen 'springen' .

In dit deel leggen we uit hoe je bestanden kan koppelen aan elkaar en hoe je binnen één enkel document verschillende tekstgedeelten met elkaar kan linken.

Links zijn de belangrijkste kracht van HTML en het internet. Zonder het bestaan van links zou het hele internet niet zijn wat het is.

Nu zorgt Hypertext ervoor dat de gebruiker maar één muisklik is verwijderd van de rest van de wereld.

Na deze les:

1. weet je wat links voor je kunnen doen, hoe je ze maakt en hoe je ze het beste inzet. Links zijn de schakels die webpagina's met elkaar verbinden. Je kunt linken binnen je eigen website, zelfs op één en dezelfde pagina evenals naar andere websites. Voor je bezoekers handig, want klikken op een link is een stuk makkelijker dan het intypen van een webadres. Op een website zet je links om bezoekers makkelijk door je site te leiden.
2. kan je links toegevoegen met de juiste semantiek!
3. weet je wanneer je en vooral wanneer je niet HTML attributen gebruikt;

Leerpad

1. Herhaling
   1. HTML Inleiding
   2. HTML Basiselementen
   3. Semantische HTML
2. HTML Hyperlinks

Oefening

1. HTML sjabloon voor detail artikel

Opdracht

1. Maak de oefening, de bloemlezing van Marsman, uit het lesmateriaal en plaats ze in de map met de naam les3.
2. Maak de html voor je eigen onderwerp. Bepaal de content voor de volgende elementen:
   1. header
   2. article
   3. section
   4. aside
   5. footer
3. Plaats links in het aside element in je HTML pagina om naar de verschillende secties te navigeren.
4. Plaats links in het header element om van de je eigen pagina naar de bloemlezing van Marsman te navigeren en omgekeerd.
5. Synchroniseer je lokale multimedia map met BitBucket. In de message van de commit staat: Multimedia Les 3 HTML final.
6. Synchroniseer Cloud9 met BitBucket.