Handboek HTML5 en CSS3, 5e editie (ISBN: 9789463560818)

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

Downloads_Editie_5.zip - 65430 kB

Wis filter

Peter Doolaard

Peter Doolaard is front-enddeveloper en werkt aan projecten voor overheid en bedrijfsleven. Zijn specialiteiten zijn CSS en toegankelijkheid. In 2004 verscheen zijn eerste boek over webdevelopment en als co-auteur heeft hij meegewerkt aan diverse boeken...
lees meer

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

Meer lezen? Op onze zustersite blog.computercreatief.nl publiceren wij en onze auteurs regelmatig interviews en artikelen met nuttige tips, trucs en andere lezenswaardigheden.

Bij Handboek HTML5 en CSS3, 5e editie hebben wij de volgende aanvullende artikelen gevonden:

Results of blog query (this text will be replaced...)

Meer artikelen over html5 op ComputerCreatief.nl

Relevante blogs zoeken...