Blocos

Uma página é feita de blocos, um abaixo do outro. Aqui estão os 33 blocos do editor, na mesma ordem da barra lateral, com o que cada um faz.

Inserir e editar

Há três jeitos de colocar um bloco na página: arrastar da barra lateral, clicar no + que aparece entre dois blocos ao passar o mouse, ou usar o atalho abaixo, que abre uma busca por nome.

Ctrl + /
Inserir bloco depois de onde está o cursor.
Ctrl + Z
Desfazer. Dentro de um texto, desfaz a digitação; fora dele, desfaz a última ação no editor (o botão Desfazer da barra de cima faz o mesmo).
Ctrl + Shift + Z
Refazer. Também funciona com Ctrl + Y.
Esc
Fechar a busca de blocos ou a barra de categorias. Com um bloco selecionado, tira a seleção — o cursor volta para o bloco, para você continuar dali com o teclado.

Com um bloco selecionado — funcionam até com o cursor dentro do texto do bloco:

Ctrl + Shift + ↑ / ↓
Subir ou descer o bloco.
Ctrl + Shift + D
Duplicar o bloco.
Delete
Excluir o bloco, quando você não está digitando nele. Digitando, use Ctrl + Shift + Backspace. Excluiu sem querer? Ctrl + Z traz de volta.

No Mac, troque Ctrl por ⌘.

Passe o mouse sobre um bloco da barra lateral para ver a descrição dele no próprio editor.

Onde se edita cada coisa. O texto que aparece no bloco se edita direto nele: clique e escreva. Para negrito, itálico ou sublinhado, selecione o trecho — uma barra aparece. Cores, tamanhos, imagens e opções ficam no painel à direita, e o ? do painel abre as dicas do bloco que você está editando.

Todos os blocos

Textos

Tudo o que é escrito: títulos, parágrafos, listas, tabelas e caixas de destaque.

  • Cabeçalho

    Abertura da aula, com título e informações de apresentação.

  • Título

    Título de seção, para organizar o conteúdo.

  • Parágrafo

    Texto corrido, com formatação básica.

  • Lista

    Itens em tópicos, um abaixo do outro.

  • Tabela

    Informações organizadas em linhas e colunas.

  • Citação

    Trecho em destaque, com o nome de quem disse e foto opcional.

  • Código

    Trecho de código, com botão para copiar.

  • Destaque

    Caixa colorida para avisos, dicas ou pontos de atenção, com emoji ou imagem.

Multimídia

Imagem, vídeo, áudio, arquivos e links para fora — além de capas e divisores que organizam a página.

  • Imagem

    Imagem com texto alternativo, ajustável em tamanho e posição.

  • Vídeo

    Vídeo incorporado a partir de um link ou código de incorporação.

  • Áudio

    Player de áudio, do computador ou pelo endereço, com tema claro ou escuro.

  • Gráfico

    Gráfico para apresentar dados de forma visual.

  • Divisor

    Faixa que separa seções, com cor ou imagem.

  • Capa

    Imagem de abertura com título e subtítulo por cima.

Interativo

Conteúdo que o aluno explora clicando: abas, cartões, imagens com pontos e lupa, navegação entre páginas.

  • Sanfona só Arquivo

    Seções que abrem e fecham ao clicar.

  • Imagem interativa só Arquivo

    Imagem com pontos clicáveis que revelam informações.

  • Galeria de imagens só Arquivo

    Sequência de imagens com navegação.

  • Imagem com lupa só Arquivo

    Imagem com lupa para ver detalhes.

  • Cartões

    Cartões que viram para mostrar o verso.

  • Abas

    Conteúdo dividido em abas, uma visível por vez.

  • Sumário

    Lista das páginas do projeto, com links para cada uma.

  • Navegador

    Botões de página anterior e próxima, com barra de progresso.

Colunas

Estruturas prontas para colocar conteúdos lado a lado. Cada espaço recebe texto ou imagem.

  • 2 colunas

    Duas colunas lado a lado.

  • 3 colunas

    Três colunas lado a lado.

  • Grade 2×2

    Quatro espaços em grade 2×2.

  • Grade 3×2

    Seis espaços em grade 3×2.

  • 2 colunas + texto

    Duas colunas com espaço para imagem e texto.

  • 3 colunas + texto

    Três colunas com espaço para imagem e texto.

