Roteiro 06. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Desenvolvimento de Sistemas. Disciplina: Programação para WEB I

Tamanho: px
Começar a partir da página:

Download "Roteiro 06. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Desenvolvimento de Sistemas. Disciplina: Programação para WEB I"

Transcrição

1 Roteiro 06 Professor: Prof. M.Sc. Odilon Corrêa da Silva Curso: Desenvolvimento de Sistemas Disciplina: Programação para WEB I

2 Roteiro 06 Objetivos Layout responsivo Formulários HTML 2

3 Layout responsivo O que é um site responsivo? Site ou layout responsivo, ou também conhecido como site flexível é quando o site automaticamente se encaixa no dispositivo do usuário (PC, celular, tablet, etc). Um site responsivo muda a sua disposição com base no tamanho da tela em que é exibido. 3

4 Layout responsivo O que é um site responsivo? Figura: Website no Computador 4

5 Layout responsivo O que é um site responsivo? Figura: Website no Celular 5

6 Layout responsivo O que é um site responsivo? arquivo: exemplo01.html 6

7 Formulários Formulários - HTML Um dos recursos mais fascinante da HTML é a possibilidade de criar formulários eletrônicos. Usando um formulário o usuário pode enviar dados que serão processados e posteriormente devolvidos ao cliente. Um formulário HTML é uma seção do documento contendo elementos especiais chamados de controles (input, checkbox, radio-button, textarea, etc) e seus respectivos rótulos (label). Ao criar um formulário devemos considerar a necessidade de mecanismos de validação para os dados que serão informados. 7

8 Formulários Formulários - HTML Até a chegada da quinta versão do HTML a validação das informações do formulário era feita basicamente com uso de JavaScript. Essa nova versão introduziu um conceito de validação de formulários totalmente inovador, simples e eficiente. Outra novidade foi a criação de novos atributos para os controles de formulários. Os valores do atributo type do controles previstos nas versão anteriores são: text password checkbox radio Submit reset file hidden image button 8

9 Formulários Formulários - HTML Essa nova versão manteve os dez tipos citados e acrescentou mais treze: search tel url datetime date time month week datetime-local number range color 9

10 Formulários Formulários - HTML Outras funcionalidades foram introduzidas com uso de atributos a serem utilizados nos controles do formulário. placeholder autofocos required autocomplete dirname form formaction formenctype formmethod formnovalidate formtarget list max min novalidate 10

11 Formulários Formulários - HTML Todo formulário começa com uma tag form e para agrupar todos os campos do formulário é aconselhado colocar uma tag fieldset (grupo de campos). Por exemplo: arquivo: exemplo02.html 11

12 Formulários Formulários - HTML Exemplos: arquivo: exemplo02.html arquivo: exemplo03.html 12

13 Formulários Formulários - HTML Aplicar CSS em formulários não é muito diferente de trabalhar com outros elementos. É uma tarefa chata, mas pode ser mais agradável desde que se tenha um padrão e utilize alguns recursos avançados do CSS. Por exemplo: input[type= text ] Seletor a[href= ] Descrição Seleciona o elemento INPUT com o atributo TYPE cujo valor seja exatamente o valor TEXT Seleciona o elemento a cujo o valor do atributo href seja exatamente 13

14 Exercícios 1. Crie duas páginas semelhantes às ilustrações abaixo: Senha (password) com 50 caracteres no máximo Continuar conectado(checkbox) Cadastre-se (link para página de cadastro) Nome completo com 100 caracteres no máximo Senha (password) com 50 caracteres no máximo Receber newsletter (checkbox) Faça seu login(link para página de login) 14

