« Terug naar Instructiemateriaal


HTML, CSS & responsive webdesign voor beginners

Wat leer je?

In deze video-cursus leer je HTML, CSS en het principe 'responsive webdesign'. Je start met het maken van een mobiele website. Op deze manier leer je alle basisprincipes van het web.

Voor wie is deze cursus?

Voor iedereen die altijd al graag wilde leren om een website te maken. De video's en de gebruikte software zijn gratis.

Les 1: Webpagina's maken en aan elkaar koppelen

In deze les

In deze les leer je hoe je werkt met Brackets en hoe je webpagina's maakt. Je leert de basis van het web: hyperlinks.

Video's

Les 2: Rijen maken en afbeeldingen toevoegen

In deze les

In deze les leer je hoe je jouw hyperlinks verdeelt in rijen. Daarna ga je in de hyperlinks afbeeldingen toevoegen.


Extra:

Als extra vind je een video over hoe je hi-res en lo-res afbeeldingen van elkaar scheidt. Op deze manier kun je op hoge resolutie-schermen (retina en 4k) hogere kwaliteitsafbeeldingen tonen, terwijl andere schermen een lage resolutie-afbeelding te zien krijgen.

Video's
Extra

Les 3: De basis opbouw van een website

In deze les

In deze les leer je de basisopbouw van een website (head en body). Ook maak je de website mobiel-vriendelijk. Op die manier stemt de vormgeving zich straks correct aan op je mobiel.

Video's

Les 4: Kopteksten en paragrafen (vervolgpagina's)

In deze les

In deze les geef je jouw mobiele website vervolgpagina's. Je leert teksten toevoegen met de heading-tag (h1) en paragrafen maken met de paragraaf-tag (p).

Video's

Les 5: CSS

In deze les

In deze les leer je de taal CSS. Met deze taal kun je een website vormgeven.

Video's

Les 6: Responsive webdesign

In deze les

In deze les leer hoe je een responsive website maakt. Een responsive website is een website die rekening houdt met de verschillende schermformaten die er tegenwoordig zijn. Zo ziet een website er anders uit op een mobiel, tablet of laptop.

Video's

Les 7: Een menu maken

In deze les

In deze les leer hoe je een menu maakt in HTML en CSS.

Video's