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.

Editor
Resultaat

Navigatie

« Doelbewust ontwerpen Het grid layout systeem »