15 Sugestão: assista as vídeos aulas Minicurso de HTML5 e CSS3 - Aprendendo HTML [Aula 1] Nesta primeira vídeo aula a AlgaWorks explica o que é HTML semântico, a estrutura básica de documentos HTML, tags e elementos, DOCTYPE, charset, etc. Minicurso de HTML5 e CSS3 - Criando uma página em HTML5 [Aula 2] Na segunda vídeo aula a AlgaWorks cria uma página passo a passo com os principais elementos HTML. Minicurso de HTML5 e CSS3 - Estilizando páginas com CSS3 [Aula 3] Na terceira vídeo aula a AlgaWorks aprenda a cria seletores CSS para estilizar páginas HTML. 15

16 Sugestão: assista as vídeos aulas Minicurso de HTML5 e CSS3 - Web Design Responsivo [Aula 4] Nesta quarta vídeo aula a AlgaWorks apresenta os principais conceitos relacionados a responsividade de Websites e exemplifica a criação de páginas que se adaptam a tamanhos de telas diferentes. HTML e CSS para iniciantes Parte 10 Na decima vídeo aula a RBtech exemplifica a criação de um formulário básico em HTML. 16

17 Sugestão: consulte os textos Criação de formulários incríveis com HTML5 17

INTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT

INTRODUÇÃ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 mais

Programação para web HTML: Formulários

Programaçã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 mais

Roteiro 01. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Desenvolvimento de Sistemas. Disciplina: Programação para WEB I

Roteiro 01. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Desenvolvimento de Sistemas. Disciplina: Programação para WEB I Roteiro 01 Professor: Prof. M.Sc. Odilon Corrêa da Silva Curso: Desenvolvimento de Sistemas Disciplina: Programação para WEB I Roteiro 01 Objetivos Apresentar os conceitos básicos do HTML Conhecer os recursos

Leia mais

Novos inputs em HTML5

Novos inputs em HTML5 Novos inputs em HTML5 Através do elemento input nós podemos criar botões, campos de texto, checkboxes, radios e muito mais. O HTML5 nos trouxe uma variedade de mais 13 novos tipos de elementos input que

Leia mais

Maurício Samy Silva. Novatec

Maurício Samy Silva. Novatec Maurício Samy Silva Novatec Copyright 2011 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução desta obra, mesmo parcial, por qualquer

Leia mais

Roteiro 01. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Engenharia de Computação. Disciplina: Programação para WEB

Roteiro 01. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Engenharia de Computação. Disciplina: Programação para WEB Roteiro 01 Professor: Prof. M.Sc. Odilon Corrêa da Silva Curso: Engenharia de Computação Disciplina: Programação para WEB Roteiro 01 Objetivos Apresentar os conceitos básicos do HTML Criar listas em páginas

Leia mais

Roteiro 02. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Desenvolvimento de Sistemas. Disciplina: Programação para WEB I

Roteiro 02. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Desenvolvimento de Sistemas. Disciplina: Programação para WEB I Roteiro 02 Professor: Prof. M.Sc. Odilon Corrêa da Silva Curso: Desenvolvimento de Sistemas Disciplina: Programação para WEB I Roteiro 02 Objetivos Criar links entre páginas HTML Conhecer a proposta do

Leia mais

DWEB. Design para Web. HTML5 - Marcação de formulário. Curso Superior de Tecnologia em Design Gráfico

DWEB. 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 mais

HTML BÁSICO E TEMPLATE VIEW. Gabrielle Amorim Porto

HTML 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 mais

O que faz um servidor/navegador web? 14/03/2016 Rômulo da Silva Lima Slid e 2

O 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 mais

COM222 DESENVOLVIMENTO DE SISTEMAS WEB. Aula 01: HTML e CSS

COM222 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 mais

Fundamentos de Bootstrap 3 O que é Bootstrap. Preparando o ambiente

Fundamentos de Bootstrap 3 O que é Bootstrap. Preparando o ambiente Fundamentos de Bootstrap 3 O que é Bootstrap É um framework front-end para desenvolvimento web; É baseado em CSS; Possui recursos de responsividade (para diversos dispositivos); Possui diversos componentes

Leia mais

