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

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 fóruns, atividades, materiais de leitura, videoaulas e avaliações.

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

Exemplo 1 — Podcast da unidade

Resultado visual

Código 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

Código HTML

<div style="font-family:'Segoe UI', Arial, Helvetica, sans-serif; max-width:520px; margin:10px 0;">
<div style="background:#f9f9f9;border-left:4px solid #495057;padding:6px 14px;border-radius:999px;font-size:0.9em;">
<strong style="color:#495057;">💬 Fórum de dúvidas</strong> — o fórum está logo abaixo
</div>
</div>

 

 

Exemplo 3 — Avaliação

Resultado visual

Código HTML

<div style="font-family:'Segoe UI', Arial, Helvetica, sans-serif; max-width:520px; margin:10px 0;">
<div style="background:#f8f7ff;border-left:4px solid #5f3dc4;padding:6px 14px;border-radius:999px;font-size:0.9em;">
<strong style="color:#5f3dc4;">🧪 Avaliação</strong> — a avaliação está logo abaixo
</div>
</div>

 

 

Exemplo 4 — Atividade de casa

 

 

Exemplo 5 — Prática em laboratório

 

 

Exemplo 6 — Videoaulas

 

 

Exemplo 7 — Leitura obrigatória

 

 

Exemplo 8 — Material complementar

 

 

Exemplo 9 — Aviso importante

 

 

Exemplo 10 — Estudo dirigido