O Editor-HTML

O Editor-HTML

Ficha Técnica

Título O Editor-HTML
Autor Athail Rangel Pulino Filho
Copyright Creative Commons
Edição Julho 2007

Athail Rangel Pulino 2

 O Editor-HTML

Índice

Introdução 4

A barra de ferramentas 4

Alteração do texto 4

Formatação de texto 5

Inserir hiperligações 6

Inserir uma imagem 7

Inserir uma tabela 8

Outras funcionalidades 10

Athail Rangel Pulino 3

 O Editor-HTML

Introdução
Moodle disponibiliza um Editor-HTML, o qual é utilizado na criação de atividades (por
exemplo no sumário e na descrição), mas também na edição de texto necessária, por
exemplo, na redação dos tópicos de discussão. As funcionalidades deste editor são
idênticas às de outros programas de tratamento de texto como seja o Microsoft-Word.

A barra de ferramentas
A figura 1 mostra a barra de ferramentas do Editor-HTML do Moodle.

Figura 1- Barra de Ferramentas do Editor-HTML

Alteração do texto
Os ícones da barra de ferramentas que permitem a alteração podem ser vistos na
Tabela 1.

Copiar elemento selecionado

Cortar elemento selecionado

Colar

Limpar o HTML do Word

Cancelar a última ação

Repetir a última ação

Tabela 1 – Ícones de alteração

Athail Rangel Pulino 4

 O Editor-HTML

Formatação de texto
Na Figura 2 são salientados os ícones que possibilitam a formatação de texto.

Figura 2 – Formatação de texto

O texto a ser formatado tem que ser selecionado e depois escolhida a formatação
desejada consoante o significado apresentado na tabela 2.

Negrito

Itálico

Sublinhar

Riscado

Índice

Expoente

Alinhar texto à esquerda

Centralizar texto

Alinhar texto à direita

Justificar o texto

Escrever da esquerda para a direita

Escrever da direita para a esquerda

Listas numeradas

Lista com marcadores

Reduzir distância da margem (identação)

Aumentar distância da margem (identação)

Cor das letras

Cor do fundo

Inserir uma linha horizontal

Tabela 2 – Formatação de Texto no Editor-HTML

Athail Rangel Pulino 5

 O Editor-HTML

Inserir hiperligações
Na figura 3 são salientados os ícones de edição de hiperligações.

Figura 3 – Edição de hiperligações

Aos ícones de edição de hiperligações correspondem as funções enunciadas na Tabela 3.

Criar uma âncora

Inserir link web

Remover link

Evitar link automático

Tabela 3 – Edição de hiperligações

A criação de um link é explicada na figura 4.

Figura 4 – Inserir um link

Athail Rangel Pulino 6

 O Editor-HTML

Tenha em consideração as seguintes observações:

€ A destinação deverá ser "Nova janela" no caso de se tratar de um link para um

site ou um arquivo do curso ou "Mesmo frame" tratando-se de um link para uma
ancora.

€ Os alunos não vêm o botão "Procurar", sendo assim impedida uma ligação a um
arquivo gravado no curso.

Inserir uma imagem

Uma imagem pode ser inserida clicando em da barra de ferramentas do Editor-HTML.
Siga os passos descritos no seguinte figura.

Figura 5 – Inserir uma imagem

Athail Rangel Pulino 7

 O Editor-HTML

Tenha em consideração as seguintes observações:

€ Os participantes do curso não têm acesso à lista de imagens do curso, podem

somente fazer um "hotlink" a imagens que se encontram na internet (copiando o
endereço URL da imagem).

€ Se um participante desejar adicionar uma imagem a uma mensagem no fórum ou

no glossário, esta tem que ser anexa. Esta imagem será automaticamente
mostrada dentro da mensagem do fórum.

€ É obrigatório definir um texto alternativo à imagem, pois esse fato torna o

material acessível a deficientes.

Inserir uma tabela

Uma tabela pode ser inserida no Editor-HTML do Moodle clicando em , posto que
surge a janela "Inserir tabela" (Figura 6).

Figura 6 – Janela "Inserir tabela"

Em Linhas e Cols define-se o número de linhas e colunas (Cols) que a tabela deve ter.

A largura da tabela que pode ser expressa em porcentagem da largura da janela ou em

pixels.

A configuração do alinhamento da tabela (esquerdo, direito, topo do texto, centro, etc.)

e a espessura das bordas da tabela define-se na área Layout.

Ao clicar no símbolo abre-se uma nova janela, na qual é adicionada uma terceira
linha à barra de ferramentas do Editor-HTML (Figura 6) com o significado na Tabela 4.

Athail Rangel Pulino 8

 O Editor-HTML

Figura 7

Propriedades da tabela

Propriedades da linha

Inserir linha acima da atual posição do cursor

Inserir linha abaixo da atual posição do cursor

Remover linha na qual se encontra o cursor

Dividir linha

Inserir coluna acima da atual posição do cursor

Inserir coluna abaixo da atual posição do cursor

Remover coluna na qual se encontra o cursor

Dividir coluna

Propriedades da célula

Inserir célula antes da atual

Inserir célula depois da atual

Remover célula atual

Juntar células selecionadas

Dividir célula

Tabela 4 – Linha suplementar da Barra de Ferramentas

Athail Rangel Pulino 9

 O Editor-HTML

Outras funcionalidades

Inserir emoticons

Inserir caracteres especiais

Procurar e substituir texto

Passar ao código HTML

Aumentar/Diminuir a janela do Editor-HTML

Observação: Na janela expandida, são adicionados alguns símbolos para a

edição de tabelas.

Tabela 5 – Outras funcionalidades do Editor-HTML

Athail Rangel Pulino 10