CSS

 

Les 6: Responsive & templates

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

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 […]

3. Je online website

3. Je online website

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 […]

CSS Selectors

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 […]

Les 2: CSS

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 […]