Klik op het gewenste hoofdstuk:
| titel | over de inhoud | |
|---|---|---|
| Voorbereidingen | ||
| hoofdstuk 1 | Kennismaken met HTML, CSS, browser, editor | uitleg van de begrippen |
| hoofdstuk 2 | Voorbereidingen | downloaden cursusmateriaal, een editor kiezen |
| Deel 1 - Website over Terschelling - HTML | ||
| hoofdstuk 3 | Elementen en attrbuten. Een 'lege' webpagina. | elementen: html, body, p, br |
| hoofdstuk 4 | Website over Terschelling | elementen: nav, header, footer, main, aside, div |
| hoofdstuk 5 | Het menu | elementen: article, a (hyperlink) |
| hoofdstuk 6 | Afbeeldingen | elementen: img, figure, figcaption, h1..h6 |
| hoofdstuk 7 | Id, class, commentaar | elementen: id, class; commentaar |
| hoofdstuk 8 | Springen | springen naar een bladwijzer en het begin van de pagina |
| hoofdstuk 9 | Wad.html | elementen: p, br |
| hoofdstuk 10 | Duin.html | afmaken van wad.html |
| hoofdstuk 11 | Polder.html | elementen: i, b,em, strong |
| hoofdstuk 12 | Lijsten en filmpjes | lijst, video, audio, afbeelding als link |
| hoofdstuk 13 | Index.html | afmaken index.html |
| Deel 2 - Website over Terschelling - CSS | ||
| hoofdstuk 14 | Kleur | opbouw stijlregels, hsl-kleuren |
| hoofdstuk 15 | Lettertypen | Commentaar in stijlblad; lettertype, lettergrootte, Google fonts |
| hoofdstuk 16 | Achtergrond-afbeeldingen | website: stijlregels voor de body; achtergrondafbeelding |
| hoofdstuk 17 | Blok en inline; margin, padding, border | blok-, inline en inline-blok elementen; border, margin, padding |
| hoofdstuk 18 | Elementen positioneren | position static - relative - fixed - absolute; z-index |
| hoofdstuk 19 | Menubalk en header | website: opmaak menubalk en header |
| hoofdstuk 20 | Selectors en borders | soorten selectors; de border eigenschap |
| hoofdstuk 21 | Video, div#container, main, aside, footer | website: opmaak van de hiernaast genoemde elementen |
| hoofdstuk 22 | Het stijlblad afgemaakt | een element selecteren op grond van positie of class |
| hoofdstuk 23 | Responsive webdesign | het principe van responsive websdesign |
| hoofdstuk 24 | De website responsive maken | stijlblad uitbreiden om de website responsive te maken |
| Deel 3 - Website over het Apollo-project | ||
| hoofdstuk 25 | Een website over het Apollo-project | eigenschappen van de Apollo-website |
| hoofdstuk 26 | Afbeeldingen met transparantie | transparantie, bestandsformaten van afbeeldingen |
| hoofdstuk 27 | Apollo: de koppen h1 en h2 | geroteerde teksten |
| hoofdstuk 28 | Menu's en submenu's in een lijst | een lijst in een lijst, submenu's, dropdown menu |
| hoofdstuk 29 | Tabellen | table, th, td, opmaak van tabellen |
| Deel 4 - Je eigen website | ||
| hoofdstuk 30 | De sjablonen | startpunten voor een eigen website |
| hoofdstuk 31 | De sjablonen aanpassen | suggesties voor aanpassingen aan de sjablonen |
| hoofdstuk 32 | Over afbeeldingen | hoe je aan afbeeldingen komt; auteursrecht |
| hoofdstuk 33 | Je website op internet plaatsen | hosting providers - domeinnamen - ftp |
| hoofdstuk 34 | Je website bekend maken | sleutelwoorden en oschrijving |
| Deel 5 - Nieuwe artikelen over diverse onderwerpen | ||
| hoofdstuk 35 | Afbeeldingen met hot spots | Usemap, map, area |
| hoofdstuk 36 | Multi-column layout | tekst in kolommen |
| hoofdstuk 37 | Een tabblad menu | Menu met tabbladen; gebruik stijlblok |
| hoofdstuk 38 | Alternatieve sluit-link en terug-link | Met behulp van JavaScript |