CSS_ALA_webdesign 1

1 / 10

Slide 1: Diapositive

Applicatie- en mediaontwikkelaarMBOStudiejaar 1

Cette leçon contient 10 diapositives, avec quiz interactif et diapositives de texte.

La durée de la leçon est: 60 min

Éléments de cette leçon

Slide 1 - Diapositive

Waar staat CSS voor?

Cross Site Scripting

Content Style Site

Cascading Style Sheet

Content Style sheet

Slide 2 - Quiz

CSS

- Selector

- Property

- Value

(Cascading Style Sheet)

Slide 3 - Diapositive

Inline CSS

Slide 4 - Diapositive

Internal CSS

Slide 5 - Diapositive

External CSS

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<h1>This is a heading</h1>

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

</body>

</html>

Slide 6 - Diapositive

Classes

Slide 7 - Diapositive

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 - Diapositive

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 - Diapositive

Slide 10 - Diapositive

CSS_ALA_webdesign 1

Éléments de cette leçon

Slide 1 - Diapositive

Slide 2 - Quiz

Slide 3 - Diapositive

Slide 4 - Diapositive

Slide 5 - Diapositive

Slide 6 - Diapositive

Slide 7 - Diapositive

Slide 8 - Diapositive

Slide 9 - Diapositive

Slide 10 - Diapositive

Plus de leçons comme celle-ci

2 HTML: CSS

03 - CSS - Toevoegen: de integratie met HTML

03 - CSS - css toevoegen

2. Lists en CSS Basics

week 2 HTML CSS

week 2 HTML CSS

week 2 HTML CSS

week 2 HTML CSS