Voorbeeldbestanden
Hieronder staan de voorbeelden van de oefeningen die worden beschreven in het Zelfstudiehandboek Websites Ontwikkelen. Je kunt de eindresultaten bekijken en de HTML en CSS in de browser bestuderen. Je kunt ook de voorbeelden als zip-bestand downloaden (11/11/2010 - 4,5 MB). Lees vooral ook de aanvullingen die staan in de tekst en in de code van de voorbeelden van de oefeningen. En vergeet niet om, voordat je de oefeningen gaat maken, eerst even de errata te lezen.
Er zijn ook een aantal Prezi presentaties beschikbaar bij het boek.
De oefeningen uit het boek
- Oefening 6.1 - Werken met tekst
- Oefening 7.1 - Werken met klassen, padding, margin en randen
- Oefening 8.1 en 8.2 - Afbeeldingen en tekst | Tekst en kolommen
- Oefening 9.1 - Een CSS-lay-out maken
- Oefening 9.2 - Liquid design
- Oefening 9.3 - Elastic design
- Oefening 9.4 - Doorlopende kolommen
- Oefening 9.6 - Spelen met span
- Oefening 10.1 en 10.2 - Een basistabel | Een uitgewerkte tabel
- Oefening 11.1, 11.2 en 11.3 - Werken met lijsten | Een achtergrondafbeelding als opsommingsteken | Een definitielijst
- Oefening 12.1 en 12.4 - Een horizontaal menu | Spelen met span
- Oefening 12.2 - Een vertikaal menu
- Oefening 12.3 - Een uitklapmenu
- Oefening 13.1 - Werken met lagen
- Oefening 13.2 - Een elastische lay-out
- Oefening 14.1 - Een formulier opmaken
- Oefening 15.1 - Het sjabloon
- Oefening 15.1 - De afgeleide pagina
- Oefening 15.2 - Het master sjabloon
- Oefening 15.2 - Afgeleide pagina met twee kolommen
- Oefening 15.2 - Afgeleide pagina met drie kolommen
- Hoofdstuk 16 - Checklist projectplan
- Hoofdstuk 19 - Menu met achtergrondafbeeldingen
- Hoofdstuk 19 - Menu met gepositioneerde links
- Hoofdstuk 19 - Elastic menu met zowel tekstlinks als afbeeldingen
- Hoofdstuk 19 - Een afbeelding als kop
- Hoofdstuk 19 - Koppeling van de actieve pagina markeren met specifieke CSS