Autoria Web. Professor: Diego Oliveira. Conteúdo 03: Tags de Formulário

Autoria 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 mais

Web Design Aula 10: Formulários - Parte2

Web 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 mais

Professor Jefferson Chaves Jefferson de Oliveira Chaves

Professor Jefferson Chaves Jefferson de Oliveira Chaves Professor Jefferson Chaves jefferson.chaves@ifc-araquari.edu.br Introdução ao Ambiente Cliente x Servidor; Os métodos GET e POST; Formulários HTML; Validação de dados; HTML, CSS e JavaScript (somente

Leia mais

Daniel Röhers Moura. Software HandsOn.TV. danielrohers

Daniel Röhers Moura. Software HandsOn.TV. danielrohers Daniel Röhers Moura Software Engineer @ HandsOn.TV rohersmoura@gmail.com danielrohers 1 HTML o que? HTML5 é a nova versão do HTML, simples assim! :) Foi lançada em 2008 e traz consigo importantes mudanças

Leia mais

Recursos Complementares (Tabelas e Formulários)

Recursos 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 mais

Autoria Web. Formulários Aula 5. Cleverton Hentz

Autoria 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 mais

Redes de Computadores I Seminário Novas Tecnologias em Redes HTML5. Jessica da Silva Hahn Letícia Aparecida Coelho

Redes de Computadores I Seminário Novas Tecnologias em Redes HTML5. Jessica da Silva Hahn Letícia Aparecida Coelho Redes de Computadores I Seminário Novas Tecnologias em Redes HTML5 Jessica da Silva Hahn Letícia Aparecida Coelho Internet HTTP Dois métodos de requisição HTTP são os mais utilizados: GET e POST Outros

Leia mais

Desenvolvimento de Sistemas WEB Prof. Msc Jacson Rodrigues

Desenvolvimento de Sistemas WEB Prof. Msc Jacson Rodrigues Desenvolvimento de Sistemas WEB Prof. Msc Jacson Rodrigues Visão Geral do HTML A Web é baseada em 3 pilares: Um esquema de nomes para localização de fontes de informação na Web: URI. Um Protocolo de acesso

Leia mais

Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2.

Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2. Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2 Formulários Durante a navegação em websites é comum que sejam solicitadas informações

Leia mais

DreamweaverCC Plano de Aula - 24 Aulas (Aulas de 1 Hora).

DreamweaverCC 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 mais

TECNOLOGIAS WEB. Unidade 2 Introdução a Construção de Páginas Estáticas. Luiz Leão luizleao@gmail.com http://luizleao.com

TECNOLOGIAS WEB. Unidade 2 Introdução a Construção de Páginas Estáticas. Luiz Leão luizleao@gmail.com http://luizleao.com Luiz Leão luizleao@gmail.com http://luizleao.com CONTEÚDO PROGRAMÁTICO DESTA UNIDADE HTML TAG S HTML LINGUAGEM HTML Hypertext Markup Language Interpretada pelo navegador Não linearidade da informação Formatação

Leia mais

Pré-requisito Treinamento de Lógica de Programação, ou conhecimento equivalente.

Pré-requisito Treinamento de Lógica de Programação, ou conhecimento equivalente. 1 HTML5 e 3 Descrição Aprenda no curso de HTML os conceitos essenciais para a criação de páginas web, junto com os novos recursos e possibilidades que o HTML5 e 3 oferecem para a criação de sites com códigos

Leia mais

Plano de Aula - DreamWeaver CC - cód Horas/Aula

Plano 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 mais

Adicionando mais tags HTML

Adicionando 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 mais

LINGUAGEM DE PROGRAMAÇÃO WEB

LINGUAGEM 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 mais

Programação para Internet

Programaçã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 mais

HyperText Markup Language HTML. Formulário

HyperText 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 mais

Tecnologias Web. Formulários HTML