Atividades

Exercícios com correção na hora. No pacote SCORM, podem contar para a nota.

  • Quiz só Arquivo

    Pergunta com alternativas, imagem de apoio opcional e correção na hora. Pode contar para a nota do SCORM.

  • Classificar só Arquivo

    Arrastar palavras para duas categorias. Pode contar para a nota do SCORM.

Como usar cada bloco

O que vale a pena saber na hora de montar cada bloco. O botão ? no painel do editor abre direto o bloco que você está editando.

Textos

Cabeçalho

  • O título e o objetivo se editam direto no bloco. Para negrito, itálico ou sublinhado no objetivo, selecione o trecho.
  • Escreva o objetivo pelo lado do aluno: “Ao final desta aula, você vai…”.
  • O selo (por exemplo, “Unidade 2”) é opcional: em branco, ele não aparece.

Título

  • Use os níveis em ordem: H2 para as seções, H3 dentro delas, sem pular nível. É assim que o leitor de tela monta o índice da página.
  • Em geral, o nome da página já faz o papel de título principal (H1). Por isso o bloco começa em H2.

Parágrafo

  • Escreva direto no bloco. Selecione palavras para aparecer a barra de negrito, itálico e sublinhado.

Lista

  • Os itens se editam direto no bloco. Adicionar item e o × de cada item ficam no próprio bloco.
  • Numerada quando a ordem importa (passos, etapas); com marcadores quando não importa.

Tabela

  • A primeira linha é o cabeçalho: dê um nome a cada coluna. O leitor de tela lê esse nome junto com cada célula.
  • As células se editam direto no bloco; linhas e colunas, nos botões abaixo da tabela. Uma quebra de linha dentro da célula aparece no material.

Citação

  • A citação e a autoria se editam direto no bloco.
  • A imagem opcional aparece em círculo, acima da citação — bom lugar para o retrato de quem é citado. Esse retrato costuma ser decorativo, porque o nome já está na autoria.

Código

  • O código se edita direto no bloco. O aluno tem um botão para copiar.
  • Se a linguagem não estiver na lista, escolha Outra… e escreva o nome.

Destaque

  • Use com moderação: se tudo é destaque, nada se destaca.
  • A cor do texto se ajusta sozinha à cor de fundo, para manter a leitura.
  • A fonte, se preenchida, aparece como “Fonte: …” abaixo do texto.
  • Um ícone ao lado do texto costuma ser decorativo.

Multimídia

Imagem

  • A legenda é para todos; o texto alternativo, para quem não vê a imagem. Não repita um no outro.
  • Com Altura automática, a imagem aparece inteira. Desmarcando, você escolhe a altura e a parte da imagem que aparece (Posição da imagem). A imagem original não é cortada.
  • Permitir ampliar abre a imagem em tamanho maior quando o aluno clica nela.

Vídeo

  • Aceita o link ou o código de incorporar do YouTube, Vimeo, Google Drive e Loom.
  • Prefira vídeos com legendas: quem não ouve depende delas.
  • O título é opcional e aparece acima do vídeo.

Áudio

  • MP3, OGG, WAV ou M4A. Do computador, até 10 MB. Pelo endereço, ele precisa abrir sem login.
  • Ofereça a transcrição num texto ou num arquivo: quem não ouve depende dela.
  • O título aparece acima do player. Diga do que se trata, para o aluno decidir se ouve agora ou depois.
  • Tocar, pausar e volume funcionam sempre. A onda animada fica parada quando o material é colado direto, porque o Moodle remove o JavaScript.

Gráfico

  • Os valores são porcentagens: a soma vai até 100.
  • Diga no texto da página o que o gráfico mostra. Quem não vê o gráfico precisa dessa conclusão.

Divisor

  • Sem título, some também a camada de cor sobre a imagem.
  • Em Posição da imagem, escolha a parte da imagem que aparece na faixa.

