Actividades

VIII
 Desenvolvimento de
Projectos Educativos
em H.T.M.L.

Criar formulários (Forms) numa página da

Web.

1. Inicie uma sessão de trabalho com a aplicação de criação automática de

formulários WebForms. Crie um formulário novo com a sequência de
comandos FILE-FORMS-NEW.

2. Seleccione a opção MAILTO: na divisória GENERAL (desta forma a

resposta ao formulário será enviada para si em vez de ser processada no
servidor onde se encontram as páginas)

3. Escreva o título do seu formulário na janela FORM TITLE - este título vai
aparecer na barra de aplicação do browser. Escreva o texto seguinte:

Envio de opinião

4. Escreva, com alinhamento centrado, o cabeçalho do seu formulário na

janela FORM HEADING - este cabeçalho aparecerá no topo da sua folha
HTML. Escreva o texto seguinte:

Envie-nos a sua opinião…

5. Escreva o endereço de E-mail do TERRÀVISTA que lhe será dado em

ambas as janelas E-MAIL RESPONSES TO e ALTERNATE

6. Escreva ENVIAR na janela TEXT TO APPEAR IN SUBMIT BUTTON

7. Escreva APAGAR na janela TEXT TO APPEAR IN RESET BUTTON

8. Na janela SCROLLING STATUS BAR MESSAGE poderá escrever um

texto que será visualizado, em movimento, na barra de estado na base do
ecrã. Escreva o texto seguinte:

Obrigado pela sua colaboração !

1
 Desenvolvimento de
Projectos Educativos
em H.T.M.L.

9. Pressione o botão NEXT TAB para passar à janela LEADING TEXT onde
deverá escrever o texto introdutório do seu formulário. No exemplo, e
porque se trata de um questionário de avaliação de um site, escreva os
dois textos seguintes:

Gostaríamos de saber a sua opinião sobre o nosso sítio. Por

favor, preencha o questionário seguinte.

10. Pressione de novo o botão NEXT TAB até abrir a divisória TEXT FIELDS.
Crie campos de texto com os seguintes conteúdos:

11. Na divisória TEXT INSERTS escreva o texto PROFISSÃO

12. Escolha a divisória LIST BOXES e escreva PROFISSÂO na janela

ENTER NEW LIST BOX THEN CLICK 'ADD GROUP' e pressione o
botão de ADD GROUP. De seguida, seleccione a palavra PROFISSÃO
na janela LIST BOXES e, nas janelas do lado direito, adicione cada um
dos itens seguintes, utilizando o mesmo procedimento:

13. Na segunda linha da divisória TEXT INSERTS escreva o texto

HABILITAÇÕES

2
 Desenvolvimento de
Projectos Educativos
em H.T.M.L.

14. Escolha a divisória RADIO BUTTON e escreva

HABILITAÇÕES_LITERÁRIAS1 na janela ENTER NEW RADIO BUTTON
THEN CLICK 'ADD GROUP'. De seguida pressione o botão de ADD
GROUP. Seleccione Habilitações_Literárias na janela Radio Button
Groups.

15. Na terceira linha da divisória TEXT INSERTS escreva o seguinte texto:

O que acha mais positivo no nosso 'site'?

16. Escolha a divisória CHECK BOXES e crie um grupo chamado ITEM.
Seleccionando a identificação desse grupo crie, nas janelas da direita, os
tipos de itens descritivos do 'site':

GRUPO NOME
ITEM Conteúdo
Design
Estrutura

17. Execute a sequência de comandos OPTIONS-PREFERENCES-OK-

APPEARANCE e retire a selecção da opção LINE BREAK AFTER EACH
CHECK BOX.

18. Na divisória COMMENT BOXES crie uma caixa para preenchimento com
texto livre com o seguinte nome e dimensões:

1
Uma vez que não são admitidos espaços no WebForms, terá que utilizar a tecla de
'underscore'.

3
 Desenvolvimento de
Projectos Educativos
em H.T.M.L.

19. Uma vez terminada a entrada dos campos do formulário chegou a altura
de indicar a sua sequência. Para tal, escolha a divisória COMPLETION e
pressione o botão REFRESH CONTROLS. Escolha na janela da
esquerda cada componente do formulário, pressionando de seguida a
seta para a direita. Obtenha a seguinte lista:

20. Grave o formulário pressionando o botão BOOKMARK que se encontra

no canto inferior direiro da sua janela de trabalho.

21. Pressione o botão de COMPLETE e crie na sua disquete de trabalho o

ficheiro FEEDBACK.HTM

22. Abra o Netscape Navigator e verifique a funcionalidade do formulário que

criou.

23. Fazendo FILE-EDIT PAGE, abra o NETSCAPE COMPOSER e edite a

folha HTML, traduzindo e apagando toda a informação que deseje.

24. Estabeleça a ligação à Internet e, de regresso ao NETSCAPE

NAVIGATOR, preencha várias vezes o formulário que criou, não se
esquecendo de pressionar o botão ENVIAR.

4
 Desenvolvimento de
Projectos Educativos
em H.T.M.L.

25. Configure uma aplicação cliente de E-mail e leia o seu correio electrónico.
Para integrar as respostas que lhe foram enviadas numa base de dados
do WebForms, deve fazer FILE-RESPONSES-IMPORT-YES e escrever
*.* na janela FILE TYPE, pressionando de seguida o botão de REFRESH.
Escolha o directório onde são armazenados os 'attachments' das suas
mensagens de correio electrónico2 e e leia os ficheiros de resposta ao
formulário, seleccionado cada um deles e pressionando a seta para a
direita. Carregue no botão de OK

26. Para consultar a base de dados das respostas faça FILE-RESPONSES-

VIEW e indique o nome do formulário. Consulte a tabela, que poderá
exportar em vários formatos.

2
As respostas do formulário são enviadas com os nomes FORMPOST, FORMPOS1,
FORMPOS2…

5
Desenvolvimento de
Projectos Educativos
em H.T.M.L.