Websites met stijl

Index

Klik op het gewenste hoofdstuk:

titelover de inhoud
Voorbereidingen
hoofdstuk 1Kennismaken met HTML, CSS, browser, editoruitleg van de begrippen
hoofdstuk 2Voorbereidingen downloaden cursusmateriaal, een editor kiezen
Deel 1 - Website over Terschelling - HTML
hoofdstuk 3Elementen en attrbuten. Een 'lege' webpagina.elementen: html, body, p, br
hoofdstuk 4 Website over Terschelling elementen: nav, header, footer, main, aside, div
hoofdstuk 5 Het menuelementen: article, a (hyperlink)
hoofdstuk 6 Afbeeldingenelementen: img, figure, figcaption, h1..h6
hoofdstuk 7 Id, class, commentaarelementen: id, class; commentaar
hoofdstuk 8 Springenspringen naar een bladwijzer en het begin van de pagina
hoofdstuk 9 Wad.htmlelementen: p, br
hoofdstuk 10 Duin.htmlafmaken van wad.html
hoofdstuk 11 Polder.htmlelementen: i, b,em, strong
hoofdstuk 12 Lijsten en filmpjeslijst, video, audio, afbeelding als link
hoofdstuk 13 Index.htmlafmaken index.html
Deel 2 - Website over Terschelling - CSS
hoofdstuk 14Kleuropbouw stijlregels, hsl-kleuren
hoofdstuk 15 LettertypenCommentaar in stijlblad; lettertype, lettergrootte, Google fonts
hoofdstuk 16 Achtergrond-afbeeldingenwebsite: stijlregels voor de body; achtergrondafbeelding
hoofdstuk 17 Blok en inline; margin, padding, borderblok-, inline en inline-blok elementen; border, margin, padding
hoofdstuk 18 Elementen positionerenposition static - relative - fixed - absolute; z-index
hoofdstuk 19 Menubalk en headerwebsite: opmaak menubalk en header
hoofdstuk 20 Selectors en borderssoorten selectors; de border eigenschap
hoofdstuk 21 Video, div#container, main, aside, footerwebsite: opmaak van de hiernaast genoemde elementen
hoofdstuk 22 Het stijlblad afgemaakteen element selecteren op grond van positie of class
hoofdstuk 23 Responsive webdesignhet principe van responsive websdesign
hoofdstuk 24 De website responsive makenstijlblad uitbreiden om de website responsive te maken
Deel 3 - Website over het Apollo-project
hoofdstuk 25 Een website over het Apollo-projecteigenschappen van de Apollo-website
hoofdstuk 26 Afbeeldingen met transparantietransparantie, bestandsformaten van afbeeldingen
hoofdstuk 27 Apollo: de koppen h1 en h2geroteerde teksten
hoofdstuk 28 Menu's en submenu's in een lijsteen lijst in een lijst, submenu's, dropdown menu
hoofdstuk 29 Tabellentable, th, td, opmaak van tabellen
Deel 4 - Je eigen website
hoofdstuk 30 De sjablonenstartpunten voor een eigen website
hoofdstuk 31 De sjablonen aanpassensuggesties voor aanpassingen aan de sjablonen
hoofdstuk 32 Over afbeeldingenhoe je aan afbeeldingen komt; auteursrecht
hoofdstuk 33 Je website op internet plaatsenhosting providers - domeinnamen - ftp
hoofdstuk 34 Je website bekend makensleutelwoorden en omschrijving
Deel 5 - Nieuwe artikelen over diverse onderwerpen
hoofdstuk 35Afbeeldingen met hot spotsUsemap, map, area
hoofdstuk 36Multi-column layouttekst in kolommen
hoofdstuk 37Een tabblad menuMenu met tabbladen; gebruik stijlblok
hoofdstuk 38Alternatieve sluit-link en terug-linkMet behulp van JavaScript
hoofdstuk 39Je website beveiligenEen SSL certificaat installeren
hoofdstuk 40FaviconsJe logo bij het webadres