Peter Doolaard is eindredacteur en vormgever bij Van Duuren Media B.V. Hij redigeerde talloze boeken over aan computers gerelateerde onderwerpen en vertoont een bijna ongezonde belangstelling voor alles wat er op dit gebied valt te beleven.
Meer over Peter DoolaardHandboek HTML5 en CSS
Paperback Nederlands 2022 6e druk 9789463562645Samenvatting
HTML en CSS zijn twee onmisbare technieken voor het maken van webpagina’s en webapps. Zonder HTML zijn er geen webpagina’s en zonder CSS zien ze er wel erg kaal uit. In deze zesde, bijgewerkte editie van dit handboek leert u met beide webtalen werken. U leert eerst hoe u de content markeert met HTML. Daarna maakt u de onderdelen van de pagina op met CSS. Het uitgangspunt daarbij is dat u niet alleen leert dát dingen werken, maar vooral waaróm ze werken.
U krijgt uitleg over het structureren van HTML-documenten en het markeren van alle onderdelen: paginakop, artikelkoppen, tekst, lijsten, hyperlinks, afbeeldingen, video en audio, formulieren en tabellen. Een goede paginastructuur in HTML is de beste garantie voor een geslaagde lay-out en opmaak met CSS.
De tweede helft van het boek behandelt het maken van lay-outs en het opmaken van de onderdelen met CSS. Er wordt uitgebreid ingegaan op responsive design met alle technieken die CSS daarvoor biedt: gridlay-out, flexbox, multi-column en positionering.
U leert hoe u lettertypen downloadt, tekst opmaakt, navigatiemenu’s vormgeeft, kleur gebruikt en achtergronden maakt. Ook het werken met CSS-functies en het maken van overgangen, animaties en transformaties in 2D en 3D komen aan bod.
Het boek is uitgebreid met uitleg over toegankelijkheid, container queries, een nieuw hulpmiddel voor responsive design, en cascade layers, voor meer controle over de cascade.
Dit leerboek en naslagwerk geeft een stevige ondergrond voor het werken met de technieken die de basis vormen van modern webdesign.
Specificaties
Lezersrecensies
Inhoudsopgave
Introductie
Een korte terugblik
Kennismaken met HTML en CSS
Browsers
HTML-editors
Aanvullende hulpmiddelen
Over dit boek
Samenvatting
Oefeningen
2 De basis van HTML
Kenmerken van HTML-documenten
Elementen, tags en tekst
Attributen
Kenmerken van moderne HTML
De basis van een HTML-document
Paginastructuur
Document Object Model – HTML DOM
Het contentmodel van HTML
Secties markeren
Samenvatting
Oefeningen
3 Tekst markeren
Inleiding
Koppen in HTML-documenten
Koppen markeren
Alineatekst markeren
Speciale betekenis aangeven
Inhoud groeperen
Speciale tekens in webpagina’s
Samenvatting
Oefeningen
4 Koppelingen maken
Inleiding
Verbindingen leggen met <a>
Klik hier voor richtlijnen
Externe bestanden koppelen met <link>
Knoppen en hyperlinks
Samenvatting
Oefeningen
5 Beeld, geluid en andere externe inhoud
Inleiding
URL’s en structuur van de website
Soorten afbeeldingen
Bestandsformaten voor bitmaps
De juiste afbeelding voor het scherm
Afbeeldingen plaatsen met <img>
Responsive images
Externe HTML-inhoud: <iframe>
Insluiten met <embed> of <object>
Video in een webpagina
Het element <video>
Audio op de website gebruiken
Samenvatting
Oefeningen
6 Formulieren maken
De rol van formulieren
De basis van een formulier: <form>
Labels bij invoervelden
Het element <button>
De tabvolgorde
Het element <input>
Soorten invoer: het attribuut type
Kiezen uit een lijst: <select>, <datalist>, <option>
Uitgebreide tekstinvoer: <textarea>
Groeperen met <fieldset> en <legend>
Voortgang tonen: <progress>
Schaal: <meter>
Resultaat: <output>
Samenvatting
Oefeningen
7 Tabellen maken
Inleiding
De structuur van een HTML-tabel
De basis: <table>
Rijen en kolommen: <tr> en <td>
Koptekst:<thead>
Een bijschrift: <caption>
Overige elementen
Voorbeelden van tabellen
Samenvatting
Oefeningen
8 De basis van CSS
Wat is CSS?
Waarom CSS zo handig is
De taal CSS
De plaats van de CSS-declaraties
Het CSS-bestand
De boomstructuur
Elementen benaderen met selectors
Elementnaam, klasse of beide?
Basisselectors
Pseudo-elementen
Combinatieselectors: afstamming, kind en sibling
Best practices
CSS-verwerking door de browser
Nieuw: cascade layers (@layer)
De ingebouwde stijlen aanpassen
Waarden en eenheden
Samenvatting
Oefeningen
9 Lay-out: boxmodel en weergavemodel
De opbouw van pagina’s
Het boxmodel
Marges
Opvulling
Randen
Overlopende inhoud: overflow
Overloop van de scrol
Weergavemodel
De eigenschap display
Inhoud (niet) weergeven: visibility
Samenvatting
Oefeningen
10 Lay-outs maken met CSS
Inleiding
Responsive design
Lay-out: positionering
Lay-out: multi-column
Lay-out in een raster: gridlay-out
Toepassing: nos.nl
Lay-out: flexbox
De toekomst: box alignment
Nieuw: container queries
Samenvatting
Oefeningen
11 Tekst en typografie
Inleiding
Lettertype: van systeem of online?
Lettertypen downloaden: @font-face
Eigenschappen voor lettertype: font
Eigenschappen voor tekst
Opmaak van lijsten
Lijst als navigatie
Samenvatting
Oefeningen
12 Kleur, randen en achtergronden
Inleiding
Kleurwaarden
Kleur van tekst
De achtergrond
Kleurverlopen
Afgeronde hoeken
Randafbeelding
Schaduw
Afbeeldingen uitsnijden met clip-path
Beeldfilters
Kleuren mengen
Samenvatting
Oefeningen
13 Overgangen en animaties, attr() en CSS-variabelen
Beweging in webpagina’s
Overgangen (transitions)
Animatie
Transformatie
CSS-variabelen: de functie var()
Attributen uitlezen met attr()
Samenvatting
Oefeningen
Index
Rubrieken
- advisering
- algemeen management
- coaching en trainen
- communicatie en media
- economie
- financieel management
- inkoop en logistiek
- internet en social media
- it-management / ict
- juridisch
- leiderschap
- marketing
- mens en maatschappij
- non-profit
- ondernemen
- organisatiekunde
- personal finance
- personeelsmanagement
- persoonlijke effectiviteit
- projectmanagement
- psychologie
- reclame en verkoop
- strategisch management
- verandermanagement
- werk en loopbaan