❗️NOTÍCIA IMPORTANTE: Agora lançamos novos modelos HTML versão 5.0! 🎉Saiba mais sobre esta atualização em nosso Artigo HTML Templates Versão 5.0, onde você também poderá acessar o download gratuito e um link para navegar pelos novos modelos no Centro de aprendizagem.
Crie uma aparência excelente, responsiva, acessível e agora interativo Páginas de tópicos de conteúdo usando os layouts de página fornecidos no pacote de modelos anexado. Os layouts amigáveis para instrutores incluídos são projetados para serem editados usando o Editor de HTML no Ambiente de Aprendizagem.
Para começar:
1) Baixe o pacote de modelos Brightspace_HTML_Template_v3.zip
2) Siga o documento de instruções passo a passo dentro da embalagem Brightspace_HTML_Template_Guide_v3.0. docx
*Observe que pode ser útil fazer upload dos modelos em um módulo ou unidade definido para rascunho para os instrutores, para ajudá-los a adicionar elementos às páginas que estão criando. Os instrutores e administradores do Brightspace também podem usar os recursos pré-carregados no Centro de aprendizagem (em uma guia ou monitor do navegador) e acessar os botões de cópia de código desse ambiente e colar esse código interativo na página que estão criando (em outra guia ou monitor do navegador).
Importar modelos HTML versão 3.0
Editar e adicionar elementos dinâmicos usando modelos HTML versão 3.0
Problemas conhecidos
- No momento, esses modelos não são recomendados para material de aprendizagem destinado à impressão e salvamento fora do ambiente de aprendizagem.
- Para criar um backup do curso ou manter uma cópia do curso para seus próprios registros, é recomendável armazenar os modelos HTML no nível do curso e usar a ferramenta Importar/Exportar/Copiar componentes para exportar o pacote do curso e "incluir arquivos do curso no pacote de exportação", bem como "Todos os itens" em "Aparência do curso".
- Recomendamos adicionar imagens a uma página de modelo usando os botões "Inserir imagem" ou "Inserir coisas" no Editor de HTML. Isso facilita a adição de seu texto alternativo. Se você colar uma imagem dentro do modelo, não será solicitado a adicionar o texto alternativo até executar o verificador de acessibilidade.
- Ao adicionar modelos para uso na Nova experiência de conteúdo/lições, é recomendável digitar o caminho do arquivo para os modelos no valor do navegador da variável de configuração (etapa 2, #5 no Brightspace_HTML_Template_Guide) copiar e colar o caminho do arquivo pode levar a problemas de formatação que impedirão o acesso fácil aos modelos de dentro de um curso.
Para clientes que usam o exemplo Modelos HTML v3.0: Palestra em vídeo página: Esteja ciente de que, após a atualização de 23.20.03, os vídeos hospedados na Biblioteca de mídia do Brightspace são responsivos automaticamente sem a necessidade de inserir vídeos nas seções de wrapper de vídeo. Para que os vídeos da Biblioteca de mídia do Brightspace sejam exibidos corretamente usando a página Modelos HTML v3.0 de amostra: Aula em vídeo, é necessária uma revisão CSS. As etapas são descritas abaixo.
Nota: Os clientes que usam os modelos HTML C+ ou não usam os modelos HTML personalizados não são afetados.
- Na pasta que contém sua cópia dos modelos HTML, vá para o _assets/css/ pasta
- Edite o custom.css arquivo. O arquivo pode ser editado:
- Diretamente no Gerenciar arquivos selecionando o menu suspenso e escolhendo Editar arquivo.
- Baixando, fazendo edições em um editor de código e recarregando o arquivo.
Adicione o seguinte snippet de código:
.video-wrapper iframe[src*="/d2l/wcs/mp/mediaplayer.d2l"] {
posição: relativa;
largura mínima: 100%;
Margem: Auto;
exibição: bloco;
}
.video-wrapper iframe[src*="/d2l/wcs/mp/mediaplayer.d2l"]:not([style]) {
largura máxima: 100%;
altura mínima: 340px;
}
.embed-responsive:has(iframe[src*="/d2l/wcs/mp/mediaplayer.d2l"])::before {
exibição: nenhuma;
}
Os vídeos da Biblioteca de mídia do Brightspace agora serão exibidos corretamente na seção de wrapper de vídeo fornecida.
Como eles se parecem?
Esta é apenas uma pequena amostra dos estilos de página que você obtém neste download gratuito!
Você pode ver uma versão em tempo real dos modelos no Brightspace.
Saiba mais sobre os modelos atualizados no Centro de aprendizagem
Pare no Centro de Aprendizagem para navegar pelos modelos.
Nota: O acesso ao Centro de aprendizagem é fornecido aos instrutores e administradores que estão usando o Brightspace no momento. Você deve estar conectado à Comunidade com o endereço de e-mail da sua Escola ou Organização para verificar seu acesso ao conteúdo freemium e premium do Centro de Aprendizagem.
Nome do arquivo:
Brightspace_HTML_Template_v3.zip
Data de publicação: Maio de 2020
Descrição: Este modelo foi projetado para ajudar não desenvolvedores a criar páginas de conteúdo responsivas, acessíveis e interativas usando o Editor HTML do Brightspace (editor WYSIWYG). Esta versão agora inclui:
- Elementos interativos, incluindo acordeões e tablaturas
- Estilos de página de amostra atualizados
- Instruções de instalação do modelo agora localizadas fora do pacote zip
- Recursos adicionais no Centro de aprendizagem, incluindo novos botões Copiar código para facilitar a cópia e colagem de elementos
Versão anterior 2.0
Nome do arquivo:
Daylight_HTML_Template_v2.zip
Data de publicação: Maio de 2018
Descrição: Este modelo foi projetado para ajudar não desenvolvedores a criar páginas de conteúdo limpas, funcionais e profissionais usando o Editor HTML do Brightspace (editor WYSIWYG). As páginas com modelo são totalmente responsivas e acessíveis. Além disso, nesta versão:
- Uma estrutura de arquivo simplificada facilita a configuração do modelo
- CSS aprimorado facilita a edição de conteúdo
- Layouts de coluna única simplificam a edição de páginas
- O conteúdo de exemplo do modelo agora contém instruções e práticas recomendadas para orientar os usuários
Cliente em destaque
Em nossa Fusão Virtual em dezembro de 2020, 2 super-heróis do Brightspace se juntaram a nós que compartilharam suas experiências usando modelos HTML em seus locais de aprendizado.
Acesse os modelos personalizados usados no Minnesota State College Southeast e generosamente contribuído por John Bayerl, ex-Diretor de Excelência em Ensino do Minnesota State College Southeast
Assista à apresentação gravada do Fusion para saber mais sobre o uso de modelos HTML de John Bayerl, do Minnesota State College Southeast, e Jeff Cummings, do Conselho Escolar do Distrito Católico de Wellington, em Ontário.
Acesse o curso
📝 Você deve ser um cliente Brightspace e conectado ao novo Logon único para Comunidade para acessar este recurso
Idiomas disponíveis: Inglês
Feedback e suporte
Embora esperemos fazer melhorias adicionais no HTML Template V3 no futuro, neste momento a D2L não está comprometida em apoiá-lo ou mantê-lo. No entanto, agradecemos seus comentários e encorajamos você a compartilhar dicas, truques, extensões, etc., com seus colegas membros da comunidade!
