Les 4. Opmaaktalen HTML en CSS

Welkom bij KD OoO

1 / 13
next
Slide 1: Slide
MBO

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

Items in this lesson

Welkom bij KD OoO

Slide 1 - Slide

Presentie, Vragen/opmerkingen?

Slide 2 - Slide

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

Vorige les

Slide 4 - Slide

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

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

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

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

Maak nu!

Slide 9 - Slide

Volgende les/huiswerk

Slide 10 - Slide

Evaluatie

Slide 11 - Slide

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

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 question