HTML & CSS

Thimble

Om HTML en CSS te leren maken we gebruik van een programma dat Thimble heet. Ga naar thimble.mozilla.org/nl en klik rechts bovenin op “Aanmelden”. Vul je gebruikersnaam en wachtwoord in (de mentoren hebben een lijst) en klik op “LOG IN”.

Het Thimble scherm

Om een project te openen klik je hieronder op de link naar het project. Je komt dan op Thimble met dat project. Klik nu op de groene knop rechtsboven met daarop “Ombouwen” en dan komen we in de Editor.
Wat je ziet is dit: helemaal aan de linkerkant een lijst met bestanden in dit project. In het midden de editor met de HTML code (en de regelnummers) en helemaal rechts hoe onze website eruit gaat zien.

De meeste lessen hebben een handleiding. Deze kunnen we bekijken door op de knop “Handleiding” te klikken. Wil je weer terug naar hoe je webpagina eruit ziet? Klik dan op de “Voorbeeld” knop.

HTML Projecten

Project CodeCourant

Leer de basis elementen van HTML door een internetkrant te maken.

CSS Projecten

Leer een webpagina mooi te maken met CSS door een poster “op te maken”.