❗️BELANGRIJKE MEDEDELING: We hebben nu gloednieuwe HTML-sjablonen versie 5.0 uitgebracht! 🎉Meer informatie over deze update vindt u in onze HTML-sjablonen versie 5.0 artikel, waar je ook toegang hebt tot de gratis download en een link om door de nieuwe sjablonen in het Informatiecentrum te bladeren.
Creëer geweldig uitziende, responsieve, toegankelijke en nu interactief Pagina's met inhoudsonderwerpen met behulp van de paginalay-outs in het bijgevoegde sjabloonpakket. De meegeleverde instructeursvriendelijke lay-outs zijn ontworpen om te worden bewerkt met behulp van de HTML-editor in de leeromgeving.
Ga als volgt te werk:
1) Download het sjabloonpakket Brightspace_HTML_Template_v3.zip
2) Volg het stap-voor-stap instructiedocument in de verpakking Brightspace_HTML_Template_Guide_v3.0. docx
*Let op: het kan handig zijn om de sjablonen te uploaden in een module of eenheid die is ingesteld op concept voor instructeurs, om hen te helpen elementen toe te voegen aan de pagina's die ze aan het bouwen zijn. Brightspace-docenten en -beheerders kunnen ook gebruikmaken van de vooraf geladen bronnen in het Informatiecentrum (op één browsertabblad of monitor) en toegang krijgen tot de knoppen voor het kopiëren van code vanuit die omgeving en deze interactieve code plakken in de pagina die ze maken (in een ander browsertabblad of beeldscherm).
HTML-sjablonen importeren versie 3.0
Dynamische elementen bewerken en toevoegen met behulp van HTML-sjablonen versie 3.0
Bekende problemen
- Deze sjablonen worden op dit moment niet aanbevolen voor leermateriaal dat bedoeld is om buiten de leeromgeving te printen en op te slaan.
- Als u een back-up van een cursus wilt maken of een kopie van de cursus wilt bewaren voor uw eigen administratie, is het raadzaam om de HTML-sjablonen op cursusniveau op te slaan en de tool Componenten importeren/exporteren/kopiëren te gebruiken om het cursuspakket te exporteren en "cursusbestanden op te nemen in het exportpakket", evenals "Alle items" onder "Cursusweergave".
- We raden aan om afbeeldingen toe te voegen aan een sjabloonpagina met behulp van de knoppen "Afbeelding invoegen" of "Dingen invoegen" in de HTML-editor. Dit maakt het gemakkelijker om uw alternatieve tekst toe te voegen. Als u een afbeelding in de sjabloon plakt, wordt u pas gevraagd de alt-tekst toe te voegen als u de toegankelijkheidscontrole uitvoert.
- Bij het toevoegen van sjablonen voor gebruik in de Nieuwe inhoudservaring/lessen, is het aan te raden om het bestandspad voor de sjablonen in de browserwaarde van de configuratievariabele te typen (stap 2, #5 in de Brightspace_HTML_Template_Guide) het kopiëren en plakken van het bestandspad kan leiden tot opmaakproblemen die gemakkelijke toegang tot de sjablonen vanuit een cursus voorkomen.
Voor klanten die de steekproef gebruiken HTML v3.0-sjablonen: videocollege pagina: Houd er rekening mee dat na de update van 20.23.03 video's die worden gehost in de Brightspace-mediabibliotheek automatisch reageren zonder dat u video's hoeft in te voegen in de videowrapper-secties. Om video's in de Brightspace-mediabibliotheek correct weer te geven met behulp van de voorbeeldpagina HTML v3.0-sjablonen: videocollege, is een CSS-revisie vereist. De stappen worden hieronder beschreven.
Notitie: Dit heeft geen invloed op klanten die de C+ HTML-sjablonen gebruiken of de aangepaste HTML-sjablonen niet gebruiken.
- Ga in de map met uw kopie van de HTML-sjablonen naar de _assets/css/ map
- Bewerk de custom.css bestand. Het bestand kan worden bewerkt:
- Direct in de Bestanden beheren weergave door het vervolgkeuzemenu te selecteren en te kiezen voor Bestand bewerken.
- Door het bestand te downloaden, te bewerken in een code-editor en opnieuw te uploaden.
Voeg het volgende codefragment toe:
.video-wrapper iframe[src*="/d2l/wcs/mp/mediaplayer.d2l"] {
positie: relatief;
min-breedte: 100%;
marge: automatisch;
Weergave: Blokkeren;
}
.video-wrapper iframe[src*="/d2l/wcs/mp/mediaplayer.d2l"]:not([stijl]) {
Max-breedte: 100%;
Min-hoogte: 340px;
}
.embed-responsive:has(iframe[src*="/d2l/wcs/mp/mediaplayer.d2l"])::before {
Display: Geen;
}
Video's uit de Brightspace-mediabibliotheek worden nu correct weergegeven in het meegeleverde gedeelte met de videowrapper.
Hoe zien ze eruit?
Dit is slechts een klein voorbeeld van de paginastijlen die u in deze gratis download krijgt!
Je kunt een live versie van de sjablonen zien in Brightspace.
Meer informatie over de bijgewerkte sjablonen in het Informatiecentrum
Stop op bij de Leercentrum om door de sjablonen te bladeren.
Notitie: Toegang tot het Informatiecentrum is beschikbaar voor cursusleiders en beheerders die momenteel Brightspace gebruiken. Je moet zijn aangemeld bij de community met het e-mailadres van je school of organisatie om je toegang tot freemium- en premium Learning Center-content te verifiëren.
Bestandsnaam:
Brightspace_HTML_Template_v3.zip
Publicatiedatum: mei 2020
Beschrijving: Deze sjabloon is ontworpen om niet-ontwikkelaars te helpen bij het maken van responsieve, toegankelijke en interactieve inhoudspagina's met behulp van de Brightspace HTML-editor (WYSIWYG-editor). Deze versie bevat nu:
- Interactieve elementen, waaronder accordeons en tabbladen
- Bijgewerkte voorbeeldpaginastijlen
- Instructies voor sjablooninstallatie bevinden zich nu buiten het zip-pakket
- Extra bronnen in het Informatiecentrum, waaronder nieuwe knoppen voor het kopiëren van code om het gemakkelijker te maken om elementen te kopiëren en te plakken
Vorige versie 2.0
Bestandsnaam:
Daylight_HTML_Template_v2.zip
Publicatiedatum: mei 2018
Beschrijving: Deze sjabloon is ontworpen om niet-ontwikkelaars te helpen bij het maken van schone, functionele en professionele inhoudspagina's met behulp van de Brightspace HTML-editor (WYSIWYG-editor). De sjabloonpagina's zijn volledig responsief en toegankelijk. Bovendien, in deze versie:
- Een vereenvoudigde bestandsstructuur maakt het instellen van sjablonen eenvoudiger
- Verbeterde CSS maakt het bewerken van inhoud eenvoudiger
- Lay-outs met één kolom vereenvoudigen het bewerken van pagina's
- De voorbeeldinhoud van een sjabloon bevat nu instructies en aanbevolen procedures om gebruikers te begeleiden
Klant in de schijnwerpers
Tijdens onze Virtual Fusion in december 2020 werden we vergezeld door 2 Brightspace-superhelden die deelden over hun ervaringen met het gebruik van HTML-sjablonen op hun leerlocaties.
Toegang tot de aangepaste sjablonen die worden gebruikt in Minnesota State College Southeast en genereus bijgedragen door John Bayerl, de voormalige directeur van Teaching Excellence aan het Minnesota State College Southeast
Bekijk de opgenomen Fusion-presentatie om meer te horen over het gebruik van HTML-sjablonen van John Bayerl van Minnesota State College Southeast en Jeff Cummings van Wellington Catholic District School Board in Ontario.
Toegang tot de cursus
📝 Je moet een Brightspace-klant zijn en aangemeld bij de nieuwe Single Sign On voor Community Om toegang te krijgen tot deze bron
Beschikbare talen: Engels
Feedback en ondersteuning
Hoewel we hopen in de toekomst aanvullende verbeteringen aan te brengen in HTML-sjabloon V3, is D2L op dit moment niet toegewijd aan het ondersteunen of onderhouden ervan. Desalniettemin verwelkomen we uw feedback en moedigen we u aan om tips, trucs, uitbreidingen, enz. te delen met uw mede-communityleden!
