trab5
ICC Turma D - 2/04 - Quinto Trabalho
Prazo para entrega e recebimento: 20/11/2004 - Sábado
Endereço para envio (turma D): diegofaranha@yahoo.com.br
Backup para caso de extravio: rezende@cic.unb.br
LEIA COM ATENÇÃO. LEMBRE-SE QUE A INTERPRETAÇÃO DAS ESPECIFICAÇÕES DOS TRABALHOS É PARTE DO APRENDIZADO DE PROGRAMAÇÃO E, PORTANTO, ESTARÁ SENDO AVALIADA. Em caso de dúvida, pergunte antes.
Vamos continuar a construção de uma apostila virtual individual de cada aluno, projeto que incorpora os trabalhos da nossa disciplina até o trabalho 6. Em caso de dúvida, pergunte antes.
Neste quinto trabalho, vamos aumentar a versão da apostila completada no quarto trabalho com mais uma sessão, explicando como montar formulários numa página web, e para que servem. Se seu índice e painéis ainda não estão funcionando corretamente, como especificado no quarto trabalho, é hora de acertar os detalhes, junto com a sessão sobre formulários.
Salve uma cópia do seu arquivo _____-4a.htm com nome _____-5a.htm (onde ____ será a sua matrícula digitada sem a barra "/"). Nele deve estar contido o que foi especificado no quarto trabalho: a versão anterior da sua "apostila virtual". Acrescente ao conteúdo html deste novo arquivo mais uma seção, ao final, explicando para que servem os formularios html, e como são as diretivas para construção de formulários, seus controles, tipos de controle e de campos.Vamos fazer, nesta quinta versão da sua apostila, o primeiro arremedo de uma página web interativa. Atualize, alterando e renomeando o que for necessário, os outros arquivos correspondentes (___5.htm e ___5b.htm). Se vc não foi à aula prática correspondente, é hora de consultar um tutorial a respeito de forumlários, e o roteiro da dita aula.
Para exemplificar a criação de formulários html, imagine e crie um exemplo. Imagine que voce gerencia um cadastro, e que, para criar e manter este cadastro, voce vai disponibilizar um formulario html em uma página web, através do qual cada cadastrado preencherá e enviará os dados pessoais dele ao seu cadastro. Neste trabalho, apenas o formulário estará em sua apostila, na correspondente sessão; não haverá nenhum script para receber e processar esses dados.
Seu formulário precisa ter pelo menos um botão e tres campos de tipos diferentes.
Para montar seu formulário, obedeça aos seguintes critérios:
1- Escolha e preencha parâmetros na diretiva <form...> de forma que, quando o usuário pressionar o botão para envio de dados, os dados que o usuário preencheu no formulário apareçam na caixa de localização da janela que esteja mostrando a página do formulário, concatenados ao url da mesma. Uma maneira de conseguir este efeito é escolhendo o método adequado (entre post e get) para o parâmetro method, com o parâmtero action apontando, como destinatário desses dados, a própria página do formulário (url relativo contendo apenas o nome do arquivo, ou url vazio). Observe que este efeito só vai acontecer quando a caixa de localização estiver mostrando o url da página com o formulário, ou seja, quando esta página não estiver em painel, mas ocupando sozinha a janela do navegador.
2- Descreva os dados do cadastro imaginário. Ao lado de cada campo, deve aparecer uma legenda para o usuário identificar o significado daquele campo. Faça isto com texto visualizável próximo ao campo. (No caso do botão, a legenda pode aparecer na face do botão. Da mesma forma que o usuário, o script ao qual se destinam esses dados também precisa saber o que cada dado significa. Para isso, em cada diretiva que cria um controle do formulário (campo, botão ou menu) use o parâmetro name e, através dele, dê nome ao controle. Esse nome será o nome desse controle conforme o script irá perceber, e portanto, deverá corresponder à legenda, nome do campo como o visitante da página irá conhecer.
3- Diagrame seu formulário usando tabela sem borda, para que fique esteticamente aprazível. Para isso, ponha a diretiva que cria tabela dentro da diretiva que cria o formulário e os controles do formulário (campo, botão ou menu) dentro de células da tabela.
Teste o formulário preenchendo campos, apertando o botão e verficando o que muda em seguida, na visualização de sua página, para ver se os critérios requisitados para o formulário estão sendo obedecidos. Para simplificar os testes, inclua um botão para "limpar os campos", isto é, preencher seus valores com os valores iniciais, com que a página inicialmente os carrega. Um tal botão é criado por uma instância da diretiva <input type="reset" value="...">, onde value preencerá a face do botão.