Handboek HTML5 en CSS3, 4e editie

Handboek HTML5 en CSS3, 4e editie

Uitvoering
Boek, 494 pagina's
ISBN
9789059409712
Gepubliceerd
2017
Serie
€ 34,99

Handig om te weten: van dit boek is een webversie beschikbaar. Als je je registreert, krijg je 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 vierde, 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 op 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 de nieuwste W3C-specificatie van HTML als richtlijn wordt uitgelegd hoe een HTML-document te structureren en alle onderdelen te markeren: paginakop, artikelkoppen, tekst, lijsten, hyperlinks, afbeeldingen, video en audio, tabellen en formulieren. Een goede paginastructuur in HTML is de beste garantie voor een geslaagde lay-out en opmaak met CSS. Daarom zijn voorbeelden opgenomen van verschillende typen webpagina’s: een eenvoudige persoonlijke pagina, een product-presentatie en een blog.

De tweede helft van het boek behandelt het opmaken en lay-outen met CSS. De basis daarvoor is ook vandaag nog CSS 2.1, de webstandaard uit 2011. Daar worden doorlopend in afzonderlijke modules nieuwe mogelijkheden aan toegevoegd en dat is wat gemakshalve CSS3 wordt genoemd. U leert onder meer hoe u lettertypen downloadt, tekst opmaakt, navigatiemenu’s vormgeeft, kleur gebruikt en achtergronden maakt. Ook het werken met CSS-variabelen en het maken van overgangen, animaties en transformaties in 2D en 3D komen aan bod. Tot slot wordt uitgelegd hoe u met Flexible Box Layout en CSS Grid Layout flexibele lay-outs maakt die er op elk beeldscherm goed uitzien, van smartphone tot desktopscherm.

Downloadbare bestanden
Wis filter
  • Peter Doolaard

    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. Peter Doolaard...
    Doolaard D

Handboek HTML5 en CSS3, 4e editie

1
Webtalen, browsers en editors
Introductie
Een snelle terugblik
Kennismaken met HTML en CSS
Browsers
HTML-editors
Aanvullende hulpmiddelen
Samenvatting
Oefeningen
2
De basis van HTML5
Kenmerken van HTML-documenten
Elementen, tags en tekst
Attributen
Kenmerken van HTML5
De basis van een HTML5-document
Paginastructuur
Document Object Model – HTML DOM
De outline van een document
Koppen in HTML-documenten
Het contentmodel van HTML5
Secties markeren – theorie
Secties markeren – praktijk
Samenvatting
Oefeningen
3
Tekst markeren
Inleiding
Koppen markeren
Tekst 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>
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
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
7
Formulieren maken
Formulieren in HTML5
De basis van een formulier: <form>
Het element <label>
Het element <input>
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
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
Basisselectors
Combinatieselectors: afstamming, kind en sibling
Pseudoklassen
Pseudo-elementen
Best practices
Samenvatting
Oefeningen
9
Boxmodel, weergavemodel en positionering
De opbouw van pagina’s
Het boxmodel
Marges
Padding
Randen
Weergavemodel
De eigenschap display
Positionering – de lay-out
Meer eigenschappen van blokken
De toekomst
Samenvatting
Oefeningen
10
Tekst en typografie
Inleiding
Lettertype: van systeem of online?
Lettertypen downloaden: @font-face
Eigenschappen voor lettertype: font
Eigenschappen voor tekst
Opmaak van lijsten
Samenvatting
Oefeningen
11
Kleur, randen en achtergronden
Inleiding
Kleurwaarden
Kleur van tekst
De achtergrond
Kleurverlopen
Afgeronde hoeken
Randafbeelding
Schaduw
Samenvatting
Oefeningen
12
CSS-variabelen, transformatie, animatie en meer
Rekenen met calc()
CSS-variabelen: de functie var()
All reset alles, behalve variabelen
Beweging in webpagina’s
Overgangen (transitions)
Animatie
Transformatie
Beeldfilters
Kleuren mengen
Samenvatting
Oefeningen
13
Media queries, flexbox en grid
Inleiding
De mogelijkheden
Responsive design en media queries
Media queries: breekpunten in de lay-out
Flexibele lay-out met flexbox
Flexcontainers en flexitems
Het assenstelsel van de flex-flow
Flexitems schalen
Flexitems uitlijnen
Een lay-out maken met flexbox
Lay-out in een raster met CSS Grid
Kenmerken van gridlay-out
CSS-eigenschappen voor gridlay-out
Workflow in vogelvlucht
Een raster maken
Expliciet en impliciet raster
Een voorbeeld van gridlay-out
Verder ontdekken
Samenvatting
Oefening
Index