In deze opleiding leert u websites maken met behulp van de codetalen HTML (Hypertext Markup Language) en CSS (Cascading Style Sheets).
HTML en CSS zijn twee talen die bij elkaar horen. Met HTML wordt namelijk de inhoud van een webpagina gemaakt. Maar je hebt dan alleen tekst, afbeeldingen, tabellen, enz. zonder enige opmaak.
Om te zorgen dat een pagina mooi is opgemaakt met verschillende lettergroottes, kleuren, enz. heb je CSS nodig.
Door HTML en CSS in aparte bestanden te zetten kun je die met elkaar koppelen. Eén CSS-bestand kan gekoppeld worden aan heel veel webpagina’s die met HTML zijn gemaakt. Dat zorgt er dan voor dat al die pagina’s dezelfde opmaak krijgen.
Wil je de opmaak van je website veranderen? Dan hoef je alleen aanpassingen te doen in één CSS-bestand. De opmaak van de hele website verandert daarmee, en het blijft één geheel.
De inhoud van de opleiding
Hieronder vindt u een samenvatting van de inhoud van de opleiding.
Introductie HTML
- Een webpagina
- HTML ontdekken
- Basisstructuur HTML
- Mappenstructuur
Een webpagina maken
- Tekst opmaken
- Hyperlinks
- Afbeeldingen
- Lijsten
- Tabellen
- Commentaar en overzichtelijkheid
Opmaak met CSS
- Koppeling met HTML
- Basisopmaak
- Kleuren en lettertypen
- Hyperlinks
- Lijsten
- Tabellen
- Commentaar
Structureren met blokken
- Standaardblokken
- Margin en padding
- Blokken positioneren: grid lay-out
- Inhoud positioneren: flexbox lay-out
- Classes en id’s
- Voorrangsregels in CSS
- Floating
Webdesign
- Doel van websites
- Juridisch kader
- Richtlijnen voor goed ontwerp
- Heuristieken van Nielsen
- Kleurgebruik en kleurtheorie
- Typografie
- Font Awesome
- Designtrends
Functioneel ontwerp maken
- Stap 1: Doelgroep en gebruikerspersona’s
- Stap 2: Contentstrategie
- Stap 3: Sitemap en gebruikersflow
- Stap 4: Wireframe en prototype
- Stap 5: Visueel ontwerp
- Stap 6: SEO en technische specificaties
- Stap 7: Usability testing en A/B-testing
Functioneel ontwerp realiseren
- Stap 1: Blokken instellen
- Stap 2: Homepage inhoudelijk
- Stap 3: Evalueren en controleren
- Stap 4: Subpagina’s
- Stap 5: Afronding
- Website hosten op GitHub
Responsive webdesign
- Responsive design
- Media queries
- Breakpoints
- Mediatypen

