Handboek HTML5 en CSS3, 5e editie

Handboek HTML5 en CSS3, 5e editie

Uitvoering
Boek, paperback, zwart-wit, 524 pagina's
ISBN
9789463560818
Gepubliceerd
2019
Serie
€ 37,99

Handig om te weten: van dit boek is een webversie beschikbaar. Als u zich registreert, krijgt u gratis toegang, plus relevante extra’s.

Van alle technieken voor het maken van webpagina’s en webapps zijn HTML en CSS de belangrijkste. Zonder HTML geen webpagina’s en zonder CSS blijft het een kale boel. In deze vijfde, bijgewerkte editie van dit handboek leert u omgaan met beide webtalen. U leert eerst hoe u de content markeert met HTML zodat de paginastructuur klopt. 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.

Met HTML 5.3 als richtlijn wordt uitgelegd hoe een HTML-document te structureren en alle onderdelen te markeren: 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 opmaken en lay-outen met CSS. Er wordt nog uitgebreider dan in voorgaande edities ingegaan op het maken van responsive lay-outs met alle technieken die CSS daarvoor biedt. Dat is op de eerste plaats CSS Grid Layout. Daarnaast leert uw werken met Flexible Box Layout, multi-column, floats en absolute en relatieve positionering.

U leert hoe u lettertypen downloadt, tekst opmaakt, navigatiemenu’s vormgeeft, kleur gebruikt en achtergronden maakt. Ook het werken met CSS-functies zoals var(), calc() en attr() en het maken van overgangen, animaties en transformaties in 2D en 3D komen aan bod.

Dit leerboek en naslagwerk geeft een stevige ondergrond voor het werken met de technieken die de basis vormen van modern webdesign.

Downloadbare bestanden
Wis filter
  • Peter Doolaard

    Peter Doolaard is eindredacteur en vormgever bij Van Duuren Media. 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. Peter Doolaard...
    Doolaard D

Handboek HTML5 en CSS3, 5e editie

1
Webtalen, browsers en editors
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 HTML 5
De basis van een HTML 5-document
Paginastructuur
Document Object Model – HTML DOM
Het contentmodel van HTML 5
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
Een compleet formulier
De basis van een formulier: <form>
Labels bij invoervelden
De tabvolgorde
Het element <input>
Soorten invoer: het attribuut type
Het element <button>
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 CSS is
Waarom CSS zo handig is
De taal CSS
Waarden en eenheden
CSS-verwerking door de browser
De plaats van de CSS-declaraties
Het CSS-bestand
De ingebouwde stijlen aanpassen
Elementen benaderen met selectors
Elementnaam, klasse of beide?
Basisselectors
Pseudo-elementen
Combinatieselectors: afstamming, kind en sibling
Best practices
Samenvatting
Oefeningen
9
Lay-out: boxmodel en weergavemodel
De opbouw van pagina’s
Het boxmodel
Marges
Padding
Randen
Overlopende inhoud: overflow
Overloop van de scrol
De toekomst: logische eigenschappen
De toekomst: box alignment
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
Lay-out: flexbox
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, calc(), attr() en CSS-variabelen
Beweging in webpagina’s
Overgangen (transitions)
Animatie
Transformatie
Rekenen met calc()
CSS-variabelen: de functie var()
Attributen uitlezen met attr()
All reset alles, behalve variabelen
Samenvatting
Oefeningen
Index