De plaats van HTML, CSS en JavaScript in het internetlandschap
Voor wie is dit boek bedoeld?
Afspraken en begrippen in dit boek
Browsers, editors en andere programmatuur
HTML-editors voor Windows en Macintosh
De site voorbereiden - informatie structureren
Wat is HTML (en wat is het niet)?
Kenmerken van HTML-documenten
Het documenttype aangeven
Teksten en alinea’s toevoegen
Speciale tekens in webpagina’s
Enkele basiskenmerken van CSS
De plaats van het stijlenbestand
Meer CSS - verschillende typen selectors
4
JavaScript in een notendop
Een korte geschiedenis van JavaScript
Belangrijke begrippen in JavaScript
JavaScript-code in extern bestand
Enkele voorbeelden in JavaScript
Verbindingen leggen met <a>
Absolute en relatieve koppelingen
Twee webpagina’s koppelen
Webpagina’s elders ter wereld koppelen
Gebruikersvriendelijke koppelingen schrijven
Koppelingen naar een e-mailadres
Bestanden downloaden via uw website
Koppelingen naar dynamische webpagina’s begrijpen
Koppelingen opmaken met CSS
Een inleiding in HTML-lijsten
In detail: een genummerde lijst maken
Enkele oefeningen met lijsten
Het CSS-menu verder opmaken
Lijsten als horizontaal navigatiemenu
7
Verschillende mediatypen op de site gebruiken
Inleiding bij het gebruik van afbeeldingen
Meer over grafische bestandstypen
Hoe kom ik aan afbeeldingen? Enkele tips
Afbeeldingen invoegen met <img />
Enkele voorbeelden met afbeeldingen
Afbeeldingen opmaken met CSS
Een afbeelding als achtergrond gebruiken
Andere mediatypen invoegen
De rol van de tag <object> en plug-ins
8
Werken met HTML-tabellen
De structuur van een HTML-tabel
Zelf een eerste tabel maken
Veelgemaakte fouten bij tabellen
Cellen die meer rijen of kolommen beslaan
Tekst in cellen meer ruimte geven
De grootte van de tabel aanpassen
Paginaopmaak met tabellen
Tips voor verder gebruik van tabellen
9
Pagina’s opmaken met CSS-lagen
Inleiding - CSS-lagen als vervanging van tabellen
Padding, border en margin nauwkeurig instellen
Verschillende manieren van positioneren
Lay-outvoorbeelden met twee kolommen
Lay-outvoorbeelden met drie kolommen
Lay-out met koptekst - kolommen - voettekst
De structuur van een formulier in HTML
De verschillende invoervelden van een formulier
Keuzerondjes of radiobuttons
De informatie verzenden met knoppen
Het formulier door een script laten verwerken
Meer typen invoervelden voor formulieren
Formulieren vormgeven met tabellen
Formulieren vormgeven met CSS
Workshop - Een registratieformulier vormgeven
Workshop - Een formulier valideren met JavaScript
11
Technieken met JavaScript
Gegevenstypen in JavaScript
Variabelen bewerken met operatoren
Lussen en controlestructuren
Wat is het DOM (Document Object Model)?
Voorbeeld - DOM-manipulatie met JavaScript
Voorbeeld - CSS-klassen verwisselen met JavaScript
Voorbeeld - een pop-uplaag tonen met het DOM
Voorbeeld - jQuery downloaden en gebruiken
Een jQuery-stylesheet switcher
12
De site publiceren op het web
Wat zijn FTP-programma’s?
Organisatie vóór publicatie
FileZilla downloaden en instellen
De site met FileZilla publiceren
A
Alfabetisch overzicht van HTML-tags
Voorgestelde tags in HTML 5