Tutorial 09 Como criar uma HP Básica (HP = Homepage) Use a seta do teclado para avançar e recuar.

15
Tutorial 09 Como criar uma HP Básica (HP = Homepage) Use a seta do teclado para avançar e recuar

Transcript of Tutorial 09 Como criar uma HP Básica (HP = Homepage) Use a seta do teclado para avançar e recuar.

Page 1: Tutorial 09 Como criar uma HP Básica (HP = Homepage) Use a seta do teclado para avançar e recuar.

Tutorial 09

Como criar umaHP Básica

(HP = Homepage)

Use a seta do teclado para avançar e recuar

Page 2: Tutorial 09 Como criar uma HP Básica (HP = Homepage) Use a seta do teclado para avançar e recuar.

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

Aconselhamos rodar o programa ELO junto com este Tutorial, passando de uma janela para outra, à medida que você lê as instruções. Comece da

Tela de Abertura do ELO, mostrada abaixo.

Page 3: Tutorial 09 Como criar uma HP Básica (HP = Homepage) Use a seta do teclado para avançar e recuar.

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

Partindo da Tela de Abertura, clique em HP Básica.

Page 4: Tutorial 09 Como criar uma HP Básica (HP = Homepage) Use a seta do teclado para avançar e recuar.

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

Quando a tela da atividade se abrir, cole ou escreva um texto na janela do texto.

Page 5: Tutorial 09 Como criar uma HP Básica (HP = Homepage) Use a seta do teclado para avançar e recuar.

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

Clique aqui para salvar o arquivo fonte da atividade.

Page 6: Tutorial 09 Como criar uma HP Básica (HP = Homepage) Use a seta do teclado para avançar e recuar.

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

Abra a pasta que você criou.

Page 7: Tutorial 09 Como criar uma HP Básica (HP = Homepage) Use a seta do teclado para avançar e recuar.

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

Dê um nome para sua atividade. Eu vou chamá-la de “lapis”.

Lembre-se de tirar o asterisco!

Salve o arquivo fonte da atividade.

Page 8: Tutorial 09 Como criar uma HP Básica (HP = Homepage) Use a seta do teclado para avançar e recuar.

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

Gere o arquivo htm, clicando aqui.

Page 9: Tutorial 09 Como criar uma HP Básica (HP = Homepage) Use a seta do teclado para avançar e recuar.

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

Dê um nome para o arquivo htm (De preferência o mesmo nome que você deu para o arquivo fonte).

Lembre-se de tirar o asterisco!

Salve o arquivo htm.

Page 10: Tutorial 09 Como criar uma HP Básica (HP = Homepage) Use a seta do teclado para avançar e recuar.

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

O sistema informa que a atividade criada pode ser usada em outras atividades.

Page 11: Tutorial 09 Como criar uma HP Básica (HP = Homepage) Use a seta do teclado para avançar e recuar.

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

Querendo, você pode ver como a homepage vai aparecer como arquivo htm.

Page 12: Tutorial 09 Como criar uma HP Básica (HP = Homepage) Use a seta do teclado para avançar e recuar.

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

Homepage básica, como poderá aparecer no ambiente do aluno(Na realidade ela será redimensionada quando integrar a Atividade de

Múltipla Escolha ou a Atividade Dialógica).

Page 13: Tutorial 09 Como criar uma HP Básica (HP = Homepage) Use a seta do teclado para avançar e recuar.

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

Como a página ficou simples demais, você pode incrementá-la, aumentado o tamanho da fonte, por exemplo. Depois, gere novamente o arquivo htm, clicando aqui.

Page 14: Tutorial 09 Como criar uma HP Básica (HP = Homepage) Use a seta do teclado para avançar e recuar.

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

Melhorou um pouco. Você não acha?

Page 15: Tutorial 09 Como criar uma HP Básica (HP = Homepage) Use a seta do teclado para avançar e recuar.

FIM

Use a seta do teclado recuar