CSS_ALA_webdesign 1

1 / 10

Slide 1: Slide

Applicatie- en mediaontwikkelaarMBOStudiejaar 1

This lesson contains 10 slides, with interactive quiz and text slides.

Lesson duration is: 60 min

Items in this lesson

Slide 1 - Slide

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

Inline CSS

Slide 4 - Slide

Internal CSS

Slide 5 - Slide

External CSS

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<h1>This is a heading</h1>

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

</body>

</html>

Slide 6 - Slide

Classes

Slide 7 - Slide

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

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

Slide 10 - Slide

CSS_ALA_webdesign 1

Items in this lesson

Slide 1 - Slide

Slide 2 - Quiz

Slide 3 - Slide

Slide 4 - Slide

Slide 5 - Slide

Slide 6 - Slide

Slide 7 - Slide

Slide 8 - Slide

Slide 9 - Slide

Slide 10 - Slide

More lessons like this

CSS - Introductie

2 HTML: CSS

03 - CSS - css toevoegen

2. Lists en CSS Basics

03 - CSS Toevoegen: de integratie met HTML

week 2 HTML CSS

week 2 HTML CSS

HTML & CSS 90 - herhaling