Tecnologias Web. Formulários HTML Tecnologias Web Formulários HTML Cristiano Lehrer, M.Sc. Tag form (1/2) Todo formulário em HTML é construído usando elementos dentro de um bloco . O bloco define a URL que receberá o formulário

Leia mais

Web I F R N I N S T I T U TO F E D E R A L D E E D U C A Ç Ã O, C I Ê N C I A E T E C N O LO G I A D O R I O G R A N D E D O N R T E.

Web I F R N I N S T I T U TO F E D E R A L D E E D U C A Ç Ã O, C I Ê N C I A E T E C N O LO G I A D O R I O G R A N D E D O N R T E. Web I F R N I N S T I T U TO F E D E R A L D E E D U C A Ç Ã O, C I Ê N C I A E T E C N O LO G I A D O R I O G R A N D E D O N R T E. J O S É A N TÔ N I O D A C U N H A Web Page HTTP No início a web, era

Leia mais

Universidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação HTML

Universidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação HTML Universidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação HTML Desenvolvimento de Sistemas para WEB Site: http://jeiks.net E-mail: jacsonrcsilva@gmail.com Visão

Leia mais

O que faz um servidor/navegador web? 30/03/2017 Rômulo da Silva Lima Slid e 2

O que faz um servidor/navegador web? 30/03/2017 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 mais

Dreamweaver CS5 Plano de Aula - 24 Aulas (Aulas de 1 Hora).

Dreamweaver CS5 Plano de Aula - 24 Aulas (Aulas de 1 Hora). 4149 - Dreamweaver CS5 Plano de Aula - 24 Aulas (Aulas de 1 Hora). Aula 1 Capítulo 1 - Introdução 1.1. Novidades do Dreamweaver CS5...23 1.2. Área de Trabalho...23 1.2.1. Tela de Boas-vindas...24 1.2.2.

Leia mais

INTRODUÇÃO AO DESENVOLVIMENTO WEB

INTRODUÇÃ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 mais

Curso online de. Formação em Front-End. Plano de Estudo

Curso online de. Formação em Front-End. Plano de Estudo Curso online de Formação em Front-End Plano de Estudo Descrição do programa O Programa de Desenvolvimento Web lhe oferece conhecimentos para desenvolver habilidades necessárias para se tornar um Desenvolvedor

Leia mais

Plano de Aula - Dreamweaver CS5 - cód Horas/Aula

Plano de Aula - Dreamweaver CS5 - cód Horas/Aula Plano de Aula - Dreamweaver CS5 - cód.4149 24 Horas/Aula Aula 1 Capítulo 1 - Introdução Aula 2 Continuação do Capítulo 1 - Introdução Aula 3 Capítulo 2 - Site do Dreamweaver 1.1. Novidades do Dreamweaver

Leia mais

WEBDESIGN. Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira

WEBDESIGN. Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira WEBDESIGN Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira Formulários e JavaScript Como visto anteriormente, JavaScript pode ser usada para

Leia mais

Web Design Aula 09: Formulários

Web 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 mais

Dreamweaver CS6 Plano de Aula - 24 Aulas (Aulas de 1 Hora).

Dreamweaver CS6 Plano de Aula - 24 Aulas (Aulas de 1 Hora). 5232 - Dreamweaver CS6 Plano de Aula - 24 Aulas (Aulas de 1 Hora). Aula 1 Capítulo 1 - Introdução ao Dreamweaver CS6 1.1. Novidades do Dreamweaver CS6... 23 1.2. Área de Trabalho... 24 1.2.1. Tela de Boas-vindas...

Leia mais

Maurício Samy Silva. Novatec

Maurício Samy Silva. Novatec Maurício Samy Silva Novatec Copyright 2014 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução desta obra, mesmo parcial, por qualquer

Leia mais

Linguagem de. Aula 06. Profa Cristiane Koehler cristiane.koehler@canoas.ifrs.edu.br

Linguagem 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 mais

Programação para Internet I 9. HTML5. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt

