★ Aan de slag 10

  1. Open een browser en zoek op internet naar een foto van Alan Turing.
    Sla de afbeelding op in de map html in je home-directory. Open onze HTML-editor. In de editor is het mogelijk om bestanden te uploaden. Daar kan in een HTML-document naar verwezen worden.
    In het venster rechts boven met de titel Bestanden staan de knoppen selecteer en uploaden. Klik op selecteer, ga naar de plek waar de afbeelding staat. Klik op de naam van de afbeelding en kies tot slot uploaden. Als alles naar wens verloopt, krijg je een melding dat het bestand succesvol is geupload. De naam van het bestand staat daarna in het venster.
    Klik nu op de knop “Laad HTML” en open het bestand template in de map html. Vul de code van het HTML-bestand zo aan dat na het verwerken van de code de afbeelding is te zien.
    HTML5
  2. Voorzie de foto van Alan Turing van het onderschrift “Alan Turing (1912-1954)”. Pas daarvoor de HTML-code aan. Klik daarna op verwerk en bekijk het resultaat.
  3. Maak nu in de map html in je homedirectory een submap afb aan. Verplaats na deze opdracht de foto van Alan Turing naar de map afb. In deze map moeten voortaan alle afbeeldingen worden opgeslagen. In de editor is het namelijk niet mogelijk te verwijzen naar bepaalde mappen waar afbeeldingen zijn opgeslagen. Dat verklaart waarom we de afbeelding in eerste instantie op dezelfde plek als het HTML-bestand hebben opgeslagen.
    Werk je met een browser en Notepad++ dan zijn verwijzingen naar specifieke mappen wel mogelijk. Vergeet dan niet dat voorafgaand aan de naam van de afbeelding de naam van de map waar deze afbeelding in staat genoemd moet worden. In de HTML-code komt dan bijvoorbeeld te staan:
    img src="afb/Alan_Turing.jpg"