Websites moeten op allerlei apparaten netjes worden weergegeven. Of het scherm nu zo groot is als een muur, of zo klein dat het in je binnenzak past. Responsive design zorgt dat er maar 1 code is om alle klanten te serveren. Maar hoe je je website responsive krijgt, daar zijn wel verschillende oplossingen voor. In deze les gaan we dieper […]
LessonUp is een website waar docenten interactieve lessen kunnen maken voor hun studenten. Het is een soort slideshare en kahoot in 1, speciaal ontwikkeld voor het faciliteren van onderwijs. De volgende lessen zijn beschikbaar: HTML review 1: https://LessonUp.app/invite/h/PJPMZqZPnMNeSyAcLHTML review 2: https://LessonUp.app/invite/h/CNMhcEwS4iDXEkKXv HTML & CSS: https://LessonUp.app/invite/h/XhGZMt3JtiRniLu7c bovenstaande Lessen bevatten ongeveer 10 meerkeuze vragen die testen in hoeverre je HTML en CSS […]
Maak een online website van minstens 3 pagina’s die aan elkaar gekoppeld zijn. CSS moet in een apart document staan. Oftewel: zet de website die je voor opdracht 2 gemaakt hebt online. Volg onderstaande stappen om dit voor elkaar te krijgen. Uitwerking Scheid de CSS van je HTML-document door:Alle gebruikte stijl die als attribuut in de HTML staat naar de […]
Je hebt al gezien dat CSS het volgende format heeft: selector {eigenschap: waarde} Met de selector selecteer je op welke tag(s) de stijl van toepassing is. Veelvoorkomende CSS selectoren Een element met een ID=”uniekenaam” : #uniekenaam {stijl: waarde)Alle elementen met attribuut class=”klassenaam” : .klassenaam {stijl: waarde}Een link waar je muis boven zweeft: a:hover {stijl: waarde} Meer complexe css selectoren vind […]
Van Stijl-attribuut naar CSS In opdracht 1 heb je al wat stijl aan je HTML-documenten toegevoegd. Je hebt tekst bijvoorbeeld een kleurtje gegeven, of misschien de achtergrond van een blok. Ook heb je lettertypes aangepast. Bekijk nu de powerpoint over CSS ↗. Dit is een korte powerpoint, want CSS is niet ingewikkeld: Wat je als <style>attribuut bij de HTML-tags schreef, kun […]
Hieronder staan de HTML en CSS tags en attributen die het meest gebruikt worden. In Opdracht 1 plaats je ze allemaal in een document en onderzoek je hoe ze werken. Dat doe je door ze op te zoeken op w3schools.com ↗. (Let op dat je ook echt ziet wat ze doen en dat je ze niet blindelings kopieert!) In het […]