Programação para Internet I 9. HTML5. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Programação para Internet I 9. HTML5 Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Resumidamente, é o novo standard para estruturar conteúdo de páginas web. A última versão de HTML surgiu em 1999,

Leia mais

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,

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 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

INTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT

INTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT v1.1 INTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT AULA 7 CRIANDO INTERAÇÕES COM JAVASCRIPT (PARTE 2) Eder Franco @ FPF Tech The road so far... JavaScript Desenvolvida para criar interações

Leia mais

Tutorial de Administração de sites do Portal C3

Tutorial 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 mais

PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO JQUERY

PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO JQUERY PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO JQUERY Prof. Dr. Daniel Caetano 2013-1 Objetivos Introduzir o framework jquery Capacitar para a construção de documentos jquery simples Compreender os mecanismos

Leia mais

Baixar curso de html5 e css3. Baixar curso de html5 e css3.zip

Baixar curso de html5 e css3. Baixar curso de html5 e css3.zip Baixar curso de html5 e css3 Baixar curso de html5 e css3.zip Markup HTML 5 - Curso W3C Escritório Brasil 11 2. Esse método foi mudado com o lançamento do HTML5 e o CSS3. A partir de agora, as duas tec-neste

Leia mais

HTML 5 TAGS BÁSICAS E ESTRUTURAIS. Prof. Rosemary Melo

HTML 5 TAGS BÁSICAS E ESTRUTURAIS. Prof. Rosemary Melo HTML 5 TAGS BÁSICAS E ESTRUTURAIS Prof. Rosemary Melo TAGS BÁSICAS DA LINGUAGEM TAG Indica que está criando uma página html TAG Área contém informação sobre a página TAG especifica

Leia mais

Desenvolvimento de Aplicações para Internet

Desenvolvimento 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 mais

Cheque como está seu navegador em relação ao suporte do HTML5 visitando

Cheque como está seu navegador em relação ao suporte do HTML5 visitando Veja aqui ótima referência sobre elementos de formulário em HTML5 - http://diveintohtml5.com.br/forms.html IFSC/Florianópolis - Programação Para a WEB I - prof. Herval Daminelli A nova versão do HTML trouxe

Leia mais

TECNOLOGIA E PROGRAMAÇÃO WEB

TECNOLOGIA 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 mais

CSS Cascading Style Sheets

CSS Cascading Style Sheets CSS Cascading Style Sheets Linguagem de Folhas de Estilo Introdução Faz parte da versão 4 do html Utilizado para padronizar os componentes html Pode ser utilizado de três formas: Inline quando é utilizada

Leia mais

SIMULADOS & TUTORIAIS

SIMULADOS & 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 mais

Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto

Desenvolvimento 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 mais

HTML Parte III. André Tavares da Silva.

HTML 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 mais

Introdução 1 PARTE I: A LINGUAGEM DA WEB 5

Introdução 1 PARTE I: A LINGUAGEM DA WEB 5 Sumário Introdução 1 PARTE I: A LINGUAGEM DA WEB 5 Capítulo 1: Introdução a HTML5 7 Criando com tags: um panorama 8 Incorporando os novos elementos de HTML5 9 Usando tags válidas de HTML4 11 Esquecendo

Leia mais

PORTAL INSTITUCIONAL

PORTAL INSTITUCIONAL MANUAL DE CRIAÇÃO DE FORMULÁRIO AVANÇADO NO PORTAL INSTITUCIONAL Elaborado por: Dalila G. P. Laperuta Divisão de Manutenção e Suporte ao Usuário UTFPR Campus Pato Branco PATO BRANCO NOVEMBRO DE 2013 1.

Leia mais

Mini-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 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 mais

10 DICAS PARA UM WEBSITE DE SUCESSO O QUE VOCÊ PRECISA SABER PARA CONSTRUIR UM WEBSITE BEM SUCEDIDO!

