Informatica op sg. De Waerdenborch

HTML/CSS en JS

Heb je weleens een website bezocht en gedacht: Dat zou ik zelf ook wel willen maken! Misschien wil je een website over je favoriete sport, game, artiest of hobby. Bij Informatica leer je hoe je dat zelf kunt doen met behulp van HTML en CSS.

Illustratie bij HTML/CSS en JS

HTML: de bouwstenen van een website

Je begint bij de basis (want 90% van de vierde klassers heeft nog nooit iets in deze taal geschreven) en ontdekt stap voor stap hoe HTML en CSS werken.
Je leert hoe je teksten, afbeeldingen en links toevoegt en hoe je jouw website een eigen uitstraling geeft.
Je gaat zelf experimenteren met kleuren, lettertypen, achtergronden en verschillende indelingen.
Je ontdekt dat je met een paar regels code al grote veranderingen kunt maken.

Voorbeeld HTML code van de pagina die je nu bekijkt

HTML code

CSS: maak je website mooi!

CSS staat voor Cascading Style Sheets. Met CSS bepaal je hoe je website eruitziet.

Je kunt bijvoorbeeld:
  • Kleuren en lettertypen kiezen.
  • Teksten groter of kleiner maken..
  • Afbeeldingen aanpassen.
  • Achtergronden en kaders toevoegen.
  • De indeling van je website bepalen.
  • Je website geschikt maken voor computers, tablets en telefoons.
  • Knoppen maken die je kunt animeren

Voorbeeld CSS code van de pagina die je nu bekijkt

CSS code

Het leukste? Je hoeft geen professionele websitebouwer te zijn om iets moois te maken.
Met HTML en CSS kun je jouw eigen ideeën omzetten in een echte website die anderen kunnen bekijken!