TECNOLOGIAS WEB. Unidade 2 Introdução a Construção de Páginas Estáticas. Luiz Leão luizleao@gmail.com
|
|
|
- Manuel Geovane Correia Cabral
- 8 Há anos
- Visualizações:
Transcrição
1 Luiz Leão
2 CONTEÚDO PROGRAMÁTICO DESTA UNIDADE HTML TAG S HTML
3 LINGUAGEM HTML Hypertext Markup Language Interpretada pelo navegador Não linearidade da informação Formatação do texto podendo ser interpretável por todo e qualquer navegador ( padrão do W3C)
4 Linguagem HTML Estrutura Cada elemento é chamado de tag <tag>conteudo</tag> - Abertura, Conteúdo e fechamento <tag /> - Sem conteúdo
5 Linguagem HTML Estrutura <font color= red >Texto </font> Texto
6 Linguagem HTML Estrutura <tag atributo= valor > XXXX</tag> Exemplo: <font size= 2 color= red > Texto que sofrerá alterações </font>
7 Linguagem HTML Documento HTML <html> <head></head> <body> </body> </html> <html> Define o início de um documento HTML ao navegador web.
8 Linguagem HTML Documento HTML <html> <head></head> <body> </body> </html> <head> Define o cabeçalho do documento. Área onde são inseridas chamadas Javascript, CSS, tags META,...
9 Linguagem HTML Documento HTML <html> <head></head> <body> </body> </html> <body> A partir desta tag até o fechamento da mesma, todos os elementos aqui descritos serão apresentados como conteúdos na página em seu navegador.
10 Linguagem HTML Documento HTML <html> <head> <title>aula de Tecnologias Web</title> </head> <body></body></html>
11 Linguagem HTML Documento HTML <html><head> <title>aula de Tecnologias Web</title> <STYLE type="text/css"> p {color:red}</style> </head> <body> <p>texto com o Estilo aplicado</p> </body></html>
12 Linguagem HTML Documento HTML <html><head> <title>aula de Tecnologias Web</title> <SCRIPT type="text/javascript"> document.write("olá Alunos do Curso!") </SCRIPT> </head> <body> </body></html>
13 Linguagem Web Meta Tags Código HTML ("etiquetas ) utilizadas para dar aos robôs de busca informações a respeito de sua página e site. <html><head> <meta name="author" content= Renato Guimarães"> <meta name="description" CONTENT="Meta Tags Facilidade para robôs Web"> <meta name="keywords content="sites,web,desenvolvimento, eletrônico"> </head><body></body></html>
14 Linguagem HTML Comentário (<!-- -->) A tag de comentário é usada para inserir um comentário no código fonte HTML. Um comentário será ignorado pelo navegador. Você pode usar comentários para explicar o seu código, o que pode ajuda-lo a relembrar o significado de trechos de códigos produzidos. <body> <!-- Inicio da montagem do Menu --> XXX <!-- Fim da montagem do Menu --> </body>
15 Linguagem HTML Meu Primeiro Exemplo <html> <head> <title>aula de Tecnologias Web</title> </head> <body> <p align= center > Olá! Minha primeira página</p> </body> </html>
16 Linguagem HTML
17 Linguagem HTML Dicas Atribua nomes de arquivos que descrevam a funcionalidade do documento Utilize comentários Ajudam outros programadores a entenderem a marcação Indentar elementos aninhados Promove a legibilidade do documento
18 Linguagem HTML Erros Comuns Não incluir os valores de atributos entre aspas simples ou dupla (Erro de Sintaxe) O XHTML não permite TAGS superpostas <html> <head> <title></head></title> <body> </body> </html>
19 Linguagem HTML Tags Mais Usadas: <h1>, <h2>, <h3>,... <p> <br> <hr> <div>
20 Linguagem HTML Tag Título <h1>, <h2>,... Títulos são definidos com as tags <h1> a <h6>. A <h1> define o título maior. A <h6> define o título menor. <h1>este é um título</h1> <h2>este é um título</h2> <h3>este é um título</h3> <h4>este é um título</h4> <h5>este é um título</h5> <h6>este é um título</h6>
21 Linguagem HTML Parágrafos (<p>) Os parágrafos são definidos com a tag<p>. A HTML adiciona automaticamente uma linha em branco extra antes e após um parágrafo. <p>este é um parágrafo</p> <p>este é outro parágrafo</p>
22 Linguagem HTML Quebra de Linha (<br>) A tag <br> é usada quando você quer terminar uma linha, mas não quer começar um novo parágrafo. Ela força a quebra de linha onde quer que você a coloque. <p>este <br> é um pará<br>grafo com quebras de linha</p>
23 Linguagem HTML Lista Ordenada <html> <head><title></title></head> <body> <ol> <li>item número um.</li> <li>item número dois.</li> <li>item número três.</li> </ol> </body> </html>
24 Linguagem HTML Lista Ordenada <ol> <li type= a >item número um.</li> <li>item número dois.</li> <li>item número três.</li> </ol>
25 Link Responsável pela transição de conteúdo em uma página web, seja na mesma página ou em outras páginas, internas e externas ao website
26 Links Sintaxe: <a href= endereço de destino > Texto </a>
27 Links Página Interna <a href= clientes.html >Clientes</a>
28 Links Página Externa <a href= fap-pa.edu.br > Site da Estácio</a>
29 Links <a href= mailto: br >Fale comigo!</a>
30 Âncora (Link Interno) Para o funcionamento de uma âncora deve-se estabelecer dois comandos: Um que defina o lugar da página para onde se pretende "saltar Outro que identifique esse ponto de destino
31 Âncora (Link Interno) Sintaxe: <a name="coloque o nome da ancora aqui"></a> <a href="#nome ancora">texto</a>
32 Link Links com âncoras para uma outra página <a href= pagina#nomedaancora">texto</a>
33 Tabelas Um dos principais containers do HTML Auxilia na diagramação dos elementos Pode receber qualquer tag de conteudo internamente Celula 1.1 Celula 1.2 Celula 1.3 Celula 2.1 Celula 2.3 Celula 2.3 Celula 3.1 Celula 3.2 Celula 3.3
34 Tabelas Elementos da Tabela <table>: Tag de abertura da tabela <tr>: Tag que representa as linhas <th>: Tag de Coluna. Agrupa o cabeçalho <td>: Tag de Coluna. Agrupa o conteúdo da tabela (Texto, imagem, formulários, etc)
35 Tabelas <table border="1" > <tr> <th>cabeçalho 1 </th> <th>cabeçalho 2 </th> <th>cabeçalho 3 </th> </tr> tr> <td>celula 2.1 </td> <td>celula 2.3 </td> <td>celula 2.3 </td> </tr> tr> <td>celula 3.1 </td> <td>celula 3.2 </td> <td>celula 3.3 </td> </tr> </table>
36 Tabelas <table width="70%" border="1" > <tr> <td>celula 1.1 </td><td>celula 1.2 </td> <td>celula 1.3</td> </tr> <tr> <td>celula 2.1 </td><td>celula 2.3</td> <td>celula 2.3</td> </tr> <tr> <td>celula 3.1 </td><td>celula 3.2</td> <td>celula 3.3</td> </tr> </table>
37 Tabelas Celula com colunas mescladas Celula 2.1 Celula 2.3 Celula 2.3 Celula 3.1 Celula 3.2 Celula 3.3
38 <table border="1" > TABELAS <tr> <tr> <td colspan= 3 >Celula com colunas mescladas </td> <td>celula 2.1 </td> <td>celula 2.3 </td> <td>celula 2.3 </td> </tr> </tr> <tr> <td>celula 3.1 </td> <td>celula 3.2 </td> <td>celula 3.3 </td> </tr> </table>
39 Tabelas <table width="70%" border="1" > <tr> <td colspan="3"> Celula com colunas mescladas </td> </tr> <tr> <td>celula 2.1 </td><td>celula 2.3</td> <td>celula 2.3</td> </tr> <tr> <td>celula 3.1 </td> <td>celula 3.2</td> <td>celula 3.3</td> </tr> </table>
40 Tabelas Celula com linhas mescladas Celula 1.2 Celula 1.3 Celula 2.3 Celula 2.3 Celula 3.2 Celula 3.3
41 Tabelas <table border="1" > <tr> <tr> <td rowspan="3"> Celula com linhas mescladas</td> <td>celula 1.2 </td> <td>celula 2.3 </td> <td>celula 1.3 </td> <td>celula 2.3 </td> </tr> </tr> <tr> <td>celula 3.2 </td> <td>celula 3.3 </td> </tr> </table>
42 Tabelas <table width="70%" border="1" > <tr> <td rowspan="3"> Celula com linhas mescladas</td> <td>celula 1.2 </td><td>celula 1.3</td> </tr> <tr> <td>celula 2.3</td><td>Celula 2.3</td> </tr> <tr> <td>celula 3.2</td><td>Celula 3.3</td> </tr> </table>
43 Tabelas Celula 1.1 Celula 1.2 Celula 1.3 Celula 2.1 Celula 2.3 Celula 2.3 Celula 3.1 Celula 3.2 Celula 3.3
44 Tabelas <table border="1" > <tr bgcolor="#ff0000" > <td>celula 1.1 </td> <td>celula 1.2 </td> <td>celula 1.3 </td> </tr> <tr> <td>celula 2.1 </td> <td>celula 2.3 </td> <td>celula 2.3 </td> </tr> <tr> <td>celula 3.1 </td> <td>celula 3.2 </td> <td>celula 3.3 </td> </tr> </table>
45 Tabelas <table width="70%" border="1" > <tr bgcolor="#ff0000" > <td>celula 1.1 </td><td>celula 1.2 </td> <td>celula 1.3</td> </tr> <tr> <td>celula 2.1 </td><td>celula 2.3</td> <td>celula 2.3</td> </tr> <tr> <td>celula 3.1 </td><td>celula 3.2</td> <td>celula 3.3</td> </tr> </table>
46 Imagens Com a HTML você pode exibir imagens em um documento. <img src= logo_remo.png alt= Clube do Remo />
47 Imagens Atributos src: É a URL da imagem que você quer exibir na sua página. Pode ser um endereço relativo ou um endereço da web. Atributo obrigatório. Endereço Relativo: <img src= imagens/logo_remo.png /> Endereço da Web: <img src= />
48 Imagens Atributos alt: Título da imagem. Pode ser visto quando passamos o mouse em cima. <img src= imagens/logo_remo.png alt= Clube do Remo />
49 Imagens Atributos Adicionais Height: Altura Width: Largura Align: Alinhamento <img src= imagens/logo_remo.png height= 10 Width= 10 align= top />
50 Formulários São utilizados para aumentar a interação do usuário com as aplicações web
51 Formulários Os dados do formulário devem ser submetidos para uma página web que irá tratar esses dados Essa página web deve ser desenvolvida em uma linguagem de programação de servidor, para que possamos manipular esses dados Ex: PHP, Java, C#, etc.
52 Formulários
53 Formulários Os componentes mais comuns são: Form Input Text Password Radio Checkbox Submit Button File Hidden Select Option Textarea Button Fieldset Legend Label
54 Formulários Exclusivos do HTML 5 Input Datetime Color Range Url Tel Number Date ...
55 Formulários Tag Form É a tag container de todos os formulários As tags de formulário presentes nela são agrupadas e submetidas para o mesmo destino <form action= salvar.php method= post >... </form>
56 Formulários Tag Form Atributos Action: Destino dos dados a serem submetidos Method: Método de envio dos dados do formulário. Pode ser POST ou GET POST: GET: Dados ocultos na URL Sem limite de caracteres para envio Dados visíveis na URL Limite de 255 caracteres para envio Possibilidade de se enviar dados via link
57 Formulários Tag Input Text Representa a caixa de texto Atributos: Id: Identificação do objeto Name: Nome campo (recuperável pela submissão dos dados) Value: Valor inicial da caixa Maxlength: Quantidade máxima de caracteres da caixa <input type= text name= nome />
58 Formulários Tag Input Password Usado para envio de senha. Informação obscurecida por caracteres Atributos: Id: Identificação do objeto Name: Nome campo (recuperável pela submissão dos dados) Value: Valor inicial da caixa Maxlength: Quantidade máxima de caracteres da caixa <input type= password name= nome />
59 Formulários Tag Input Radio Representa campo de multiplas opções, sendo que apenas uma pode ser selecionada. Atributos: Id: Identificação do objeto Name: Nome campo (recuperável pela submissão dos dados) Value: Valor do campo <label>sexo:</label> Masculino: <input type= radio name= sexo value= M /> Feminino: <input type= radio name= sexo value= F />
60 Formulários Tag Input Checkbox Representa campo de múltiplas opções, onde é possível selecionar mais de uma opção. Atributos: Id: Identificação do objeto Name: Nome campo (recuperável pela submissão dos dados) Value: Valor do campo <label>categorias de Notícias:</label> Policial: <input type= checkbox name= categoria value= Policial /> Política: <input type= checkbox name= categoria value= politica />
61 Formulários Tag Input Submit Botão usado para submeter os dados preenchidos por outros objetos de formulário. Atributos: Id: Identificação do objeto Name: Nome campo (recuperável pela submissão dos dados) Value: Rótulo do botão <input type= submit name= btncadastrar value= Cadastrar />
62 Formulários Tag Input Reset Botão usado para alterar os valores dos campos de formulário para seus valores originais. Atributos: Id: Identificação do objeto Name: Nome campo (recuperável pela submissão dos dados) Value: Rótulo do botão <input type= reset name= btncancelar value= Cancelar />
63 Formulários Tag Input Hidden Campo que armazena valores ocultos. Usados para enviar dados de configuração que não devem ser alterados. Atributos: Id: Identificação do objeto Name: Nome campo (recuperável pela submissão dos dados) Value: Rótulo do campo <input type= hidden name= status value= 1 />
64 Formulários Tag Select Representa uma caixa de seleção, com diversos itens, que possibilitam selecionarmos um item ou vários itens. Agrupa a tag <option>, que representa cada item Atributos <select>: Id: Identificação do objeto Name: Nome campo (recuperável pela submissão dos dados) Multiple: Opcional para se recuperar múltiplos itens Size: Quantidade de itens a serem exibidos Atributos <option> Value: Guarda o valor do Item
65 Formulários Tag Select <select name= uf > <option value= AC >Acre</option> <option value= MA >Maranhão</option> <option value= PA >Pará</option> </select> <select name= uf multiple="multiple" size="3"> <option value= AC >Acre</option> <option value= MA >Maranhão</option> <option value= PA >Pará</option> </select>
66 Formulários Tag Textarea Representa uma caixa de texto, com múltiplas linhas, usadas para textos longos Atributos: Id: Identificação do objeto Name: Nome campo (recuperável pela submissão dos dados) Cols: Número de colunas (caracteres) Rows: Número de linhas
67 Formulários Tag Textarea <textarea name= texto" cols="100 rows="10"></textarea>
68 FONTES DE CONSULTA
TECNOLOGIAS WEB AULA 5 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD
TECNOLOGIAS WEB AULA 5 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD Objetivos: Apresentar as principais tags utilizadas na construção de páginas Web. Compreender as principais funcionalidades de cada tag utilizada.
Introdução. Introdução a HTML. A Linguagem HTML. Estrutura de uma Página. Mário Antonio Meireles Teixeira
Introdução Introdução a HTML Mário Antonio Meireles Teixeira Dept o. de Informática - UFMA mario@deinf.ufma.br Página Web: É um documento composto de texto e códigos especiais, chamados tags, que especificam
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.
Quem sou eu? Ana Paula Alves de Lima. Formação: E-mail: paulapeniel@gmail.com
Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA INFORMÁTICA E METODOLOGIA - SUBSEQUENTE 1 Quem sou eu? Ana Paula Alves de Lima Formação: Bacharel em Sistemas de Informação;
HTML. Sessão 8 HTML. Criação de Páginas WEB. Formulários
HTML Sessão 8 HTML Falta ver de que forma podemos trocar informações com nosso visitante. Este aspecto é primordial para a grande quantidade de acções que se podem realizar : Comprar um artigo, preencher
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
DESENVOLVIMENTO WEB I - 7122
6.2 - Formulários: Um dos recursos mais fascinantes da linguagem HTML é a possibilidade de criar formulários eletrônicos. Usando um formulário o usuário pode interagir com o servidor, enviando dados que
6.2 - Formulários: form <form action="url_de_script" method="método">...</form> form action method POST GET exceto outros formulários form
6.2 - Formulários: Um dos recursos mais fascinantes da linguagem HTML é a possibilidade de criar formulários eletrônicos. Usando um formulário o usuário pode interagir com o servidor, enviando dados que
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
Web Design Aula 11: XHTML
Web Design Aula 11: XHTML Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Motivação HTML 1.0-2.0: Havia hipertextos, não havia preocupação com a apresentação HTML 3: Guerra dos Browser (Microsoft
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
PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Aula 06: Introdução Linguagem HTML
PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Aula 06: Introdução Linguagem HTML O Desenvolvimento Web O desenvolvimento web é o termo utilizado para descrever atividade relacionada
Autoria Web HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza
HTML Introdução a HTML e as principais tags da linguagem Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Apresentar a HTML Apresentar
Prova de pré-requisito
Prova de pré-requisito PHP & MySQL: Técnicas para Web 2.0 1 - Qual das opções constrói a tabela abaixo: DIA MÊS ANO 28 04 1988 22 02 2002 a) b) c) dia mês ano
Unidade IV Introdução à Linguagem PHP Parte 1
Unidade IV Introdução à Linguagem PHP Parte 1 Professor Fabiano de Paula Soldati fpsoldati@yahoo.com.br http://br.groups.yahoo.com/group/professorsoldati/ Introdução HTML = HyperText Markup Language HTML
MODULO 4 DESENVOLVIMENTO DE PÁGINAS WEB ESTÁTICAS. Redes de Comunicação
MODULO 4 DESENVOLVIMENTO DE PÁGINAS WEB ESTÁTICAS Redes de Comunicação Regras para um website eficaz Categorização dos conteúdos estrutura lógica dos conteúdos Condensação conteúdos simples e directos
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
Aplicação para Web I. Começando a compreender o HTML
Aplicação para Web I Começando a compreender o HTML A Linguagem da WEB O HTML ou HyperText Markup Language linguagem universal compreendida pelos navegadores web (browsers) para a comunicação utilizando
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)
Programação de Servidores CST Redes de Computadores
Programação de Servidores CST Redes de Computadores Marx Gomes Van der Linden http://marx.vanderlinden.com.br ( Material baseado no original de Marcelo José Siqueira Coutinho de Almeida ) HMTL Arquivo-texto
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
Introduçã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
Enviado dados para o PHP através de formulário
Enviado dados para o PHP através de formulário Bom galera, eu estive um tempo parado sem postar nada aqui no blog, mas prometo que vou tentar voltar a ativa. Mas vamos deixar de conversa e vamos ao que
Links e Frames José Antônio da Cunha
Links e Frames José Antônio da Cunha Links Até agora, produzimos documentos simples. Mas os documentos de hipertexto têm como principal característica, fazer ligações com outros hipertextos. Os pontos
Mais 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
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
Desenvolvimento em Ambiente Web. HTML - Introdução
Desenvolvimento em Ambiente Web HTML - Introdução O que é HTML? HTML é uma linguagem para descrever a estrutura de uma página WEB. Ela permite: Publicar documentos online com cabeçalhos, texto, tabelas,
Introdução a Servlets e JSP. Prof. Samuel Martins samuellunamartins at gmail dot com Faculdade São Miguel
Introdução a Servlets e JSP samuellunamartins at gmail dot com Conteúdo da aula Introdução a HTML Introdução a Servlets Preparando o ambiente de programação Exemplo de Servlets 2 Websites na década de
C A P I T U L O 0 1 I N T R O D U Ç Ã O XHTML
C A P I T U L O 0 1 I N T R O D U Ç Ã O A O XHTML 1 O QUE É XHTML? XHTML significa Linguagem de Marcação de Hipertexto (Extensible Hypertext Markup Language) XHTML é quase idêntico ao HTML 4.01 XHTML é
Introduçã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.
HTML: 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
Incorporando JavaScript em HTML
Incorporando JavaScript em HTML Existem quatro maneiras de incorporar JavaScript em HTML. Vamos abordar as três primeiras, por ser mais comum: Entre as tags dentro do código HTML. A partir
WEB DESIGNER WEB DESIGNER
WEB DESIGNER 1 WEB DESIGNER INICIO DO CURSO DE HTML 4.0 Toda vez que você acessar um site (veja tópico Word Wide Web) por meios de domínios quando adiciona a URL na barra de endereço, do seu Navegador
Prof.: Melba Lima Gorza Aula Introdutória de HTML. Componentes do HTML. Estrutura de um documento XHTML
Prof.: Melba Lima Gorza Aula Introdutória de HTML Componentes do HTML Estrutura de um documento XHTML primeiro Documento XHTML meu primeiro documento XHTML
HTML Básico Formulários. Matheus Meira
HTML Básico Formulários Matheus Meira 1 Objetivos Neste apresentação conheceremos os fundamentos básicos de HTML para a manipulação com servlets e jsp. Serão vistos Formulários Links Elementos de disparo
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
INTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO
INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO Estrutura básica do HTML Um documento HTML deve estar delimitado pela tag e . Dentro deste documento, podemos ainda distinguir
<!DOCTYPE html> <html lang = "pt-br"> <head> <meta charset = UTF-8"> <title> Exemplo de uso correto da semântica HTML </title> </ head >
Para um navegador exibir corretamente uma página web, devemos informar explicitamente o tipo do documento. O tipo do documento é informado com a declaração . TAG
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
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á
Introdução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Estrutura Básica do Documento HTML
IntroduçãoàTecnologiaWeb HTML HyperTextMarkupLanguage XHTML extensiblehypertextmarkuplanguage EstruturaBásicadoDocumentoHTML ProfªMSc.ElizabeteMunzlinger www.elizabete.com.br ProfªMSc.ElizabeteMunzlinger
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
Vejamos um exemplo. Vamos supor que queiramos montar uma tabela 3X2, ou seja de 3 colunas por 2 linhas, o código HTML para isso é :
TABELAS As tabelas são muito importantes para o designer de uma home-page. Com elas podese fazer alinhamentos que dificilmente seriam possíveis com simples comandos. A funcionalidade de uma tabela faz
Programação WEB II. Conhecendo o PHP. Prof: Kelly E. Medeiros Bacharel em Sistema de Informação. Módulo III
Programação WEB II Conhecendo o PHP Módulo III Prof: Kelly E. Medeiros Bacharel em Sistema de Informação 1 Conhecendo o PHP Com o NotePad++ aberto com um arquivo em branco, devemos fazer uma pequena configuração
Curso de HTML. Daniel Destro do Carmo Softech Network Informática daniel@danieldestro.com.br
Daniel Destro do Carmo Softech Network Informática daniel@danieldestro.com.br Definições conceituais O que é HTML? Criando e publicando uma página web Elementos da HTML Estrutura básica de uma página HTML
Apostila de Introdução à Linguagem HTML - Disponibilização de Conteúdos na WEB -
Apostila de Introdução à Linguagem HTML - Disponibilização de Conteúdos na WEB - Profa. Flávia Pereira de Carvalho Taquara - RS Sumário Apostila de HTML - Fonte: http://www.icmc.usp.br/ensino/material/html/intro.html
CEEP-CENTRO ESTADUAL DE EDUCAÇÃO PROFISSIONAL PEDRO BOARETTO NETO INTERNET E PROGRAMAÇÃO WEB INICIO DE HTML
INICIO DE HTML Neste tutorial usaremos o já conhecido Notepad++ ou Bloco de Notas e um Browser (Chrome, Mozilla ou Internet Explorer). Para nossos exemplos usaremos o Chrome. A estrutura básica de uma
UNIDADE III JAVA SERVER PAGES
UNIDADE III JAVA SERVER PAGES MODELO JSP Um dos principais objetivos da tecnologia J2EE é fazer com que as tarefas sejam realizadas de forma separada. Eliminando as dependências, componentes J2EE tornam-se
CURSO: PROGRAMADOR WEB DISCIPLINA: HTML 4.0.1
ESCOLA ESTADUAL PROF. JOSÉ BARROSO TOSTES PROFESSOR: ESP. ANDREW RODRIGUES CURSO: PROGRAMADOR WEB DISCIPLINA: HTML 4.0.1 CURSO: PROGRAMADOR WEB DISCIPLINA: HTML 4.0.1 1 APOSTILA DE INTRODUÇÃO À LINGUAGEM
( Curso Introdutório) Versão 0.2a 7 de março de 2005 - Versão - Rascunho -
Apostila de XHTML ( Curso Introdutório) Versão 0.2a 7 de março de 2005 - Versão - Rascunho - Prof. Luis Rodrigo de O. Gonçalves E-mail:luisrodrigoog@yahoo.com.br site: http://www.lrodrigo.cjb.net Prof.
Programação WEB I. Ms. Bruno Crestani Calegaro (bruno.calegaro@ifsc.edu.br) Jun/ 2015
Programação WEB I Ms. Bruno Crestani Calegaro (bruno.calegaro@ifsc.edu.br) Jun/ 2015 Desenvolvendo Aplicações WEB Aplicativos web estão em alta hoje em dia. Cada vez mais antigos sistemas desktops migram
Aula 2: Listas e Links
Aula 2: Listas e Links Nesta segunda aula, você aprenderá a utilizar listas numeradas ou não, a entender o que são listas de definições e como fazer referências a outros documentos. Vamos entender a diferença
Instalação/ Operacionalização
Cobrança Site (Segunda via do Bloqueto Digital) Instalação/ Operacionalização Manual do Desenvolvedor Windows NT 4.0 ou Superior Listagem de títulos Método geracripto pesquisa bloqueto 20/02/2008 ÍNDICE
PROGRAMAÇÃ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,
COMO 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,
HTML - 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
O 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
HTML Básico. Antonio Fernando de Oliveira Núcleo de Computação Eletrônica da UFRJ Tel. (021) 2598-3111 e-mail: antonio@nce.ufrj.br
HTML Básico Antonio Fernando de Oliveira Núcleo de Computação Eletrônica da UFRJ Tel. (021) 2598-3111 e-mail: antonio@nce.ufrj.br Referências Bibliográficas: Iniciando em HTML Ramalho, Makron Books Home
Desenvolvimento de aplicações Web. Java Server Pages
Desenvolvimento de aplicações Web Java Server Pages Hamilton Lima - athanazio@pobox.com 2003 Como funciona? Servidor web 2 Internet 1 Browser 3 Arquivo jsp 4 JSP Compilado 2 Passo a passo 1 browser envia
Definindo um Layout de Website sem Tabelas Vou apresentar nesse post como fazer o código do layout de um website sem utilizar
Definindo um Layout de Website sem Tabelas Vou apresentar nesse post como fazer o código do layout de um website sem utilizar tabelas (tableless), e utilizando muito . Para continuar lendo esse post,
HTML Página 29. Índice
PARTE - 5 HTML Página 29 Índice HTML - Hiperlinks... 30 Frames com links... 31 O código fonte do arquivo índex.htm... 31 Conhecendo os comandos border e bordercolor do frame... 31 Conhecendo os comandos
Ferramentas para Multimídia e Internet - 1486
1 Ferramentas para Multimídia e Internet - 1486 HTML BÁSICO: O que é uma página WEB? Uma página WEB, também conhecida pelo termo inglês webpage, é uma "página" na World Wide Web, geralmente em formato
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
Desenvolvimento 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,
PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL
PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Formulários HTML Aula 07: Formulários e Frames HTML Os formulários HTML são utilizados, geralmente, como entradas de dados prépreenchimento,
Tutorial Moodle ESDM - professores
Primeira entrada: Tutorial Moodle ESDM - professores USUÁRIO - MODIFICAR PERFIL No primeiro login/entrada no MOODLE aparecerá a tela do PERFIL para que o usuário complete seus dados. EDITANDO O PERFIL
ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia5.zip 1996 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/guia5.zip janeiro 1996 Tutorial - Autoria em World Wide Web Parte IV - Hypertext
Inserindo e Listando registros
Inserindo e Listando registros Dando prosseguimento à aula anterior, agora precisaremos construir uma rotina que faça a inserção no banco de dados Escola. A ação agora é inserir o aluno na tabela alunos
Webdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza
Webdesign Introdução a e as principais tags da linguagem Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Apresentar a Apresentar as
QUEM FEZ O TRABALHO?
Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA 1 QUEM FEZ O TRABALHO? Com as tagsaprendidas hoje, faça uma página HTML sobre você com as seguintes informações: Seu nome
Introdução à Tecnologia Web 2010 HTML HyperText Markup Language XHTML extensible HyperText Markup Language Elementos da Seção do Cabeçalho
IntroduçãoàTecnologiaWeb2010 HTML HyperTextMarkupLanguage XHTML extensiblehypertextmarkuplanguage ElementosdaSeçãodoCabeçalho ProfªMSc.ElizabeteMunzlinger www.elizabete.com.br ProfªMSc.ElizabeteMunzlinger
Aula de JavaScript 05/03/10
Objetos Sabe-se que variável são contêiners que podem armazenar um número, uma string de texto ou outro valor. O JavaScript também suporta objetos. Objetos são contêiners que podem armazenar dados e inclusive
Programaçã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
Iniciando PHP. Agenda
Agenda Módulo 2 Iniciando PHP Professor: Eduardo Mendes Visão Geral Arquitetura Cliente-Servidor Programas Básicos Sintaxe do PHP HTML Básico Formulários Manipulação de Strings Controle de Fluxo Visão
FORMULÁ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
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
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
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
Profa. Reane Franco Goulart
Profa. Reane Franco Goulart A linguagem HTML (Hypertext Markup Language) tem o objetivo de formatar textos através de marcações especiais denominadas tags, para que possam ser exibidos de forma conveniente
TECNOLOGIAS 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
Linguagens para WEB Tecnologia Cliente XHTML / CSS. Professora: Lucélia Oliveira
Linguagens para WEB Tecnologia Cliente XHTML / CSS Professora: Lucélia Oliveira Professora Lucélia Oliveira 2 Sumário APRESENTAÇÃO... 5 1. CONCEITOS... 6 1.1. HTML... 6 1.2. XHTML... 6 1.3. tags... 6 2.
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...
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
4. A Linguagem JavaScript
4. A Linguagem JavaScript! A linguagem XHTML, por não ser uma linguagem de programação e sim uma linguagem de marcação, não permite interação entre o usuário e a página, além de clicar em um link, fazendo
HTML Página 1. Índice
PARTE - 1 HTML Página 1 Índice HTML A HISTÓRIA... 2 O COMEÇO E A INTEROPERABILIADE... 3 Primeira Página... 4 Entendendo seu código... 5 Abrindo o código fonte da sua página... 6 Comentários na página...
mkdir /srv/www/default/html/calculadora/imagens mkdir /srv/www/default/html/calculadora/blocos
Programando em PHP www.guilhermepontes.eti.br lgapontes@gmail.com Criando uma Calculadora Primeiramente deve se criar uma estrutura para armazenar os arquivos necessários para o funcionamento da calculadora.
1. INTRODUÇÃO. 1.1 Como são as marcações (tags) HTML?
HTML 1. INTRODUÇÃO HTML abreviação de HiperText Markup Language é a linguagem de programação que usamos para criar uma página Web, que, por sua vez, será composta de textos e comandos especiais, chamados
JavaScript. Prof. Msc. Juliano Gomes Weber (jgw@unijui.edu.br) Notas de Aula Aula 12 1º Semestre - 2011. UNIJUÍ DETEC Ciência da Computação
UNIJUÍ DETEC Ciência da Computação Prof. Msc. Juliano Gomes Weber (jgw@unijui.edu.br) JavaScript Notas de Aula Aula 12 1º Semestre - 2011 Tecnologias Web jgw@unijui.edu.br Introdução Com JavaScript implementamos
Tecnologia WEB II. Prof. Erwin Alexander Uhlmann. Introdução ao PHP. UHLMANN, Erwin Alexander. Introdução ao PHP. Instituto Siegen. Guarulhos, 2012.
1 Tecnologia WEB II Prof. Erwin Alexander Uhlmann Introdução ao PHP UHLMANN, Erwin Alexander. Introdução ao PHP. Instituto Siegen. Guarulhos, 2012. 2 Agradecimentos Agradeço à minha esposa Kátia por entender
AJAX JSON JQUERY. Prof. Fellipe Aleixo (fellipe.aleixo@ifrn.edu.br)
AJAX JSON JQUERY Prof. Fellipe Aleixo (fellipe.aleixo@ifrn.edu.br) QUAL O OBJETIVO DESTAS TECNOLOGIAS? AJAX AJAX = Asynchronous Javascript and XML Não é uma nova linguagem de programação, apenas uma nova
Php Adicionar registo AJUDA Posted by k1ll3rwh4l3-2008/05/18 19:43
Php Adicionar registo AJUDA Posted by k1ll3rwh4l3-2008/05/18 19:43 É assim eu fiz um ficheiro para adicionar registos e outro para listar mas estou com problemas para obter aquilo que desejo. Que é o seguinte
Web. Professor: Rodrigo Alves Sarmento rsarmento@catolica-es.edu.br rasarmento@gmail.com
Web Professor: Rodrigo Alves Sarmento rsarmento@catolica-es.edu.br rasarmento@gmail.com Objetivos O que é uma aplicação Web? Web x Stand-Alone Web x Cliente Servidor Tradicional Tipos de Aplicação Dois
Certificado ISO 9001:2000 Nº 23.0021/98. Centro de Informática CETEP Quintino www.ciquintino.com.br. Elaborada por: Wanderson Mirandela
Certificado ISO 9001:2000 Nº 23.0021/98 Centro de Informática CETEP Quintino www.ciquintino.com.br Elaborada por: Wanderson Mirandela A POLÍTICA DA QUALIDADE DO CI Prover cursos de nível básico profissionalizante
Para o envio de e-mails pelo PHP é necessário seguir a seguinte sintaxe:
28 Aula 3 Envio de e-mails Para o envio de e-mails pelo PHP é necessário seguir a seguinte sintaxe: Onde: bool mail ( string $to, string $subject, string $message [, string $additional_headers [, string
Scientific Electronic Library Online
FAPESP - CNPq BIREME - FapUNIFESP Scientific Electronic Library Online Manual de Codificação de Tabelas para xhtml Projeto PMC São Paulo Novembro 2013 INTRODUÇÃO Este manual tem o objetivo de mostrar passo
SIEP / RENAPI. Dicas HTML e CSS para Desenvolvimento. de um Site/Portal Acessível
SIEP / RENAPI Dicas HTML e CSS para Desenvolvimento de um Site/Portal Acessível Setembro de 2009 Dicas HTML e CSS para Desenvolvimento de um Site/Portal Acessível Cuidados em geral Separar adequadamente
André Kawamoto NE31A
André Kawamoto NE31A Internet Internet: uma coleção de redes Todos os computadores conectados à Internet fazem parte de uma rede (rede local, rede doméstica) Rede de Redes Internet x WWW Internet e World