Capítulo 18 - Modelos de Rótulos HTML para o Moodle

Capítulo 18 – Modelos de Rótulos HTML para o Moodle

Manual AVA Moodle IFMT • CREaD

Manual do Docente

O Moodle permite utilizar rótulos com HTML para organizar visualmente os conteúdos da disciplina. Esses rótulos funcionam como marcadores visuais que ajudam os estudantes a identificar rapidamente o tipo de material disponível, como videoaulas, fóruns, atividades avaliativas ou materiais de leitura.

Nos exemplos a seguir são apresentados diferentes modelos de rótulos que podem ser utilizados nas disciplinas. Cada exemplo apresenta o resultado visual e o código HTML correspondente.

Exemplo 1 — Podcast da unidade

Resultado visual

🎧 Podcast da unidade — o episódio está logo abaixo

html 📋
<div style="font-family:'Segoe UI', Arial, Helvetica, sans-serif; max-width:520px; margin:10px 0;"> <div style="background:#f6f4ff;border-left:4px solid #7048e8;padding:6px 14px;border-radius:999px;font-size:0.9em;"> <strong style="color:#7048e8;">🎧 Podcast da unidade</strong> — o episódio está logo abaixo </div> </div>

Exemplo 2 — Fórum de dúvidas

Resultado visual

💬 Fórum de dúvidas — o fórum está logo abaixo

Exemplo 3 — Avaliação

🧪 Avaliação — a avaliação está logo abaixo

Exemplo 4 — Atividade de casa

🏠 Atividade de casa — a atividade está logo abaixo

Exemplo 5 — Prática em laboratório

💻 Prática em laboratório — os arquivos estão logo abaixo

Exemplo 6 — Videoaulas

🎥 Videoaulas — os vídeos estão logo abaixo

Exemplo 7 — Leitura obrigatória

📖 Leitura obrigatória — o material está logo abaixo

Exemplo 8 — Material complementar

📚 Material complementar — os materiais estão logo abaixo

Exemplo 9 — Aviso importante

⚠️ Aviso importante — leia atentamente as orientações abaixo

Exemplo 10 — Estudo dirigido

🧠 Estudo dirigido — a atividade está logo abaixo

CREaD • Instituto Federal de Mato Grosso • 2026 • Manual do Docente – AVA Moodle