Desenvolvimento Web TCC Turma A-1
|
|
- Alice Branca Flor Teves Ximenes
- 5 Há anos
- Visualizações:
Transcrição
1 Desenvolvimento Web TCC Turma A-1 Conteúdo Projeto de Interface com o Usuário em HTML Professor Leandro Augusto Frata Fernandes laffernandes@ic.uff.br Material disponível em Aula de Hoje Maquetes Casos de uso Modelo de navegação Formulários HTML TCC Desenvolvimento Web 2 1
2 Maquetes TCC Desenvolvimento Web 3 Maquetes Útil no refinamento de casos de uso Criação de casos de uso reais Maquetes também são conhecidas como mapas de tela Desenho inicial das telas do sistema Podem ser desenhadas utilizando tecnologia diferente da que será utilizada pelo sistema Utilizaremos formulários HTML para a construção das maquetes TCC Desenvolvimento Web 4 2
3 Exemplo de Maquete Janela A Campo A Campo B Botão A Botão B TCC Desenvolvimento Web 5 Objetivos e Elementos Principais O objetivo da maquete é validar as funcionalidadese não o design propriamente dito Cada maquete deve ter um identificador único Possibilitar sua referência nos casos de uso e no modelo de navegação Campose componentes de controle também deve ter um identificador único no contexto da maquete TCC Desenvolvimento Web 6 3
4 Casos de Uso TCC Desenvolvimento Web 7 Caso de Uso Casos de uso define as interações entreatores e o sistema para que um objetivo seja atingido Ator é um humano que interage com o sistema O objetivo é a conclusão de uma tarefa Pode ser modelado por um diagrama UML de caso de uso Visão em alto nível da funcionalidade do sistema mediante uma requisição do usuário TCC Desenvolvimento Web 8 4
5 Exemplo de Caso de Uso TCC Desenvolvimento Web 9 Modelo de Navegação TCC Desenvolvimento Web 10 5
6 Modelo de Navegação Também são conhecidos como mapas de navegação Possibilitam visualizar o sistema como um todo Usualmente, o número de maquetes de um sistema é significativo Representação gráfica Construídos através do diagrama de transição de estados da UML Utiliza a nomenclatura de janelas e campos definida nas maquetes TCC Desenvolvimento Web 11 Exemplo de Modelo de Navegação Janela "Novo Pedido" Janela "Principal" Botão "Sair" Botão "Incluir pedido" Botão "Inserir Item" Botão "Remover Item" Botão "Remover" Diálogo "Inserção Diálogo "Remoção de Item" de Item" Botão "Inserir" Botão "Cancelar" Botão "Finalizar" Botão "Confirmar" Janela "Pagamento" TCC Desenvolvimento Web 12 6
7 Formulários HTML TCC Desenvolvimento Web 13 Formulários HTML Formulários são recursos definidos no HTML que permitem que uma página apresente campos de edição O usuário pode selecionar ou preencher o conteúdo destes componentes, que poderá ser enviado para o servidor Formulários HTML podem ser construídos utilizando ferramentas WYSIWYG ou através de descrição textual HTML.am ( - Gratuito KompoZer ( - Gratuito etc. WYSIWYG : What You See Is What You Get TCC Desenvolvimento Web 14 7
8 Formulários HTML O conjunto de campos de edição de um formulário HTML é limitado: Botões (submit e reset) Linhas de edição (texte password) Caixas de seleção (check boxes) Botões de opção (radio buttons) Listas de seleção (combo e listboxes) Área de texto (textarea) TCC Desenvolvimento Web 15 Introdução a Formulários HTML O formulário é indicado pelas tags<form>e</form> O início e o fim não delimitam a área ocupada pelo formulário, mas os campos que pertencem a este A disposição dos campos depende das tagshtml apresentadas entre eles, tais como tabelas ou parágrafos TCC Desenvolvimento Web 16 8
9 Introdução a Formulários HTML Um formulário está associado a uma URL A página ou programa indicado pela URL será ativado quando o usuário submeter os dados do formulário (atributo action) A página ou programa receberá os dados digitados pelo usuário em um formato especial O método de envio de parâmetros também é indicado no formulário (atributo method, valor get ou post) TCC Desenvolvimento Web 17 Introdução a Formulários HTML A tag<input> indica um campo em uma página Os diversos tipos de campos são definidos de acordo com o valor do atributo type O nome do campo é identificado pelo atributo name O nome é utilizado para identificar o conteúdo do campo quando enviado para o servidor O nome de um campo deve ser único dentre os campos de um formulário TCC Desenvolvimento Web 18 9
10 Linhas de Edição (Text e Password) O atributo typeindica o tipo da linha de edição: Linha de edição simples (text) Linha de edição de senha (password) o Cuidado ao usar senhas com o método get O atributo sizeindica o tamanho da linha de edição Tamanho na página, não número de caracteres O atributo valueindica o conteúdo inicial da linha TCC Desenvolvimento Web 19 Botões (Submit e Reset) Atributo type igual a submit: O atributo value indica o título do botão Se o usuário clicar no botão, o navegador submete o formulário ao servidor Atributo type igual a reset: O atributo value indica o título do botão Se o usuário clicar no botão, o navegador retorna todos os campos do formulário para o valor padrão (inicial) TCC Desenvolvimento Web 20 10
11 Exemplo de Linhas de Edição e Botões <form action="login.jsp" method=post> Login <input type=text name=login value=fulano size=10> <br> Senha <input type=password name=senha size=10> <input type=submit value=login> </form> TCC Desenvolvimento Web 21 Caixas de Seleção (Check Boxes) Atributo type igual a checkbox: O atributo value é enviado para o servidor junto ao nome do campo quando este é marcado pelo cliente Se o campo não é marcado, o cliente omite (não envia) seu nome e valor como parâmetros para o servidor A atributo checkedindica que a checkboxdeve estar inicialmente selecionada TCC Desenvolvimento Web 22 11
12 Exemplo de Caixa de Seleção <form action="teste.html" method=get> <input type="checkbox" name="marcado" value="mrc" checked="checked"> Click para marcar <br> <input type="submit" value="ok"> </form> TCC Desenvolvimento Web 23 Botões de Opção (Radio Buttons) Atributo type igual a radio Um formulário pode ter diversos radio buttons com o mesmo nome Os radio buttons de mesmo nome formam um grupo onde no máximo um campo está selecionado Cada radio button deve conter um valor distinto, indicado no atributo value O valor do radio button é enviado para o servidor se o campo estiver selecionado TCC Desenvolvimento Web 24 12
13 Exemplo de Botões de Opção <form action="teste.html" method=get> <input type="radio" name="tipo" value="0" checked="checked">tipo 0 <input type="radio" name="tipo" value="1">tipo 1 <input type="radio" name="tipo" value="2">tipo 2 <input type="radio" name="tipo" value="3">tipo 3 <br> <input type="submit" value="ok"> </form> TCC Desenvolvimento Web 25 Listas de Seleção (Combo e List Boxes) Campo definido pela tag <select> O campo possui um nome, indicado pelo atributo name O campo possui diversas opções O atributo size indica o número de opções apresentadas ao mesmo tempo na página Se size for igual a 1 ou não for especificado, o campo aparecerá como uma combo box Se size for maior que 1, o campo será apresentado como uma lista de opções TCC Desenvolvimento Web 26 13
14 Listas de Seleção (Combo e List Boxes) Opções de listas Cada opção é indicada por uma tag<option> dentro do escopo da tag <select> Cada tag <option> possui um valor, indicado no atributo value O valor é enviado para o servidor junto com o nome da lista, quando o navegador envia o formulário TCC Desenvolvimento Web 27 Exemplo de Lista de Seleção <form action="teste.html" method=get> <select name="combo"> <option value="1">opcao 1</option> <option value="2">opcao 2</option> <option value="3">opcao 3</option> </select> <input type="submit" value="ok"> </form> TCC Desenvolvimento Web 28 14
15 Exemplo de Lista de Seleção <form action="teste.html" method=get> <select name="combo" size="2" multiple="multiple"> <option value="1" selected="selected">opcao 1</option> <option value="2">opcao 2</option> <option value="3" selected="selected">opcao 3</option> </select> <input type="submit" value="ok"> </form> TCC Desenvolvimento Web 29 Área de Texto (Text Area) Campo definido entre as tags <textarea> e </textarea> Uma área de texto é um conjunto de linhas de edição O número de linhas da área de texto é especificado no atributo rows O número de colunas da área de texto é especificado no atributo cols TCC Desenvolvimento Web 30 15
16 Exemplo de Área de Texto <form action="teste.html" method=get> <textarea rows="2" name="area1" cols="20"> Texto contido na area de edição numero um. </textarea> <input type="submit" value="ok"> </form> TCC Desenvolvimento Web 31 Escolha o campo adequado! Edição de texto de uma linha text deve ser utilizado sempre que for necessário obter pequenas quantidades de informação textual do usuário password deve ser utilizado caso a informação seja sigilosa o O texto não apareça na tela durante a sua digitação Edição de texto de múltiplas linhas textarea deve ser utilizado sempre que a quantidade de informação for maior que uma linha TCC Desenvolvimento Web 32 16
17 Escolha o campo adequado! Seleção de uma opção radio button deve ser utilizado para selecionar uma opção dentre poucas (todas as opções cabem na tela) combo box é aplicado caso o número total de opções não caiba na tela list box também pode ser utilizado em situações onde se deseja selecionar uma única opção dentre várias o Aviso: pode poluir visualmente a interface com informações não relevantes TCC Desenvolvimento Web 33 Escolha o campo adequado! Seleção de várias opções check box deve ser utilizado para selecionar mais de uma opção dentre poucas (todas as opções cabem na tela) list box é aplicado quando a quantidade total de opções não caiba na tela TCC Desenvolvimento Web 34 17
HTML. Leonardo Gresta Paulino Murta
HTML Leonardo Gresta Paulino Murta leomurta@gmail.com Introdução a HTML Formulários em HTML Critério para escolha de campos Agenda Leonardo Murta HTML 2 HTML HyperText Markup Language Criada por Tim Berners-
Leia maisFormulários. Objetivo Controles Métodos Linhas de Edição
Formulários Formulários Objetivo Controles Métodos Linhas de Edição Formulários HTML O conjunto de controles de edição é limitado Botões Linhas de Edição Combo-boxes Listas Caixas de marcação(check-boxes)
Leia maisMaquetes. Leonardo Gresta Paulino Murta
Maquetes Leonardo Gresta Paulino Murta leomurta@ic.uff.br Maquetes Casos de uso reais Seleção de widgets Mapa de navegação Agenda 2 Maquetes A técnica de maquetes é útil no refinamento de casos de uso
Leia maisAutoria Web. Professor: Diego Oliveira. Conteúdo 03: Tags de Formulário
Autoria Web Professor: Diego Oliveira Conteúdo 03: Tags de Formulário Caminhos Os caminhos dentro de um projeto HTML podem ser Relativos ou Absolutos O caminho Relativo é o caminho a partir da página em
Leia maisDesenvolvimento em Ambiente Web. Prof. André Y. Kusumoto
Desenvolvimento em Ambiente Web Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Um Formulário é uma área com entrada de dados disponível para o usuário. A ideia básica do formulário é apresentar campos
Leia maisHyperText Markup Language HTML. Formulário
HyperText Markup Language HTML Formulário Prof. Luis Nícolas de Amorim Trigo nicolas.trigo@ifsertao-pe.edu.br http://professor.ifsertao-pe.edu.br/nicolas.trigo/ Introdução O usuário interage com os serviços
Leia maisWeb Design Aula 10: Formulários - Parte2
Web Design Aula 10: Formulários - Parte2 Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Roteiro Textarea Select FieldSet e Legend Atributo Action Atributo Method Exercício Form Um formulário
Leia maisCurso de HTML aula 4. Sumário. 1 Formulários. 1.1 Construindo formulários com o FORM. 1.2 Método:
Sumário 1 Formulários... 1 1.1 Construindo formulários com o FORM... 1 1.2 Método:... 1 1.3 INPUT... 2 2 Outros valores para type... 3 2.1 TYPE="RADIO"... 3 2.2 TYPE="PASSWORD"... 3 2.3 TYPE="CHECKBOX"...
Leia maisFormulários são áreas onde se inserem campos que permitem uma troca de informações maior entre usuários e desenvolvedores de sites HTML Até o momento,
HTML Formulários são áreas onde se inserem campos que permitem uma troca de informações maior entre usuários e desenvolvedores de sites HTML Até o momento, HTML mostrou-se uma linguagem bastante adequada
Leia mais- os dados entrados fazem parte do corpo da mensagem enviada para o servidor; - transfere grande quantidade de dados.
Formulários Um formulário é um modelo para a entrada de um conjunto de dados. O primeiro passo para fazer formulários é aprender as etiquetas que desenham as janelinhas de entrada de dados, para depois
Leia maisHTML Parte III. André Tavares da Silva.
HTML Parte III André Tavares da Silva andre.silva@udesc.br Formulários São estruturas que permitem que usuários submetam dados a uma página. Esses dados podem ser tratados e/ou armazenados dependendo da
Leia maisFormulários [8] Desenvolvimento e Design de. Websites. Prof.: Ari Oliveira
Desenvolvimento e Design de Websites Prof.: Ari Oliveira Formulários: Tag form Campos: Texto, Senha, checkbox, radio, botões, textarea e menu select. 2 Crie uma Tabela de Horários Faça seu horário semanal,
Leia maisHTML & CSS. Aula 04. Prof. Gerson Borges HTML & CSS 1
HTML & CSS Aula 04 Prof. Gerson Borges HTML & CSS 1 Formulários A linguagem HTML também permite que o cliente (navegador) interaja com o servidor, preenchendo campos, clicando em botões e passando informações.o
Leia maisOs componentes de um formulário são: Form, Input, Select e AreaText
HTML Formulário O elemento FORM, da HTML, é o responsável por prover documentos interativos no ambiente WWW de forma que uma pagina web exibida a um usuário possa submeter um conjunto de dados, informados
Leia maisINTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT
v1.1 06/04/2017 INTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT AULA 3 TRABALHANDO COM FORMULÁRIOS Eder Franco @ FPF Tech Agenda 1. Introdução 2. A tag form e seu atributos 3. As tags
Leia maisAutoria Web. Formulários Aula 5. Cleverton Hentz
Autoria Web Formulários Aula 5 Cleverton Hentz Sumário da Aula } Introdução } Formulários Básicos } Elementos Suportados 2 Introdução } Os formulários possibilitam o envio de informação para o servidor
Leia maisProgramação para Internet I
Programação para Internet I Aulas 09 e 10 Fernando F. Costa nando@fimes.edu.br Formulários O formulário representa o modo mais importante de interatividade que a linguagem HTML oferece. Um formulário pode
Leia maisInformática I. Aula 8. Aula 8-19/09/2007 1
Informática I Aula 8 http://www.ic.uff.br/~bianca/informatica1/ Aula 8-19/09/2007 1 Ementa Noções Básicas de Computação (Hardware, Software e Internet) HTML e Páginas Web Internet e a Web Javascript e
Leia maisRecursos Complementares (Tabelas e Formulários)
Linguagem de Programação para Web Recursos Complementares (Tabelas e Formulários) Prof. Mauro Lopes 1-31 30 Objetivo Nesta aula iremos trabalhar o conceito de tabelas e todas as tags associadas ao seu
Leia maisDesenvolvimento Web XHTML Formulários. Prof. Bruno E. G. Gomes
Desenvolvimento Web XHTML Formulários Prof. Bruno E. G. Gomes 2014 Introdução Um recurso bastante utilizado no desenvolvimento Web é o envio de dados de uma página para o servidor quando fornecemos informações,
Leia maisSIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS HTML Como criar formulários em HTML Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste documento no todo ou em parte por quaisquer
Leia maisFORMULÁRIOS HTML (FORMS) E ENTRADAS DE DADOS (INPUT)
FORMULÁRIOS HTML (FORMS) E ENTRADAS DE DADOS (INPUT) Formulários (FORMS): Um formulário é uma área que pode conter elementos de formulário. Elementos de formulário são elementos que permitem ao usuário
Leia maisHTML: FORMULÁRIOS SUMÁRIO. Conceito Tag FORM Tag INPUT Tag BUTTON Tag TEXTAREA Tag SELECT
HTML: FORMULÁRIOS CURSO TÉCNICO DE INFORMÁTICA MODALIDADE SUBSEQÜENTE DESENVOLVIMENTO WEB I PROF. ALEXANDRO DOS SANTOS SILVA 1 1 SUMÁRIO Conceito Tag FORM Tag INPUT Tag BUTTON Tag TEXTAREA Tag SELECT 2
Leia maisINTRODUÇÃO AO DESENVOLVIMENTO WEB
INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO Formulários Os formulários em HTML são usados para selecionar diferentes tipos de entradas do usuário. Um formulário é uma área que
Leia maisProgramação para web HTML: Formulários
Programação para web HTML: Formulários Professor: Harlley Lima E-mail: harlley@decom.cefetmg.br Departamento de Computação Centro Federal de Educação Tecnológica de Minas Gerais Belo Horizonte, 9 de março
Leia mais1. Aspectos Gerais dos Formulários
Aula 7: Formulários Com certeza você já deve ter preenchido algum formulário em suas "viagens" pela Internet, pois esta é uma forma cada vez mais comum de interagir com os visitantes de um site, para obter
Leia maisA área de um formulário, na codificação HTML da página, é delimitada pelo par de marcadores <FORM> e </FORM>.
Formulário em JSP Revisão de formulários em HTML Formulários Formulários estão presentes na Internet para possibilitar cadastros, pesquisas, envio de comentários, aumentando o poder de interação com os
Leia maisProgramação Web Prof. Wladimir
Programação Web Prof. Wladimir HTML - Formulários @wre2008 1 Sumário Formulários HTML @wre2008 2 Formulários: Muitos elementos de um formulário html são definidos pela tag . Cada tipo de elemento
Leia maisO código acima descreve o formulário com uma caixa de texto e dois botões
Formulários Formulários permitem que os usuários interajam com um servidor Web passando informações. Assim, através da Web, se pode ler e gravar informações em Banco de Dados, gerando enormes possibilidades
Leia maisCOMO FUNCIONA UM FORMULÁRIO
FORMULÁRIOS Constitui-se numa das formas de a máquina cliente enviar informações para que um programa no servidor receba estes dados, processe-os e devolva uma resposta ao usuário, por meio do navegador,
Leia maisTabelas. Tabelas. Iniciando a construção... Atributos <table> Tag <table></table> 05/04/2011
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 Tabelas INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 3 Largamente suportado(browser); Controlar
Leia maisFinalidade dos formulários
ENTENDENDO O FORMULÁRIO Na opinião de muitos a criação de formulários na linguagem HTML é uma das áreas mais importantes no desenvolvimento web. Diferentemente de outras marcações HTML o formulário não
Leia maisTabelas. Tabelas. Iniciando a construção... Atributos <table> Tag <table></table> 05/06/2011
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 Tabelas INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 3 Largamente suportado(browser); Controlar
Leia maisOs slides que seguem mostram os principais comandos da linguagem HTML. Conhecer o código HTML possibilita a criação de páginas leves que contenham ape
INTRODUÇÃO A PROGRAMAÇÃO HTML Os slides que seguem mostram os principais comandos da linguagem HTML. Conhecer o código HTML possibilita a criação de páginas leves que contenham apenas os comandos necessários
Leia maisDesenvolvimento de Aplicações para Internet
Desenvolvimento de Aplicações para Internet CSS Celso Olivete Júnior olivete@fct.unesp.br HTML Formatando o documento... Formulário Responsável por fazer a interação entre os dados fornecidos pelo usuário
Leia maisFormulários. Etapa 1 Criação de formulários
9 Formulários Objetivos deste capítulo Ao terminar este capítulo, você deverá: Saber o que são formulários; Conhecer as principais tags para construção de um formulário; Criar o layout simples de um formulário.
Leia maisProgramação para Internet
AULA: Passagem de parâmetros em PHP (URL e Formulários) Programação para Internet http://docentes.ifrn.edu.br/albalopes alba.lopes@ifrn.edu.br Passagem de parâmetros Em PHP, há algumas formas de passar
Leia maisProgramação para a Internet II PHP Formulários. Nuno Miguel Gil Fonseca
Programação para a Internet II 2.5. PHP Formulários Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Formulários Os formulários constituem uma das principais formas de interacção entre clientes e servidores.
Leia maisIntrodução. HyperText Markup Language HTML. Formulário. Fluxo do Formulário. Fluxo do Formulário. Fluxo do Formulário. Fluxo do Formulário
Introdução HyperText Markup Language HTML Formulário Prof. Luis Nícolas de Amorim Trigo nicolas.trigo@ifsertao-pe.edu.br http://professor.ifsertao-pe.edu.br/nicolas.trigo/ O usuário interage com os serviços
Leia maisAula 05 HTML FORMULÁRIOS Prof. Daniela Pires Sumário
Sumário FORMULÁRIO EM HTML... 2 FORM... 2 ACTION... 2 METHOD... 2 INPUT... 2 INPUT TYPE TEXT... 2 INPUT TYPE PASSWORD... 2 CHECKBOX - Múltipla escolha... 4 RADIO - Escolha única... 4 Botões de ação...
Leia maisWeb Design Aula 09: Formulários
Web Design Aula 09: Formulários Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Motivação Roteiro Tag ... Tag Tag ... Rádio Checkbox Atributo name Form Um
Leia maisFormulário (Send & Recieve) Prof. Celso H. Masotti
Formulário (Send & Recieve) Prof. Celso H. Masotti O Send e o Recieve A partir desse momento os exercícios serão realizados com dois arquivos, um de envio de dados (send) e o que recebe esse dados (recieve)
Leia maisTabelas Div Span Frames Formulários
Tabelas Div Span Frames Formulários Tabelas Tabelas implementam um conceito importante de layout: as grades, segundo as quais organizamos textos e ilustrações de maneira harmoniosa. A utilização de tabelas
Leia maisTECNOLOGIAS WEB AULA 7
TECNOLOGIAS WEB AULA 7 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD Objetivos: Apresentar as principais tags utilizadas na construção de formulários em HTML. Compreender as principais estruturas formadas com as
Leia maisFormulários HTML. Envio de Informação para o servidor
Programação Na Web Formulários HTML Envio de Informação para o servidor 1 António Gonçalves Agenda Envio de dados através de formulários A Marca FORM Controle para Text Botões tipo Push Botões Check boxes
Leia maisDesenvolvimento de Aplicações WEB (DAW) Prof. Julio Arakaki 1o. Semestre 2016
Desenvolvimento de Aplicações WEB (DAW) Prof. Julio Arakaki 1o. Semestre 2016 Utilizado para coletar dados de entrada do usuário. Sintaxe:
Leia maisHTML. Professor Victor Sotero. html
HTML Professor Victor Sotero html 1 Conceito Linguagem com a finalidade de marcação de hipertexto, sendo assim escritas páginas da web, e interpretada pelo navegador. As páginas contém um código fonte,
Leia maisHTML. Frames e FORMs
HTML Frames e FORMs Frames As frames são divisões do ecrã do browser em diversas janelas (ou quadros ). Torna-se assim possível apresentar mais do que uma página numa janela do browser. É muito fácil colocar
Leia maisFormulários em HTML - O que são e para que servem
Formulários em HTML - O que são e para que servem A tag - Os atributos action e method A primeira coisa que iremos fazer é usar a tag para podermos usarmos formulários. Antes de entrarmos
Leia maisC A P I T U L O 4 F O R M U L Á R I O S E V A R I Á V E I S P R É D E F I N I D A S $ _ P O S T E $ _ G E T
C A P I T U L O 4 F O R M U L Á R I O S E V A R I Á V E I S P R É D E F I N I D A S $ _ P O S T E $ _ G E T FORMULÁRIOS HTML Os formulários constituem-se de extrema importância no HTML, uma vez que são
Leia maisMini-curso de PHP. Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva
Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva Aula 1 Breve introdução de HTML, Conceitos básicos de PHP, Sintaxe, Separador de instruções e Comentários (Cap 1
Leia maisAula 09 PHP e formulários HTML. Prof. Pedro Baesse
Aula 09 PHP e formulários HTML Prof. Pedro Baesse pedro.baesse@ifrn.edu.br Como criar um formulário Enviando as informações para um programa PHP Método GET Método POST Como tratar as informações recebidas
Leia mais0,5 pelo negrito das palavras ID, Nome, E-mail e Analisar em outro momento.
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
Leia maisAdicionando mais tags HTML
Instituto Federal de Minas Gerais Campus Ponte Nova Adicionando mais tags HTML Professor: Saulo Henrique Cabral Silva Bookmark Bookmark ou demarcação de destinos para links (informações) dentro do próprio
Leia maisProgramação em HTML aspectos avançados
Formulários Programação em HTML aspectos avançados Os formulários servem para recolher dados introduzidos pelos utilizadores e enviá-los para processamento no servidor. Formulários são home pages que permitem
Leia maisHTML BÁSICO E TEMPLATE VIEW. Gabrielle Amorim Porto
HTML BÁSICO E TEMPLATE VIEW Gabrielle Amorim Porto HTML BÁSICO E TEMPLATE VIEW Hypertext Markup Language Linguagem de marcação de hipertexto; Descreve a estrutura das páginas Web utilizando tags. HTML
Leia maisPROGRAMAÇÃO WEB DO LADO DO CLIENTE
PROGRAMAÇÃO WEB DO LADO DO CLIENTE FORMULÁRIO Na linguagem HTML é permitido que o usuário interaja com o servidor através de formulários ligados a scripts desenvolvidos em linguagens como PHP, Servlets,
Leia maisHTML - 7. Vitor Vaz da Silva Paula Graça
HTML - 7 Vitor Vaz da Silva Paula Graça 1 Formulários Os formulários forms no HTML, são utilizados para a introdução de dados de uma determinada aplicação Os programas JavaScript têm como um dos seus maiores
Leia maisINTRODUÇÃO AO JQUERY PARTE 2. Prof. Me. Hélio Esperidião
INTRODUÇÃO AO JQUERY PARTE 2 Prof. Me. Hélio Esperidião ATRIBUINDO EVENTOS A TAGS OU SELETORES Nome do seletor ou nome do id precedido de # Nome do evento Bloco de código que deve ser executado caso o
Leia maisindica o nome do campo pelo qual podemos acessar.
Formulários Em geral Com o Javascript, os formulários Html tomam outra dimensão. Não esqueça que em Javascript, podemos acessar cada elemento de um formulário para, por exemplo, ler ou escrever um valor,
Leia maisCOM222 DESENVOLVIMENTO DE SISTEMAS WEB. Aula 01: HTML e CSS
COM222 DESENVOLVIMENTO DE SISTEMAS WEB Aula 01: HTML e CSS 2 Conteúdo Noções introdutórias HTML CSS HTML: HyperText Markup Language 3 Linguagem usada para construir páginas Web Função principal Estruturar
Leia maisTECNOLOGIA E PROGRAMAÇÃO WEB
TECNOLOGIA E PROGRAMAÇÃO WEB AULA 6 - MÓDULO 2 Formulários, vídeo e áudio LICENCIATURA EM AUDIOVISUAL E MULTIMÉDIA - 2016/2017 DOCENTE: Joana Souza / jsouza@escs.ipl.pt HTML - Formulários Em HTML os formulários
Leia maisGuia visual de controles de formulário HTML
Guia visual de controles de formulário HTML Márcio d'ávila, 17 de dezembro de 2003. Categoria: Internet: Servidor: Formulários Controle bem-sucedido controle de formulário bem-sucedido é aquele válido
Leia maisO que faz um servidor/navegador web? 14/03/2016 Rômulo da Silva Lima Slid e 2
HTML O que faz um servidor/navegador web? e 2 O que é? HyperText Markup Language Utilizada para produzir páginas WEB Documentos escritos na linguagem HTML podem ser traduzidos por browser O HTML utiliza
Leia maisTutorial Cold Fusion Módulo 2 Cold Fusion Brasil -
www.coldfusionbrasil.com.br 2000 ENTENDENDO MAIS SOBRE CFOUTPUT 3 USO DO PARÂMETRO GROUP 3 USO DO PARÂMETRO GROUPCASESENSITIVE 4 USO DO PARÂMETRO STARTROW 4 USO DO PARÂMETRO MAXROWS 4 CRIANDO FORMULÁRIOS
Leia maisCurso de PHP. - Início 22 de agosto. - Término 20 de outubro. - Aulas: segunda e quinta-feira - Horário:18h às 20h. - Carga horária do curso: 40h
Curso de PHP Palestrantes: Marco Aurélio Jefson Farias - Início 22 de agosto Curso de PHP - Término 20 de outubro. - Aulas: segunda e quinta-feira - Horário:18h às 20h. - Carga horária do curso: 40h -
Leia maisftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia3.zip dezembro 1995 Tutorial - Autoria em World Wide Web
RNP REDE NACIONAL DE PESQUISA Centro Regional de Brasília CR/DF ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia3.zip dezembro 1995 Tutorial - Autoria em World Wide Web Parte III - Hypertext
Leia maisConteúdo Dinâmico. Introdução. Interação Browser x Servidor Web. Interação Browser x Servidor Web
Introdução Formulários rios & Conteúdo Dinâmico Mário Antonio Meireles Teixeira Dept o. de Informática - UFMA A Web surgiu inicialmente como uma nova forma de comunicação de informações, fazendo uso de
Leia maisIntrodução à linguagem HTML. Volnys Borges Bernal
1 Introdução à linguagem HTML Volnys Borges Bernal 2013-2015 Volnys Bernal 2 Introdução à linguagem HTML Sumário Visão geral Primeira página Principais tags Principais atributos Formulários 2011-2015 Volnys
Leia maisMANUAL DO PORTAL DO PROFESSOR
MANUAL DO PORTAL DO PROFESSOR Este portal propicia ao professor uma forma organizada de gerenciar a vida acadêmica dos alunos através de várias funcionalidades integradas, com o objetivo de facilitar ao
Leia maisDWEB. Design para Web. HTML5 - Marcação de formulário. Curso Superior de Tecnologia em Design Gráfico
DWEB Design para Web Curso Superior de Tecnologia em Design Gráfico HTML5 - Marcação de formulário E não vos conformeis com este século, mas transformai-vos pela renovação da vossa mente, para que experimenteis
Leia maisIntrodução à Tecnologia Web
Introdução à Tecnologia Web HTML HyperText Markup Language XTML extensible HyperText Markup Language Elementos da Seção do Corpo Tabelas Formulários Professor Alan Cleber Borim www.alanborim.com.br Índice.
Leia maisINTRODUÇÃO AO JQUERY PROF. ME. HÉLIO ESPERIDIÃO
INTRODUÇÃO AO JQUERY PROF. ME. HÉLIO ESPERIDIÃO Introdução JQuery é uma biblioteca JavaScript desenvolvida para simplificar os scripts client-side que interagem com o HTML. Ela foi lançada em janeiro de
Leia maisPHP INTRODUÇÃO ELEMENTO INPUT CAMPO DE TEXTO
INTRODUÇÃO PHP Aula 5 Formulários HTML Leonardo Pereira facebook.com/leongamerti Formulários HTML são usados para transmitir dados para um servidor. Existem diversos elementos que podemos usar como campos
Leia maisProgramando em PHP. Conceitos Básicos
Programando em PHP www.guilhermepontes.eti.br lgapontes@gmail.com Conceitos Básicos Todo o escopo deste estudo estará voltado para a criação de sites com o uso dos diversos recursos de programação web
Leia mais7. Formulários em XHTML
Programação para Internet I 7. Formulários em XHTML Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Os formulários constituem uma das principais formas de interacção entre clientes e servidores. São
Leia maisTRABALHO FINAL 20 Pontos
Técnico em Informática Integrado ao Ensino Médio Algoritmos e Banco de Dados Profa. Cleiane Gonçalves Oliveira TRABALHO FINAL 20 Pontos O trabalho final deverá constar os três seguintes tipos de funções:
Leia maisVolnys Bernal. Introdução à linguagem HTML. Introdução à linguagem HTML. Visão geral. Visão geral. Visão geral. Visão geral.
1 2 Introdução à linguagem HTML Sumário Volnys Borges Bernal Primeira página Principais tags Principais atributos 3 4 HTML HTML = HyperText Markup Language Linguagem de marcação (Markup) para criação de
Leia maisProgramação Web Prof. Wladimir
Programação Web Prof. Wladimir Linguagem HTML Listas e Formulários @wre2008 1 Sumário Listas Revisão da tag Criação de formulários HTML @wre2008 2 Listas As listas são utilizadas para citar, numerar
Leia maisMais sobre uso de formulários Site sem Ajax
Mais sobre uso de formulários Site sem Ajax Página com busca padrão 1 Página com o resultado da busca carregada no local da anterior (o formulário está vazio) Site com Ajax 2 Site usando Ajax para preencher
Leia maisLINGUAGEM DE PROGRAMAÇÃO WEB
LINGUAGEM DE PROGRAMAÇÃO WEB GABRIELA TREVISAN Formulários e Aula 3 Relembrando HTML 5 Tag Form o Utilizada para marcar a região do formulário. o Os atributos mais importantes são o method e o action.
Leia maisLISTA 01. Conteúdo. Questões
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RIO GRANDE DO NORTE Campus João Câmara Avenida Antônio Severiano da Câmara / BR 406, Km 101, s/n Zona Rural. Bairro Amarelão João Câmara/RN - CEP:
Leia maisDesenvolvimento de Aplicações para Internet Aula 5
Desenvolvimento de Aplicações para Internet Aula 5 Celso Olivete Júnior olivete@fct.unesp.br www.fct.unesp.br/docentes/dmec/olivete Na aula passada Linguagem PHP: Introdução tiposdedados operadores estruturas
Leia maisLinguagem de. Aula 06. Profa Cristiane Koehler cristiane.koehler@canoas.ifrs.edu.br
Linguagem de Programação IV -PHP Aula 06 Profa Cristiane Koehler cristiane.koehler@canoas.ifrs.edu.br Criação de Formulários o Um formulário consiste em uma série de campos que são preenchidos pelo usuário
Leia maisHTML: Formulários Programação de Servidores
HTML: Formulários Programação de Servidores Marx Gomes Van der Linden ( Material baseado no original de Marcelo José Siqueira Coutinho de Almeida ) Exemplo 2 Criando um Formulário Um formulário é composto
Leia maisFolha Prática Nº3. HTML : Formulários e Formatações. UNIVERSIDADE DA BEIRA INTERIOR Faculdade de Engenharia Departamento de Informática
Folha Prática Nº HTML : Formulários e Formatações . Formulário NOTA: A caixa de seleção da massa deverá ter como opções: Fina, Normal, Extra. 0 0 0 nota de Encomenda
Leia maisINTRODUÇÃO. JavaScript PROF. ME. HÉLIO ESPERIDIÃO
INTRODUÇÃO JavaScript PROF. ME. HÉLIO ESPERIDIÃO 1 É uma linguagem de programação interpretada, que pode ser usada junto com o HTML. O que é JavaScript? Esta linguagem é interpretada pelo navegador. Permite
Leia maisDreamweaverCC Plano de Aula - 24 Aulas (Aulas de 1 Hora).
6188 - DreamweaverCC Plano de Aula - 24 Aulas (Aulas de 1 Hora). Aula 1 Capítulo 1 - Noções Básicas 1.1. Novidades do Dreamweaver CC... 23 1.1.1. Aplicativo Creative Cloud... 24 1.2. Área de Trabalho...
Leia maisPlano de Aula - DreamWeaver CC - cód Horas/Aula
Plano de Aula - DreamWeaver CC - cód. 6188 24 Horas/Aula Aula 1 Capítulo 1 - Noções Básicas Aula 2 1 - Noções Básicas Aula 3 Capítulo 2 - Site do DreamWeaver Aula 4 2 - Site do DreamWeaver 1.1. Novidades
Leia maisTutorial de Administração de sites do Portal C3
Tutorial de Administração de sites do Portal C3 Carlos Magno da Rosa Graduando Sistemas de Informação Estagiário Centro de Ciências Computacionais Sumário Sumário... 2 1-Apresentação Geral... 3 3-Componentes
Leia maisManual para atualização do portal do CNPq - versão 1.0 Parcerias
Manual para atualização do portal do CNPq - versão 1.0 Parcerias Sumário 1. INTRODUÇÃO... 3 1.1. Finalidade... 3 2. METAS E RESTRIÇÕES PARA ATUALIZAÇÃO... 3 2.1. Metas... 3 2.2. Restrições... 3 3. ACESSANDO
Leia maisPedidosWeb Manual do Usuário
PedidosWeb Manual do Usuário Agosto de 2018 I Sumário 1. Introdução...1 2. Acesso ao Sistema...2 2.1 Autenticação...2 2.2 Pagina Inicial...2 3. Principais Funcionalidades do Sistema...3 3.1 Cadastro de
Leia maisUniversidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação. Trabalhando com PHP
Universidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação Trabalhando com PHP Desenvolvimento de Sistemas para WEB Site: http://jeiks.net E-mail: jacsonrcsilva@gmail.com
Leia maisEspecificação de Requisitos e Documento de Projeto
SISTEMA DE AGENDAMENTO DE VISITAS DO JARDIM BOTÂNICO DA UNIVERSIDADE FEDERAL DE SANTA MARIA Especificação de Requisitos e Documento de Projeto Willian da Rocha Lopes Manucello Santa Maria, RS 27 de Junho
Leia maisRoteiro 06. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Desenvolvimento de Sistemas. Disciplina: Programação para WEB I
Roteiro 06 Professor: Prof. M.Sc. Odilon Corrêa da Silva Curso: Desenvolvimento de Sistemas Disciplina: Programação para WEB I Roteiro 06 Objetivos Layout responsivo Formulários HTML 2 Layout responsivo
Leia maisMANUAL DE USUÁRIO. Versão 1.0 Servidor
MANUAL DE USUÁRIO Versão 1.0 Servidor SUMÁRIO 1. Acesso ao Sistema... 4 1.1. Acesso (LOGIN)... 5 1.2. Cadastro... 6 2. Sistema 2.1. Visão Inicial... 10 2.2. Itens do Menu de Navegação... 11 2.3. Informações
Leia mais