HTML

Opdr 2. Je offline website

Maak een website van minstens 3 pagina’s die aan elkaar gekoppeld zijn.

  1. Begin met drie lege documenten ↗
  2. Noem de home-page: index.html
  3. Voeg aan elk document een div toe die een unieke titel en paragraaf bevat.
  4. Voeg ook aan elk document een div toe met een menu: een lijst met links (naar de andere pagina’s)
  5. Voeg een lokale afbeelding toe, opgeslagen in dezelfde map als je html-documenten.
  6. Voeg een afbeelding die al online staat toe. (vergelijk de relatieve en absolute links die je nu gebruikt hebt).

Tip: Houd het doel voor ogen: Je bent hier om HTML te leren. Wat er inhoudelijk op de site staat en wat het betekent is van geen enkel belang. Dat gezegd hebbend, je mag best een site (of pagina) maken die ergens over gaat. Sterker nog, dat is extra leuk, want dan heb je straks iets om aan anderen te laten zien.

Waar kan je site over gaan: (enkele suggesties)

  • Jezelf (bijvoorbeeld waarom je GMD hebt gekozen en wat je van de studie verwacht)
  • Je hobby
  • Een onderwerp waar je al zoveel van weet dat je er (bijna) niks over hoeft op te zoeken
  • Een onderwerp waarvoor je voor een ander vak al informatie hebt verzameld en bijvoorbeeld een artikel over moet schrijven.
  • Je afstudeer-onderzoek
  • Een reisverslag
  • Een foto-portfolio

Let op: Deze website staat nu lokaal op je PC, waar je hem al kan bekijken en waar hij volledig zal werken. Volgende les gaan we hem online zetten en kan de hele wereld hem zien!

Inleveren:

Upload index.html en 2 andere .html-bestanden op Canvas ↗

liefst tijdens de les,
of uiterlijk bij het sluiten van sprint 1.

Leave a Reply

Your email address will not be published. Required fields are marked *