Tutorial 08

Como formatar e inserir audiovisuais

Use a seta do teclado para avançar e recuar

Use as setas e do teclado para avançar e recuar

Com o ELO você pode:

Formatar o texto, mudando cor, tamanho, fonte, centralizar parágrafos, etc.

Inserir audivisuais:como figuras, áudio e vídeo.

Mudar a cor de fundo, em cada um dos espaços do ELO.

É o que vamos aprender neste tutorial.

Use as setas e do teclado para avançar e recuar

Vamos supor que você queira usar a imagem de um gato para o jogo da memória.

Nada mais fácil!

Use as setas e do teclado para avançar e recuar

Use o Google, por exemplo, para achar imagem de um gato.

Use as setas e do teclado para avançar e recuar

Escolha o gato de sua preferência.

Para copiar a imagem para a pasta, selecione a figura e clique no botão direito do mouse.

Use as setas e do teclado para avançar e recuar

Copie a imagem para a mesma pasta em que vai criar a atividade.

Renomeie o arquivo com um nome significativo: gato, por exemplo, e tente associar o nome do arquivo ao título da atividade.

Vamos insistir:

Renomeie os arquivos audiovisuais que vai usar de acordo com o título da respectiva atividade. Se você estiver elaborando uma atividade com o título “animais”, renomeie o audiovisual para “animais_tiger.jpg”, por exemplo; faz mais sentido do que “image004.jpg”! Mantenha a extensão “jpg”, “gif”, etc. O uso de títulos significativos facilitará imensamente uma possível reorganização das pastas mais tarde.

Use as setas e do teclado para avançar e recuar

Repita a operação, procurando e salvando na pasta uma figura de boi e outra de mulher.

Use as setas e do teclado para avançar e recuar

Entre no jogo da memória e substitua as palavras “mia”, “muge” e “fala” pela figuras de gato, boi e mulher.

Para fazer as substituições, clique em AV e siga as instruções.

Use as setas e do teclado para avançar e recuar

Selecione a figura. Abra a figura.

Escolha a AV adequada.

Selecione e copie o código que aparece aqui.

Feche a janela.

Use as setas e do teclado para avançar e recuar

Cole o código da figura (neste caso, substituindo o texto).

Repita a operação com cada AV que desejar inserir.

Use as setas e do teclado para avançar e recuar

Salve o arquivo fonte.

.

Gere o arquivo Htm

Use as setas e do teclado para avançar e recuar

O sistema vai alertar que o arquivo já existe. Pode substituí-lo sem problema.

Use as setas e do teclado para avançar e recuar

Pronto! Agora é só testar a atividade.

Use as setas e do teclado para avançar e recuar

Atividade testada no ambiente do aluno.

Como formatar texto

Use a seta do teclado recuar

Use as setas e do teclado para avançar e recuar

A formatação pode ser feita

De modo global

E de modo localizado

Vejamos primeiro a formatação localizada

Use as setas e do teclado para avançar e recuar

Selecione tamanho, cor, fonte, itálico ou negrito (um comando de cada vez).

Clique em fonte. Selecione e copie o

código que aparece nos formulários (um de cada vez).

Feche a janela.

Use as setas e do teclado para avançar e recuar

Códigos das cores inseridos.

Gere a atividade.

Use as setas e do teclado para avançar e recuar

Código com cores e tamanhos mudados.

Gere a atividade mais uma vez.

Use as setas e do teclado para avançar e recuar

Resultado final com cores e tamanhos mudados, de modo a combinar uma cor com cada par de cartas.

Use as setas e do teclado para avançar e recuar

Vejamos agora a formatação global.

É global porque muda cor de fundo e fonte dos três espaços do ELO.

Use as setas e do teclado para avançar e recuar

Para mudar cor de fundo e fonte globalmente, clique aqui.

Use a seta do teclado recuar

Como os 3 espaços do ELO podem ser mudados, é possível, por exemplo, usar uma única cor para tudo. No nosso exemplo, vamos passar tudo para verde.

É possível mudar globalmente a cor de fundo e a fonte de cada um dos espaços apenas com cliques do mouse. Basta clicar e seguir as instruções.

Use as setas e do teclado para avançar e recuar

Resultado final com uma única cor de fundo.

FIM

Use a seta do teclado recuar