12a. Optimalisatie / Validatie / Fonts

• Software Developer [WEB_A]
• MBO
• Studiejaar 1

WEB

Webdevelopment-II

Les 4 / Week 12

Optimalisatie, validatie en fonts

Week 12 // WEB

Optimalisatie / validatie / fonts

Optimalisatie

• Grote foto-bestanden nemen veel ruimte in. 
• Laden duurt erg lang
• Verbetering voor zoekopties bij zoekmachines (snel laden)
• Comprimeren voor het web, om ruimte op je hosting te besparen

Tinypng.com

Validator

• Al over gehad tijdens PRA - A1
• HTML validator: https://validator.w3.org 'By file upload' - 'choose file'
• CSS validator: https://jigsaw.w3.org/css-validator/

Fonts

• Het lettertype van teksten binnen een element. 
• font-size: lettergrootte (pixels, punten, percentages, relatief)
• font-weight: (normal, bold, bolder, lighter)
• font-style: italic (schuingedrukt)
• box-shadow: schaduw om element heen

Check https://www.w3schools.com/cssref/pr_font_font.asp voor font properties.

Google Fonts

Font gebruiken wat op de lijst van fonts.google.com staat. 

We kunnen het font nu letterlijk van google laden in onze pagina. 

Opdracht 12.2

Maak opdracht 12.2 uit het moduleboekje WDV-II

Font Awesome

Icoontjes die je kunt gebruiken in je webpagina.

www.fontawesome.com

Font Awesome toevoegen

Opdracht 12.3

Maak met behulp van https://fontawesome.com/ de quickview van nu.nl na.