Capa

  • O título e o subtítulo se editam direto no bloco, sobre a imagem.
  • O tracejado sobre a imagem marca a área que aparece em qualquer tela, do celular ao monitor grande. Deixe ali rostos e textos; fora dele, o corte muda com a tela.
  • A Capa começa colada no topo da página. Para um respiro antes dela, aumente o espaçamento superior.

Interativo

Sanfona

  • Escreva títulos que digam o que há dentro: o aluno decide o que abrir pelo título.
  • Bom para consulta (perguntas frequentes, detalhes, exemplos extras). O que todo aluno precisa ler não deve ficar escondido.
  • Para editar o texto de um item, clique no título para abri-lo e escreva direto no bloco.

Imagem interativa

  • Ligue o modo edição: clique na imagem para criar um ponto e arraste para mover.
  • Use poucos pontos, cada um explicando uma parte da imagem.
  • No texto alternativo, descreva a imagem como um todo. O que cada ponto explica vai no próprio ponto.

Galeria de imagens

  • Cada imagem tem o próprio texto alternativo e a própria legenda.
  • Em Posição da imagem, escolha a parte da imagem que aparece no quadro.

Imagem com lupa

  • Use quando o detalhe importa: um mapa, uma obra, um diagrama.
  • No texto alternativo, diga também o detalhe que o aluno deveria notar com a lupa.

Cartões

  • Na frente, um termo ou uma pergunta; no verso, a resposta. O aluno tenta lembrar antes de virar.
  • A etiqueta aparece nos dois lados do cartão. Útil para agrupar por tema.
  • A cor do texto do verso se ajusta ao fundo. Escolher uma cor desliga o ajuste.
  • A altura é a mínima: o cartão cresce se o conteúdo precisar.

Abas

  • Use nomes curtos e do mesmo tipo: as abas ficam lado a lado.
  • O texto de cada aba se edita direto no bloco. Sem imagem, o quadro da imagem não aparece; a altura das imagens vale para todas as abas.
  • Como na Sanfona, o que todo aluno precisa ler não deve ficar escondido numa aba.

Sumário

  • A lista é feita com o nome de cada página. Para mudar um item, renomeie a página (clique duplo na aba, acima do palco).
  • O título do bloco se edita direto nele.

Navegador

  • “Anterior” some na primeira página e “Próxima”, na última. A barra de progresso some num projeto de uma página só.
  • Os rótulos são opcionais: em branco, aparece o nome da página vizinha.

Colunas

Colunas e grades

  • Cada espaço recebe texto ou imagem. O texto se edita direto no bloco.
  • No celular, as colunas ficam uma embaixo da outra.
  • No Moodle, o bloco pode ficar um pouco mais largo que a página, conforme o tema.

Atividades

Quiz

  • Escreva a explicação: ela aparece quando o aluno clica em “Ver Resposta”, e é ali que o erro vira aprendizagem. Diga por que a alternativa certa está certa e, se ajudar, por que as outras não estão.
  • Única: marcar uma alternativa desmarca as outras. Múltipla: o aluno marca várias antes de ver a resposta.
  • Na imagem de apoio, o texto alternativo descreve o que o aluno precisa ver para responder, sem dar a resposta.
  • Contar para a nota só tem efeito no pacote SCORM: a atividade entra na nota que ele envia ao Moodle.

Classificar

  • Escreva as palavras de cada categoria separadas por vírgula ou uma por linha. O aluno as vê embaralhadas e arrasta cada uma para a caixa certa.
  • Arrastar é mais fácil com mouse; no celular e no tablet, prefira poucas palavras.
  • Contar para a nota só tem efeito no pacote SCORM.

Texto alternativo

É a descrição que o leitor de tela lê para quem não enxerga a imagem. Toda imagem que traz informação precisa de uma. Ao exportar, o editor lista as imagens sem descrição e leva você até cada uma.

Como escrever. Diga o que a imagem mostra e o que importa nela para esta aula. A mesma foto de uma floresta pede descrições diferentes numa aula de biologia e numa de geografia. Seja breve: uma ou duas frases costumam bastar. Não comece com “Imagem de…” — o leitor de tela já avisa que é uma imagem.

