Overzicht
Deze opleiding biedt een overzicht van best practices voor afbeeldingen, logo's, iconen en fonts die - inhoudelijk en decoratief – bij webprojecten gebruikt worden.
Je leert alles over de juiste implementatie en de verschillende formaten en soorten compressie voor afbeeldingen. Belangrijke thema’s zoals responsive images en optimale afmetingen, alsook begrippen zoals retina en resolutie, die cruciaal zijn voor het correct opslaan van je online materiaal, worden uitgebreid toegelicht.
Uitleg over webkleuren, kleurmodes en hexadecimale codes komen ook aan bod, via HTML en CSS. Andere thema's zoals achtergrondafbeeldingen komen ook van pas.
Het verschil tussen gewone fonts en webfonts, het juist inladen van dit materiaal en font-icon bibliotheken worden ook geïllustreerd.
Deze cursus is gericht op iedereen die geïntereseerd is in hoe je afbeeldingen, logo's, iconen en webfonts gebruikt en optimaliseert in je projecten.
Inhoud cursus Afbeeldingen en fonts voor het web
Formaten
We bekijken afbeeldingsformaten voor het web: SVG, PNG, Jpeg, Gif. Aan de hand van voorbeelden zien we vervolgens wanneer we welk formaat het best gebruiken.
Kleuren
RGB kleurmodus vs CMYK kleurmodus. Hexadecimale waarden en verschillende manieren om kleur te bepalen in een CSS file.
Beeldresolutie
Schermresoluties op verschillende apparaten: computers, tablets, smartphones. Wat zijn retina schermen en hoe kan je beelden voorbereiden voor retina?
Optimalisatie
De nadruk ligt op het optimaliseren van je visueel materiaal om te vermijden dat een pagina te traag laadt. Dit gebeurt via compressie, opslaan voor het web en het aanpassen van de afmetingen.
Icon fonts
Overzicht van de meest populaire icon fonts te gebruiken binnen je project. We bekijken hoe we deze kunnen installeren en gebruiken in CSS.
Web fonts
Webfonts inladen, koppelen en gebruiken binnen je project.
Opties en extra's
Volg een cursus Photoshop voor het web
Nu dat je met deze opleiding een goede basis hebt, wil je ook inhoudelijk je afbeeldingen verbeteren? Heb je Photoshop maar weet je niet hoe je snel een afbeelding voor het web kan voorbereiden en optimaliseren? Je kan ook een dagcursus Photoshop voor het web volgen.
Deze thema's komen tijdens de cursus aan bod:
- Document opzet en kleurbeheer
- Projectorganisatie via folders, bestandsnamen en bestandsextenties
- Opslaan voor het web in Photoshop
- Werken met maskers en de Non-destructive methode
- Resizing en selectiemethodes: Image size, Crop tool, Selection tool, Canvas size
- Afbeelding bewerking: Adjustment layers, Curves, Levels
- Sharpening met Unsharp mask filter
- Achtergrondafbeeldingen voor websites maken
- Retina afbeeldingen
Stuur me gerust een e-mail of bel naar 0486114906 indien je Photoshop voor het web wilt volgen
Praktische info
Dagindeling cursus
1 dag
9:00-16:00
1 uur lunchpauze
Prijs
€ 450 excl. BTW.
Prijs is per persoon.
Inbegrepen in deze cursus
Lunch, koffie, thee en softdrinks
Opledingsdata
We bespreken samen wanneer voor jou het beste past.
Locatie
Antwerpen of op verplaatsing.
Voor alle andere informatie bekijk de praktische pagina