Vous êtes sur la page 1sur 7

Inserindo imagens e suas opções no modo administrador

Luı́s Cláudio Lopes de Araújo


UniCEUB - Centro Universitário de Brası́lia

24 de agosto de 2008

Resumo
Este é um documento que mostra como inserir imagens em textos usando o editor do Moodle quando
está no modo Administrador/Professor Tutor.

Há duas formas de se inserir uma imagem em um fórum, página web, blog ou qualquer ambiente em que
esteja presente o editor de texto do Moodle: usando uma imagem da Web ou subindo uma imagem que se
quer usar.

Usando uma imagem da Web


Inicialmente, busque a imagem que você quer inserir no texto. Usando um sistema de busca qualquer
(Cadê, Yahoo! Google, AltaVista etc) você localiza a imagem na Web e para acrescentá-la ao texto você
precisa de seu endereço na Web (veja figura seguinte). Copie este endereço.

Você precisa
deste endereço

Figura 1:

Alternativamente, se estiver usando o navegador Firefox (http://baixaki.ig.com.br/download/Mozilla-


Firefox.htm) mesmo sem estar diante de uma página como a mostrada na figura anterior, é possı́vel obter o
endereço da imagem. Para isto, clique com o botão do lado direito do mouse sobre a imagem e na janela que
aparecerá em Copiar endereço da imagem. Feito isto você também obteve o endereço.
No Internet Explorer (http://baixaki.ig.com.br/download/Internet-Explorer.htm) não há esta opção.
Para conseguir o endereço da imagem você deve clicar com o botão do lado direito sobre a mesma e posteri-
ormente em Propriedades. Uma nova janela aparecerá. Nesta janela há uma linha escrito: Endereço:(URL).
O endereço é o que está à direita: http://www... Veja uma ilustração na figura seguinte.
De posse deste endereço, vamos voltar ao Moodle e inserir esta imagem. Para tal clique na ferramenta
Inserir Imagem . Uma janela aparecerá como a mostrada na figura a seguir.

1
Figura 2:

Figura 3:

No campo URL da Imagem cole o endereço copiado anteriormente. Para isto basta clicar com o botão
do lado direito no campo e selecionar Colar ou então segurar a tecla Ctrl e apertar a tecla v (Ctrl+v). O
campo texto alternativo deve ser preenchido também. Este é o texto que aparece quando apenas pousa o
mouse sobre a figura. A tı́tulo de ilustração, escreva: Flor desenhada no CorelDraw. Feito isto, clique no
botão OK. Se tudo correu bem uma imagem aparecerá em seu editor.
Clique sobre a imagem. Aparecerá uma borda e seis pequenos quadrados. Se você clicar e arrastar qual-
quer um dos quadrados a imagem será redimensionada. Esta opção é útil quando se está com uma imagem
onde o tamanho não é o que quer. Exercite este redimensionamento. Note que os quadrados que estão no
canto mantém a proporção, ou seja, a nova imagem é uma redução ou ampliação da original. Lembre-se que
é possı́vel desfazer o que fez segurando a tecla Ctrl e apertando a tecla z (Ctrl+z).

2
Figura 4: Esta é a imagem da tela que aparece quando você clica na ferramenta Inserir imagem estando no
modo administrador.

Clique sobre a imagem e posteriormente aperte a tecla seta para direita (→). Escreva alguma coisa e veja
como o texto ficará em relação a imagem.

Figura 5:

Vejamos como podemos modificar a relação Texto/Imagem. Clique sobre a imagem e posteriormente na
ferramenta Inserir Imagem . A janela que usou para inserir a imagem reaparecerá. Note a existência de três
caixas: Layout, Distância e Tamanho (veja a próxima figura)
Da direita para esquerda:

3
Figura 6:

Tamanho Permite que você diga exatamente com que tamanho a imagem ficará (em pixels1 ). Não esqueça
que a imagem pode deformar (no sentido de não manter a proporção entre as medidas dos lados).
Experimente trocar o 300 que aparece na largura por 100 e clique em OK. Veja como a imagem ficou.

Distância Diz a que distância da imagem o texto deve ficar (em pixels). Experimente colocar 50 no campo
Horizontal e 70 no campo Vertical e clique em OK. Veja como o texto ficou em relação a figura. Entre
novamente no modo de edição (Clique na figura e ative a ferramenta Inserir imagem). Volte os campos
aos valores iniciais.

Layout No campo Espessura das bordas você pode colocar uma borda em sua figura com espessura indicada
no campo (em pixels). Experimente colocar a imagem com borda de tamanho 10 e clique em OK. Veja
o que houve com a imagem. Modifique este número para 1, 5 etc. Terminando a experiência, volte para
o número 0 (zero).
Com respeito a opção Alinhamento ela permite que você diga qual é a posição da imagem em relação
ao texto. O padrão é o texto não ficar em volta da figura. Para que o texto fique ao redor da imagem
selecione a opção direita (para a imagem ficar a direita do texto) ou esquerda (imagem à esquerda).

Figura 7:

Uma outra opção que pode usar é a Centro. Nesta, o texto inicia em uma linha aproximadamente
no ponto médio da altura e muda para debaixo da figura após o primeiro Enter. Essas três são as duas
opções mais usadas. Selecione a opção Direita e clique em OK. Deverá obter algo como mostra a figura
abaixo

Experimente agora modificar a posição da figura no texto. Da forma que está ela é o primeiro objeto. Vamos
colocá-la no meio do texto. Para isto você pode simplesmente clicar e arrastá-la ou, caso queira mais precisão,
clique sobre a figura, segure o Ctrl e aperte x (Ctrl+x), leve o cursor até onde quer que a figura apareça e
segure a tecla Ctrl e aperte v (Ctrl+v). O que observa? Algo semelhante ao que está abaixo?
1
Pixel (aglutinação de Picture e Element, ou seja, elemento de imagem, sendo Pix a abreviatura em inglês para Picture) é o
menor elemento num dispositivo de exibição (como por exemplo um monitor), ao qual é possı́vel atribuir-se uma cor. De uma
forma mais simples, um pixel é o menor ponto que forma uma imagem digital, sendo que o conjunto de milhares de pixels formam
a imagem inteira. Fonte:http://pt.wikipedia.org/wiki/Pixel

4
Figura 8:

Figura 9:

Exercı́cio

Explore o que aprendeu. Coloque moldura, modifique o espaçamento, o alin-


hamento e veja o que ocorre com sua figura. Finalize o exercı́cio clicando em Salvar
mudanças.

Subindo uma imagem

Usar imagem da Web pode ser interessante por não gastar espaço de seu servidor,
mas tem a desvantagem de depender que a imagem esteja lá disponı́vel. Se alguém
retirar a imagem para onde está apontando esta desaparece de seu texto. Sendo
assim, há uma forma de se colocar a imagem diretamente no servidor onde o Moodle

5
está instalado. Para tal é necessário que a imagem esteja em seu computador. Busque
pela imagem que deseja inserir e salve em sua máquina.

Aqui você visualiza os Aqui você vê a imagem


diretórios e arquivos que que foi selecionada.
estão à disposição no servidor.

Figura 10:

Clique na ferramenta Inserir imagem. Na janela que aparecerá você verá dois campos
como mostra a figura anterior. Após subir alguma imagem ou criar alguma pasta,
verá um ambiente bastante familiar. Na parte inferior há algumas opções que são
vistas em detalhes na figura a seguir.
Apaga arquivo selecionado
Mover arquivo selecionado para outra pasta
Compacta arquivo no formato *zip
Modifica o nome do arquivo

Envia a imagem selecionada.


Abre um navegador que permite encontrar
a imagem que quer subir para o servidor.
Cria uma pasta com o nome indicado

Figura 11:

Inicialmente, sugerimos que crie uma pasta para colocar figuras. Sendo assim, no
campo ao lado do botão Criar pasta, escreva (por exemplo) figuras e aperte o botão
ao lado. Uma pasta com esse nome será criada. Clique sobre a pasta e então estará
dentro da pasta para onde deverá ir a figura.
Estando dentro da pasta criada, poderá criar outras pastas, subir arquivos para
esta pasta ou retornar um nı́vel. Para esta última opção basta clicar na pastinha com
uma pequena seta preta para cima e dois pontos ao lado.

Exercı́cio
Volte um nı́vel, clique na caixa de seleção e logo após no botão Mudar o nome. Na
janela do Navegador de arquivos aparecerá a opção de edição. Modifique o nome

6
da pasta e clique no botão Renomear. A pasta ficou com o novo nome? Mude o
nome dela novamente para figuras. Vale observar o seguinte: se houver algum link
apontando para um arquivo dentro de uma pasta e você modifica o nome dela o link
passará a ser quebrado, ou seja, não encontra o alvo (destino, arquivo etc).

Entre novamente na pasta figuras, clique no botão Arquivo.... Uma nova janela
aparecerá. Esta janela permitirá que você navegue até onde está a imagem que deseja
subir clique sobre ela e se necessário no botão Abrir. O sistema irá preencher o campo
com o endereço da imagem em seu computador. Feito isto, basta clicar em Enviar.

Figura 12:

Observe que aparecerá uma caixa de seleção e ao lado o nome do arquivo que subiu
na cor azul como um link encontrado em páginas da Web. Se clicar sobre o nome
da figura automaticamente o campo URL da imagem será preenchido cabendo a
você apenas entrar com o Texto alternativo (aquele que aparece quando você pousa
o mouse sobre a imagem).Observe que o Moodle também mostra a figura que quer
inserir no campo Ver do lado direito.

Modifique o Layout, Distância e Tamanho a seu gosto como discutido anterior-


mente. Quando clicar no botão OK a imagem será inserida em seu texto. Simples,
não?