Webdesign en Layout met CSS

Webdesign met CSS

Met CSS bepaal je de layout en de vormgeving van een webpagina. CSS schrijf je in een apart bestand dat je koppelt aan de HTML-pagina’s. Hiermee koppel je de inhoud los van de vormgeving en dat biedt heel veel voordelen. Dankzij externe css-stijlbladen zorg je voor een consistente vormgeving en opmaak voor de gehele website. Leer op welke manier je CSS kan verbinden aan webpagina’s en gebruik te maken van de juiste CSS-selectors.

CSS blijft in ontwikkeling en biedt een groot aantal CSS-stijlopdrachten waarmee je onder andere teksten en afbeeldingen perfect kunt vormgeven. CSS is continu in beweging omdat hier elke dag aan ontwikkeld wordt. Het is dus een taak om altijd op de hoogte te blijven van de nieuwe mogelijkheden en de veranderingen. Maar de basis is de basis, en die leer je in deze cursus. Vanuit dit startpunt kun je jezelf blijven ontwikkelen in deze krachtige manier van het consistent vormgeven van je HTML-pagina’s.

Doel van de cursus

In deze online basiscursus leer je de grondbeginselen van CSS (Cascading Style Sheets). Waaronder hoe je met grid en flexbox op een waanzinnig snelle, efficiënte en makkelijke manier snel een responsive design kunt maken die zich automatisch op elk formaat beeldscherm perfect aanpast. In deze cursus leer je direct hoe je jouw website responsive maakt met mediaqueries. Klinkt misschien ingewikkeld, maar je zult merken dat dit reuze meevalt. En daarnaast is het vaardig worden van responsive design een ‘must’ voor webdesigners.

Wat ga je leren

In deze cursus leer je alles wat je moet weten van CSS zodat je webpagina’s kunt gaan layouten en vormgeven:

• Wat en waarom CSS
• Manieren van CSS schrijven en toepassen
• De boxeigenschappen en CSS
• Responsive layout met CSS-grid
• Creëren van grid, kolommen en rijen
• Pagina’s layouten met grid-areas
• Responsive design met mediaquerie en flex box
• Mediaqueries voor verschillende schermgroottes
• Content layouten met flex box
• Responsive afbeeldingen
• Tekstomloop met float
• Randen vormgeven met border en radius
• Fonts kiezen en bepalen met CSS
• Teksten en alinea’s vormgeven met CSS
• Kleuren en kleurschema’s kiezen
• Het vormgeven van soorten lijsten
• Vormgeven van achtergronden
• Toepassen van pseudo class en elementen

Duur en studiebelasting

De duur van deze videocursus is 3 uur en 28 minuten met een studiebelasting van ca. 14 tot 20 uur. Onze video’s zijn met zorg gemonteerd. Hierin leggen we in een zo kort mogelijke tijd exact uit wat je moet weten. Echter om je deze technieken volledig eigen te maken zul je met al het geleerde moeten experimenteren en oefenen. Hiervoor kun je ofwel ons downloadbaar materiaal of eigen materiaal gebruiken. Houd rekening met een minimale studiebelasting van drie keer de videoduur.

Doelgroep van deze cursus

Wil jij zelf de vormgeving van HTML-pagina’s bepalen met CSS dan is deze cursus absoluut een must.

Lesmaterialen

De cursus bestaat uit video’s met downloadbaar oefenmateriaal. Al onze video’s zijn Nederlands gesproken en ondertiteld. Wij maken zoveel mogelijk gebruik van de Engelse Interface van de software maar we benoemen in onze uitleg ook de Nederlandse (vak)termen. Je dient zelf zorg te dragen voor de installatie van de benodigde software op je computer.

Opbouw van de cursus

Deze cursus is opgebouwd uit instructievideo’s verdeeld over hoofdstukken. Wij adviseren om de volgorde van de hoofdstukken en de video’s aan te houden aangezien latere video’s vaak teruggrijpen op geleerde kennis in eerder video’s.

Vereiste voorkennis en vaardigheden

Voor het volgen van deze cursus heb je kennis en ervaring nodig van het vervaardigen en structureren van HTML-pagina’s.

Toetsing

Deze cursus bevat geen (eind)toets. Je ontvangt bij afronding een certificaat als bewijs van deelname.

Certificaat / afronding

Na het succesvol volgen van deze cursus ontvang je een bewijs van afronding van House-of-Training. Bewaar dit deelnamebewijs bij je (LinkedIn) profiel, portfolio of online CV. Zo toon je aan iedereen jouw kennis, ambitie en talent.