Webdev 1: Introductie

• Programmeren
• Middelbare school
• havo, vwo
• Leerjaar 3

Webdesign

tag  |  id  |  class

This episode . . .

• Jouw website vorm geven met CSS
• Tags
• Ids
• Classes

Previously on . . .

• HTML
• CSS

1. HTML
2. CSS

1. HTML
2. CSS

Demonstratie

Welke kleur krijgt de titel
"Informatica"

1. Rood
2. Zwart
3. Blauw
4. Geel

Welke kleur krijgt de titel
"Coderen"

1. Rood
2. Blauw
3. Zwart
4. Geel

Welke kleur krijgt de titel
"Wiskunde"

1. Rood
2. Groen
3. Blauw
4. Zwart

Welke kleur krijgt de titel
"Python"

1. Rood
2. Groen
3. Blauw
4. Geel

Welke kleur krijgt de titel
"Gimp"

1. Rood
2. Groen
3. Blauw
4. Geel

Opdracht

• Wat     Ontdekken hoe je tags, ids en classes kunt gebruiken in de vormgeving van                  je website.

• Hoe     Voeg in jouw index.html en style.css ids en classes toe. Geef je website                          vorm door kleuren, vormen, randen etc. aan te passen.

• Hulp    Vraag eerst je buurman/-vrouw en daarna aan mij.
• Tijd      30 minuten.
• Klaar   Stuur jouw index.html en style.css naar mij via Magister. Werk daarna                        verder aan je website voor de eindopdracht.

Next time on . . .

Huiswerk

• Werk verder aan jouw website.

Fijne dag!