❗️AVISO IMPORTANTE: ¡Ahora hemos lanzado la nueva versión 5.0 de las plantillas HTML! 🎉Obtenga más información sobre esta actualización en nuestra Artículo sobre plantillas HTML versión 5.0, donde también podrás acceder a la descarga gratuita y a un enlace para navegar por las nuevas plantillas en el Centro de Aprendizaje.
Cree productos atractivos, receptivos, accesibles y ahora interactivo Páginas de temas de contenido utilizando los diseños de página proporcionados en el paquete de plantillas adjunto. Los diseños incluidos para el instructor están diseñados para ser editados con el editor HTML en el entorno de aprendizaje.
Para empezar:
1) Descargue el paquete de plantillas Brightspace_HTML_Template_v3.zip
2) Siga el documento de instrucciones paso a paso dentro del paquete Brightspace_HTML_Template_Guide_v3.0. docx
* Tenga en cuenta que puede ser útil cargar las plantillas en un módulo o unidad que esté configurado como borrador para los instructores, para ayudarlos a agregar elementos a las páginas que están creando. Los instructores y administradores de Brightspace también pueden usar los recursos precargados en el Centro de aprendizaje (en una pestaña o monitor del navegador) y acceder a los botones de copiar código desde ese entorno y pegar este código interactivo en la página que están creando (en otra pestaña o monitor del navegador).
Importar plantillas HTML versión 3.0
Editar y agregar elementos dinámicos usando plantillas HTML versión 3.0
Problemas conocidos
- Actualmente, estas plantillas no se recomiendan para el material de aprendizaje destinado a imprimirse y guardarse fuera del entorno de aprendizaje.
- Para crear una copia de seguridad del curso o para guardar una copia del curso para sus propios registros, se recomienda almacenar las plantillas HTML en el nivel del curso y utilizar la herramienta Importar/Exportar/Copiar componentes para exportar el paquete del curso e "incluir archivos del curso en el paquete de exportación", así como "Todos los elementos" en "Apariencia del curso".
- Recomendamos agregar imágenes a una página de plantilla usando los botones "Insertar imagen" o "Insertar cosas" en el editor HTML. Esto hace que sea más fácil agregar su texto alternativo. Si pegas una imagen dentro de la plantilla, no se te pedirá que agregues el texto alternativo hasta que ejecutes el verificador de accesibilidad.
- Al agregar plantillas para su uso en la Nueva Experiencia de Contenido/Lecciones, se recomienda que escriba la ruta del archivo para las plantillas en el valor del navegador de la variable de configuración (paso 2, #5 en el Brightspace_HTML_Template_Guide) Copiar y pegar la ruta del archivo puede provocar problemas de formato que impedirán el fácil acceso a las plantillas desde dentro de un curso.
Para los clientes que utilizan la muestra Plantillas HTML v3.0: Videoconferencia página: Tenga en cuenta que después de la actualización 20.23.03, los videos alojados en la biblioteca de medios de Brightspace responden automáticamente sin tener que insertar videos en las secciones de envoltura de video. Para que los videos de la biblioteca multimedia de Brightspace se muestren correctamente con la página de ejemplo HTML v3.0 Templates: Video Lecture, se requiere una revisión de CSS. Los pasos se describen a continuación.
Nota: Los clientes que utilicen las plantillas HTML de C+ o que no utilicen las plantillas HTML personalizadas no se verán afectados.
- En la carpeta que contiene su copia de las plantillas HTML, vaya a la _assets/css/ carpeta
- Edite el archivo custom.css archivo. El archivo se puede editar:
- Directamente en el Administrar archivos vista seleccionando el menú desplegable y eligiendo Editar archivo.
- Descargando, editando en un editor de código y volviendo a cargar el archivo.
Agregue el siguiente fragmento de código:
.video-wrapper iframe[src*="/d2l/wcs/mp/mediaplayer.d2l"] {
posición: relativo;
ancho mínimo: 100%;
margen: automático;
Pantalla: bloque;
}
.video-wrapper iframe[src*="/d2l/wcs/mp/mediaplayer.d2l"]:not([style]) {
ancho máximo: 100%;
altura mínima: 340px;
}
.embed-responsive:has(iframe[src*="/d2l/wcs/mp/mediaplayer.d2l"])::before {
Pantalla: Ninguna;
}
Los videos de la biblioteca de medios de Brightspace ahora se mostrarán correctamente en la sección de envoltura de video proporcionada.
¿Qué aspecto tienen?
¡Esta es solo una pequeña muestra de los estilos de página que obtienes en esta descarga gratuita!
Puede ver una versión en vivo de las plantillas en Brightspace.
Más información sobre las plantillas actualizadas en el Centro de aprendizaje
Pasa por el Centro de Aprendizaje para navegar a través de las plantillas.
Nota: El acceso al Centro de Aprendizaje se proporciona a los instructores y administradores que actualmente utilizan Brightspace. Debes iniciar sesión en la Comunidad con la dirección de correo electrónico de tu escuela u organización para verificar tu acceso al contenido freemium y premium del Centro de Aprendizaje.
Nombre de archivo:
Brightspace_HTML_Template_v3.zip
Fecha de publicación: Mayo 2020
Descripción: Esta plantilla está diseñada para ayudar a los no desarrolladores a crear páginas de contenido receptivo, accesibles e interactivos utilizando el editor HTML de Brightspace (editor WYSIWYG). Esta versión ahora incluye:
- Elementos interactivos que incluyen acordeones y pestañas
- Estilos de página de muestra actualizados
- Las instrucciones de instalación de la plantilla ahora se encuentran fuera del paquete zip
- Recursos adicionales en el Centro de aprendizaje, incluidos los nuevos botones Copiar código para facilitar la copia y el pegado de elementos
Versión anterior 2.0
Nombre de archivo:
Daylight_HTML_Template_v2.zip
Fecha de publicación: Mayo 2018
Descripción: Esta plantilla está diseñada para ayudar a los no desarrolladores a crear páginas de contenido limpias, funcionales y profesionales utilizando el editor HTML de Brightspace (editor WYSIWYG). Las páginas con plantilla son totalmente responsivas y accesibles. Además, en esta versión:
- Una estructura de archivos simplificada facilita la configuración de la plantilla
- El CSS mejorado facilita la edición de contenido
- Los diseños de una sola columna simplifican la edición de páginas
- El contenido de muestra de la plantilla ahora contiene instrucciones y prácticas recomendadas para guiar a los usuarios
Cliente destacado
En nuestra fusión virtual en diciembre de 2020, nos acompañaron 2 superhéroes de Brightspace que compartieron sus experiencias con el uso de plantillas HTML en sus lugares de aprendizaje.
Acceda a las plantillas personalizadas utilizadas en Minnesota State College Southeast y generosamente contribuido por John Bayerl, ex Director de Excelencia Docente en Minnesota State College Southeast
Vea la presentación grabada de Fusion para escuchar más sobre el uso de plantillas HTML de John Bayerl de Minnesota State College Southeast y Jeff Cummings de la Junta Escolar del Distrito Católico de Wellington en Ontario.
Acceder al curso
📝 Debe ser cliente de Brightspace y inició sesión en el nuevo inicio de sesión único para la comunidad Para acceder a este recurso
Idiomas disponibles: Inglés
Comentarios y soporte
Aunque esperamos realizar mejoras adicionales en la plantilla HTML V3 en el futuro, en este momento D2L no se compromete a admitirla ni a mantenerla. Sin embargo, agradecemos tus comentarios y te animamos a compartir consejos, trucos, extensiones, etc., con tus compañeros de la comunidad.
