Digitale Kennismaking Via Markdown

Gebruik deze online tool om de presentaties te maken met Markdown code: https://marp-editor.ocatools.com/

Onderwerpen

Dit zijn voorbeelden van wat je kan vertellen over jezelf, maar je kiest zelf wat en hoe veel je over jezelf wil delen:

Voorbeeldcode

Gebruik deze voorbeeld code als startpunt:

---
backgroundColor: darkcyan
color: lightcyan
footer: Markdown Presentatie
header: Maes
---

# Hoofdstitel
## Ondertitel
Gewone tekst schrijf je gewoon zoals dit.
- Iets **vetgedrukt maken** doe je met twee asterisk symbolen.
- Iets *schuin gedrukt* maken doe je met één asterisk.

---

# Een nieuwe slide
Een nieuwe slide maak je met drie streepjes:

---

# Titels
## Een kleinere titel
### Nog kleiner

---

# Lijstjes
- Eerste punt
- Tweede punt
- Derde punt

Je kunt ook een genummerde lijst maken:
1. Eerste stap
2. Tweede stap
3. Derde stap

---

# Even oefenen
Maak zelf een presentatie met:
- Een **titelpagina**
- Minstens **5 slides**
- Verschillende titels
- Een lijstje
- **Vetgedrukte** tekst
- *schuingedrukte* tekst

---
<!-- _backgroundColor: black-->
<!-- _color: white -->

# Tips
- Hou je slides eenvoudig.
- Laat plaats over voor de afbeeldingen die we straks gaan toevoegen

# Uitdaging 
- Kan jij achterhalen waarom deze slide een uniek ontwerp heeft?

Downloaden, exporteren, presenteren en uploaden

marp-online-ui.png

Afbeeldingen

# Afbeeldingen
Gebruik voor afbeeldingen een **URL naar een afbeelding die op internet staat**.
![](https://www.meneermaes.be/content/markdown-webtechnology/images/Markdown-mark.png)

---

# Vergroten & verkleinen

## Width instellen
![w:100](https://www.meneermaes.be/content/markdown-webtechnology/images/Markdown-mark.png)

## Height instellen
![h:100](https://www.meneermaes.be/content/markdown-webtechnology/images/Markdown-mark.png)

---

# Achtergrond afbeelding
![bg](https://www.meneermaes.be/content/markdown-webtechnology/images/Markdown-mark.png)

---

# Achtergrond afbeelding schalen
![bg 50%](https://www.meneermaes.be/content/markdown-webtechnology/images/Markdown-mark.png)

---

# Achtergrond afbeelding op de rechter helft
![bg right](https://www.meneermaes.be/content/webtechnology/images/daftpunk.webp)

---

# Doorschijnend
![opacity:0.5](https://www.meneermaes.be/content/webtechnology/images/daftpunk.webp)
- 0 = volledig transparant
- 1 = volledig zichtbaar

---

# Eigenschappen combineren
![bg left 80% opacity:0.5](https://www.meneermaes.be/content/webtechnology/images/daftpunk.webp)

Ontdek zelf nieuwe Markdown codes

Ga zelf op ontdekking en gebruik deze website om nieuwe markdown codes te ontdekken.

Uploaden

Je upload enkel je markdown code in de uploadzone.

Puntenverdeling

Puntenverdeling: Digitale Kennismaking via Markdown
AI-Wijzer 1: idee/structuur
Verschillende titleniveaus 1
Genummerde en ongenummerde lijst 1
Vetgedrukte en schuingedrukte tekst 1
Minstens 3 Afbeeldingen met een extra eigenschap (kleiner, doorschijnend, achtergrondafbeelding, ...) 3
Je presentatie is overzichtelijk en duidelijk 1
Je gebruikt extra markdown codes die niet in de cursus staan 2
Je gebruikt schooltaal 1
Totaal 10
Doelen: Digitale Kennismaking via Markdown
BV1_04.02 De leerlingen gebruiken doelgericht basisfunctionaliteiten van toepassingen om digitale inhouden te creëren.
BV1_13.03 De leerlingen gebruiken school- en vaktaal.
Last edited: 15/09/2026
Created: 08/09/2026