Sobre

O conteúdo HTML avulso permite publicar experiências interativas desenvolvidas em HTML diretamente na plataforma, sem a necessidade de convertê-las para outros formatos, como PDF ou SCORM.

Essa funcionalidade é ideal para criar landing pages, apresentações, simuladores, calculadoras, experiências desenvolvidas com IA, conteúdos interativos e qualquer outro material baseado em HTML.

Além disso, é possível definir se o conteúdo será exibido em tela cheia, proporcionando uma experiência mais imersiva para os usuários.

💡 Dica: essa funcionalidade é indicada para quem deseja criar experiências personalizadas utilizando HTML, CSS e JavaScript, mantendo todo o consumo dentro da plataforma.

Quando utilizar um conteúdo HTML avulso

Utilize esse recurso quando desejar:

• publicar uma página HTML independente;

• disponibilizar experiências interativas;

• criar ferramentas internas para seus usuários;

• disponibilizar apresentações em HTML;

• substituir conteúdos estáticos por experiências mais dinâmicas.

Passo a passo

1º passo: acesse o Menu lateral, clique em "Meu Conteúdo" e em seguida "Biblioteca"

2º passo: clique em "+ novo conteúdo" no canto superior direito, em seguida clique em "Conteúdo HTML5"

3º passo: preencha as informações do conteúdo:

• título;

• grupo, subgrupo e especialidade;

• descrição;

• conteúdo ou arquivo HTML;

• capa (caso a chave "mostrar no catálogo" seja habilitada, será necessário incluir uma capa).

Como adicionar o conteúdo HTML

Opção 1: Colar o código HTML

Cole diretamente o código HTML no editor disponível.

Essa opção é recomendada para conteúdos menores ou desenvolvidos manualmente.

Opção 2: Enviar um arquivo HTML

Caso o conteúdo já esteja pronto, clique na opção para selecionar um arquivo e envie o arquivo com extensão .html.

Essa opção é recomendada para páginas completas ou experiências desenvolvidas em ferramentas externas.

Boas práticas

Utilize HTML responsivo

• Desenvolva conteúdos adaptados para diferentes tamanhos de tela.

Teste antes de publicar

• Valide o funcionamento do conteúdo em diferentes navegadores e dispositivos.

Organize os arquivos

• Caso utilize arquivos externos (CSS, JavaScript ou imagens), verifique se todos os recursos estão disponíveis e funcionando corretamente.

Utilize tela cheia quando fizer sentido

• Experiências interativas costumam oferecer uma navegação melhor quando exibidas em tela cheia.

Informações importantes

❗O conteúdo HTML segue as mesmas regras de acesso dos demais conteúdos da plataforma.

❗É possível controlar a exibição no catálogo, disponibilidade e demais configurações normalmente.

❗A opção Abrir em tela cheia altera apenas a forma de exibição do conteúdo, sem modificar suas regras de acesso.

Pronto! Agora você já sabe como criar um conteúdo HTML avulso e disponibilizar experiências interativas diretamente na plataforma, utilizando páginas HTML personalizadas e escolhendo a melhor forma de exibição para seus usuários.