Les 4. Opmaaktalen HTML en CSS

Welkom bij KD OoO

1 / 13
volgende
Slide 1: Tekstslide
MBO

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

Onderdelen in deze les

Welkom bij KD OoO

Slide 1 - Tekstslide

Presentie, Vragen/opmerkingen?

Slide 2 - Tekstslide

Lesdoel 
Aan het eind van deze les weet je:
  • Wat de verschillen tussen een webshop en een website zijn;
  • Wat er bedoeld wordt met front- end en back-end;
  • Wat een Content Management Systeem (CMS) is;
  • Hoe een CMS en database met elkaar verbonden zijn;
  • Wat de voordelen van een CMS zijn;
  • Waarvoor de opmaaktalen HTML en CSS gebruikt worden.

Slide 3 - Tekstslide

Vorige les

Slide 4 - Tekstslide

Theorie
2.4 Opmaaktalen HTML en CSS:
HTML en CSS zijn opmaaktalen, een soort programmeertalen, die je nodig hebt om een website/webshop te maken. HTML staat voor Hyper Text Markup Language. CSS staat voor Cascading Style Sheets. HTML gebruik je om de inhoud van je website of webshop weer te geven en CSS gebruik je om de inhoud te stijlen (op te maken).

Slide 5 - Tekstslide

Theorie
HTML VOOR DE INHOUD CSS OM DE INHOUD TE STIJLEN
Bijvoorbeeld: de tekst. Bijvoorbeeld: de kleur van de tekst.

Het bouwen van een website lijkt op het bouwen van een huis; je hebt een heleboel gereedschappen nodig om de klus te klaren. De belangrijkste gereedschappen om een website te bouwen zijn HTML en CSS, ze zijn de basis van elke website. Zonder deze talen zou het web er simpelweg niet zijn, in ieder geval niet zoals we het nu kennen.

Slide 6 - Tekstslide

Theorie
Hoe herken je html? 
HTML herken je aan deze haakjes < > 
< > = het begin van een HTML code
</> = het einde van een HTML code
 Hoe herken je css?
 CSS herken je aan deze haakjes { }
{ = het begin van een CSS code
} = het einde van een CSS code

Slide 7 - Tekstslide

Theorie
HTML Voorbeeld CSS voorbeeld
<h1>Voorbeeld titel</h1> h1 { color: FF0000 }
<h1> = begin koptekst
</h1> = einde koptekst
De tekst ‘Voorbeeld titel’ wordt als
koptekst weergegeven.
h1 = koptekst
color = kleur
#FF0000 = kleurcode voor rood
De koptekst wordt opgemaakt in de
kleur rood.

Slide 8 - Tekstslide

Maak nu!

Slide 9 - Tekstslide

Volgende les/huiswerk

Slide 10 - Tekstslide

Evaluatie

Slide 11 - Tekstslide

Lesdoel bereikt?
En.... weet je nu:


Ja? Mooi! Goed gewerkt en opgelet!
Nee? Bekijk en oefen dan vooral nog in de ELO.
Heb je vragen? App/mail mij:06-48232723 /s.vos@vistacollege.nl

Slide 12 - Tekstslide

Wat vind je van deze les? Heb je iets gemist, zou je graag iets anders willen? Of wat je maar kwijt wilt aan mij ;-)

Slide 13 - Open vraag