Maak kennis met de editor
Onderaan deze pagina zie je in een split screen. Links staat wat html code en rechts zie je een render van die html code zoals het er in je browser uit zou moeten zien. In dit voorbeeld hebben wij Bootstrap al voor je ingeladen en de basis html tags al voor je geplaatst. In het linker venster kun je typen en het resultaat wordt dan rechts vrijwel direct weergegeven.
Uitleg
reset - wanneer je een fout hebt gemaakt dan kun je met de reset knop opnieuw beginnen.
inleveren - zodra je het werk hebt afgerond kun je het hiermee inleveren zodat wij het kunnen nakijken.
help - kom je ergens niet uit? Met de helpknop kun je ons een vraag stellen, we ontvangen dan het werk + je vraag.
opslaan - gaat vanzelf, in het local storage geheugen van je browser en zodra je op inleveren hebt gedrukt bij ons op de server.
Even oefenen
Zoals je ziet staat er al wat html, we hebben bootstrap voor je ingeladen via een CDN. De eerste opdracht is eenvoudig, verander #naam# in jouw naam en lever dit in door op inleveren te drukken.
Navigatie
- Cursus informatie
- Wat gaan we doen
- Wat is een CSS framework
- Frameworks in deze cursus
- CSS framework installeren
- Doelbewust ontwerpen
- Maak kennis met de editor
- Het grid layout systeem
- Layout namaken
- Components
- Typography
- Een CSS framework kiezen
- De baklava koning van Amsterdam
- Vooronderzoek en voorstel
- Layout components typography
- Content delivery networks
- Css compilers less sass