10 DICAS PARA UM WEBSITE DE SUCESSO O QUE VOCÊ PRECISA SABER PARA CONSTRUIR UM WEBSITE BEM SUCEDIDO! 10 S PARA UM WEBSITE DE SUCESSO O QUE VOCÊ PRECISA SABER PARA CONSTRUIR UM WEBSITE BEM SUCEDIDO! INTRODUÇÃO Seu site é o seu cartão de visitas neste contexto digital que estamos inseridos. A maioria das

Leia mais

INTRODUÇÃO AO JQUERY PROF. ME. HÉLIO ESPERIDIÃO

INTRODUÇÃ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 mais

Desenvolvimento Web TCC Turma A-1

Desenvolvimento Web TCC Turma A-1 Desenvolvimento Web TCC-00.226 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 http://www.ic.uff.br/~laffernandes/teaching/2013.2/tcc-00.226

Leia mais

Introdução a Web Standards. Reinaldo Ferraz e Clécio Bachini

Introdução a Web Standards. Reinaldo Ferraz e Clécio Bachini Introdução a Web Standards Reinaldo Ferraz e Clécio Bachini Document Object Model (DOM) Modelo de Documentos em Objetos Objetos em um Documento Markup Linguagem de Marcação Semântica Objetos com Sentido

Leia mais

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

0,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 mais

Um esquema de nomes para localização de fontes de informação na Web, esse esquema chama-se URI.

Um esquema de nomes para localização de fontes de informação na Web, esse esquema chama-se URI. Aula 01 - Visão geral do HTML5 Professor Bruno Kiedis De acordo com o W3C a Web é baseada em 3 pilares: Um esquema de nomes para localização de fontes de informação na Web, esse esquema chama-se URI. Um

Leia mais

Monday, January 23, 12. Introdução sobre Acessibilidade na web

Monday, January 23, 12. Introdução sobre Acessibilidade na web Introdução sobre Acessibilidade na web Acessibilidade na web é o consumo da informação por qualquer pessoa por qualquer tipo de meio de acesso. Para que serve a web? A web serve para compartilhar informação.

Leia mais

Programação para Internet I

Programaçã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 mais

Formulário (Send & Recieve) Prof. Celso H. Masotti

Formulá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 mais

Informática I. Aula 8. Aula 8-19/09/2007 1

Informá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 mais

UFCD 0793 Scripts CGI e Folhas de Estilo Formadora: Sónia Rodrigues

UFCD 0793 Scripts CGI e Folhas de Estilo Formadora: Sónia Rodrigues UFCD 0793 Scripts CGI e Folhas de Estilo Formadora: Sónia Rodrigues 0793 Scripts CGI e folhas de estilo Objectivos da UFCD: Desenvolver páginas para a Web, através de scripts CGI e folhas de estilo. UFCD

Leia mais

Escrito por Lisiane Batista Neitzke Sex, 14 de Outubro de :57 - Última atualização Qua, 25 de Junho de :18

Escrito por Lisiane Batista Neitzke Sex, 14 de Outubro de :57 - Última atualização Qua, 25 de Junho de :18 Preço R$ 129.00 Compre aqui São 156 Vídeo aulas de programação java para web. Aprenda a criar páginas para web usando o tomcat. Veja como integrarcodigos java (jsp) com html. Veja como manipular um banco

Leia mais

INTRODUÇÃO AO JQUERY PARTE 2. Prof. Me. Hélio Esperidião

INTRODUÇÃ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 mais

Faça seu login na página pt-br.wordpress.com. Caso ainda não tenha um login, registre-se.

Faça seu login na página pt-br.wordpress.com. Caso ainda não tenha um login, registre-se. WORDPRESS Faça seu login na página pt-br.wordpress.com. Caso ainda não tenha um login, registre-se. Na aba Meus blogs, clique em administrar blog para acessar as funcionalidades de seu blog: 1 Em aparência

Leia mais

Ao projeto inciado na aula anterior, faça as seguintes alterações:

