DLWO Docent

Hoe voeg ik didactische componenten toe aan een HTML-document?

Aangepast op

Het is belangrijk dat elke cursus een duidelijke introductie, kern en afsluiting heeft. Dit zorgt voor consistentie in het cursusontwerp en herkenbaarheid voor studenten waardoor een meer optimale kennisoverdracht plaatsvindt. Een ander mechanisme om structuur en consistentie aan te brengen is het gebruik van didactische componenten. Didactische componenten worden gekenmerkt door een eigen vormgeving die duidelijk maken wat er van de student verwacht wordt.  Zo kan de student efficiënt leren en de docent efficiënt begeleiden.

Je brengt structuur aan in de cursus door inhoud te groeperen in eenheden of mappen. Voor alle inhoudelijke pagina's van de cursus maak je gebruik van het sjabloon 'Lege-pagina.html'. Alleen als je dit sjabloon gebruikt, kun je didactische componenten toevoegen via het 'BS OU componenten' tool. Je kunt daarom geen didactische componenten toevoegen aan eenheden of mappen.

Uiteraard kun je ook aan een bestaand HTML-document nog didactische componenten toevoegen. In deze handleiding gaan we uit van een nieuw HTM-document. Voordat je begint met het toevoegen van tekst en inhoud, voeg je eerst de relevante didactische componenten toe. De didactische componenten zijn afzonderlijk beschreven.

Je voert altijd vijf stappen uit:

  1. Je opent eerst de OU componenten tool.
  2. Je maakt een nieuw HTML document of je bewerkt een HTML document.
  3. Je kopieert de opmaak van de didactische component.
  4. Je voegt de didactische component toe aan het HTML document.
  5. Je schrijft de tekst die hoort bij de didactische component.

In de video wordt het gebruik van sjablonen en didactische componenten geïllustreerd.

Zorg dat je voldoende witruimte laat tussen de didactische componenten die je toevoegt en de overige tekst. Dat voorkomt dat je de onderliggende HTML code verbreekt als je tekst gaat toevoegen.

Het is niet de bedoeling dat je een didactische component in een andere component opneemt. Niet alleen schept dat verwarring, maar leidt ook tot technische problemen.

1. Open de OU componenten tool

  1. Klik op Tools --> OU componenten in de cursusnavigatiebalk om het popup scherm met de OU componenten te tonen. Laat dit popup scherm staan.
Schermafbeeldingen die tonen hoe je OU componenten tool opent

2. Maak een HTML document aan

  1. Volg de handleiding voor het toevoegen van een HTML document tot en met stap 8.

3. Kopieer de opmaak van de didactische component

  1. Klik in het popup scherm op de drie witte streepjes om de lijst van componenten te tonen.
  2. Klik op de titel van de didactische component om een voorbeeld van de opmaak te zien.
  3. Klik op het pijltje onder in het scherm om een toelichting te lezen.
  4. Klik op Kopieer onder het voorbeeld, of klik op Kopieer naar klembord (het vierkantje naast de titel) in de lijst om de code voor de didactische component te kopiëren naar je klembord.
  5. Er verschijnt een melding 'Gekopieerd naar het klembord'.

Soms brengt je browser het pop-up scherm niet op de voorgrond. Kijk dan in je taakbalk of je het popup scherm kunt vinden.

Schermafbeeldingen die tonen hoe je de opmaak van een didactische component kopieert

Voeg didactische component toe aan HTML-document

  1. Klik op tabblad van je browser waar het HTML-document open staat.
  2. Plaats je cursor achter [[Tekst]], of de tekst die je al toegevoegd hebt en druk minimaal 2x op de Enter toets om witruimte te maken.
  3. Plak de opmaak van de didactische component met de toetscombinatie Ctrl+v (Windows), Cmd+v (Mac/IOS) of de rechtermuisknop Plakken.
  4. Plaats de cursor in de didactische component en vervang de voorbeeldtekst door je eigen tekst.
  5. Klik op Opslaan en sluiten.
Schermafbeeldingen om te tonen hoe je een didactische component toevoegt aan een HTML document

Het kan handig zijn om de teksteditor te openen als volledig scherm.

Schermafbeelding om te tonen hoe je de teksteditor in volledig scherm opent

Video

Vorige Handleiding Wanneer gebruik ik de component Accordeon?
Volgende Handleiding Hoe plaats ik een mededeling?