Tutorial 08 Como formatar e inserir audiovisuais Use a seta do teclado para avançar e recuar.

Apresentação em tema: "Tutorial 08 Como formatar e inserir audiovisuais Use a seta do teclado para avançar e recuar."— Transcrição da apresentação:

1 Tutorial 08 Como formatar e inserir audiovisuais Use a seta do teclado para avançar e recuar

2 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.

3 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!

4 Use as setas e do teclado para avançar e recuar Use o Google, por exemplo, para achar imagem de um gato.

5 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.

6 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.

7 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.

8 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.

9 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.

10 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.

11 Use as setas e do teclado para avançar e recuar Salve o arquivo fonte.. Gere o arquivo Htm

12 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.

13 Use as setas e do teclado para avançar e recuar Pronto! Agora é só testar a atividade.

14 Use as setas e do teclado para avançar e recuar Atividade testada no ambiente do aluno.

15 Como formatar texto Use a seta do teclado recuar

16 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

17 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.

18 Use as setas e do teclado para avançar e recuar Códigos das cores inseridos. Gere a atividade.

19 Use as setas e do teclado para avançar e recuar Código com cores e tamanhos mudados. Gere a atividade mais uma vez.

20 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.

21 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.

22 Use as setas e do teclado para avançar e recuar Para mudar cor de fundo e fonte globalmente, clique aqui.

23 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.

24 Use as setas e do teclado para avançar e recuar Resultado final com uma única cor de fundo.

25 FIM Use a seta do teclado recuar