Ao projeto inciado na aula anterior, faça as seguintes alterações: Atividade 4 Ao projeto inciado na aula anterior, faça as seguintes alterações: 1. Insira uma cor de fundo na página. 2. Google fonts Se nos basearmos apenas nas fontes que o usuário terá instaladas em

Leia mais

A diferença entre um site que implementa CSS e outro que não o usa é gigantesca e notável.

A diferença entre um site que implementa CSS e outro que não o usa é gigantesca e notável. Aula 02 - Introdução ao css ( folhas de estilo ) CSS é a sigla para o termo em inglês Cascading Style Sheets que, traduzido para o português, significa Folha de Estilo em Cascatas. O CSS é fácil de aprender

Leia mais

Aula 05 HTML FORMULÁRIOS Prof. Daniela Pires Sumário

Aula 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 mais

Programação WEB II. Formulários Em PHP. Métodos GET e POST progweb2@thiagomiranda.net. Thiago Miranda dos Santos Souza

Programação WEB II. Formulários Em PHP. Métodos GET e POST progweb2@thiagomiranda.net. Thiago Miranda dos Santos Souza Formulários Em PHP Métodos GET e POST progweb2@thiagomiranda.net Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Entender o funcionamento

Leia mais

Gestão Unificada de Recursos Institucionais GURI

Gestão Unificada de Recursos Institucionais GURI Documentação de Sistemas Gestão Unificada de Recursos Institucionais GURI Módulo de Newsletters - NWT Versão 1.15 Última revisão: 12/03/2018 2018 Versão: 1.15 Documentação: André L.M. Camargo Revisão:

Leia mais

Formulários [8] Desenvolvimento e Design de. Websites. Prof.: Ari Oliveira

Formulá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 mais

Sumário. DreamWeaver 8

Sumário. DreamWeaver 8 Sumário DreamWeaver 8 1 Introdução... 1 Requisitos do Sistema... 2 Instalando o Dreamweaver 8... 2 Layout e Página Inicial... 4 Interface do Software... 7 Menu... 8 Barra de Inserção... 9 Barra do Documento...

Leia mais

Professor Jefferson Chaves Jefferson de Oliveira Chaves

Professor Jefferson Chaves Jefferson de Oliveira Chaves Professor Jefferson Chaves Jefferson.chaves@ifc-araquari.edu.br Entrada de dados; Formulários Escopo de variáveis; $_GET, $_POST e as variáveis $_SUPERGLOBAIS; O método isset( ); As declarações include

Leia mais

Programação WEB. Prof. André Gustavo Duarte de Almeida andre.almeida@ifrn.edu.br www3.ifrn.edu.br/~andrealmeida. Aula II jquery UI

Programação WEB. Prof. André Gustavo Duarte de Almeida andre.almeida@ifrn.edu.br www3.ifrn.edu.br/~andrealmeida. Aula II jquery UI Prof. André Gustavo Duarte de Almeida andre.almeida@ifrn.edu.br www3.ifrn.edu.br/~andrealmeida Aula II jquery UI Introdução O que é jquery UI? Biblioteca que fornece maior nível de abstração para interação

Leia mais

Introdução a Javascript

Introdução a Javascript Introdução a Javascript André Tavares da Silva andre.silva@udesc.br Introdução Javascript Javascript é uma linguagem que permite injetar lógica em páginas escritas em HTML Podem estar "soltos" ou atrelados

Leia mais

Curso Web Designer UTD Aula 03

Curso Web Designer UTD Aula 03 Curso Web Designer UTD Aula 03 HTML5 e suas APIs 3 Objetivos da Aula Aula 04 Criando Tabelas; Criando Formulários; Novos elementos de um Formulário HTML5; Conhecendo as APIs de Áudio e Vídeo; As novidades

Leia mais

Plano de Trabalho Docente Ensino Técnico

