0,5 pelo negrito das palavras ID, Nome, e Analisar em outro momento.

Transcrição

1 IFES - Campus Cachoeiro de Itapemirim-ES Curso Técnico em Informática Disciplina: Programação Web Professor: Flávio Izo e Rafael Vargas Data: 07/04/2015 Aluno: GABARITO Valor: 12,5 Conteúdo: HTML + Formulários AVALIAÇÃO Crie a seguinte estrutura de tabela abaixo: Observações: 1,0 pela tabela (sendo 0,25 por cada linha) 0,5 pela centralização das palavras ID, Nome, , Analisar em outro momento e conteúdos do campo ID 0,5 pelo negrito das palavras ID, Nome, e Analisar em outro momento.

2 2.0 Crie o formulário do exemplo abaixo: Formulário: método post enviar dados para página Nome Completo: campo input do tipo texto com preenchimento obrigatório utilizar atributo correspondente para exibição do texto inicial foco automático neste campo campo input do tipo com preenchimento obrigatório não permitir auto completar utilizar atributo correspondente para exibição do texto inicial Sexo: campo para escolha de uma opção alternativas Masculino e Feminino Data de Cadastro: campo input do tipo date com preenchimento obrigatório Tipo de Imóvel: campo de seleção com preenchimento obrigatório Opções Apartamento, Casa e Terreno. Quantidade de Quartos: campo input do tipo number com preenchimento obrigatório valor inicial em 0; valor mínimo em 0 e máximo 20 Cep: campo input do tipo text com preenchimento obrigatório padrão para Cep \d{2}.\d{3}- \d{3} utilizar atributo correspondente para exibição do texto inicial Características: campo para escolha de várias opções alternativas Garagem e Financiável Botão Cadastrar: campo para submissão dos dados centralizado na última linha da tabela Botão Limpar: campo para limpar os dados digitados centralizado na última linha da tabela <form method="post" action=" <table border="1"> <td colspan="2" align="center"> Cadastro de Imóvel <label>proprietário:</label> <input type="text" name="p" placeholder="digite o nome..." required autofocus> <label> </label> <input type=" " name=" " placeholder="digite " required autocomplete="off">

3 <label>sexo:</label> <input type="radio" name="sexo" value="m"/>masculino <input type="radio" name="sexo" value="f"/>feminino <label>data de Cadastro:</label> <input type="date" name="data_cadastro" required> <label>tipo de Imóvel (Apartamento, Casa ou Terreno):</label> <select name="tipo_apartamento" required> <option value="">selecione o tipo de imóvel</option> <option value="apartamento">apartamento</option> <option value="casa">casa</option> <option value="terreno">terreno</option> </select> <label>quantidade de Quartos:</label> <input type="number" name="quartos" value="0" min="0" max="20" required> <label>cep:</label> <input type="text" pattern="\d{2}.\d{3}-\d{3}" placeholder="xx.xxx-xxx" required> <label>características</label> <input name="caracteristicas[]" type="checkbox" value="garagem" />Garagem <input name="caracteristicas[]" type="checkbox" value="financiável" />Financiável <td colspan="2" align="center"> <input type="reset" value="limpar" /> <input type="submit" value="cadastrar" /> </table> </form>

4 3.0 Assinale F para as afirmativas Falsas ou V para as afirmativas verdadeiras. Justifique as falsas. a) (_V_) O comando HTML utilizado para inserir um item em uma lista não ordenada é <LI> b) (_F_) Em html é possível que se tenha dois formulários em uma mesma página, não importando o nome dos formulários. R: Podem existir dois formulários, no entanto os nomes devem ser diferentes. c) (_F_) Checkbox e radio possuem as mesmas características. Sendo inclusive utilizados para situações onde o usuário possa marcar mais de uma opção. R: O checkbox é utilizado em situações onde o usuário possa marcar mais de uma opção. Já no input radio o usuário só pode entrar com um valor. d) (_F_) O atributo formmethod serve para informar o método principal do formulário. R: O atributo formmethod é utilizado em combinação com um botão e serve para que o usuário possa utilizar um method diferente do escolhido na tag <form>. Normalmente é utilizado para fins de testes. e) (_V_) A tag <datalist> funciona combinada com a tag <input> f) (_V_) A HTML não reconhece final de linhas, assim, tem-se que utilizar comandos como <br />, que permite deixar uma linha em branco. g) (_V_) Para a criação de listas ordenadas, utilizam-se comandos como <ol> e </ol>. h) (_F_) A target _self possibilita que uma página seja aberta em uma nova janela. R: A target _self abri o conteúdo solicitado dentro da mesma página. A target _blank é que permite abrir o conteúdo em uma nova página. i) (_F_) Os comentários em html são representados pelos caracteres // (início) e \\ (fim). R: Os comentários em html são representados pelos caracteres <!-- (início) e --> (fim) j) (_F_) Os botões submit, button e image possuem exclusivamente a mesma finalidade, ou seja, submeter um formulário. R: O submit tem a função de submeter um formulário. O button não possui função nenhuma, devendo sua ação ser programada através de javascript, por exemplo. Image não possui função nenhuma, devendo sua ação ser programada através de javascript, por exemplo.

5 4.0 Com base nos estudos feitos na disciplina, responda aos questionamentos abaixo: a) Explique a diferença entre linguagens Client-side e Server-side. Cite um exemplo de cada. Existem dois tipos de linguagens para desenvolvermos para internet: as linguagens client-side e as linguagens server-side. As linguagens server-side são linguagens que o SERVIDOR entende. Isso quer dizer que o código escrito em uma dessas linguagens deverá ser processado pelo servidor e sua resposta enviada para navegador. As linguagens client-side são linguagens onde apenas o NAVEGADOR vai entender. Quem processa essa linguagem não é o servidor, mas o browser. Exemplos de linguagens cliente-side: HTML, CSS, JavaScript Exemplos de linguagens server-side:php, ASP, Java, Ruby, Python b) Explique o que são métodos. Quais as diferenças entre os dois métodos WEB existentes. São formas de comunicação do protocolo HTTP. Visibilidade A grande diferença entre os métodos GET e POST é a visibilidade. Uma requisição GET é enviada como string anexada a URL, enquanto que a requisição POST é encapsulada junto ao corpo da requisição HTTP e não pode ser vista. c) O HTML é uma linguagem interpretada ou compilada? Explique. Interpretada. O HTML apenas informa ao navegador quais são os elementos que estão na página, quais arquivos (imagens, sons) ela contém e onde eles estão. Ou seja, são interpretadas pelo browser no computador do cliente.

6 Observações sobre pesos das questões Questão 01: 1,0 pela tabela (sendo 0,25 por cada linha); 0,5 pela centralização das palavras ID, Nome, , Analisar em outro momento e os conteúdos do campo ID ; 0,5 pelo negrito das palavras ID, Nome, e Analisar em outro momento ; Questão 02: 0,45 por cada item do formulário correto. Considerei 0,225 por cada botão; A tag form e o action valem 0,45; Questão 03: 0,3 por cada questão. As falsas devem ter justificativa correta; Questão 04: 1,0 por cada acerto;