De
tag is belangrijk omdat het de titel van de pagina definieert.</div></div><div class="view-components"></div></div></div></div></div><div class="lesson-overview-pin-list-item-notes"><h4 class="ui-heading ui-heading--h3 lesson-overview-pin-title">Slide <!-- -->7<!-- --> -<!-- --> <!-- -->Tekstslide</h4><div>Laat zien hoe de titel tag wordt gebruikt en waar het hoort in de structuur van HTML.</div></div></div><div class="lesson-overview-pin-list-item"><div class="rel"><div class="lesson-overview-pin-container"><div class="pin-view relative lesson-overview-pin thumbPreview"><div id="slide" data-allow-image-zoom="1" style="background-color:#001343;color:#ffffff" class="pin-container view-mode slide-layout-2 "><div class=" slide-layout-2 content-background"></div><div data-component-id="image" comp-remote-event="click" class="image opacity-1"></div><div data-component-id="image2" comp-remote-event="click" class="image2 opacity-1"></div><div id="text1" class="text text-comp text1 text-align-undefined font-size-60 font-undefined"><div class="text-inner"><b>Kopjes</b></div></div><div id="text2" class="text text-comp text2 text-align-undefined font-size-60 font-undefined"><div class="text-inner">Kopjes worden gebruikt om secties van de pagina aan te duiden. Er zijn zes niveaus van kopjes.</div></div><div class="view-components"></div></div></div></div></div><div class="lesson-overview-pin-list-item-notes"><h4 class="ui-heading ui-heading--h3 lesson-overview-pin-title">Slide <!-- -->8<!-- --> -<!-- --> <!-- -->Tekstslide</h4><div>Laat zien hoe kopjes worden gebruikt en hoe de niveaus van kopjes de structuur van de pagina beïnvloeden.</div></div></div><div class="lesson-overview-pin-list-item"><div class="rel"><div class="lesson-overview-pin-container"><div class="pin-view relative lesson-overview-pin thumbPreview"><div id="slide" data-allow-image-zoom="1" style="background-color:#001343;color:#ffffff" class="pin-container view-mode slide-layout-2 "><div class=" slide-layout-2 content-background"></div><div data-component-id="image" comp-remote-event="click" class="image opacity-1"></div><div data-component-id="image2" comp-remote-event="click" class="image2 opacity-1"></div><div id="text1" class="text text-comp text1 text-align-undefined font-size-60 font-undefined"><div class="text-inner"><b>Paragrafen</b></div></div><div id="text2" class="text text-comp text2 text-align-undefined font-size-60 font-undefined"><div class="text-inner">Paragrafen worden gebruikt om tekst in alinea's te verdelen.</div></div><div class="view-components"></div></div></div></div></div><div class="lesson-overview-pin-list-item-notes"><h4 class="ui-heading ui-heading--h3 lesson-overview-pin-title">Slide <!-- -->9<!-- --> -<!-- --> <!-- -->Tekstslide</h4><div>Leg uit hoe paragrafen worden gebruikt en hoe ze de leesbaarheid van de pagina verbeteren.</div></div></div><div class="lesson-overview-pin-list-item"><div class="rel"><div class="lesson-overview-pin-container"><div class="pin-view relative lesson-overview-pin thumbPreview"><div id="slide" data-allow-image-zoom="1" style="background-color:#001343;color:#ffffff" class="pin-container view-mode slide-layout-2 "><div class=" slide-layout-2 content-background"></div><div data-component-id="image" comp-remote-event="click" class="image opacity-1"></div><div data-component-id="image2" comp-remote-event="click" class="image2 opacity-1"></div><div id="text1" class="text text-comp text1 text-align-undefined font-size-60 font-undefined"><div class="text-inner"><b>Links</b></div></div><div id="text2" class="text text-comp text2 text-align-undefined font-size-60 font-undefined"><div class="text-inner">Links worden gebruikt om te verwijzen naar andere pagina's of bronnen op het web.</div></div><div class="view-components"></div></div></div></div></div><div class="lesson-overview-pin-list-item-notes"><h4 class="ui-heading ui-heading--h3 lesson-overview-pin-title">Slide <!-- -->10<!-- --> -<!-- --> <!-- -->Tekstslide</h4><div>Laat zien hoe links worden gebruikt en hoe ze de gebruikerservaring van de website verbeteren.</div></div></div><div class="lesson-overview-pin-list-item"><div class="rel"><div class="lesson-overview-pin-container"><div class="pin-view relative lesson-overview-pin thumbPreview"><div id="slide" data-allow-image-zoom="1" style="background-color:#001343;color:#ffffff" class="pin-container view-mode slide-layout-2 "><div class=" slide-layout-2 content-background"></div><div data-component-id="image" comp-remote-event="click" class="image opacity-1"></div><div data-component-id="image2" comp-remote-event="click" class="image2 opacity-1"></div><div id="text1" class="text text-comp text1 text-align-undefined font-size-60 font-undefined"><div class="text-inner"><b>Afbeeldingen</b></div></div><div id="text2" class="text text-comp text2 text-align-undefined font-size-60 font-undefined"><div class="text-inner">Afbeeldingen worden gebruikt om visuele inhoud aan een pagina toe te voegen.</div></div><div class="view-components"></div></div></div></div></div><div class="lesson-overview-pin-list-item-notes"><h4 class="ui-heading ui-heading--h3 lesson-overview-pin-title">Slide <!-- -->11<!-- --> -<!-- --> <!-- -->Tekstslide</h4><div>Laat zien hoe afbeeldingen worden gebruikt en hoe ze de esthetiek van de website verbeteren.</div></div></div><div class="lesson-overview-pin-list-item"><div class="rel"><div class="lesson-overview-pin-container"><div class="pin-view relative lesson-overview-pin thumbPreview"><div id="slide" data-allow-image-zoom="1" style="background-color:#001343;color:#ffffff" class="pin-container view-mode slide-layout-2 "><div class=" slide-layout-2 content-background"></div><div data-component-id="image" comp-remote-event="click" class="image opacity-1"></div><div data-component-id="image2" comp-remote-event="click" class="image2 opacity-1"></div><div id="text1" class="text text-comp text1 text-align-undefined font-size-60 font-undefined"><div class="text-inner"><b>Lijsten</b></div></div><div id="text2" class="text text-comp text2 text-align-undefined font-size-60 font-undefined"><div class="text-inner">Lijsten worden gebruikt om gegevens op een gestructureerde manier te presenteren.</div></div><div class="view-components"></div></div></div></div></div><div class="lesson-overview-pin-list-item-notes"><h4 class="ui-heading ui-heading--h3 lesson-overview-pin-title">Slide <!-- -->12<!-- --> -<!-- --> <!-- -->Tekstslide</h4><div>Leg uit hoe lijsten worden gebruikt en hoe ze de leesbaarheid van de pagina verbeteren.</div></div></div><div class="lesson-overview-pin-list-item"><div class="rel"><div class="lesson-overview-pin-container"><div class="pin-view relative lesson-overview-pin thumbPreview"><div id="slide" data-allow-image-zoom="1" style="background-color:#001343;color:#ffffff" class="pin-container view-mode slide-layout-2 "><div class=" slide-layout-2 content-background"></div><div data-component-id="image" comp-remote-event="click" class="image opacity-1"></div><div data-component-id="image2" comp-remote-event="click" class="image2 opacity-1"></div><div id="text1" class="text text-comp text1 text-align-undefined font-size-60 font-undefined"><div class="text-inner"><b>Formulieren</b></div></div><div id="text2" class="text text-comp text2 text-align-undefined font-size-60 font-undefined"><div class="text-inner">Formulieren worden gebruikt om informatie van gebruikers te verzamelen.</div></div><div class="view-components"></div></div></div></div></div><div class="lesson-overview-pin-list-item-notes"><h4 class="ui-heading ui-heading--h3 lesson-overview-pin-title">Slide <!-- -->13<!-- --> -<!-- --> <!-- -->Tekstslide</h4><div>Laat zien hoe formulieren worden gebruikt en hoe ze de interactie met de gebruiker verbeteren.</div></div></div><div class="lesson-overview-pin-list-item"><div class="rel"><div class="lesson-overview-pin-container"><div class="pin-view relative lesson-overview-pin thumbPreview"><div id="slide" data-allow-image-zoom="1" style="background-color:#001343;color:#ffffff" class="pin-container view-mode slide-layout-2 "><div class=" slide-layout-2 content-background"></div><div data-component-id="image" comp-remote-event="click" class="image opacity-1"></div><div data-component-id="image2" comp-remote-event="click" class="image2 opacity-1"></div><div id="text1" class="text text-comp text1 text-align-undefined font-size-60 font-undefined"><div class="text-inner"><b>Divs en Spans</b></div></div><div id="text2" class="text text-comp text2 text-align-undefined font-size-60 font-undefined"><div class="text-inner">Divs en Spans worden gebruikt om delen van de pagina te groeperen en te stijlen.</div></div><div class="view-components"></div></div></div></div></div><div class="lesson-overview-pin-list-item-notes"><h4 class="ui-heading ui-heading--h3 lesson-overview-pin-title">Slide <!-- -->14<!-- --> -<!-- --> <!-- -->Tekstslide</h4><div>Laat zien hoe Divs en Spans worden gebruikt en hoe ze de stijl van de pagina verbeteren.</div></div></div><div class="lesson-overview-pin-list-item"><div class="rel"><div class="lesson-overview-pin-container"><div class="pin-view relative lesson-overview-pin thumbPreview"><div id="slide" data-allow-image-zoom="1" style="background-color:#001343;color:#ffffff" class="pin-container view-mode slide-layout-2 "><div class=" slide-layout-2 content-background"></div><div data-component-id="image" comp-remote-event="click" class="image opacity-1"></div><div data-component-id="image2" comp-remote-event="click" class="image2 opacity-1"></div><div id="text1" class="text text-comp text1 text-align-undefined font-size-60 font-undefined"><div class="text-inner"><b>CSS</b></div></div><div id="text2" class="text text-comp text2 text-align-undefined font-size-60 font-undefined"><div class="text-inner">CSS staat voor Cascading Style Sheets en wordt gebruikt om de stijl van een webpagina te definiëren.</div></div><div class="view-components"></div></div></div></div></div><div class="lesson-overview-pin-list-item-notes"><h4 class="ui-heading ui-heading--h3 lesson-overview-pin-title">Slide <!-- -->15<!-- --> -<!-- --> <!-- -->Tekstslide</h4><div>Leg kort uit wat CSS is en hoe het samenwerkt met HTML.</div></div></div><div class="lesson-overview-pin-list-item"><div class="rel"><div class="lesson-overview-pin-container"><div class="pin-view relative lesson-overview-pin thumbPreview"><div id="slide" data-allow-image-zoom="1" style="background-color:#001343;color:#ffffff" class="pin-container view-mode slide-layout-2 "><div class=" slide-layout-2 content-background"></div><div data-component-id="image" comp-remote-event="click" class="image opacity-1"></div><div data-component-id="image2" comp-remote-event="click" class="image2 opacity-1"></div><div id="text1" class="text text-comp text1 text-align-undefined font-size-60 font-undefined"><div class="text-inner"><b>Oefenen</b></div></div><div id="text2" class="text text-comp text2 text-align-undefined font-size-60 font-undefined"><div class="text-inner">Laat de leerlingen oefenen met het schrijven van HTML door een eenvoudige webpagina te maken met behulp van de tags en elementen die ze hebben geleerd.</div></div><div class="view-components"></div></div></div></div></div><div class="lesson-overview-pin-list-item-notes"><h4 class="ui-heading ui-heading--h3 lesson-overview-pin-title">Slide <!-- -->16<!-- --> -<!-- --> <!-- -->Tekstslide</h4><div>Geef de leerlingen de tijd om hun eigen webpagina te maken en loop rond om vragen te beantwoorden en feedback te geven.</div></div></div><div class="lesson-overview-pin-list-item"><div class="rel"><div class="lesson-overview-pin-container"><div class="pin-view relative lesson-overview-pin thumbPreview"><div id="slide" data-allow-image-zoom="1" style="background-color:#001343;color:#ffffff" class="pin-container view-mode slide-layout-2 "><div class=" slide-layout-2 content-background"></div><div data-component-id="image" comp-remote-event="click" class="image opacity-1"></div><div data-component-id="image2" comp-remote-event="click" class="image2 opacity-1"></div><div id="text1" class="text text-comp text1 text-align-undefined font-size-60 font-undefined"><div class="text-inner"><b>Feedback</b></div></div><div id="text2" class="text text-comp text2 text-align-undefined font-size-60 font-undefined"><div class="text-inner">Geef feedback op de webpagina's van de leerlingen en laat ze zien hoe ze hun code kunnen verbeteren.</div></div><div class="view-components"></div></div></div></div></div><div class="lesson-overview-pin-list-item-notes"><h4 class="ui-heading ui-heading--h3 lesson-overview-pin-title">Slide <!-- -->17<!-- --> -<!-- --> <!-- -->Tekstslide</h4><div>Neem de tijd om de webpagina's van de leerlingen te bekijken en geef feedback op hun code en ontwerp.</div></div></div><div class="lesson-overview-pin-list-item"><div class="rel"><div class="lesson-overview-pin-container"><div class="pin-view relative lesson-overview-pin thumbPreview"><div id="slide" data-allow-image-zoom="1" style="background-color:#001343;color:#ffffff" class="pin-container view-mode slide-layout-2 "><div class=" slide-layout-2 content-background"></div><div data-component-id="image" comp-remote-event="click" class="image opacity-1"></div><div data-component-id="image2" comp-remote-event="click" class="image2 opacity-1"></div><div id="text1" class="text text-comp text1 text-align-undefined font-size-60 font-undefined"><div class="text-inner"><b>Afsluiting</b></div></div><div id="text2" class="text text-comp text2 text-align-undefined font-size-60 font-undefined"><div class="text-inner">Vat de belangrijkste punten van de les samen en moedig de leerlingen aan om verder te gaan met het leren van HTML.</div></div><div class="view-components"></div></div></div></div></div><div class="lesson-overview-pin-list-item-notes"><h4 class="ui-heading ui-heading--h3 lesson-overview-pin-title">Slide <!-- -->18<!-- --> -<!-- --> <!-- -->Tekstslide</h4><div>Herhaal de belangrijkste punten van de les en geef de leerlingen suggesties voor verdere oefening en leren.</div></div></div><div class="lesson-overview-pin-list-item"><div class="rel"><div class="lesson-overview-pin-container"><div class="pin-view relative lesson-overview-pin thumbPreview"><div id="openQuestion" data-allow-image-zoom="0" style="background-color:#001343;color:#ffffff" class="pin-container view-mode openQuestion-layout-1 "><div class=" openQuestion-layout-1 content-background"></div><div id="title" class="question text-align-1 font-size-60"> <span>Schrijf 3 dingen op die je deze les hebt geleerd.</span><br/></div><div class="component-area"><div class="scale-up"><div class="view-components"></div></div></div><div class="placeholder-answers"></div></div></div></div></div><div class="lesson-overview-pin-list-item-notes"><h4 class="ui-heading ui-heading--h3 lesson-overview-pin-title">Slide <!-- -->19<!-- --> -<!-- --> <!-- -->Open vraag</h4><div>De leerlingen voeren hier drie dingen in die ze in deze les hebben geleerd. Hiermee geven ze aan wat hun eigen leerrendement van deze les is.</div></div></div><div class="lesson-overview-pin-list-item"><div class="rel"><div class="lesson-overview-pin-container"><div class="pin-view relative lesson-overview-pin thumbPreview"><div id="openQuestion" data-allow-image-zoom="0" style="background-color:#001343;color:#ffffff" class="pin-container view-mode openQuestion-layout-1 "><div class=" openQuestion-layout-1 content-background"></div><div id="title" class="question text-align-1 font-size-60"> <span>Schrijf 2 dingen op waarover je meer wilt weten.</span><br/></div><div class="component-area"><div class="scale-up"><div class="view-components"></div></div></div><div class="placeholder-answers"></div></div></div></div></div><div class="lesson-overview-pin-list-item-notes"><h4 class="ui-heading ui-heading--h3 lesson-overview-pin-title">Slide <!-- -->20<!-- --> -<!-- --> <!-- -->Open vraag</h4><div>De leerlingen voeren hier twee dingen in waarover ze meer zouden willen weten. Hiermee vergroot je niet alleen betrokkenheid, maar geef je hen ook meer eigenaarschap.</div></div></div><div class="lesson-overview-pin-list-item"><div class="rel"><div class="lesson-overview-pin-container"><div class="pin-view relative lesson-overview-pin thumbPreview"><div id="openQuestion" data-allow-image-zoom="0" style="background-color:#001343;color:#ffffff" class="pin-container view-mode openQuestion-layout-1 "><div class=" openQuestion-layout-1 content-background"></div><div id="title" class="question text-align-1 font-size-60"> <span>Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.</span><br/></div><div class="component-area"><div class="scale-up"><div class="view-components"></div></div></div><div class="placeholder-answers"></div></div></div></div></div><div class="lesson-overview-pin-list-item-notes"><h4 class="ui-heading ui-heading--h3 lesson-overview-pin-title">Slide <!-- -->21<!-- --> -<!-- --> <!-- -->Open vraag</h4><div>De leerlingen geven hier (in vraagvorm) aan met welk onderdeel van de stof ze nog moeite. Voor de docent biedt dit niet alleen inzicht in de mate waarin de stof de leerlingen begrijpen/beheersen, maar ook een goed startpunt voor een volgende les.</div></div></div></div></div></div></div><div class="lesson-page__more-like-this"><div class="lesson-page-section page-center"><h2 class="lesson-page__header">Meer lessen zoals deze</h2><div class="lesson-summary-cards"><div class="base-summary-card lesson-summary-card"><a class="lesson-summary-card__inner" href="/nl/lesson/zd8oaikptdhcJtgKz"><div class="lesson-summary-card__top"><div class="preview-thumbnail"><div class="aspect-ratio-box" style="padding-top:73.16017316017316%"><div class="aspect-ratio-box-content"><picture><source type="image/webp" srcSet="https://lh3.googleusercontent.com/gQgUuEopLQXO6rtDmJNUGZMAHxuX3yxXQFdIJShKHLF1nP58k_eUj3DhFTiiZ6RuG7FPTenfdOr6mEeUp12tH54r51jRItjwyjrJaw=s330-rw 1x, https://lh3.googleusercontent.com/gQgUuEopLQXO6rtDmJNUGZMAHxuX3yxXQFdIJShKHLF1nP58k_eUj3DhFTiiZ6RuG7FPTenfdOr6mEeUp12tH54r51jRItjwyjrJaw=s660-rw 2x, https://lh3.googleusercontent.com/gQgUuEopLQXO6rtDmJNUGZMAHxuX3yxXQFdIJShKHLF1nP58k_eUj3DhFTiiZ6RuG7FPTenfdOr6mEeUp12tH54r51jRItjwyjrJaw=s990-rw 3x"/><source srcSet="https://lh3.googleusercontent.com/gQgUuEopLQXO6rtDmJNUGZMAHxuX3yxXQFdIJShKHLF1nP58k_eUj3DhFTiiZ6RuG7FPTenfdOr6mEeUp12tH54r51jRItjwyjrJaw=s330 1x, https://lh3.googleusercontent.com/gQgUuEopLQXO6rtDmJNUGZMAHxuX3yxXQFdIJShKHLF1nP58k_eUj3DhFTiiZ6RuG7FPTenfdOr6mEeUp12tH54r51jRItjwyjrJaw=s660 2x, https://lh3.googleusercontent.com/gQgUuEopLQXO6rtDmJNUGZMAHxuX3yxXQFdIJShKHLF1nP58k_eUj3DhFTiiZ6RuG7FPTenfdOr6mEeUp12tH54r51jRItjwyjrJaw=s990 3x"/><img class="preview-thumbnail__image" src="https://lh3.googleusercontent.com/gQgUuEopLQXO6rtDmJNUGZMAHxuX3yxXQFdIJShKHLF1nP58k_eUj3DhFTiiZ6RuG7FPTenfdOr6mEeUp12tH54r51jRItjwyjrJaw=s330" width="231" height="169" alt=""/></picture></div></div></div></div><div class="lesson-summary-card__bottom"><h3 class="lesson-summary-card__title">01 - HTML - intro</h3><div class="lesson-summary-card__meta-info"><time class="lesson-summary-card__creation-date" dateTime="2024-01-17T19:53:14.804Z">Januari 2024</time> - <!-- -->Les met<!-- --> <strong>11<!-- --> <!-- -->slides</strong></div><div class="ui-tags lesson-summary-card__tags"><span title="ICT" class="ui-tag ui-tag--small bg-yellow">ICT</span><span title="MBO" class="ui-tag ui-tag--small bg-cyan">MBO</span><span title="Studiejaar 1-4" class="ui-tag ui-tag--small bg-cyan">Studiejaar 1-4</span></div></div></a></div><div class="base-summary-card lesson-summary-card"><a class="lesson-summary-card__inner" href="/nl/lesson/QPpvub2oWZFi8GX3C"><div class="lesson-summary-card__top"><div class="preview-thumbnail"><div class="aspect-ratio-box" style="padding-top:73.16017316017316%"><div class="aspect-ratio-box-content"><picture><source type="image/webp" srcSet="https://lh3.googleusercontent.com/bREUV5bIB_TgnXRMcRn_lKow2tvwnroRQb1lv1QCHLKzCjspp-Zo4L7yqtIZaKlqVHUmSnjeSDhCZzq9DMd1ea1cijAuJbwQ01Qrfng=s330-rw 1x, https://lh3.googleusercontent.com/bREUV5bIB_TgnXRMcRn_lKow2tvwnroRQb1lv1QCHLKzCjspp-Zo4L7yqtIZaKlqVHUmSnjeSDhCZzq9DMd1ea1cijAuJbwQ01Qrfng=s660-rw 2x, https://lh3.googleusercontent.com/bREUV5bIB_TgnXRMcRn_lKow2tvwnroRQb1lv1QCHLKzCjspp-Zo4L7yqtIZaKlqVHUmSnjeSDhCZzq9DMd1ea1cijAuJbwQ01Qrfng=s990-rw 3x"/><source srcSet="https://lh3.googleusercontent.com/bREUV5bIB_TgnXRMcRn_lKow2tvwnroRQb1lv1QCHLKzCjspp-Zo4L7yqtIZaKlqVHUmSnjeSDhCZzq9DMd1ea1cijAuJbwQ01Qrfng=s330 1x, https://lh3.googleusercontent.com/bREUV5bIB_TgnXRMcRn_lKow2tvwnroRQb1lv1QCHLKzCjspp-Zo4L7yqtIZaKlqVHUmSnjeSDhCZzq9DMd1ea1cijAuJbwQ01Qrfng=s660 2x, https://lh3.googleusercontent.com/bREUV5bIB_TgnXRMcRn_lKow2tvwnroRQb1lv1QCHLKzCjspp-Zo4L7yqtIZaKlqVHUmSnjeSDhCZzq9DMd1ea1cijAuJbwQ01Qrfng=s990 3x"/><img class="preview-thumbnail__image" src="https://lh3.googleusercontent.com/bREUV5bIB_TgnXRMcRn_lKow2tvwnroRQb1lv1QCHLKzCjspp-Zo4L7yqtIZaKlqVHUmSnjeSDhCZzq9DMd1ea1cijAuJbwQ01Qrfng=s330" width="231" height="169" alt=""/></picture></div></div></div></div><div class="lesson-summary-card__bottom"><h3 class="lesson-summary-card__title">HTML & CSS 0 - introductie</h3><div class="lesson-summary-card__meta-info"><time class="lesson-summary-card__creation-date" dateTime="2023-11-29T08:50:23.340Z">November 2023</time> - <!-- -->Les met<!-- --> <strong>19<!-- --> <!-- -->slides</strong></div><div class="ui-tags lesson-summary-card__tags"><span title="Informatica" class="ui-tag ui-tag--small bg-yellow">Informatica</span><span title="WO" class="ui-tag ui-tag--small bg-cyan">WO</span><span title="Studiejaar 4,5" class="ui-tag ui-tag--small bg-cyan">Studiejaar 4,5</span></div></div></a></div><div class="base-summary-card lesson-summary-card"><a class="lesson-summary-card__inner" href="/nl/lesson/pknqGzTaafRdAf8Kx"><div class="lesson-summary-card__top"><div class="preview-thumbnail"><div class="aspect-ratio-box" style="padding-top:73.16017316017316%"><div class="aspect-ratio-box-content"><picture><source type="image/webp" srcSet="https://lh3.googleusercontent.com/1N05lY51jIpcsG8-DOLX7j0BKmGIvnsmavHG9AJDHLNtKaZG16G7RlAyOLqqFyetOLiSXBFqGsKexJm1PvbEMNszAMt57cMvKF8cldw=s330-rw 1x, https://lh3.googleusercontent.com/1N05lY51jIpcsG8-DOLX7j0BKmGIvnsmavHG9AJDHLNtKaZG16G7RlAyOLqqFyetOLiSXBFqGsKexJm1PvbEMNszAMt57cMvKF8cldw=s660-rw 2x, https://lh3.googleusercontent.com/1N05lY51jIpcsG8-DOLX7j0BKmGIvnsmavHG9AJDHLNtKaZG16G7RlAyOLqqFyetOLiSXBFqGsKexJm1PvbEMNszAMt57cMvKF8cldw=s990-rw 3x"/><source srcSet="https://lh3.googleusercontent.com/1N05lY51jIpcsG8-DOLX7j0BKmGIvnsmavHG9AJDHLNtKaZG16G7RlAyOLqqFyetOLiSXBFqGsKexJm1PvbEMNszAMt57cMvKF8cldw=s330 1x, https://lh3.googleusercontent.com/1N05lY51jIpcsG8-DOLX7j0BKmGIvnsmavHG9AJDHLNtKaZG16G7RlAyOLqqFyetOLiSXBFqGsKexJm1PvbEMNszAMt57cMvKF8cldw=s660 2x, https://lh3.googleusercontent.com/1N05lY51jIpcsG8-DOLX7j0BKmGIvnsmavHG9AJDHLNtKaZG16G7RlAyOLqqFyetOLiSXBFqGsKexJm1PvbEMNszAMt57cMvKF8cldw=s990 3x"/><img class="preview-thumbnail__image" src="https://lh3.googleusercontent.com/1N05lY51jIpcsG8-DOLX7j0BKmGIvnsmavHG9AJDHLNtKaZG16G7RlAyOLqqFyetOLiSXBFqGsKexJm1PvbEMNszAMt57cMvKF8cldw=s330" width="231" height="169" alt=""/></picture></div></div></div></div><div class="lesson-summary-card__bottom"><h3 class="lesson-summary-card__title">Website bouwen voor beginners</h3><div class="lesson-summary-card__meta-info"><time class="lesson-summary-card__creation-date" dateTime="2023-08-23T10:37:14.035Z">Augustus 2023</time> - <!-- -->Les met<!-- --> <strong>13<!-- --> <!-- -->slides</strong></div><div class="ui-tags lesson-summary-card__tags"></div></div></a></div><div class="base-summary-card lesson-summary-card"><a class="lesson-summary-card__inner" href="/nl/lesson/YN6B9cuFK88zGBLBo"><div class="lesson-summary-card__top"><div class="preview-thumbnail"><div class="aspect-ratio-box" style="padding-top:73.16017316017316%"><div class="aspect-ratio-box-content"><picture><source type="image/webp" srcSet="https://lh3.googleusercontent.com/uz91yOUpniAUDa-9mg8MU-Sk0ZexCbh73LtTl6NqBgdGg9l6kKYA5DKZi5z-k9YAf-9hhFsyAfmoGnq61L5o2_xG1DDOoPfNer5dqQ=s330-rw 1x, https://lh3.googleusercontent.com/uz91yOUpniAUDa-9mg8MU-Sk0ZexCbh73LtTl6NqBgdGg9l6kKYA5DKZi5z-k9YAf-9hhFsyAfmoGnq61L5o2_xG1DDOoPfNer5dqQ=s660-rw 2x, https://lh3.googleusercontent.com/uz91yOUpniAUDa-9mg8MU-Sk0ZexCbh73LtTl6NqBgdGg9l6kKYA5DKZi5z-k9YAf-9hhFsyAfmoGnq61L5o2_xG1DDOoPfNer5dqQ=s990-rw 3x"/><source srcSet="https://lh3.googleusercontent.com/uz91yOUpniAUDa-9mg8MU-Sk0ZexCbh73LtTl6NqBgdGg9l6kKYA5DKZi5z-k9YAf-9hhFsyAfmoGnq61L5o2_xG1DDOoPfNer5dqQ=s330 1x, https://lh3.googleusercontent.com/uz91yOUpniAUDa-9mg8MU-Sk0ZexCbh73LtTl6NqBgdGg9l6kKYA5DKZi5z-k9YAf-9hhFsyAfmoGnq61L5o2_xG1DDOoPfNer5dqQ=s660 2x, https://lh3.googleusercontent.com/uz91yOUpniAUDa-9mg8MU-Sk0ZexCbh73LtTl6NqBgdGg9l6kKYA5DKZi5z-k9YAf-9hhFsyAfmoGnq61L5o2_xG1DDOoPfNer5dqQ=s990 3x"/><img class="preview-thumbnail__image" src="https://lh3.googleusercontent.com/uz91yOUpniAUDa-9mg8MU-Sk0ZexCbh73LtTl6NqBgdGg9l6kKYA5DKZi5z-k9YAf-9hhFsyAfmoGnq61L5o2_xG1DDOoPfNer5dqQ=s330" width="231" height="169" alt=""/></picture></div></div></div></div><div class="lesson-summary-card__bottom"><h3 class="lesson-summary-card__title">Kennismaking met HTML Programmeren</h3><div class="lesson-summary-card__meta-info"><time class="lesson-summary-card__creation-date" dateTime="2024-02-16T08:52:53.173Z">Februari 2024</time> - <!-- -->Les met<!-- --> <strong>14<!-- --> <!-- -->slides</strong></div><div class="ui-tags lesson-summary-card__tags"></div></div></a></div><div class="base-summary-card lesson-summary-card"><a class="lesson-summary-card__inner" href="/nl/lesson/Jxrck2WHaNd6pMasL"><div class="lesson-summary-card__top"><div class="preview-thumbnail"><div class="aspect-ratio-box" style="padding-top:73.16017316017316%"><div class="aspect-ratio-box-content"><picture><source type="image/webp" srcSet="https://lh3.googleusercontent.com/YuHGBgdPjTeYmu8KH0jqq3946OQsc-ZfRNQeKvMzySXK9ASVuYWKK4ObPggQoyg4pqlmG4sgYhKMPGlCF0IwFbSzdAdPiFaUBAjUkQ=s330-rw 1x, https://lh3.googleusercontent.com/YuHGBgdPjTeYmu8KH0jqq3946OQsc-ZfRNQeKvMzySXK9ASVuYWKK4ObPggQoyg4pqlmG4sgYhKMPGlCF0IwFbSzdAdPiFaUBAjUkQ=s660-rw 2x, https://lh3.googleusercontent.com/YuHGBgdPjTeYmu8KH0jqq3946OQsc-ZfRNQeKvMzySXK9ASVuYWKK4ObPggQoyg4pqlmG4sgYhKMPGlCF0IwFbSzdAdPiFaUBAjUkQ=s990-rw 3x"/><source srcSet="https://lh3.googleusercontent.com/YuHGBgdPjTeYmu8KH0jqq3946OQsc-ZfRNQeKvMzySXK9ASVuYWKK4ObPggQoyg4pqlmG4sgYhKMPGlCF0IwFbSzdAdPiFaUBAjUkQ=s330 1x, https://lh3.googleusercontent.com/YuHGBgdPjTeYmu8KH0jqq3946OQsc-ZfRNQeKvMzySXK9ASVuYWKK4ObPggQoyg4pqlmG4sgYhKMPGlCF0IwFbSzdAdPiFaUBAjUkQ=s660 2x, https://lh3.googleusercontent.com/YuHGBgdPjTeYmu8KH0jqq3946OQsc-ZfRNQeKvMzySXK9ASVuYWKK4ObPggQoyg4pqlmG4sgYhKMPGlCF0IwFbSzdAdPiFaUBAjUkQ=s990 3x"/><img class="preview-thumbnail__image" src="https://lh3.googleusercontent.com/YuHGBgdPjTeYmu8KH0jqq3946OQsc-ZfRNQeKvMzySXK9ASVuYWKK4ObPggQoyg4pqlmG4sgYhKMPGlCF0IwFbSzdAdPiFaUBAjUkQ=s330" width="231" height="169" alt=""/></picture></div></div></div></div><div class="lesson-summary-card__bottom"><h3 class="lesson-summary-card__title">Workshop 4 id's en classes</h3><div class="lesson-summary-card__meta-info"><time class="lesson-summary-card__creation-date" dateTime="2022-09-02T08:22:57.420Z">September 2022</time> - <!-- -->Les met<!-- --> <strong>13<!-- --> <!-- -->slides</strong></div><div class="ui-tags lesson-summary-card__tags"><span title="Software Developer" class="ui-tag ui-tag--small bg-yellow">Software Developer</span><span title="MBO" class="ui-tag ui-tag--small bg-cyan">MBO</span><span title="Studiejaar 1" class="ui-tag ui-tag--small bg-cyan">Studiejaar 1</span></div></div></a></div><div class="base-summary-card lesson-summary-card"><a class="lesson-summary-card__inner" href="/nl/lesson/9kPdq3QZh2naLCQA8"><div class="lesson-summary-card__top"><div class="preview-thumbnail"><div class="aspect-ratio-box" style="padding-top:73.16017316017316%"><div class="aspect-ratio-box-content"><picture><source type="image/webp" srcSet="https://lh3.googleusercontent.com/AvOvI5MPxx1viZNYFlU8OecXEXgzmK87WO2ybbXwpj-7IK9jYtV7IqTxqd-GncT4bXv1LnDCq2Q6SRYTF_kUft3lNKNuP8sAAipSjm4=s330-rw 1x, https://lh3.googleusercontent.com/AvOvI5MPxx1viZNYFlU8OecXEXgzmK87WO2ybbXwpj-7IK9jYtV7IqTxqd-GncT4bXv1LnDCq2Q6SRYTF_kUft3lNKNuP8sAAipSjm4=s660-rw 2x, https://lh3.googleusercontent.com/AvOvI5MPxx1viZNYFlU8OecXEXgzmK87WO2ybbXwpj-7IK9jYtV7IqTxqd-GncT4bXv1LnDCq2Q6SRYTF_kUft3lNKNuP8sAAipSjm4=s990-rw 3x"/><source srcSet="https://lh3.googleusercontent.com/AvOvI5MPxx1viZNYFlU8OecXEXgzmK87WO2ybbXwpj-7IK9jYtV7IqTxqd-GncT4bXv1LnDCq2Q6SRYTF_kUft3lNKNuP8sAAipSjm4=s330 1x, https://lh3.googleusercontent.com/AvOvI5MPxx1viZNYFlU8OecXEXgzmK87WO2ybbXwpj-7IK9jYtV7IqTxqd-GncT4bXv1LnDCq2Q6SRYTF_kUft3lNKNuP8sAAipSjm4=s660 2x, https://lh3.googleusercontent.com/AvOvI5MPxx1viZNYFlU8OecXEXgzmK87WO2ybbXwpj-7IK9jYtV7IqTxqd-GncT4bXv1LnDCq2Q6SRYTF_kUft3lNKNuP8sAAipSjm4=s990 3x"/><img class="preview-thumbnail__image" src="https://lh3.googleusercontent.com/AvOvI5MPxx1viZNYFlU8OecXEXgzmK87WO2ybbXwpj-7IK9jYtV7IqTxqd-GncT4bXv1LnDCq2Q6SRYTF_kUft3lNKNuP8sAAipSjm4=s330" width="231" height="169" alt=""/></picture></div></div></div></div><div class="lesson-summary-card__bottom"><h3 class="lesson-summary-card__title">Website bouwen met HTML en CSS</h3><div class="lesson-summary-card__meta-info"><time class="lesson-summary-card__creation-date" dateTime="2023-09-05T08:12:49.744Z">September 2023</time> - <!-- -->Les met<!-- --> <strong>13<!-- --> <!-- -->slides</strong></div><div class="ui-tags lesson-summary-card__tags"></div></div></a></div><div class="base-summary-card lesson-summary-card"><a class="lesson-summary-card__inner" href="/nl/lesson/7YgAXuziYyCzkvSF7"><div class="lesson-summary-card__top"><div class="preview-thumbnail"><div class="aspect-ratio-box" style="padding-top:73.16017316017316%"><div class="aspect-ratio-box-content"><picture><source type="image/webp" srcSet="https://lh3.googleusercontent.com/A-hSAkTiZl5jLhOxVkxIWssCNH5QOwIVigWhNCvKtN4xFyqPFL3BU7LspGB6Lc-Ri7Q2JwuJFSCzW6f62udFaz9IdeRhgEwT8OUc5lcE=s330-rw 1x, https://lh3.googleusercontent.com/A-hSAkTiZl5jLhOxVkxIWssCNH5QOwIVigWhNCvKtN4xFyqPFL3BU7LspGB6Lc-Ri7Q2JwuJFSCzW6f62udFaz9IdeRhgEwT8OUc5lcE=s660-rw 2x, https://lh3.googleusercontent.com/A-hSAkTiZl5jLhOxVkxIWssCNH5QOwIVigWhNCvKtN4xFyqPFL3BU7LspGB6Lc-Ri7Q2JwuJFSCzW6f62udFaz9IdeRhgEwT8OUc5lcE=s990-rw 3x"/><source srcSet="https://lh3.googleusercontent.com/A-hSAkTiZl5jLhOxVkxIWssCNH5QOwIVigWhNCvKtN4xFyqPFL3BU7LspGB6Lc-Ri7Q2JwuJFSCzW6f62udFaz9IdeRhgEwT8OUc5lcE=s330 1x, https://lh3.googleusercontent.com/A-hSAkTiZl5jLhOxVkxIWssCNH5QOwIVigWhNCvKtN4xFyqPFL3BU7LspGB6Lc-Ri7Q2JwuJFSCzW6f62udFaz9IdeRhgEwT8OUc5lcE=s660 2x, https://lh3.googleusercontent.com/A-hSAkTiZl5jLhOxVkxIWssCNH5QOwIVigWhNCvKtN4xFyqPFL3BU7LspGB6Lc-Ri7Q2JwuJFSCzW6f62udFaz9IdeRhgEwT8OUc5lcE=s990 3x"/><img class="preview-thumbnail__image" src="https://lh3.googleusercontent.com/A-hSAkTiZl5jLhOxVkxIWssCNH5QOwIVigWhNCvKtN4xFyqPFL3BU7LspGB6Lc-Ri7Q2JwuJFSCzW6f62udFaz9IdeRhgEwT8OUc5lcE=s330" width="231" height="169" alt=""/></picture></div></div></div></div><div class="lesson-summary-card__bottom"><h3 class="lesson-summary-card__title">WEEK 2 - INFORMATICA</h3><div class="lesson-summary-card__meta-info"><time class="lesson-summary-card__creation-date" dateTime="2023-11-13T06:51:15.858Z">November 2023</time> - <!-- -->Les met<!-- --> <strong>31<!-- --> <!-- -->slides</strong></div><div class="ui-tags lesson-summary-card__tags"><span title="Informatica" class="ui-tag ui-tag--small bg-yellow">Informatica</span><span title="Middelbare school" class="ui-tag ui-tag--small bg-cyan">Middelbare school</span><span title="havo" class="ui-tag ui-tag--small bg-cyan">havo</span><span title="Leerjaar 4" class="ui-tag ui-tag--small bg-cyan">Leerjaar 4</span></div></div></a></div><div class="base-summary-card lesson-summary-card"><a class="lesson-summary-card__inner" href="/nl/lesson/meZ4N4bsQBCXacrzC"><div class="lesson-summary-card__top"><div class="preview-thumbnail"><div class="aspect-ratio-box" style="padding-top:73.16017316017316%"><div class="aspect-ratio-box-content"><picture><source type="image/webp" srcSet="https://lh3.googleusercontent.com/hHj2MagtAX63V1JfpVpPacUvKSCI-vGs98HjMwmZ_jdYqsgcM8Uiul7L3QPODKbuClGaq55Ilsk4PzrxZEsnSts4XKYtO2WgOdK4eA=s330-rw 1x, https://lh3.googleusercontent.com/hHj2MagtAX63V1JfpVpPacUvKSCI-vGs98HjMwmZ_jdYqsgcM8Uiul7L3QPODKbuClGaq55Ilsk4PzrxZEsnSts4XKYtO2WgOdK4eA=s660-rw 2x, https://lh3.googleusercontent.com/hHj2MagtAX63V1JfpVpPacUvKSCI-vGs98HjMwmZ_jdYqsgcM8Uiul7L3QPODKbuClGaq55Ilsk4PzrxZEsnSts4XKYtO2WgOdK4eA=s990-rw 3x"/><source srcSet="https://lh3.googleusercontent.com/hHj2MagtAX63V1JfpVpPacUvKSCI-vGs98HjMwmZ_jdYqsgcM8Uiul7L3QPODKbuClGaq55Ilsk4PzrxZEsnSts4XKYtO2WgOdK4eA=s330 1x, https://lh3.googleusercontent.com/hHj2MagtAX63V1JfpVpPacUvKSCI-vGs98HjMwmZ_jdYqsgcM8Uiul7L3QPODKbuClGaq55Ilsk4PzrxZEsnSts4XKYtO2WgOdK4eA=s660 2x, https://lh3.googleusercontent.com/hHj2MagtAX63V1JfpVpPacUvKSCI-vGs98HjMwmZ_jdYqsgcM8Uiul7L3QPODKbuClGaq55Ilsk4PzrxZEsnSts4XKYtO2WgOdK4eA=s990 3x"/><img class="preview-thumbnail__image" src="https://lh3.googleusercontent.com/hHj2MagtAX63V1JfpVpPacUvKSCI-vGs98HjMwmZ_jdYqsgcM8Uiul7L3QPODKbuClGaq55Ilsk4PzrxZEsnSts4XKYtO2WgOdK4eA=s330" width="231" height="169" alt=""/></picture></div></div></div></div><div class="lesson-summary-card__bottom"><h3 class="lesson-summary-card__title">WEEK 3 - INFORMATIE TECHNOLOGIE</h3><div class="lesson-summary-card__meta-info"><time class="lesson-summary-card__creation-date" dateTime="2024-02-16T10:00:03.167Z">Februari 2024</time> - <!-- -->Les met<!-- --> <strong>30<!-- --> <!-- -->slides</strong></div><div class="ui-tags lesson-summary-card__tags"><span title="Informatica" class="ui-tag ui-tag--small bg-yellow">Informatica</span><span title="Middelbare school" class="ui-tag ui-tag--small bg-cyan">Middelbare school</span><span title="havo" class="ui-tag ui-tag--small bg-cyan">havo</span><span title="Leerjaar 4" class="ui-tag ui-tag--small bg-cyan">Leerjaar 4</span></div></div></a></div><div class="lesson-summary-card-dummy dummy"></div><div class="lesson-summary-card-dummy dummy"></div><div class="lesson-summary-card-dummy dummy"></div><div class="lesson-summary-card-dummy dummy"></div><div class="lesson-summary-card-dummy dummy"></div><div class="lesson-summary-card-dummy dummy"></div><div class="lesson-summary-card-dummy dummy"></div><div class="lesson-summary-card-dummy dummy"></div><div class="lesson-summary-card-dummy dummy"></div><div class="lesson-summary-card-dummy dummy"></div></div></div></div></div></div><footer class="search-footer css-1dhfdau"><a class="rocket-logo" href="/nl/lessons/"><svg width="30" height="30" viewBox="0 0 32 32" fill-rule="evenodd" preserveAspectRatio="xMidYMid meet" fill="currentColor"><g fill-rule="evenodd" preserveAspectRatio="xMidYMid meet"><path d="M8.10791 25.6014C8.33859 24.7836 8.18588 24.3339 7.91093 24.0892C7.66614 23.8141 7.21641 23.6614 6.39859 23.8921C3.80876 24.6263 3.50293 27.9212 3.46838 28.5316C4.07886 28.497 7.37377 28.1912 8.10791 25.6014" fill="currentColor"></path><path d="M8.03871 13.3709C8.47292 12.5253 8.92879 11.7061 9.40109 10.9199C7.51798 10.7412 4.01009 11.1499 0 15.2499L1.5208 16.7375C1.5208 16.7375 4.63417 15.6975 6.72659 16.1621C7.13255 15.2182 7.57142 14.281 8.03871 13.3709Z" fill="currentColor"></path><path d="M18.6291 23.9612C17.7188 24.4287 16.7815 24.8676 15.8378 25.2733C16.3024 27.3657 15.2623 30.4791 15.2623 30.4791L16.7501 32C20.8502 27.9898 21.2588 24.4819 21.0799 22.5989C20.2939 23.0711 19.4747 23.5269 18.6291 23.9612Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M22.1536 9.7563C22.0063 9.90357 21.8134 9.97721 21.6204 9.97721C21.4273 9.97721 21.2344 9.90357 21.0871 9.7563C20.7926 9.46174 20.7926 8.98436 21.0871 8.68981C21.2344 8.54253 21.4273 8.46889 21.6204 8.46889C21.8134 8.46889 22.0063 8.54253 22.1536 8.68981C22.4482 8.98436 22.4482 9.46174 22.1536 9.7563ZM23.4181 8.58657C22.9216 8.09024 22.2711 7.84189 21.6204 7.84189C20.9698 7.84189 20.3192 8.09024 19.8226 8.58657C18.8298 9.57942 18.8298 11.1892 19.8226 12.182C20.3192 12.6783 20.9698 12.9265 21.6204 12.9265C22.2711 12.9265 22.9216 12.6783 23.4181 12.182C24.4109 11.1892 24.4109 9.57942 23.4181 8.58657Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M24.422 13.1896C23.6729 13.9388 22.6769 14.3516 21.6174 14.3516C20.5579 14.3516 19.5618 13.9388 18.8126 13.1896C17.2662 11.6427 17.2662 9.12583 18.8128 7.5789C19.5618 6.8297 20.5579 6.41693 21.6174 6.41693C22.6769 6.41693 23.6729 6.8297 24.4221 7.57908C25.9686 9.12583 25.9686 11.6427 24.422 13.1896ZM30.9834 1.01628C30.3114 0.344152 29.1914 0.000688939 27.7839 0.000688939C24.2013 0.000688939 18.7534 2.22408 14.0692 6.90929C13.0907 7.88788 12.3126 9.04967 11.545 10.2006C10.7261 11.4288 9.98479 12.7086 9.31066 14.0218C8.78207 15.0514 8.29436 16.1023 7.8493 17.1703C7.68605 17.5616 7.52879 17.9549 7.3781 18.351C7.23452 18.7291 7.09657 19.1094 6.96863 19.4929C6.98083 19.5401 6.99366 19.5873 7.00685 19.6341C7.0807 19.8887 7.16874 20.1392 7.26813 20.3852C7.36653 20.6285 7.47572 20.8675 7.59541 21.1009C7.95687 21.8076 8.41497 22.4662 8.96286 23.0414C9.53789 23.5894 10.1964 24.0476 10.9029 24.4092C11.1364 24.5288 11.3752 24.638 11.6185 24.7364C11.8643 24.8358 12.1149 24.9239 12.3694 24.9979C12.4162 25.011 12.4633 25.0239 12.5106 25.0361C12.894 24.908 13.2744 24.7701 13.6523 24.6264C14.0482 24.4757 14.4415 24.3185 14.8327 24.1552C15.9005 23.7099 16.9513 23.2223 17.9806 22.6936C19.2935 22.0194 20.573 21.2777 21.801 20.4587C22.9517 19.6909 24.1132 18.9126 25.0916 17.934C31.6159 11.4084 33.366 3.3994 30.9834 1.01628" fill="currentColor"></path></g></svg><span>LessonUp</span></a><div class="search-footer-nav-container"><div class="search-footer-nav"><a href="/nl/voorwaarden" class="search-footer-nav-item">Algemene voorwaarden</a><a href="/nl/privacy" class="search-footer-nav-item">Privacy Statement</a><a href="/nl/cookie-statement" class="search-footer-nav-item">Cookie Statement</a><a href="/nl/contact" class="search-footer-nav-item">Contact</a></div></div><div class="search-footer-slot-right"><div class="language-switch language-switch-navbar"><div class="language-switch-button icon icon-language"><span class="selected-language">Nederlands</span><svg transform="" width="13" height="7" viewBox="0 0 13 7" class="picker-chevron"><path d="M0 0h13L6.5 7z" fill="#5A4D4C" fill-rule="evenodd"></path></svg></div></div></div></footer></div></div><div class="toast-provider"></div></div>
<script nonce="76c39317-68b1-4da4-ad36-99c34220583b">
window.__INITIAL_STATE = {"search":{},"searchPins":{},"user":{},"ratings":{"userRatings":{}},"cluster":{},"lesson":{"lessonDetails":{"lesson":{"_id":"mDvbMppK5MhmAuJYn","user":"2fEjAP8zpcbCsJTi9","name":"Ontdek de basisprincipes van HTML","region":["nl"],"country":["nl"],"showPhases":true,"sharing":{"sharePublic":false},"privacy":"public","schoolType":[],"levels":[],"years":[],"subjects":[],"creationDate":"2023-04-04T09:17:00.133Z","pinCount":21,"pinCountForLesson":21,"pinCountForStudent":21,"location":{"explorer":"B7hzDwgJH8NKjSvWc","folder":"B7hzDwgJH8NKjSvWc"},"products":[],"order":"a2","modifiedDate":"2023-04-04T09:17:02.483Z","openendDate":"2023-04-04T09:17:00.193Z","thumbnail":{"url":"https://lh3.googleusercontent.com/NgzLX0BTfIkCPDvitvveQnReLP-V6hgBEjJ_AWTaCOAGfJIfH5sty21_5nosKrYhz7vWWkP1oxO2kidZ5QncdON9dpQgwUtQjkDga0M","modifiedDate":"2023-04-04T09:21:35.992Z","hash":"6225fcac3f8b3bc7e43523d79d205587","v":3}},"accessTypes":{"copySearch":true,"shareWithStudents":false,"edit":false,"teach":true,"test":false,"userDoesNotHaveProduct":true},"moreLikeThis":[{"_id":"zd8oaikptdhcJtgKz","_index":"lessons-nl-1642004322162","doc":{"_id":"zd8oaikptdhcJtgKz","lesson":{"_id":"zd8oaikptdhcJtgKz","user":"mHAZ2Wy25PBA2jjey","name":"01 - HTML - intro","region":["nl"],"country":["nl"],"showPhases":true,"sharing":{"sharePublic":false},"privacy":"public","schoolType":["mbo"],"levels":["n3","n4"],"years":[18,19,20,21],"subjects":["ICT"],"creationDate":"2024-01-17T19:53:14.804Z","pinCount":11,"pinCountForLesson":11,"pinCountForStudent":11,"location":{"explorer":"sNCc2PpwAeMujefDg","folder":"MgXh3rJzx4ysN4awz"},"version":"v1","source":"openAi","products":[],"order":"a0","modifiedDate":"2024-02-03T13:38:55.436Z","openendDate":"2024-02-03T13:38:59.284Z","thumbnail":{"url":"https://lh3.googleusercontent.com/gQgUuEopLQXO6rtDmJNUGZMAHxuX3yxXQFdIJShKHLF1nP58k_eUj3DhFTiiZ6RuG7FPTenfdOr6mEeUp12tH54r51jRItjwyjrJaw","modifiedDate":"2024-02-02T15:34:23.282Z","hash":"44880a04221f4472e19df6c4436a078e","v":3},"durationInMin":60},"firstPin":{"_id":"r8pyHsFteP59bBZHb","user":"mHAZ2Wy25PBA2jjey","lesson":"zd8oaikptdhcJtgKz","item":{"type":"slide","custom":{"text1":"Ontdek HTML: De taal van het web","text2":"","layout":1,"color":301,"colorbg":"#001343","colorfg":"#ffffff","opacity":100,"fontSize1":60,"fontSize2":60,"align2":2,"showImage":true},"notes":{"text":""},"components":[],"image":"https://lh3.googleusercontent.com/TsWG3tn1LpSCaODwxvaXhs9tUSRuqmaUSloJVKVXGitSzbIcAjoZe0jjKMRgaZcRjNvZ7NETTl6RpBEokCu3qE7oohQV9nJHZCTfyVU","uploadId":"9d58d0a3-1224-4b09-8750-64105b640930"},"order":1001,"creationDate":"2024-01-17T19:53:14.837Z","isPublic":true,"isFirstPin":true},"indexedContent":{"important":["Ontdek HTML: De taal van het web","Leerdoel","Aan het einde van de les zul je begrijpen wat HTML is en hoe het wordt gebruikt om webpagina's te maken.","Wat is HTML?","HTML staat voor HyperText Markup Language. Het is de standaardtaal voor het maken van webpagina's en webapplicaties.","Structuur van HTML","HTML gebruikt tags om de structuur van een webpagina aan te geven. Dit omvat koppen, alinea's, lijsten, afbeeldingen en meer.","Voorbeeld van een HTML-tag","Een voorbeeld van een HTML-tag is <h1>, dat wordt gebruikt voor de hoofdkop van een pagina.","<h1> Hoofdkop1</h1>","Attributen in HTML","HTML-tags kunnen attributen bevatten, zoals 'src' voor afbeeldingen en 'href' voor links.","<img src=\"./images/voorbeeld.jpg\" alt=\"alternatieve text\"> <a href=\"./new-page.html\">Link naar new page</a>","HTML en CSS","CSS wordt gebruikt om de vormgeving en lay-out van HTML-elementen te beheren en te stijlen.","div { color: blue; width: 100px;}","Interactiviteit met HTML","HTML ondersteunt interactiviteit door middel van formulieren, knoppen, en andere interactieve elementen.","Toepassingen van HTML","HTML wordt gebruikt voor het maken van verschillende soorten webpagina's, van eenvoudige blogs tot complexe webapplicaties.","Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.","01 - HTML - intro","ICT"],"normal":["De leerlingen geven hier (in vraagvorm) aan met welk onderdeel van de stof ze nog moeite. Voor de docent biedt dit niet alleen inzicht in de mate waarin de stof de leerlingen begrijpen/beheersen, maar ook een goed startpunt voor een volgende les."]},"pinHashes":["6571f9444d2e0ed20e6ee9d6fbeb9a651d8580ca74a469dff4dd77203876fedd","7550a20a8056f083a106a35faa6f19ac2b1ae0b7b2cbbf479812416326cd907c","7c7723c7f0ad13984db2d647da4a263327ce7bee971ea3dc821a1283b49dc4ab","88d6daff8df190bea7d92959c4d52ee47c99f6c3dea6ed36f26d2924a414c0e6","a44eae8cebda776e555d272d78727c742bec7982643d880eb5b84dcfc969f3ba","aedf2104a941671e18c7e1c3f27ce6539f3eb1e4ee39265bf7b93826312eeae7","c12a27f6d9aa1ea14878f06f7efd74d4cd2f16faf926bc1f3f90281643df57ae","c7e985983dfc588b86c1a5762d9c0ee8f78c6674895f45f355ca064128050735","eb09bc15752b529bf9ccb3cb98bd3462d458f01a3bcf6b598c2549f00b7fc171","fbb5816f00b025ca36c79e26f3e424d7a2fcbe74b9b58e3dacec1eeb6dd8e6e0","fce9e73339d0d2e8c6a07fd7c720f0067557546cf4be5892d85ae9c77201acc2"],"docType":"lesson","metaData":{"creationDate":"2024-01-17T19:53:14.804Z","country":["nl"],"schoolType":["mbo"],"levels":["n3","n4"],"years":[18,19,20,21],"organizations":["Z4deW6MoAs2t5jTEB"],"subjects":["ICT"],"privacy":"public","isTest":false},"statistics":{"id":"zd8oaikptdhcJtgKz","copiedCount":0,"sharedCount":0,"assignmentsCreatedCount":0,"testStartedCount":0,"finishPresentingCount":0,"averageRating":0,"ratingCount":2},"hash":"6861ce2e3316fe16a0d4cb64820fe38ccf290d0bc6e1a1feba744c3f632f0d10","cluster":{"winner":true,"size":1,"id":"w_zd8oaikptdhcJtgKz_i_zd8oaikptdhcJtgKz"},"curricula":{"list":[],"objectives":[]},"contentTypes":["slide","wordweb","openQuestion"]},"score":86.34999},{"_id":"QPpvub2oWZFi8GX3C","_index":"lessons-nl-1642004322162","doc":{"_id":"QPpvub2oWZFi8GX3C","lesson":{"_id":"QPpvub2oWZFi8GX3C","user":"KPy23gENCJeQmfW6R","name":"HTML & CSS 0 - introductie","privacy":"public","products":[],"order":"a0","plan":null,"location":{"explorer":"8AnzBKGNdGDawpiBj","folder":"dhhXepHHXq9jB64h9"},"sharing":{"sharePublic":true,"shareDate":"2023-11-29T08:50:23.340Z"},"creationDate":"2023-11-29T08:50:23.340Z","openendDate":"2023-12-01T11:08:49.278Z","modifiedDate":"2023-12-01T11:08:49.130Z","differentiation":null,"trail":[],"region":["nl"],"country":["nl"],"levels":[],"years":[22,21],"subjects":["Informatica"],"schoolType":["wo"],"durationInMin":45,"showPhases":false,"pinCount":19,"pinCountForLesson":19,"pinCountForStudent":19,"origin":{"id":"8P9juTGJtMLZe4zqp","channel":null,"date":"2023-11-29T08:50:23.341Z"},"thumbnail":{"url":"https://lh3.googleusercontent.com/bREUV5bIB_TgnXRMcRn_lKow2tvwnroRQb1lv1QCHLKzCjspp-Zo4L7yqtIZaKlqVHUmSnjeSDhCZzq9DMd1ea1cijAuJbwQ01Qrfng","modifiedDate":"2023-11-29T11:58:18.162Z","hash":"88f51fa6b121809f3fae8e80e253da10","v":3},"channel":null},"firstPin":{"_id":"MJ5CoE2DRsuzKwFeW","user":"KPy23gENCJeQmfW6R","creationDate":"2023-11-29T08:50:23.353Z","lesson":"QPpvub2oWZFi8GX3C","item":{"type":"slide","custom":{"text1":"HTML & CSS","type":"slide","layout":4,"font1":"trebuchet","font2":"trebuchet","text2":"","color":1},"components":[{"_id":"8xLXMEcGvAsTymqHN","position":{"left":-2.089,"top":-3.213,"bottom":22.047,"right":16.85},"scale":{"x":1,"y":1},"creationDate":"2023-06-11T10:23:23.790Z","user":"GqKF8C6y2eDihwrto","settings":{"transparency":100,"borderRadius":"0","allowZoom":false,"correctDropzone":[],"dropzoneSnapback":true,"url":"https://lh3.googleusercontent.com/RxV03x1DrN8fdn_Agtys6eA_omDuLnGKvOYGLV4PHYBIM-EQxsXSDsQYxA-VPkGrZuw4RyZD7JbvjS8n2b8z8IkregJsDGVPQxgoWpE"},"type":"image","origin":"image"}],"modifiedDate":"2023-11-29T08:50:23.353Z"},"isPublic":true,"order":1001,"shouldIndex":"2023-11-29T08:50:23.353Z","trail":[]},"indexedContent":{"important":["HTML & CSS","Fundament","Kerndomein AHTML & CSSHoofdstuk 1https://fundament-online.nl/leeromgeving/hoofdstuk.php?id=10485","Leerdoelen:","Na deze les kun je:uitleggen wat HTML isuitleggen wat (het verschil tussen ) HTTP en HTTPS iseen eenvoudig HTML bestand makende volgorde van <html>, <head>, en <body> gevenuitleggen wat tags zijn en laten zien hoe je ze gebruikt in HTML","Wat is HTML?","HTML HyperText Markup Language1980 HTML ontwikkeld als opmaakcode voor documenten1989 HTML omgezet naar hypertext voor het internetal snel de standaard voor het internet voor het maken van websites (wereldwijd geaccepteerd)HTML versie 5 is de huidige versie","HTML en IDE","Een HTML bestand is een tekstbestandEen HTML bestand heeft als bestandsextensie: .htmlOm HTML te schrijven kun je een IDE gebruikenEen IDE is een Integrated Development EditorEen IDE maakt het schrijven van code makkelijker, onder andere door syntax highlighting","IDE: Visual Studio Code","Visual Studio Code (VS Code) is een voorbeeld van een IDEAls VSC te zwaar is voor je laptop, dan kun je ook gebruik maken van de online versie https://vscode.dev/","Waar staat de afkorting HTML voor?","Wat is HTML?","Kernwoord: Structuur\nUitleg: HTML (HyperText Markup Language) is de standaardtaal voor het creëren en structureren van webpagina's.\nVoorbeeld: Vergelijkbaar met het skelet van een mens, geeft HTML de basisstructuur aan een webpagina.","Wat is HTML?","Kernwoord: Structuur\nUitleg: HTML (HyperText Markup Language) is de standaardtaal voor het creëren en structureren van webpagina's.\nVoorbeeld: Vergelijkbaar met het skelet van een mens, geeft HTML de basisstructuur aan een webpagina.","Wat is CSS?","Kernwoord: Opmaak\nUitleg: CSS (Cascading Style Sheets) wordt gebruikt om het uiterlijk en de vormgeving van een webpagina te bepalen.\nVoorbeeld: Als HTML het skelet is, dan is CSS de kleding die bepaalt hoe de webpagina eruitziet.","Wat is het doel van CSS?","HTTP & HTTPS","Kernwoorden: Protocol, Veiligheid\nUitleg: HTTP (HyperText Transfer Protocol) en HTTPS (HTTP Secure) zijn protocollen voor het overbrengen van gegevens op het internet. HTTPS is de veilige versie van HTTP, waarbij gegevens versleuteld worden verzonden.\nVoorbeeld: HTTP is als het versturen van een brief zonder envelop, terwijl HTTPS is als het versturen van een brief in een gesloten, verzegelde envelop.","Wat is het belangrijkste verschil tussen HTTP en HTTPS?","Wat zijn tags?","Kernwoorden: Bouwstenen, Instructies\nUitleg: HTML-tags zijn codes die de structuur en het uiterlijk van inhoud op een webpagina bepalen. Ze vertellen de browser hoe tekst en elementen moeten worden weergegeven.","Tags <html>, <head>, en <body>","StructuurvolgordeVergelijkbaar met de opbouw van een boek: de <html> tag is als de kaft, <head> is de titelpagina en <body> is waar het verhaal staat.","Wat is een essentieel onderdeel van een eenvoudig HTML-bestand?","In welke volgorde moeten de , , en tags in een HTML-document staan?","Wat is een tag in HTML?","Opdrachten","Maak je eerste .html bestand, bestaande uit:De tags <html>, <head> en <body> met ook een klein tekstjeopslaan in de juiste map --> mappenstructuur printscreenjuiste extensie gebruiken --> bestandsnaam.htmlInleverdeadline staat in planner --> TeamsFundament:Vergeet ook niet je Fundament opdrachten van Hoofdstuk 1 niet","HTML & CSS 0 - introductie","Informatica"],"normal":["Slide","Slide","Rode achtergrond betekent: klas is stil, dit zijn de leerdoelen en quizzes waarbij niet overlegd mag worden.Doel van deze les is om het leren zichtbaar te maken voor zowel leerling als docent.","Slide","Slide","Slide","Vraag","HyperText Markup Language","HyperText Management Language","Heavenly Taco Maker's Legacy","Hyperloop Terabyte Management Language","Slide","Slide","Slide","Vraag","Het structureren van de inhoud op een webpagina","Het creëren van interactieve elementen op een website","Het bepalen van de stijl en het uiterlijk van een webpagina","Het versleutelen van gegevens verzonden van en naar een website","Slide","Vraag","HTTPS is sneller dan HTTP","HTTP versleutelt gegevens, terwijl HTTPS dat niet doet","HTTPS gebruikt een veilige verbinding om gegevens te versleutelen","Er is geen verschil; HTTPS is gewoon een nieuwere versie van HTTP","Slide","Slide","Vraag","Minstens één afbeelding","Een tag","","Een interactief element","Vraag",", ,",", ,",", ,",", ,","Vraag","Een element dat wordt gebruikt om structuur aan te brengen in een HTML-document","Een commando in een programmeertaal","Een manier om tekst te versleutelen","Een fout in de code","Slide"]},"pinHashes":["001c7dddf8f959e3f1248f4006faeacb501ac0c09edd2de3f86cb693f6a13f70","0631ca0ed3fb12de9f61f1ba6d6d1d2d48b6b2f847a1aba84516431788c8378f","0a17248794a578eb20972a196039e302b366216d7a860a1352632a482bd03ea3","3729700b0c622c5ad71d3de82ffe9038830b38da8c947f953d1ff1618e7aa7db","3e00c42c5eec08c0f150ec9ff9de5677cbe1a11d2ac01c7e6418940bc0a771df","3e1411ba5b67c2266df0510898005c54b9987b2c4d74ca650fa5acd48441c37c","4fa528d2ff621a4ec6e3239885312ec65608cf5d8919b16990bd25dc97957fa7","50b83e0e6da94223fe917a8765fa57889f34b2813dc2b95cde63d6f0fe1cd038","698257c1729178850dc7546d7c16a80892747ecc29a1844a89f0036b8dfbe65c","698e3c01a76beaeedfad8f4fcba860e5a4e6f0ba3f8898f9669c8b08abc0dd7b","8f723bc8dba8e2951b72962903f7a7c6dde759b08ff5c2cbeeacc8fb6397dfe4","91d6da7b93136da2450c8434e439bc0ce3b62cb756735c81122f977e5ecb38d1","974593da0ee393b25be2c1620302deae4ba59fbb5dfa8d07b86680df2ed1f5ae","a2a5309b9e6a3ef6e559ac4961b30b8aaffa350b7d540c7367df43622d452b26","ad21ea4a0e624a6e27a9b84651ef6056ec9d874c91796a159704c7d6b710cf5b","c7393bd9ded64a34f09e0cb0b0b9fc1c3c6d1baf26397c77c9df19602bec10e7","c8bfd99608c1b1bd2bec459d44ca933a5b25dd4aa889cc893302ae0520e04ea1","e6ba639e4b28b40f5add51dd4826f460aa6b66810939a5b39ba78b7eeb21864c","e702dc484dbc58d76efc0d2d16cc59944047e4060dc954fc37e4afc2d1acb663"],"docType":"lesson","metaData":{"creationDate":"2023-11-29T08:50:23.340Z","country":["nl"],"schoolType":["wo"],"levels":[],"years":[22,21],"organizations":["qFKciLN9Hjghbu5sf"],"subjects":["Informatica"],"privacy":"public","isTest":false},"statistics":{"id":"QPpvub2oWZFi8GX3C","copiedCount":0,"sharedCount":0,"assignmentsCreatedCount":0,"testStartedCount":0,"finishPresentingCount":0,"averageRating":0,"ratingCount":2},"hash":"5a873187640c011074014a316e33617b18b30500068279133d0823bb0d5d945b","cluster":{"winner":true,"size":1,"id":"w_QPpvub2oWZFi8GX3C_i_QPpvub2oWZFi8GX3C"},"curricula":{"list":[],"objectives":[]},"contentTypes":["slide","question"]},"score":83.42709},{"_id":"pknqGzTaafRdAf8Kx","_index":"lessons-nl-1642004322162","doc":{"_id":"pknqGzTaafRdAf8Kx","lesson":{"_id":"pknqGzTaafRdAf8Kx","user":"kqQGQDgpGvJBRe8gR","name":"Website bouwen voor beginners","region":["nl"],"country":["nl"],"showPhases":true,"sharing":{"sharePublic":false},"privacy":"public","schoolType":[],"levels":[],"years":[],"subjects":[],"creationDate":"2023-08-23T10:37:14.035Z","pinCount":13,"pinCountForLesson":13,"pinCountForStudent":13,"location":{"explorer":"mdorAR7DcPoxinuua","folder":"mdorAR7DcPoxinuua"},"products":[],"order":"a1","modifiedDate":"2023-08-23T10:37:16.407Z","openendDate":"2023-08-23T10:37:14.157Z","thumbnail":{"url":"https://lh3.googleusercontent.com/1N05lY51jIpcsG8-DOLX7j0BKmGIvnsmavHG9AJDHLNtKaZG16G7RlAyOLqqFyetOLiSXBFqGsKexJm1PvbEMNszAMt57cMvKF8cldw","modifiedDate":"2023-08-23T10:41:46.942Z","hash":"c56ec93c566334a8935f997537c98fe3","v":3}},"firstPin":{"_id":"6oxpXJcrovi4NnAvL","user":"kqQGQDgpGvJBRe8gR","lesson":"pknqGzTaafRdAf8Kx","item":{"type":"slide","custom":{"text1":"Website bouwen voor beginners","text2":"","layout":1,"color":301,"colorbg":"#001343","colorfg":"#ffffff","opacity":1,"fontSize1":60,"fontSize2":60,"align2":2},"notes":{"text":""},"components":[]},"order":1001,"creationDate":"2023-08-23T10:37:14.095Z","isPublic":true,"isFirstPin":true},"indexedContent":{"important":["Website bouwen voor beginners","Doel van de les","Aan het einde van de les kun je de basisprincipes van het bouwen van een website begrijpen en toepassen.","Wat is een website?","Een website is een verzameling webpagina's die toegankelijk zijn via internet. Het wordt gebruikt om informatie te presenteren en te delen met gebruikers.","HTML","HTML staat voor HyperText Markup Language. Het is de basisstructuur van een webpagina en wordt gebruikt om de inhoud te structureren en op te maken.","CSS","CSS staat voor Cascading Style Sheets. Het wordt gebruikt om de vormgeving en opmaak van een webpagina te controleren.","Responsive webdesign","Responsive webdesign zorgt ervoor dat een website goed wordt weergegeven op verschillende apparaten en schermformaten.","Webhosting en domeinnaam","Webhosting is het opslaan van je website op een server, zodat deze toegankelijk is via internet. Een domeinnaam is het adres waarmee gebruikers je website kunnen bereiken.","Content management system (CMS)","Een content management systeem (CMS) is een softwaretoepassing waarmee je eenvoudig inhoud kunt toevoegen, bewerken en beheren op je website, zonder dat je technische kennis nodig hebt.","Praktische oefening","Maak een eenvoudige webpagina met HTML en CSS om de geleerde concepten toe te passen.","Schrijf 3 dingen op die je deze les hebt geleerd.","Schrijf 2 dingen op waarover je meer wilt weten.","Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.","Website bouwen voor beginners"],"normal":["Introductie van het doel van de les aan de studenten.","Leg de definitie van een website uit en geef voorbeelden.","Beschrijf het belang van HTML en geef een voorbeeld van een eenvoudige HTML-pagina.","Leg uit wat CSS is en hoe het samenwerkt met HTML. Geef een voorbeeld van het toepassen van CSS-stijlen.","Leg het concept van responsive webdesign uit en geef tips voor het creëren van een responsieve website.","Beschrijf het belang van webhosting en domeinnamen. Leg uit hoe je een domeinnaam kunt registreren en een webhostingprovider kunt kiezen.","Leg uit wat een CMS is en geef voorbeelden van populaire CMS-platforms zoals WordPress.","Geef de studenten de opdracht om een eenvoudige webpagina te maken met behulp van HTML en CSS.","De leerlingen voeren hier drie dingen in die ze in deze les hebben geleerd. Hiermee geven ze aan wat hun eigen leerrendement van deze les is.","De leerlingen voeren hier twee dingen in waarover ze meer zouden willen weten. Hiermee vergroot je niet alleen betrokkenheid, maar geef je hen ook meer eigenaarschap.","De leerlingen geven hier (in vraagvorm) aan met welk onderdeel van de stof ze nog moeite. Voor de docent biedt dit niet alleen inzicht in de mate waarin de stof de leerlingen begrijpen/beheersen, maar ook een goed startpunt voor een volgende les."]},"pinHashes":["0de554001ce73dc63f022dcb46a286100e7616d7659ee6c5bd9f6f9ac63e9534","19d97fcae48a9cd37805d483f4298ae71d078beb78681aa83cd76e09c7a5dea4","1a0245a96524e81e1b53122fc850274914664bfe51e4a3120e5900daeac2c59e","4519ce8f0655a0bd5349b6a380a7e4f27f9dbe65f3396680dc976ab39f6e8ee8","805d464d1a083bcfd6c71239219e158dfdf67f22de6ad8071a665faa84923a14","828ebd226b8703adc23fe3c90b743fe3919c92748bd82f7ad167704b55c143e3","8c2db6a37fc173339941d1d6c58b892aa441d05df43ba589f7a380e8642beadc","9232676ccc6991d90dd77aa5509dfd3aebcab29264b1589d9cbc2ae13bb2c3fb","92e8156c21a6c70988a42e49b05b5abf6686984fed8d6130ef10b2bee85cafcb","c6eb406c618513d80236138c156faa0c6f7ef0bf44b55e103c0648e7808a8c1b","e6cce0324648ea44b2aa69685144e1f679ed65a4288e8c850610779bb9916c1c","f77d755ea9d9035bffcfb416c6ebb66bf9f6ed7fe1f61c10f6c6545e69337373","f8f86bdfbba4a9e1b378396a9bb9dc6772df93b90c9992d3b271a143e25b5cab"],"docType":"lesson","metaData":{"creationDate":"2023-08-23T10:37:14.035Z","country":["nl"],"schoolType":[],"levels":[],"years":[],"organizations":[],"subjects":[],"privacy":"public","isTest":false},"statistics":{"id":"pknqGzTaafRdAf8Kx","copiedCount":0,"sharedCount":0,"assignmentsCreatedCount":0,"testStartedCount":0,"finishPresentingCount":0,"averageRating":0,"ratingCount":2},"hash":"5f8f62fad8909c4a8779cc09f9ce12b00196de83e26f06e63f1313419f95124b","cluster":{"winner":true,"size":1,"id":"w_pknqGzTaafRdAf8Kx_i_pknqGzTaafRdAf8Kx"},"curricula":{"list":[],"objectives":[]},"contentTypes":["slide","wordweb","openQuestion"]},"score":75.3761},{"_id":"YN6B9cuFK88zGBLBo","_index":"lessons-nl-1642004322162","doc":{"_id":"YN6B9cuFK88zGBLBo","lesson":{"_id":"YN6B9cuFK88zGBLBo","user":"2iQLJhGtySx9adBf4","name":"Kennismaking met HTML Programmeren","region":["nl"],"country":["nl"],"showPhases":true,"sharing":{"sharePublic":false},"privacy":"public","schoolType":[],"levels":[],"years":[],"subjects":[],"creationDate":"2024-02-16T08:52:53.173Z","pinCount":14,"pinCountForLesson":14,"pinCountForStudent":14,"location":{"explorer":"FeQSaqjpEJT45viny","folder":"FeQSaqjpEJT45viny"},"version":"v1","source":"openAi","products":[],"order":"a6","modifiedDate":"2024-02-16T08:59:43.591Z","openendDate":"2024-02-16T08:52:53.396Z","thumbnail":{"url":"https://lh3.googleusercontent.com/uz91yOUpniAUDa-9mg8MU-Sk0ZexCbh73LtTl6NqBgdGg9l6kKYA5DKZi5z-k9YAf-9hhFsyAfmoGnq61L5o2_xG1DDOoPfNer5dqQ","modifiedDate":"2024-02-16T09:03:41.305Z","hash":"0b6fad64c77482557b3323360531c33b","v":3}},"firstPin":{"_id":"APzG9afqWdJ36iisz","user":"2iQLJhGtySx9adBf4","lesson":"YN6B9cuFK88zGBLBo","item":{"type":"slide","custom":{"text1":"Kennismaking met HTML Programmeren","text2":"","layout":1,"color":301,"colorbg":"#001343","colorfg":"#ffffff","opacity":1,"fontSize1":60,"fontSize2":60,"align2":2},"notes":{"text":""},"components":[]},"order":1001,"creationDate":"2024-02-16T08:52:53.359Z","isPublic":true,"isFirstPin":true},"indexedContent":{"important":["Kennismaking met HTML Programmeren","Leerdoel","Aan het einde van de les kun je basis HTML-codering begrijpen en toepassen.","Wat is HTML?","HTML staat voor HyperText Markup Language. Het is de standaardtaal voor het maken van webpagina's en webapps.","Structuur van een HTML-pagina","Een HTML-pagina bestaat uit verschillende elementen, waaronder de doctype, de html-tag, de head en body secties.","HTML-tags en elementen","HTML-tags worden gebruikt om elementen op een webpagina te definiëren. Voorbeeld: voor de hoofdtekst van een pagina.","Opmaak van tekst","Met HTML kun je tekst opmaken, zoals vetgedrukt, cursief, en onderstreept, door gebruik te maken van specifieke tags.","Afbeeldingen en hyperlinks","Je kunt afbeeldingen en hyperlinks toevoegen aan een webpagina met de en tags.","Lijsten en tabellen","HTML ondersteunt het maken van geordende en ongeordende lijsten, evenals tabellen om gegevens te structureren.","Introductie tot CSS","CSS (Cascading Style Sheets) wordt gebruikt om de vormgeving en opmaak van webpagina's te beheren.","Schrijf 3 dingen op die je deze les hebt geleerd.","Schrijf 2 dingen op waarover je meer wilt weten.","Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.","Waarvoor wordt CSS gebruikt?","Kennismaking met HTML Programmeren"],"normal":["De leerlingen voeren hier drie dingen in die ze in deze les hebben geleerd. Hiermee geven ze aan wat hun eigen leerrendement van deze les is.","De leerlingen voeren hier twee dingen in waarover ze meer zouden willen weten. Hiermee vergroot je niet alleen betrokkenheid, maar geef je hen ook meer eigenaarschap.","De leerlingen geven hier (in vraagvorm) aan met welk onderdeel van de stof ze nog moeite. Voor de docent biedt dit niet alleen inzicht in de mate waarin de stof de leerlingen begrijpen/beheersen, maar ook een goed startpunt voor een volgende les.","Vormgeving en opmaak van webpagina's","Het beheren van databases","Het ontwerpen van grafische afbeeldingen","Het schrijven van server-side code"]},"pinHashes":["0b854bcbb311e55e22d2ac4d46d0c71b01235a3893635f5b7a9a3c34d8dc947d","0f2e8c6efbc14e42fc4b0ba408c63a087fcdbb3918901e522d47930046ef0b48","4519ce8f0655a0bd5349b6a380a7e4f27f9dbe65f3396680dc976ab39f6e8ee8","457bb3367303cfb8611dc518a3b88775add55ade6347c14f953f0fe4cb9900c4","6a449be57204dd66f1dc260c88728eece7deedc2f6a7bf44d58b2d62e992a246","818cf47f152464d0e571605b431b58153091ab2e41329b0be2532b6742c476ba","820a89f688febe016425df15a259381d976dec9727194ec3b8c8c4d085dbf8cc","c60490f6bd433c5ed8a928cd5a4d25bbde5151ada0f5ab95c2381be65048f47e","c6eb406c618513d80236138c156faa0c6f7ef0bf44b55e103c0648e7808a8c1b","d31d7f9dcabf76b194b0e27cb3434c06bf0568912bdfcc3c9e0c285a5e27f7dc","dac9e9bc355066ca74922e99fd64bca44af71ef1590aae0189e8ceefecb676ce","e9fb67ae7b0c944ecb8a85084f5184afa02ddc5e168ae97d33bb449b9c812713","f8f86bdfbba4a9e1b378396a9bb9dc6772df93b90c9992d3b271a143e25b5cab","ff1cd2c6abcb4bc18c214ec412031d49e3f47f278d1b0f1b0f99f08887cf6fba"],"docType":"lesson","metaData":{"creationDate":"2024-02-16T08:52:53.173Z","country":["nl"],"schoolType":[],"levels":[],"years":[],"organizations":[],"subjects":[],"privacy":"public","isTest":false},"statistics":{"id":"YN6B9cuFK88zGBLBo","copiedCount":0,"sharedCount":0,"assignmentsCreatedCount":0,"testStartedCount":0,"finishPresentingCount":0,"averageRating":0,"ratingCount":2},"hash":"14ece919e1659fb180a56a1d43d027bbe8f451c08a0ee030b267cc7c24f82843","cluster":{"winner":true,"size":1,"id":"w_YN6B9cuFK88zGBLBo_i_YN6B9cuFK88zGBLBo"},"curricula":{"list":[],"objectives":[]},"contentTypes":["slide","wordweb","openQuestion","question"]},"score":74.033775},{"_id":"Jxrck2WHaNd6pMasL","_index":"lessons-nl-1642004322162","doc":{"_id":"Jxrck2WHaNd6pMasL","lesson":{"_id":"Jxrck2WHaNd6pMasL","user":"nGcNK6gqSRvPjqLQ8","name":"Workshop 4 id's en classes","region":["nl"],"country":["nl"],"showPhases":true,"sharing":{"sharePublic":true,"shareDate":"2022-09-02T19:50:09.417Z"},"privacy":"public","schoolType":["mbo"],"levels":["n4"],"years":[18],"subjects":["Software Developer"],"creationDate":"2022-09-02T08:22:57.420Z","pinCount":13,"pinCountForLesson":13,"pinCountForStudent":13,"location":{"explorer":"Jcu8ENjRA7PwZqNdK","folder":"uLMKakRjvvwcMPuvn"},"products":[],"order":"a3","modifiedDate":"2022-09-10T19:13:13.426Z","openendDate":"2022-09-10T19:13:13.376Z","thumbnail":{"url":"https://lh3.googleusercontent.com/YuHGBgdPjTeYmu8KH0jqq3946OQsc-ZfRNQeKvMzySXK9ASVuYWKK4ObPggQoyg4pqlmG4sgYhKMPGlCF0IwFbSzdAdPiFaUBAjUkQ","modifiedDate":"2022-09-10T19:15:40.520Z","hash":"b77ca90500a2685bef9801003d3fb68c","v":3},"durationInMin":15},"firstPin":{"_id":"nN7ByChA2YDjznZdK","user":"nGcNK6gqSRvPjqLQ8","lesson":"Jxrck2WHaNd6pMasL","item":{"source":"slide","type":"slide","name":"Slide","url":null,"image":null,"custom":{"layout":2,"text1":"Id's en classes in CSS en HTML","text2":"Om CSS en HTML goed met elkaar te laten samenwerken moet je zogenaamde id's en/of classes aanmaken. Hiermee koppel je css-tags aan html-elementen.Docent doet eerst voorDan samen doenDaarna alleen doen","align1":1,"align2":2,"showImage":true},"components":[]},"order":1001,"creationDate":"2022-09-02T08:23:02.262Z","isPublic":true,"isFirstPin":true},"indexedContent":{"important":["Id's en classes in CSS en HTML","Om CSS en HTML goed met elkaar te laten samenwerken moet je zogenaamde id's en/of classes aanmaken. Hiermee koppel je css-tags aan html-elementen.Docent doet eerst voorDan samen doenDaarna alleen doen","Wat is HTML","HTML betekent HyperText Markup Language. HTML wordt gebruikt om structuur aan te brengen binnen je website. In feite is dit de basis van jouw website.","Hoe laat je ze samenwerken?","Je kunt in HTML en in CSS dezelfde ID gebruiken voor de elementen die moeten samenwerken.","Bijvoorbeeld","HTML:<div id=\"hallo\"> Ik ben een stukje tekst</div>CSS:#hallo { color: blue;}","Dit kan ook met een class","HTML:<div class=\"hallo\"> Ik ben een stukje tekst</div>CSS:.hallo { color: blue;}","HTML:<div id=\"hallo\"> Ik ben een stukje tekst</div>CSS:#hallo { color: blue;}","HTML:<div class=\"hallo\"> Ik ben een stukje tekst</div>CSS:.hallo { color: blue;}","ID vs Class","Een ID gebruik je maar eenmaal binnen een webpagina. Slechts 1 element wordt aangesproken.Een class is herbruikbaar en dus voor meerdere elementen tegelijk toepasbaar.","Rijen met kleuren","Maak drie blokken naast elkaar en drie blokken onder elkaar. Dus 9 blokken in totaal. Kleur elke rij in een andere kleur.Gebruik alleen \"class\"!Zie de voorbeelden hiernaast.","Rijen met kleuren","Maak het voorbeeld hiernaast na. Gebruik alleen \"class\".","Rijen met kleuren","Maak het voorbeeld hiernaast na.Gebruik \"id\" voor de afwijkende kleur.","Workshop 4 id's en classes","Software Developer"],"normal":["Slide","Slide","Slide","Slide","Slide","Slide","Slide","Slide","What's the difference between IDs & Classes? | HTML, CSS & JavaScript","Slide","Slide","Slide","Html basics 005 div float"]},"pinHashes":["013872a35e07c7328e74c809aa13043586f7c94f638e135bf69f241f76e89709","0fa99833647332175ea9b5a9df8a05c69c549cf3728de618049f31abe2063a70","1fe7a4fabb7e0e09799385476446e6199b2c71f2850d9b66782104fecc42b04f","3f761da12cfa8f12f0d15dc91639c1b6a0bf62de03894b39f1fe062b2680c34c","636974a99bb42c403490a7e83f6f7253994c3581b029bc30864e4598147ed5ba","99c5963dfd9118b562603fe3631d2adcc22466c66bfbb47ad91e501b4d77ce69","9e3d6ea7aa5f57eec1a7915ae7404525206d9ae1e0be6f4537fdfa0a6d2a28a2","c632935ab51b2143fb3387d342015778cdd6e955350ac2b8aa62a67ff3156ac9","d08b624fc52a2762194104cc3f125b4c9da577d8baa36bcdf167244430682a97","d575fe5fa6bf47a1e7fd6be908cf244aea694ad8246b67ce895608160ecfcb30","de0845eadf594d6c1f2f697d8c2110456bd889b6efc3d2d498b4226a09dfecbc","de8b05746ef04a6127e7f2c3b051fdedd8e6029e54ac4b1f6f2df64daa780ffb","e08fabee9919e9a644fd8443aaa8fd7d64834ad6e47db6d5685d228ba8c5b9f5"],"docType":"lesson","metaData":{"creationDate":"2022-09-02T08:22:57.420Z","country":["nl"],"schoolType":["mbo"],"levels":["n4"],"years":[18],"organizations":[],"subjects":["Software Developer"],"privacy":"public","isTest":false},"statistics":{"id":"Jxrck2WHaNd6pMasL","copiedCount":0,"sharedCount":0,"assignmentsCreatedCount":0,"testStartedCount":0,"finishPresentingCount":0,"averageRating":0,"ratingCount":2},"hash":"6b89923372827553e754ee794f17cbc99eab288ce87564eaa7eb8ef95b18e3af","cluster":{"winner":true,"size":2,"id":"w_Jxrck2WHaNd6pMasL_i_Jxrck2WHaNd6pMasL"},"curricula":{"list":[],"objectives":[]},"contentTypes":["slide","video"]},"score":73.52385},{"_id":"9kPdq3QZh2naLCQA8","_index":"lessons-nl-1642004322162","doc":{"_id":"9kPdq3QZh2naLCQA8","lesson":{"_id":"9kPdq3QZh2naLCQA8","user":"46TCKaepc4GCJb3bD","name":"Website bouwen met HTML en CSS","region":["nl"],"country":["nl"],"showPhases":true,"sharing":{"sharePublic":false},"privacy":"public","schoolType":[],"levels":[],"years":[],"subjects":[],"creationDate":"2023-09-05T08:12:49.744Z","pinCount":13,"pinCountForLesson":13,"pinCountForStudent":13,"location":{"explorer":"Zw8SqmCq8dbjgRxWC","folder":"Zw8SqmCq8dbjgRxWC"},"source":"openAi","products":[],"order":"aD","modifiedDate":"2023-09-05T08:12:53.615Z","openendDate":"2023-09-05T08:12:49.798Z","thumbnail":{"url":"https://lh3.googleusercontent.com/AvOvI5MPxx1viZNYFlU8OecXEXgzmK87WO2ybbXwpj-7IK9jYtV7IqTxqd-GncT4bXv1LnDCq2Q6SRYTF_kUft3lNKNuP8sAAipSjm4","modifiedDate":"2023-09-05T08:17:32.176Z","hash":"ae703875a90045fcb09aeb49cecaa9ee","v":3}},"firstPin":{"_id":"wyqwBH9oxSewniPX8","user":"46TCKaepc4GCJb3bD","lesson":"9kPdq3QZh2naLCQA8","item":{"type":"slide","custom":{"text1":"Website bouwen met HTML en CSS","text2":"","layout":1,"color":301,"colorbg":"#001343","colorfg":"#ffffff","opacity":1,"fontSize1":60,"fontSize2":60,"align2":2},"notes":{"text":""},"components":[]},"order":1001,"creationDate":"2023-09-05T08:12:49.782Z","isPublic":true,"isFirstPin":true},"indexedContent":{"important":["Website bouwen met HTML en CSS","Leerdoel","Aan het einde van de les kun je een website bouwen met behulp van HTML en CSS.","Wat is HTML?","HTML staat voor HyperText Markup Language en wordt gebruikt om de structuur en inhoud van een webpagina te definiëren.","Wat is CSS?","CSS staat voor Cascading Style Sheets en wordt gebruikt om de vormgeving en lay-out van een webpagina te bepalen.","HTML Elementen","HTML gebruikt verschillende elementen om de structuur van een webpagina weer te geven, zoals voor koppen en voor paragrafen.","CSS Selectoren","Met CSS-selectoren kun je specifieke HTML-elementen selecteren en stijlen toepassen, zoals h1 { color: blue; } om alle koppen blauw te maken.","HTML en CSS samen","Door HTML en CSS samen te gebruiken, kun je de inhoud en vormgeving van een webpagina volledig beheersen.","Praktisch voorbeeld","Laten we een eenvoudige webpagina bouwen met HTML en CSS om de concepten in de praktijk te brengen.","Samenvatting","Je hebt nu geleerd hoe je een website kunt bouwen met HTML en CSS. Je begrijpt de basisprincipes van beide talen en kunt ze samen gebruiken om webpagina's te maken.","Schrijf 3 dingen op die je deze les hebt geleerd.","Schrijf 2 dingen op waarover je meer wilt weten.","Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.","Website bouwen met HTML en CSS"],"normal":["De leerlingen voeren hier drie dingen in die ze in deze les hebben geleerd. Hiermee geven ze aan wat hun eigen leerrendement van deze les is.","De leerlingen voeren hier twee dingen in waarover ze meer zouden willen weten. Hiermee vergroot je niet alleen betrokkenheid, maar geef je hen ook meer eigenaarschap.","De leerlingen geven hier (in vraagvorm) aan met welk onderdeel van de stof ze nog moeite. Voor de docent biedt dit niet alleen inzicht in de mate waarin de stof de leerlingen begrijpen/beheersen, maar ook een goed startpunt voor een volgende les."]},"pinHashes":["05999198bf2ed8c9f07a5f0e50ebc1733e01ea950715c80f4d78471f343188eb","103a90ac0fff5e0ca97b4d4c26555fca4e9491311998c33f6d5ccfda7be3e98a","4519ce8f0655a0bd5349b6a380a7e4f27f9dbe65f3396680dc976ab39f6e8ee8","572d5ec39e398c34ebb1c91e07ed84dbb8d44703679c0abebb6b6fe45176815f","696254f5c3655f58ee4d844ada115fc990a16f891e7de107d5fe5aaec44cad39","9e143a2673053fb3dc96559b82850b3efbf9d8cc981477c0b36d9a8bfffb2ece","a22992e5059084538da539baeb72826a17e345d8486f7b0efffe97698d18e566","a9af23c2956db33721efa1c41af55f0301ac35d72e6d509322c1b8c28b5e4b3c","ad5f1268f86ceeabf9811b4f0f6b100fbf404da708d4ac029fb0231efffd834a","c6eb406c618513d80236138c156faa0c6f7ef0bf44b55e103c0648e7808a8c1b","e067ec85dab569a1ff9a9635e5eba368960dcbfa9484786ae9c92ceb0aadad3f","e7fd697b653359448fabe58a0355e5f506221efa9f6311edcb49dab1ace857ef","f8f86bdfbba4a9e1b378396a9bb9dc6772df93b90c9992d3b271a143e25b5cab"],"docType":"lesson","metaData":{"creationDate":"2023-09-05T08:12:49.744Z","country":["nl"],"schoolType":[],"levels":[],"years":[],"organizations":["32zxXeztXk6ztEiuj"],"subjects":[],"privacy":"public","isTest":false},"statistics":{"id":"9kPdq3QZh2naLCQA8","copiedCount":0,"sharedCount":0,"assignmentsCreatedCount":0,"testStartedCount":0,"finishPresentingCount":0,"averageRating":0,"ratingCount":2},"hash":"098bc10c3051ad4899486f756739f0095ddfca1a910dfadb22e6f973a93591a8","cluster":{"winner":true,"size":1,"id":"w_9kPdq3QZh2naLCQA8_i_9kPdq3QZh2naLCQA8"},"curricula":{"list":[],"objectives":[]},"contentTypes":["slide","wordweb","openQuestion"]},"score":70.65169},{"_id":"7YgAXuziYyCzkvSF7","_index":"lessons-nl-1642004322162","doc":{"_id":"7YgAXuziYyCzkvSF7","lesson":{"_id":"7YgAXuziYyCzkvSF7","user":"b7FrQAps8ZyCQyPkh","name":"WEEK 2 - INFORMATICA","privacy":"public","products":[],"order":"a1","location":{"explorer":"WHeuF2rBXbtpj5yZS","folder":"BnujKc97YdFC3Nsna"},"sharing":{"sharePublic":true,"shareDate":"2023-11-13T06:51:15.858Z"},"creationDate":"2023-11-13T06:51:15.858Z","openendDate":"2023-12-02T05:41:10.256Z","modifiedDate":"2023-12-02T05:41:09.095Z","trail":[],"region":["nl"],"country":["nl"],"levels":["H"],"years":[15],"subjects":["Informatica"],"schoolType":["vo"],"durationInMin":90,"showPhases":false,"isTest":false,"pinCount":31,"pinCountForLesson":31,"pinCountForStudent":31,"origin":{"id":"mFou7nuLDjRzy3Cfq","date":"2023-11-13T06:51:15.859Z"},"thumbnail":{"url":"https://lh3.googleusercontent.com/A-hSAkTiZl5jLhOxVkxIWssCNH5QOwIVigWhNCvKtN4xFyqPFL3BU7LspGB6Lc-Ri7Q2JwuJFSCzW6f62udFaz9IdeRhgEwT8OUc5lcE","modifiedDate":"2023-11-16T07:35:33.164Z","hash":"94bedc063c6a43047ee4c9f1510a7be2","v":3}},"firstPin":{"_id":"Mi5ymfG7p5LkCMQyT","item":{"source":"slide","type":"slide","name":"Slide","url":null,"custom":{"layout":2,"text1":"STARTKLAAR!","text2":"","align1":1,"align2":1,"showImage":true,"opacity":100,"imageSize":"contain","font1":"arial","color":1},"components":[{"_id":"rDhq2xujoYCzZiG3w","position":{"left":14.58,"top":32.273,"bottom":11.92,"right":16.31},"scale":{"x":1,"y":1},"creationDate":"2023-03-21T06:45:20.949Z","user":"qSSSXifQYNrqDNPWd","settings":{"transparency":100,"imageSize":"contain","borderRadius":"0","allowZoom":false,"correctDropzone":[],"dropzoneSnapback":true,"url":"https://lh3.googleusercontent.com/X8vpIHP9PMEMr2HQgQoEzronaIlru258o9iAVOjwM4kU5S20WBDg0JwGILYjSOOg_V9zKv4wNAK6Ptiv5C8Ku_ryvGw0-_DGmfK6nA"},"type":"image","origin":"image"},{"_id":"5TNBJPCM8mwaXcYzH","position":{"left":24.522,"top":68.554,"bottom":16.446,"right":53.516},"scale":{"x":1,"y":1},"creationDate":"2023-06-11T09:16:27.958Z","user":"qSSSXifQYNrqDNPWd","settings":{"color":"white","strokeColor":"white","strokeWidth":"0","strokeDash":"0","correctDropzone":[],"dropzoneSnapback":true,"symbol":"rectangle"},"type":"symbol","origin":"symbol"},{"_id":"NzpY5dM8fjhgJyqcu","position":{"left":25.875,"top":71.749,"bottom":19.641,"right":53.34},"scale":{"x":1,"y":1},"creationDate":"2023-11-09T08:38:14.476Z","user":"b7FrQAps8ZyCQyPkh","settings":{"text":"Tellie in zakkie","backgroundColor":"none","fontFamily":"arial","fontSize":"40","textAlign":"align-left","verticalAlign":"vertical-align-top","padding":1,"borderColor":"none","borderWidth":"0","borderRadius":"0","columns":1,"correctDropzone":[],"dropzoneSnapback":true},"type":"text","origin":"text"}],"uploadId":"vynjzHpqZXYNk8aBE","__isSavedPin":true,"__tempLessonId":1,"__itemIndex":0,"__hasPrev":false,"__hasNext":true,"modifiedDate":"2023-11-13T06:51:15.868Z","notes":{"text":"Startklaar zitten."}},"user":"b7FrQAps8ZyCQyPkh","lesson":"7YgAXuziYyCzkvSF7","creationDate":"2023-11-13T06:51:15.868Z","order":0.5,"shouldIndex":"2023-11-13T06:51:15.869Z","trail":[],"isFirstPin":true},"indexedContent":{"important":["STARTKLAAR!","Tellie in zakkie","week 2 les 1","Deze periode","Werken aan het project- Scrum- HTML & CSS- Programmeren- Version Control System","Voorkennis activeren","Waar gebruiken wij een version control systeem","Benoem het proces van scrum","LEERDOELEN","De leerling kan de basisbeginselen van HTMLDe leerling kan een code edit programma gebruiken om een HTML pagina te maken","Basisbeginselen HTML","HTML is een opmaak taal om webpagina's mee te ontwikkelenAfkorting staat voor HyperText Markup LanguageHTML wordt vaak in combinatie met CSS en Javascript gebruiktHTML noemen wij ook declaratieve taal Het is een genestelde taalBij genesteld spreken wij van een parent en childChild is genesteld in parent","HTML","Basisstructuur HTML","Je bent altijd met een basisstructuur. Vandaar uit ga je verder werken om jouw webpagina te maken","Dit mag niet<!DOCTYPE html><html>\n <head> <title>Title here</title></html> </head>\n <body> Webpage content goes here. </body>","Basisstructuur HTML","HTML zonder closing tag","Sommige HTML tags hebben alleen een openingtag en geen sluitingstag. Bijvoorbeeld <img>, <br>, <hr> enz.Hier zijn er niet veel van.","Plaats in de goede volgorde","<!DOCTYPE html>","<html>","<head>","<body>","<title>","</body>","</html>","</title>","</head>","<img>","HTML element","HTML element","Een HTML tag kan attributen noemen.dit zijn eigenschappen die de HTML tag kan beinvloeden","HTML attribuut","HTML element beinvloeden","Een HTML tag kan attributen bevatten.dit zijn eigenschappen die de HTML element kan beinvloeden.de style attribuut beinvloed de style van het HTML element.Zo zijn er nog andere attributen","Plaats in de goede volgorde",">","\"","<h1","color:blue",";","style","text-align:center","=","ik heet meester","\"","</h1>","Code editor","HTML code schrijven kan je schrijven in een notepad of een code editor als visual code","Notepad","Visual code","Jouw eerste HTML pagina","In teams staat een opdracht klaar. Ga daarmee aan de slag","Samenvatting","Klasikaal invullen met leerlingen","week 2 les 2","STARTKLAAR!","Tellie in zakkie","Voorkennis activeren","Schrijf minimaal 2 html tags die een opening en closing tag heeft","Declaratief","Het is een taal die iets beschrijft. Net als bij de taal NL heb je woordjes die iets betekenen, heb je dat ook in HTMLWoordje appel betekend In HTML spreken wij niet over woordjes maar over HTML TagsEr bestaan veel HTML tags bijvoorbeeld <h1>, <h2>, <input>, <img>, <form> enz.De meeste HTML tags hebben een open en sluit Tag<h1> = opentag </h1> = sluitingstag, <form> = opentag </form> = sluitingstag","Genesteld","HTML tags worden in elkaar genesteld We hebben Parent en child","is child van <body>","<body> is child van <head> en parent van <h1>, <p>, <h2>","Openen van Visual code of notepad","In teams zijn filmpjes te vinden over hoe je visual studio code of notepad kan openen vanuit een windowsmachine","HTML is een ...","LEERDOELEN","De leerling weet welke delen een HTML element bevat en kan zelf een HTML element makenDe leerling weet dat een HTML element beinvloed kan worden door gerbuik van een HTML tag attribuutDe leerling weet waar een HTML tag attributen geplaatst kan worden De leerling weet dat een HTML tag attribuut waarde kan hebbenDe leerling is in staat een generatieve AI te gebruiken ter ondersteuning bij het ontwikkelen van de webpagina","HTML attribuut","Ik ben in staat om uit te leggen waarom een HTML attribuut wordt gebruikt","Ik ben in staat om het verschil tussen een HTML tag en HTML element aan te geven","WEEK 2 - INFORMATICA","Informatica"],"normal":["Slide","Startklaar zitten.","Slide","Slide","Slide","openvraag","openvraag","Slide","Slide","Slide","Slide","Slide","Slide","dragQuestion","Slide","Slide","dragQuestion","Slide","Slide","Slide","Slide","Slide","Startklaar zitten.","Slide","openvraag","Slide","Slide","Slide","Vraag","Imperatieve taal","Declaratieve taal","Programmeertaal","Opmaaktaal","Slide","Slide","poll","poll"]},"pinHashes":["002009b4272a6a28e895752724d9112e3b07ebfdc426ec6608661bbc489848ce","05d84578d4cea2a2a7839b5818e8d696afb212b605d177257c783bdf7064362e","05d84578d4cea2a2a7839b5818e8d696afb212b605d177257c783bdf7064362e","079466a768776f126eaeb422d04c33e29719da568b1e14974bff533b3f8138f8","187cfe38d33c407d33b0e9edf0da2efc7b407ac69b47919c0024845b35c46dbd","1b627cf02d6ae3285a7ee6a089520272a25953991887dc6eb7059f2d2759e25c","26a66dbf0928643a6c74a041ba1f62b9bb1d44bc82d0bb083a3671bc95d991a1","4c1544550b699359cf19b4e4ec43fbb8565204435c334e3b9e9ada187eea581a","58456beac391cdd37a7ee537c8acb43ec4772ab9073e2cfbb60779ab04b0f565","69d68422c8a66f75e3a9c17986732543eaa0b8d6f8cf61bcba01eb4acdc2b95a","69d68422c8a66f75e3a9c17986732543eaa0b8d6f8cf61bcba01eb4acdc2b95a","6ed814bb900a556c98cd5f10e7f5fe71116a1a4448bd2e191b67f5ac69cc7549","77987a4dd59cd46b466a5621d9b6e606c6749a4f2c1076911b99edf21687c505","78c4b23b4c9b978912044cb0dc4dda7d53cedb8c4b3dadec152a5f7939374db1","7fa077dcdfbb077e8255bbeb27756851ecf584f38f8ced1303508353e1ca1005","805d5501a59fd993a5a8ae1989eb336cd1ec196d556ceece5eef58e01071ca97","897f9f528062062838746bd305efecd4435fc9821900f6d809dc70f8029bf47f","9b36b4fb4e742576c5d62094a91d1645ceb4bac98c9a10acfc408389e42d5dbe","ad9d703cb50dd4b37ab4012df74191960708c6efbafc5dfbe85a39a2b0e38a3b","b0383925d4340ea4fe0577585c2c0b1de5a6fb7cae790d482612b1f2adc00645","c06e3adb9a2730dcba8e66651c5e63ab44c63dccec9f9c4f197c648bd258e363","c16487fb529c3d9bdae00823ffce341eb975aab9b88cb34986561e085b6fdf07","cb3f26d269e586282ba58a6f8b4744a16d5277e5ddc9a6af8a02a6f0a5980914","d51c0ebb0ad01c14e834e92a2a468bf66faec9ce2ac44cf81038c323bc46cb15","d55eb224364ee81c05326cf0cb23acd80f9bf1ab0e53f02b1b4d33ad6d9376a1","ef444abd124b0ce185d3c4d7ed62a286d4c40c5d5283b004719788d89ecb473b","f1dd2886b8ddcb7a6e4a600d7549632c20ee424c8c7591f759bb7987aab44c57","f1fa1036446c8b16a2be06f4f7a91415ffbf7c1d936634cc8836af77bc2807cc","f58414448ebd970d830a96e6f87bbea0d977a7f9ecf05190882ef4c21da2dc67","f5ecbd2cfeec84220302b139873fc10b865acd9c81a5128bb8b601bf459fc146","f8056d6bb5483c4951c0c59032ffd9309a3bd117d581d7dc028d78e3a3ae1387"],"docType":"lesson","metaData":{"creationDate":"2023-11-13T06:51:15.858Z","country":["nl"],"schoolType":["vo"],"levels":["H"],"years":[15],"organizations":["o97T3ZZnFS6tXhPMD"],"subjects":["Informatica"],"privacy":"public","isTest":false},"statistics":{"id":"7YgAXuziYyCzkvSF7","copiedCount":0,"sharedCount":0,"assignmentsCreatedCount":0,"testStartedCount":0,"finishPresentingCount":0,"averageRating":0,"ratingCount":2},"hash":"d2eeb179b608b2c8d6d1c3a8fdbee9319b3096c892021c9164bc92f8d5d1fe21","cluster":{"winner":true,"size":1,"id":"w_7YgAXuziYyCzkvSF7_i_7YgAXuziYyCzkvSF7"},"curricula":{"list":[],"objectives":[]},"contentTypes":["slide","openQuestion","dragQuestion","question","poll"]},"score":69.365906},{"_id":"meZ4N4bsQBCXacrzC","_index":"lessons-nl-1642004322162","doc":{"_id":"meZ4N4bsQBCXacrzC","lesson":{"_id":"meZ4N4bsQBCXacrzC","user":"b7FrQAps8ZyCQyPkh","name":"WEEK 3 - INFORMATIE TECHNOLOGIE","privacy":"public","products":[],"order":"a1","location":{"explorer":"WHeuF2rBXbtpj5yZS","folder":"uNywreZX3znX5SHoy"},"sharing":{"sharePublic":true,"shareDate":"2024-02-16T10:00:03.167Z"},"creationDate":"2024-02-16T10:00:03.167Z","openendDate":"2024-02-16T10:12:57.312Z","modifiedDate":"2024-02-16T10:13:00.556Z","trail":[],"region":["nl"],"country":["nl"],"levels":["H"],"years":[15],"subjects":["Informatica"],"schoolType":["vo"],"durationInMin":90,"showPhases":false,"isTest":false,"pinCount":30,"pinCountForLesson":30,"pinCountForStudent":30,"origin":{"id":"8jPbzNPyAMfcvuKNc","date":"2024-02-16T10:00:03.167Z"},"thumbnail":{"url":"https://lh3.googleusercontent.com/hHj2MagtAX63V1JfpVpPacUvKSCI-vGs98HjMwmZ_jdYqsgcM8Uiul7L3QPODKbuClGaq55Ilsk4PzrxZEsnSts4XKYtO2WgOdK4eA","modifiedDate":"2024-02-16T10:15:13.916Z","hash":"d1860f80574b165b0a7d5f64a1dc09e5","v":3}},"firstPin":{"_id":"bDowMh8eA3Y25WJX5","item":{"source":"slide","type":"slide","name":"Slide","url":null,"custom":{"layout":2,"text1":"week 3 les 1","text2":"","align1":1,"align2":2,"showImage":true,"color":1,"fontSize2":"50","opacity":100},"components":[],"modifiedDate":"2024-02-16T10:00:03.187Z","uploadId":"499118a1-3034-4c8f-9d72-630cdbb68c97"},"user":"b7FrQAps8ZyCQyPkh","lesson":"meZ4N4bsQBCXacrzC","creationDate":"2024-02-16T10:00:03.187Z","order":0.25,"shouldIndex":"2024-02-16T10:00:03.187Z","trail":[],"isFirstPin":true},"indexedContent":{"important":["week 3 les 1","STARTKLAAR!","Tellie in zakkie","Deze periode","- Programmeren- HTML & CSS- Database & SQL Qeury- Windows en Office via DIGIT-VO","Deze periode","Jullie gaan een formulier met HTML & CSS maken waarbij het ingevulde formulier opgeslagen wordt in een database","Voorkennis activeren","Wat is waar als wij het hebben over HTML?","wat is de afkorting van HTML","Wat is waar als wij het hebben over CSS?","Wat is een database","Zoek uit wat een database is, schrijf dit op een post it en plak het op het bord","LEERDOELEN","De leerling is bewust van het nut van een database en kan een voorbeeld noemen waar dit wordt toegepastDe leerling is bewust van de structuur van een database zoals tabellen, kolommen en rijenDe leerling is bewust van het belang van een primaire sleutel in een databaseDe leerling kan simpele handelingen uitvoeren op een database zoals een rij verwijderenDe leerling kan zich inspannen om het gewenste tijdsinspanning te halen voor digit-vo","Database oefenen","https://dbstudent.com/ Maak hatsup.v1 volledig af.Ben je hiermee klaar ga dan verder met hatsup.v2 enz.","Samenvatting","Klasikaal invullen met leerlingen","week 3 les 2","STARTKLAAR!","Tellie in zakkie","Voorkennis activeren","LEERDOELEN","De leerling kan een webpagina maken met de extentie HTMLDe leerling kan de basis structuur van HTML toepassen in de webpagina","Basisstructuur HTML","Ik kan nu voorbeelden geven van waar een database gerbuikt kan worden","Samenvatting","Klassikaal","Wat is de functie van HTML?","Wat is een voorbeeld van een HTML-element?","Wat is het doel van CSS?","Wat is een voorbeeld van een CSS-eigenschap?","HTML zonder CSS","Dit is alleen HTML code","Dit is HTML met CSS","HTML basis structuur","HTML bestaat voornamelijk uit HTML tags en begint altijd met een basisstructuureen html tag is bijvoorbeeld <html> </html><head> </head>er bestaan heel veel html tags","html basisstructuur","HTML Elements","<p style=\"color:red\"> paragraaf </p>","HTML element","HTML element","Een HTML tag kan attributen noemen.dit zijn eigenschappen die de HTML tag kan beinvloeden","CSS","Om de website mooier te maken","HTML Tags","<h1> Aziz </h1> =","Aziz","<ul>\n <li>something</li>\n <li>something</li> = <li>something</li>\n</ul>","somethingsomethingsomething","<ol>\n <li>something</li>\n <li>something</li> = <li>something</li>\n</ol>","somethingsomethingsomething","En zo heb je nog meer html tags","WEEK 3 - INFORMATIE TECHNOLOGIE","Informatica"],"normal":["Slide","Slide","Startklaar zitten.","Slide","Slide","Slide","is een programmeertaal","is een opmaaktaal","Deze gebruik je voor de stijl van jopuw website","Deze gebruik je om jouw website in te delen","Vraag","Hypertext markup language","Hypertext madeup language","Hypertext manipulate language","Hypertext makeup language","is een programmeertaal","kan alleen gebruikt worden met HTML","Deze gebruik je voor de stijl van jopuw website","Deze gebruik je om jouw website in te delen","Slide","Woordweb","Slide","Slide","Slide","Slide","Slide","Startklaar zitten.","Slide","Slide","Slide","poll","Slide","Programmeren van apps","Aanmaken van databases","Opmaak van afbeeldingen","Structureren van webpagina's","function()","","if-else statement","","Opmaak van webpagina's verbeteren","Het schrijven van server-side code","Berekeningen uitvoeren in JavaScript","Font-size: 16px","Slide","Slide","Slide","Slide","Slide","Slide"]},"pinHashes":["05d84578d4cea2a2a7839b5818e8d696afb212b605d177257c783bdf7064362e","05d84578d4cea2a2a7839b5818e8d696afb212b605d177257c783bdf7064362e","1a0f9378d0158f4f06bb62686f721c7bf5de1248a0749b3134dd37c052aa57f5","26974363966e5924c00e6a3d397661f815284ad7bd789cc1ed2f8c21dbd60534","29083ca701ede4f977cfbc427ccd20d400a3ce610fb7accf0f905fcf36408422","2a869d1337d3aa3f9153efb38ed15025f5e66ee978fa6b4ed9c8854fa9f6f6e3","3eef39c4b3a57b4baedef7d169dba13a55f59f16048b4a0be60ef8f20af8a87e","456fc01c89e9332ced8b02cb11c867702c24503c9bfd569e819526ddfc56a7bf","465b3e0203e52e75fb31a6f1dcde73e49e11ac4408080025690c86f342379a40","4a9c673ce97ce22f051370178474aef057366102b4e7b6764b5e539963b64cd7","500c97c67361c27fb22d574ae573614ea866b91941c02a3d2194aa753b8ded2a","541649776bd0d6861a0959fe74aafbfa3acdb47b89f2b885e5dafbe7b7ba4847","5753019a07f621343692f2de49a1f7508efc744c30b93ee13a430834623980ad","58456beac391cdd37a7ee537c8acb43ec4772ab9073e2cfbb60779ab04b0f565","592998849e6c2dc4bdb7460aa5209e6981842077a9cbd582a31a33a8d8cbba5f","675c7e3b7e51d999d5b3213a7d265109cd79f58450e9360850afc080f5500591","69d68422c8a66f75e3a9c17986732543eaa0b8d6f8cf61bcba01eb4acdc2b95a","84006e20a9b48eccd04e10e36e0a1a83a0fb807093b195b72f23a3c997eb8947","912f66dbe389e4f95b839c168c9a1c56bccc143f0ef1a70f50be33a5afd5faae","91dae27099d8f18edf32b2b3a42563fefa33955875addfdbd3684d05cf254e9d","b6db668a7ef2f808339683b9697b6a4ba8f1775fe2b2df80a07af3bcd6d43c7d","b7a749181b6cedfdcfbda244f2fb6558cd2c8e73a0f77fe12195867c0ee0674f","be52bcafe68c6f9664113ff878d623c550d05dfa5cd365dfcfa8179fc438de22","c3dc75b85e935b66e9293d1d2fe417944b3b1ba19467e8948c5bedcb3dc030eb","cb3f26d269e586282ba58a6f8b4744a16d5277e5ddc9a6af8a02a6f0a5980914","cf9424a0a5d9f2bd402c45c3869fffe610c4fca77639a23814953afbaafd2fd5","e5635703998b5054f2b5dbe3451b4fca284e9ecc52c6f58e15745a314ae1c270","e8b112f6e6905ba694b2854f0a4af6d0a3e4caaa4c95fe7ed5a7766a610a37b7","ef1c4689b042bdf104e6c2247658f2730e47c9a6893aa267354afaf0e2bfbf95","f659c5d5a413cf3bf72156467e50b0f67186d253722cf0fb70409d5a33343c8c"],"docType":"lesson","metaData":{"creationDate":"2024-02-16T10:00:03.167Z","country":["nl"],"schoolType":["vo"],"levels":["H"],"years":[15],"organizations":["o97T3ZZnFS6tXhPMD"],"subjects":["Informatica"],"privacy":"public","isTest":false},"statistics":{"id":"meZ4N4bsQBCXacrzC","copiedCount":0,"sharedCount":0,"assignmentsCreatedCount":0,"testStartedCount":0,"finishPresentingCount":0,"averageRating":0,"ratingCount":2},"hash":"a3fa8706428b1cb5c2e344179afe359ee7ddc64aa864de41059f3d5dd96d8230","cluster":{"winner":true,"size":2,"id":"w_meZ4N4bsQBCXacrzC_i_meZ4N4bsQBCXacrzC"},"curricula":{"list":[],"objectives":[]},"contentTypes":["slide","question","wordweb","poll"]},"score":68.68477}],"pins":[{"_id":"mmjD4GkXQTErQGxT5","user":"2fEjAP8zpcbCsJTi9","lesson":"mDvbMppK5MhmAuJYn","item":{"type":"slide","custom":{"text1":"<span><b>Ontdek de basisprincipes van HTML</b></span>","text2":"","layout":1,"color":301,"colorbg":"#001343","colorfg":"#ffffff","opacity":1,"fontSize1":60,"fontSize2":60},"notes":{"text":""},"components":[]},"order":1001,"creationDate":"2023-04-04T09:17:00.168Z","isPublic":true,"isFirstPin":true},{"_id":"SsHPE9pSdkafRJMpa","user":"2fEjAP8zpcbCsJTi9","lesson":"mDvbMppK5MhmAuJYn","item":{"type":"slide","custom":{"text1":"<b>Leerdoelen</b>","text2":"Aan het einde van de les kun je de basisprincipes van HTML begrijpen en zelf HTML schrijven.","layout":2,"color":301,"colorbg":"#001343","colorfg":"#ffffff","opacity":1,"fontSize1":60,"fontSize2":60},"notes":{"text":"Dit is een belangrijk onderdeel van de les waar je bij het begin van de les naar terug moet verwijzen."},"components":[]},"order":1002,"creationDate":"2023-04-04T09:17:00.301Z","isPublic":true,"isFirstPin":false},{"_id":"zmvsN3dKMGMLt3oiq","user":"2fEjAP8zpcbCsJTi9","lesson":"mDvbMppK5MhmAuJYn","item":{"type":"wordweb","custom":{"word":"Wat weet je al van HTML?","color":301,"colorbg":"#001343","colorfg":"#ffffff","opacity":1,"showImage":false,"fontSize1":60},"components":[]},"order":1003,"creationDate":"2023-04-04T09:17:00.535Z","isPublic":true,"isFirstPin":false},{"_id":"CyrDyMJikH8Tqcuzg","user":"2fEjAP8zpcbCsJTi9","lesson":"mDvbMppK5MhmAuJYn","item":{"type":"slide","custom":{"text1":"<b>Wat is HTML?</b>","text2":"HTML staat voor Hypertext Markup Language en is de standaardtaal voor het creëren van webpagina's.","layout":2,"color":301,"colorbg":"#001343","colorfg":"#ffffff","opacity":1,"fontSize1":60,"fontSize2":60},"notes":{"text":"Leg kort uit wat HTML is en wat de afkorting betekent."},"components":[]},"order":2001,"creationDate":"2023-04-04T09:17:00.635Z","isPublic":true,"isFirstPin":false},{"_id":"G6vmwhRXHhhePNR2c","user":"2fEjAP8zpcbCsJTi9","lesson":"mDvbMppK5MhmAuJYn","item":{"type":"slide","custom":{"text1":"<b>Structuur van HTML</b>","text2":"HTML heeft een bepaalde structuur die bestaat uit tags, attributen en waarden.","layout":2,"color":301,"colorbg":"#001343","colorfg":"#ffffff","opacity":1,"fontSize1":60,"fontSize2":60},"notes":{"text":"Laat voorbeelden zien van tags en attributen en wat hun waarden zijn."},"components":[]},"order":2002,"creationDate":"2023-04-04T09:17:00.709Z","isPublic":true,"isFirstPin":false},{"_id":"F8rQuRuEDZ8Sb9fRQ","user":"2fEjAP8zpcbCsJTi9","lesson":"mDvbMppK5MhmAuJYn","item":{"type":"slide","custom":{"text1":"<b>De basisstructuur van HTML</b>","text2":", en zijn de drie belangrijkste elementen van de basisstructuur van HTML.","layout":2,"color":301,"colorbg":"#001343","colorfg":"#ffffff","opacity":1,"fontSize1":60,"fontSize2":60},"notes":{"text":"Leg uit wat elk van deze elementen doet en hoe ze samenwerken om een webpagina te vormen."},"components":[]},"order":2003,"creationDate":"2023-04-04T09:17:00.791Z","isPublic":true,"isFirstPin":false},{"_id":"TSEaHvy6rxfi94GxP","user":"2fEjAP8zpcbCsJTi9","lesson":"mDvbMppK5MhmAuJYn","item":{"type":"slide","custom":{"text1":"<b>Titel tag</b>","text2":"De tag is belangrijk omdat het de titel van de pagina definieert.","layout":2,"color":301,"colorbg":"#001343","colorfg":"#ffffff","opacity":1,"fontSize1":60,"fontSize2":60},"notes":{"text":"Laat zien hoe de titel tag wordt gebruikt en waar het hoort in de structuur van HTML."},"components":[]},"order":2004,"creationDate":"2023-04-04T09:17:00.880Z","isPublic":true,"isFirstPin":false},{"_id":"9g2fBSnC8vNkvg39d","user":"2fEjAP8zpcbCsJTi9","lesson":"mDvbMppK5MhmAuJYn","item":{"type":"slide","custom":{"text1":"<b>Kopjes</b>","text2":"Kopjes worden gebruikt om secties van de pagina aan te duiden. Er zijn zes niveaus van kopjes.","layout":2,"color":301,"colorbg":"#001343","colorfg":"#ffffff","opacity":1,"fontSize1":60,"fontSize2":60},"notes":{"text":"Laat zien hoe kopjes worden gebruikt en hoe de niveaus van kopjes de structuur van de pagina beïnvloeden."},"components":[]},"order":2005,"creationDate":"2023-04-04T09:17:01.064Z","isPublic":true,"isFirstPin":false},{"_id":"5NohL7FQ5CLgG5sCG","user":"2fEjAP8zpcbCsJTi9","lesson":"mDvbMppK5MhmAuJYn","item":{"type":"slide","custom":{"text1":"<b>Paragrafen</b>","text2":"Paragrafen worden gebruikt om tekst in alinea's te verdelen.","layout":2,"color":301,"colorbg":"#001343","colorfg":"#ffffff","opacity":1,"fontSize1":60,"fontSize2":60},"notes":{"text":"Leg uit hoe paragrafen worden gebruikt en hoe ze de leesbaarheid van de pagina verbeteren."},"components":[]},"order":2006,"creationDate":"2023-04-04T09:17:01.130Z","isPublic":true,"isFirstPin":false},{"_id":"Ngwbj5Jtg2nsSzyDK","user":"2fEjAP8zpcbCsJTi9","lesson":"mDvbMppK5MhmAuJYn","item":{"type":"slide","custom":{"text1":"<b>Links</b>","text2":"Links worden gebruikt om te verwijzen naar andere pagina's of bronnen op het web.","layout":2,"color":301,"colorbg":"#001343","colorfg":"#ffffff","opacity":1,"fontSize1":60,"fontSize2":60},"notes":{"text":"Laat zien hoe links worden gebruikt en hoe ze de gebruikerservaring van de website verbeteren."},"components":[]},"order":2007,"creationDate":"2023-04-04T09:17:01.208Z","isPublic":true,"isFirstPin":false},{"_id":"27KXyQcDyNCrKc5QC","user":"2fEjAP8zpcbCsJTi9","lesson":"mDvbMppK5MhmAuJYn","item":{"type":"slide","custom":{"text1":"<b>Afbeeldingen</b>","text2":"Afbeeldingen worden gebruikt om visuele inhoud aan een pagina toe te voegen.","layout":2,"color":301,"colorbg":"#001343","colorfg":"#ffffff","opacity":1,"fontSize1":60,"fontSize2":60},"notes":{"text":"Laat zien hoe afbeeldingen worden gebruikt en hoe ze de esthetiek van de website verbeteren."},"components":[]},"order":2008,"creationDate":"2023-04-04T09:17:01.291Z","isPublic":true,"isFirstPin":false},{"_id":"LRhqYGBE5AxvSGeER","user":"2fEjAP8zpcbCsJTi9","lesson":"mDvbMppK5MhmAuJYn","item":{"type":"slide","custom":{"text1":"<b>Lijsten</b>","text2":"Lijsten worden gebruikt om gegevens op een gestructureerde manier te presenteren.","layout":2,"color":301,"colorbg":"#001343","colorfg":"#ffffff","opacity":1,"fontSize1":60,"fontSize2":60},"notes":{"text":"Leg uit hoe lijsten worden gebruikt en hoe ze de leesbaarheid van de pagina verbeteren."},"components":[]},"order":2009,"creationDate":"2023-04-04T09:17:01.381Z","isPublic":true,"isFirstPin":false},{"_id":"RpE4hQxTvXt6WDZd3","user":"2fEjAP8zpcbCsJTi9","lesson":"mDvbMppK5MhmAuJYn","item":{"type":"slide","custom":{"text1":"<b>Formulieren</b>","text2":"Formulieren worden gebruikt om informatie van gebruikers te verzamelen.","layout":2,"color":301,"colorbg":"#001343","colorfg":"#ffffff","opacity":1,"fontSize1":60,"fontSize2":60},"notes":{"text":"Laat zien hoe formulieren worden gebruikt en hoe ze de interactie met de gebruiker verbeteren."},"components":[]},"order":2010,"creationDate":"2023-04-04T09:17:01.510Z","isPublic":true,"isFirstPin":false},{"_id":"MM3qLaNQdynjzjv6K","user":"2fEjAP8zpcbCsJTi9","lesson":"mDvbMppK5MhmAuJYn","item":{"type":"slide","custom":{"text1":"<b>Divs en Spans</b>","text2":"Divs en Spans worden gebruikt om delen van de pagina te groeperen en te stijlen.","layout":2,"color":301,"colorbg":"#001343","colorfg":"#ffffff","opacity":1,"fontSize1":60,"fontSize2":60},"notes":{"text":"Laat zien hoe Divs en Spans worden gebruikt en hoe ze de stijl van de pagina verbeteren."},"components":[]},"order":2011,"creationDate":"2023-04-04T09:17:01.605Z","isPublic":true,"isFirstPin":false},{"_id":"TGuE9YNYiWB2j6W3g","user":"2fEjAP8zpcbCsJTi9","lesson":"mDvbMppK5MhmAuJYn","item":{"type":"slide","custom":{"text1":"<b>CSS</b>","text2":"CSS staat voor Cascading Style Sheets en wordt gebruikt om de stijl van een webpagina te definiëren.","layout":2,"color":301,"colorbg":"#001343","colorfg":"#ffffff","opacity":1,"fontSize1":60,"fontSize2":60},"notes":{"text":"Leg kort uit wat CSS is en hoe het samenwerkt met HTML."},"components":[]},"order":2012,"creationDate":"2023-04-04T09:17:01.685Z","isPublic":true,"isFirstPin":false},{"_id":"tWCSafnWcn24hJk8b","user":"2fEjAP8zpcbCsJTi9","lesson":"mDvbMppK5MhmAuJYn","item":{"type":"slide","custom":{"text1":"<b>Oefenen</b>","text2":"Laat de leerlingen oefenen met het schrijven van HTML door een eenvoudige webpagina te maken met behulp van de tags en elementen die ze hebben geleerd.","layout":2,"color":301,"colorbg":"#001343","colorfg":"#ffffff","opacity":1,"fontSize1":60,"fontSize2":60},"notes":{"text":"Geef de leerlingen de tijd om hun eigen webpagina te maken en loop rond om vragen te beantwoorden en feedback te geven."},"components":[]},"order":2013,"creationDate":"2023-04-04T09:17:01.768Z","isPublic":true,"isFirstPin":false},{"_id":"P2CkrJpswDDRPLWj4","user":"2fEjAP8zpcbCsJTi9","lesson":"mDvbMppK5MhmAuJYn","item":{"type":"slide","custom":{"text1":"<b>Feedback</b>","text2":"Geef feedback op de webpagina's van de leerlingen en laat ze zien hoe ze hun code kunnen verbeteren.","layout":2,"color":301,"colorbg":"#001343","colorfg":"#ffffff","opacity":1,"fontSize1":60,"fontSize2":60},"notes":{"text":"Neem de tijd om de webpagina's van de leerlingen te bekijken en geef feedback op hun code en ontwerp."},"components":[]},"order":2014,"creationDate":"2023-04-04T09:17:01.859Z","isPublic":true,"isFirstPin":false},{"_id":"yjZBsvFdkAvLQxG5R","user":"2fEjAP8zpcbCsJTi9","lesson":"mDvbMppK5MhmAuJYn","item":{"type":"slide","custom":{"text1":"<b>Afsluiting</b>","text2":"Vat de belangrijkste punten van de les samen en moedig de leerlingen aan om verder te gaan met het leren van HTML.","layout":2,"color":301,"colorbg":"#001343","colorfg":"#ffffff","opacity":1,"fontSize1":60,"fontSize2":60},"notes":{"text":"Herhaal de belangrijkste punten van de les en geef de leerlingen suggesties voor verdere oefening en leren."},"components":[]},"order":2015,"creationDate":"2023-04-04T09:17:01.973Z","isPublic":true,"isFirstPin":false},{"_id":"YXt2zRRn5AobHzz2w","user":"2fEjAP8zpcbCsJTi9","lesson":"mDvbMppK5MhmAuJYn","item":{"type":"openQuestion","custom":{"question":"Schrijf 3 dingen op die je deze les hebt geleerd.","color":301,"colorbg":"#001343","colorfg":"#ffffff","opacity":1,"checkAnswer":false,"showImage":false,"align":1,"caseSens":false,"diacriticSens":false,"description":"","fontSize1":60},"notes":{"text":"De leerlingen voeren hier drie dingen in die ze in deze les hebben geleerd. Hiermee geven ze aan wat hun eigen leerrendement van deze les is."},"components":[]},"order":4001,"creationDate":"2023-04-04T09:17:02.065Z","isPublic":true,"isFirstPin":false},{"_id":"yoaJdBph99pyMbqMb","user":"2fEjAP8zpcbCsJTi9","lesson":"mDvbMppK5MhmAuJYn","item":{"type":"openQuestion","custom":{"question":"Schrijf 2 dingen op waarover je meer wilt weten.","color":301,"colorbg":"#001343","colorfg":"#ffffff","opacity":1,"checkAnswer":false,"showImage":false,"align":1,"caseSens":false,"diacriticSens":false,"description":"","fontSize1":60},"notes":{"text":"De leerlingen voeren hier twee dingen in waarover ze meer zouden willen weten. Hiermee vergroot je niet alleen betrokkenheid, maar geef je hen ook meer eigenaarschap."},"components":[]},"order":4002,"creationDate":"2023-04-04T09:17:02.147Z","isPublic":true,"isFirstPin":false},{"_id":"63awy8E9SEmChg3Xy","user":"2fEjAP8zpcbCsJTi9","lesson":"mDvbMppK5MhmAuJYn","item":{"type":"openQuestion","custom":{"question":"Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.","color":301,"colorbg":"#001343","colorfg":"#ffffff","opacity":1,"checkAnswer":false,"showImage":false,"align":1,"caseSens":false,"diacriticSens":false,"description":"","fontSize1":60},"notes":{"text":"De leerlingen geven hier (in vraagvorm) aan met welk onderdeel van de stof ze nog moeite. Voor de docent biedt dit niet alleen inzicht in de mate waarin de stof de leerlingen begrijpen/beheersen, maar ook een goed startpunt voor een volgende les."},"components":[]},"order":4003,"creationDate":"2023-04-04T09:17:02.237Z","isPublic":true,"isFirstPin":false}],"eligibleToTeachWithoutCredits":false},"isLoading":false,"error":false,"lessonId":"mDvbMppK5MhmAuJYn"},"plan":{"isLoading":false,"error":false},"tooltips":[],"selectPins":[],"followedChannels":[],"savedLessons":[],"organizationPicker":{"organizations":[]},"pins":{"pins":[],"pinCount":0,"teacherPins":[],"isV2Lesson":false},"channel":{"error":false,"isLoading":false},"channelOverview":{"channels":[],"hasLoaded":false},"featureFlags":["newPinSearch","accountMergeFlag","downloadReportSpreadsheet","joinWithQR","lessonModules","superCSVExports","defaultOrganizationExplorerPermissions","mySchoolsPage","channelStatsVersion2","schoolSuggestionPage","showSchoolLicenseDemoteOption","redeemedVoucherOverview","allEditorFocusWeekImprovements","openAIBeta","showUploadsNext","showSchoolPickerGB","schoolPickerV2"],"geoLocation":{"countryCode":"us"},"error":{"currentError":null}};
window.__SETTINGS = {"app":"search","env":"live","urls":{"teacher":"https://www.lessonup.com/","student":"https://lessonUp.app/","admin":"https://admin.lessonup.com/","api":"https://api.lessonup.com/v1/","search":"https://www.lessonup.com/","site":"https://www.lessonup.com/","graphqlPublicApi":"https://graphql-api.lessonup.com","graphqlInternalApi":"https://graphql-api-internal.lessonup.com","graphqlInternalApiPrivateNetwork":"http://graphql-api-internal","hocuspocus":"wss://hocuspocus.lessonup.com","snowplow":"https://collector.lessonup.com"},"runsOnLocalhost":false,"shadowMode":false,"logAll":false,"defaultShutDownMinutes":10,"build":{"tag":"release-search-2.47.0","version":"2.47.0","branch":"release/2024w18-02"},"graphql":{"baseUrl":"https://graphql-api.lessonup.com"},"sentry":{"dsn":"https://e5a7d39a57854403a62e3d1a21be6dd6@o240670.ingest.sentry.io/1546817","disabled":false},"office365":{"clientId":"c8c8b0b4-a661-4dda-be25-befb5d424d1a","tenant":"common"},"ga":{"awId":"AW-952526834","optimizeId":"OPT-MDP7KP4","analyticsV4":"G-DBSWZ6Z27F"},"snowplow":{"collectorEndpoint":"https://collector.lessonup.com","applicationName":"search"},"hotjar":{"id":"2813929"},"intercom":{"id":"x948t0gc","allowAnonymous":false},"mode":"production","apiHost":"/","geoLocation":{"countryCode":"us"}};
window.__LANGUAGE = 'nl';
window.__FONTS = '[object Set]';
</script>
<script src="/search/public/dist/vendors.4891c119e95bee468a60.js"></script>
<script src="/search/public/dist/packages.2aabcd844a4bdb033253.js"></script>
<script src="/search/public/dist/client.247e2542f7747b21f64a.js"></script>
</body>
</html>