Plano de Trabalho Docente Ensino Técnico Plano de Trabalho Docente 2016 Ensino Técnico Plano de Curso nº 160 aprovado pela portaria Cetec nº 138 de 04 / 10 / 2012 Etec Professora Ermelinda Giannini Teixeira Código: 187 Município: Santana de Parnaíba

Leia mais

Manual de Integração Via Gadget. Passo a passo para realizar a integração entre websites e a plataforma Virtual Target.

Manual de Integração Via Gadget. Passo a passo para realizar a integração entre websites e a plataforma Virtual Target. Manual de Integração Via Gadget Passo a passo para realizar a integração entre websites e a plataforma Virtual Target. Manual de Integração Via Gadget 1. Introdução 1.1. O que é? Virtual Target Gadgets

Leia mais

Aula 12 Aplicação e prática do JS

Aula 12 Aplicação e prática do JS Aula 12 Aplicação e prática do JS Características importantes Sua sintaxe é parecida com C, C++ e Java, devido aos seus comandos serem os mesmos utilizados nas Linguagens citadas. É uma programação baseada

Leia mais

jquery Mobile Desenvolva aplicações web para dispositivos móveis com HTML5, CSS3, AJAX, jquery e jquery UI 2a Edição Maurício Samy Silva Novatec

jquery Mobile Desenvolva aplicações web para dispositivos móveis com HTML5, CSS3, AJAX, jquery e jquery UI 2a Edição Maurício Samy Silva Novatec jquery Mobile Desenvolva aplicações web para dispositivos móveis com HTML5, CSS3, AJAX, jquery e jquery UI 2a Edição Maurício Samy Silva Novatec Copyright 2012, 2013 da Novatec Editora Ltda. Todos os direitos

Leia mais

HTML (Hyper Text Markup Language) É a linguagem com que se escrevem as páginas web;

HTML (Hyper Text Markup Language) É a linguagem com que se escrevem as páginas web; HTML Introdução Introdução ao HTML HTML (Hyper Text Markup Language) É a linguagem com que se escrevem as páginas web; É uma linguagem de hipertexto; Permite escrever texto de forma estruturada, que está

Leia mais

C# (C Sharp) - Web Forms (Módulo 1) Avançado

C# (C Sharp) - Web Forms (Módulo 1) Avançado CONTEÚDO PROGRAMÁTICO C# (C Sharp) - Web Forms (Módulo 1) Avançado Carga horária: 40 horas TreinaWeb Tecnologia LTDA CNPJ: 06.156.637/0001-58 Av. Paulista, 1765 - Conj 71 e 72 São Paulo - SP CONTEÚDO PROGRAMÁTICO

Leia mais

O CMS JOOMLA! UM GUIA PARA INICIANTES

O CMS JOOMLA! UM GUIA PARA INICIANTES O CMS JOOMLA! UM GUIA PARA INICIANTES 25/04/2016 Daniel Picon dpicon@sc.usp.br 1 INTRODUÇÃO REDE DE COMPUTADORES E INTERNET O que acontece quando tentamos acessar um site da internet? Computadores se comunicam

Leia mais

Revisando os conteúdos. Introdução ao CSS

Revisando os conteúdos. Introdução ao CSS Aula 04 Revisando os conteúdos Tag : fornece informações sobre o documento, palavras-chaves, autor da página, última atualização, etc. Essas informações não são mostradas na página, apenas processadas

Leia mais

Bootstrap: Uma solução rápida para sites web

Bootstrap: Uma solução rápida para sites web III Escola Regional de Informática do Piauí. Livro Anais - Artigos e Minicursos, v. 1, n. 1, p. 487-499, jun, 2017. www.eripi.com.br/2017 - ISBN: 978-85-7669-395-6 Capítulo 12 Bootstrap: Uma solução rápida

Leia mais

Os componentes de um formulário são: Form, Input, Select e AreaText

Os 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 mais

Finalidade dos formulários

Finalidade 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 mais