tutorial 09 como criar uma hp básica (hp = homepage) use a seta do teclado para avançar e recuar
TRANSCRIPT
![Page 1: Tutorial 09 Como criar uma HP Básica (HP = Homepage) Use a seta do teclado para avançar e recuar](https://reader036.vdocuments.pub/reader036/viewer/2022062418/552fc12f497959413d8d4343/html5/thumbnails/1.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062418/552fc12f497959413d8d4343/html5/thumbnails/2.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062418/552fc12f497959413d8d4343/html5/thumbnails/3.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062418/552fc12f497959413d8d4343/html5/thumbnails/4.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062418/552fc12f497959413d8d4343/html5/thumbnails/5.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062418/552fc12f497959413d8d4343/html5/thumbnails/6.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062418/552fc12f497959413d8d4343/html5/thumbnails/7.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062418/552fc12f497959413d8d4343/html5/thumbnails/8.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062418/552fc12f497959413d8d4343/html5/thumbnails/9.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062418/552fc12f497959413d8d4343/html5/thumbnails/10.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062418/552fc12f497959413d8d4343/html5/thumbnails/11.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062418/552fc12f497959413d8d4343/html5/thumbnails/12.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062418/552fc12f497959413d8d4343/html5/thumbnails/13.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062418/552fc12f497959413d8d4343/html5/thumbnails/14.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062418/552fc12f497959413d8d4343/html5/thumbnails/15.jpg)
FIM
Use a seta do teclado recuar