Les 4. Opmaaktalen HTML en CSS

• MBO

Welkom bij KD OoO

Presentie, Vragen/opmerkingen?

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.

Vorige les

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).

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.

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

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.

Maak nu!

Volgende les/huiswerk

Evaluatie

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 /[e-mail]

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