Websites met stijl

11. Polder.html

Kleine aanpassingen

Het afmaken van polder.html gaat net zoals bij wad.html en duin.html. We beginnen met de kleine aanpassingen.

Open polder.html in de editor en breng de aanpassingen aan:

• Zorg dat de titel wordt: Terschelling - polder
• De kopfoto is kop2.jpg.

• In het menu (nav) moet het actieve menu-item polder worden aangepast:
  verander <a href="polder.html">polder</a> in: <a href="">polder</a>

• De foto's in het element aside zijn polder1.jpg t/m polder4.jpg met de onderschriften "ganzen in de polder","voormalig boerderijtje bij Striep","eendenkooi bij Formerum","schapen bij Oosterend"..

Kijk eventueel terug in hoofdstuk 9. Daar staan meer aanwijzigingen.

De teksten

• Voer de onderstaande tekst in: figuur 1
  <main>
  <article>
  <h1>De polder</h1>
  <img class="extra" src="img/polder.jpg" alt="landkaart">
  <p>
  De Terschellinger polder is ongeveer 12 km lang
  en maximaal 2,5 km breed.<br>
  In het Noorden grenst de polder aan de duinen
  en in het Zuiden aan het Wad.
  Ten Westen van de polder liggen het dorp West-Terschelling
  en de Noordsvaarder. Ten Oosten van de polder ligt de Boschplaat.
  </p>
  <p>
  De Noordsvaarder en de Boschplaat zijn zandplaten
  die in de in de negentiende en het begin van de twintigste eeuw
  aan Terschelling zijn vastgegroeid.
  Ze zijn niet bedijkt en lopen bij springtij grotendeels onder water.
  </p>
  <p>
  De dorpjes (soms niet meer dan een paar huizen)
  liggen bijna allemaal langs de hoofdweg.
  Van West naar Oost zijn het: West-Terschelling,
  kortweg West genaamd, het grootste dorp;
  Hee, Kaard, Baaiduinen, Midsland, Landerum,
  Formerum, Lies, Hoorn en Oosterend.<br>
  Twee dorpjes liggen tegen de waddijk aan:
  Kinnum (ten Zuiden van Kaard) en Striep (ten Zuiden van Midsland).
  </p>
  <p>
  In de polder liggen een tiental boerderijen en drie eendenkooien.<br>
  Je ziet er altijd dieren: koeien, paarden, schapen en een keur aan vogels,
  zoals ganzen, eenden, grutto's, kievieten, scholeksters, meeuwen.
  </p>
  </article>
  </main>
• Opmerking:
  De afbeelding heeft het attribuut class=extra. Deze afbeelding willen we later voorzien van een schaduwrandje en nog wat andere bijzondere opmaak. Die moet dus een aparte naam hebben, anders kan er in het stijlblad niet naar worden verwezen.
• Controleer het hele document aan de hand van figuur 2 en verbeter eventuele foutjes. Zoals je weet zijn lege regels en inspringen niet van invloed op het resultaat.
• Sla het document op. Klaar