Les 16

Eindopdracht

In de vorige les hebben we reeds nagedacht over het weergeven van onze informatie over de trappisten. Het inhoudstype was af. Via een reeks tussenopdrachten proberen we het geheel aantrekkelijk weer te geven. Doorloop de volgende opdrachten en een mooi eindresultaat zou geen probleem mogen zijn.

  1. Download eerst de nodige bestanden
  2. Controleer het inhoudstype

(opmerking: het label van de body heb ik veranderd naar 'geschiedenis' + de volgorde speelt hier geen rol)

  1. Maak twee nieuwe afbeeldingsstijlen aan:

Stijl I

Stijl II

  1. Installeer en activeer de module Image Effects

  1. Voeg een derde afbeeldingsstijl toe:

  1. Pas de weergave van het inhoudstype Trappisten aan. Gebruik hiervoor onderstaande afbeelding en kijk goed naar de laatste kolom, deze instellingen gebeuren via het tandwiel.

  1. Voeg inhoud toe of vul de inhoud verder aan
  2. Een belangrijke stap: zorg ervoor dat de URL's kloppen. Kijk je bijvoorbeeld naar 'Achel' dan is de URL .../trappisten/achel
  3. Pas de doorzichtigheid van de achtergrondfoto aan naar 40%
  4. Schakel de volgende lettertypes in:

   

  1. Download hier de CSS
  2. Bekijk het word-bestand en kopieer de code integraal
  3. Maak een nieuwe CSS regel 'CSS Trappisten' en plak de code
  4. Merk op dat de code niet compleet is. Aan jullie om deze aan te vullen
  5. Belangrijk hier ook is het beperken van de pagina's!

Site voor de schaduw

  1. Ga naar de weergave van het inhoudstype Trappisten, klik boven aan op Teaser en pas aan zoals hieronder:

  1. Maak een nieuw overzicht aan. Gebruik volgende eigenschappen. Lees dit goed want we wijken een beetje af van wat we gewoon zijn.
    1. Naam: Trappisten
    2. Pagina maken
    3. Inhoud van het type Trappisten
    4. Raster van teasers
    5. Geen paginering
    6. Menulink in het hoofdmenu
  2. Bij de instellingen van het raster zet je het aantal kolommen op 1
  3. Sla dit op en ga naar de frontpage. In het hoofdmenu heb je nu een link, test deze even uit.

EXTRA

  1. Wanneer je tijd hebt kan je ook deze oefening maken.
  2. Maak een nieuw overzicht aan met volgende eigenschappen:
    1. Naam: Trappisten Logo
    2. Inhoud van het type Trappisten
    3. Blok maken
    4. Raster van velden
    5. Aantal items: 11
  3. Voeg nu het veld logo toe: miniatuur, linken naar inhoud
  4. Zorg dat het veld titel niet wordt weergegeven
  5. Bij de instellingen van het raster geef je aan dat je 11 kolommen wil zien
  6. Tot slot geef je het blok ook een plaats. Zorg ervoor dat het enkel verschijnt op de pagina's van de trappisten en dat je het weergeeft in het blokgebied 'inhoud' of 'content'