Exemplos. “Gráfico de barras com as vendas de 2024 por região: o Sudeste lidera, com o dobro do Norte.” “Mapa do Brasil com as capitais destacadas.” “Paulo Freire sorrindo, diante de uma estante de livros.”

Imagem decorativa. Marque quando a imagem é só enfeite e não traz informação: uma textura, um ornamento, um ícone ao lado de um texto que já diz tudo. O leitor de tela passa por ela em silêncio. Na dúvida, descreva.

Legenda não é texto alternativo. A legenda aparece para todos; o texto alternativo, só para quem não vê a imagem. Não repita um no outro.

Em atividades, como o Quiz, descreva o que o aluno precisa ver para responder — dados, rótulos, a parte que a pergunta cita —, mas nunca escreva a resposta nem dê pistas que a imagem não dá.

Trocou a imagem? Descreva de novo. A descrição anterior é apagada, porque falava de outra imagem. Uma descrição errada é pior que nenhuma: o aluno ouviria algo que não está na tela. Se você só reaplicar o mesmo endereço, a descrição fica.

Imagens, arquivos e endereços

Todo bloco que recebe imagem, arquivo ou áudio funciona do mesmo jeito. Há duas formas de trazer o conteúdo, e o bloco usa uma de cada vez: a última escolhida substitui a anterior.

Do computador

É o caminho principal. Clique em Selecionar do computador. O arquivo fica guardado neste navegador, sem passar por nenhum servidor, e vai junto quando você baixa o projeto (.json) e quando exporta a aula. Áudio: até 10 MB. Arquivo: até 5 MB.

Pelo endereço

Abra a linha Usar um endereço da internet, cole o endereço (URL) e tecle Enter, clique em Aplicar ou simplesmente saia do campo. Mudou de ideia? Esc desfaz o que foi digitado.

Quando o endereço é a melhor escolha. Em projetos de Colar direto, a linha do endereço já vem aberta: uma imagem do computador entra no próprio texto da página e a deixa pesada, então prefira o endereço de uma imagem já publicada — por exemplo, uma que você já subiu no Moodle.

O endereço é conferido na hora. Se ele não servir — por exemplo, um código em vez de um endereço, ou uma imagem colada direto —, nada muda no bloco e o motivo aparece logo abaixo do campo, para você corrigir ali mesmo. Se faltar o https://, ele é acrescentado sozinho.

A imagem não apareceu? O erro mais comum é copiar o endereço da página onde a imagem está, e não o da imagem. No navegador, clique na imagem com o botão direito e escolha Copiar endereço da imagem. Links de compartilhamento do Google Drive também abrem uma página, não a imagem — nesse caso, baixe a imagem e use Selecionar do computador.

Descreva cada imagem. Depois de escolher uma imagem, o cursor vai sozinho para o campo Texto alternativo. Veja como escrever um bom texto alternativo.

No Vídeo, o campo aceita o link do vídeo (YouTube, Vimeo, Google Drive, Loom) ou o código de incorporar que o site oferece em Compartilhar → Incorporar. Só o vídeo é guardado: se vier texto junto com o código, ele é descartado.

Para conferir um arquivo sem sair do editor, use o botão no painel: Testar arquivo (abre o endereço em nova aba) ou Baixar para conferir (arquivo do computador). No editor, clicar no card do arquivo ou do link só seleciona o bloco; para o aluno, o card inteiro é clicável.

Texto dos campos do painel aparece exatamente como você digitou. Em alternativas, legendas, rótulos e tabelas, um x<y ou um <b> aparecem como texto. Para negrito, itálico e sublinhado, edite o texto direto no bloco e selecione o trecho.

Arquivo ou Colar direto

Blocos marcados com só Arquivo usam JavaScript para funcionar. Isso decide como a página pode ir para o Moodle:

Arquivo

Você envia o .html, o .zip ou o pacote SCORM. Todos os blocos funcionam.

Colar direto

Você cola o conteúdo numa Página, Lição ou Livro do Moodle. O Moodle remove o JavaScript, então os blocos “só Arquivo” ficam desabilitados na barra.

O modo é escolhido ao criar o projeto e pode ser trocado depois, em Configurações do projeto. Na dúvida, use Arquivo.