CSS_ALA_webdesign 1

1 / 10

Slide 1: Tekstslide

Applicatie- en mediaontwikkelaarMBOStudiejaar 1

In deze les zitten 10 slides, met interactieve quiz en tekstslides.

Lesduur is: 60 min

Onderdelen in deze les

Slide 1 - Tekstslide

Waar staat CSS voor?

Cross Site Scripting

Content Style Site

Cascading Style Sheet

Content Style sheet

Slide 2 - Quizvraag

CSS

- Selector

- Property

- Value

(Cascading Style Sheet)

Slide 3 - Tekstslide

Inline CSS

Slide 4 - Tekstslide

Internal CSS

Slide 5 - Tekstslide

External CSS

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

</body>

</html>

Slide 6 - Tekstslide

Classes

Slide 7 - Tekstslide

Opdracht 1

https://mborijnland.nl/opleiding/ict/software-developer/software-developer/

Kopieer de tekst vanaf "Wat ga je leren" tot het stuk met kopje "vakken en keuzedelen" naar index.html.

Page title = "MBORijnland ICT"

Stylesheet = "style.css" (Alleen externe CSS)

Stappen bij een probleem:

10 min googlen (niet langer)
Klasgenoot vragen
Docent vragen

Slide 8 - Tekstslide

Opdracht 2

- Achtergrond kleur van de hele pagina = lichtgrijs

- De titel op de pagina ("Wat ga je leren")

- Blauw

- Gele Achtergrond

- Gecentreerd

Dikgedrukte tekst:

- Witte letters

- zwarte achtergrond

Een plaatje (meme) over CSS toegevoegd onder de tekst.

Slide 9 - Tekstslide

Slide 10 - Tekstslide

CSS_ALA_webdesign 1

Onderdelen in deze les

Slide 1 - Tekstslide

Slide 2 - Quizvraag

Slide 3 - Tekstslide

Slide 4 - Tekstslide

Slide 5 - Tekstslide

Slide 6 - Tekstslide

Slide 7 - Tekstslide

Slide 8 - Tekstslide

Slide 9 - Tekstslide

Slide 10 - Tekstslide

Meer lessen zoals deze

CSS - Introductie

2 HTML: CSS

03 - CSS - css toevoegen

03 - CSS Toevoegen: de integratie met HTML

2. Lists en CSS Basics

week 2 HTML CSS

week 2 HTML CSS

HTML & CSS 90 - herhaling