Websites met stijl

25. Een website over het Apollo-project

In dit hoofdstuk

Waarom

In de hoofdstukken 25-29 komt een website aan de orde over het Apollo project, het Amerikaans ruimtevaartprogramma om mensen op te maan te laten landen.

Waarom nog een website?

Bekijk de website en experimenteer er mee.

Ook op deze site zijn de teksten niet bepaald sterk; pas ze gerust aan, als je dat wilt.
Mij gaat het hier alleen om de bouw van websites, niet om de inhoud.

De bestanden

Alle bestanden van de website vind je bij het cursusmateriaal dat je in hoofdstuk 2 hebt gedownload.
Ze staan in de map apollo (html-bestanden) en de submappen img (voor de afbeeldingen) en css (voor het stijlblad).

Over de website

Kenmerken

  1. De website is niet responsive.
    Het is een mooie uitdaging om de site responsive te maken.
  2. De achtergrond is vast (fixed). Bij het scrollen blijven de sterren op hun plaats.
  3. De afbeelding met de astronauten is geen rechthoek. Dat komt door transparantie. (zie hoofdstuk 26)
  4. De tekst 'bestemming maan' is een kwart slag gekanteld. (zie hoofdstuk 27)
  5. Er is (op de pagina 'Retourtje maan') een submenu dat inspringt. (zie hoofdstuk 28)
  6. Op de pagina 'Apollovluchten' staat een tabel. Die zijn we nog niet eerder tegen gekomen. (zie hoofdstuk 29)

Structuur van de html

De struktuur van de webpagina's ziet er als volgt uit: <body>
<div id="container">
<h1>HET APOLLO-PROJECT</h1>

<h2>bestemming maan<h2>

<nav></nav>

<article></article>

</div>

</body>

De css

Het stijlbestand apollo.css in de map stijlen zorgt voor de opmaak.

Meer

Meer over de website in de volgende hoofdstukken.