TECNOLOGIAS WEB. Unidade 2 Introdução a Construção de Páginas Estáticas. Luiz Leão

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

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

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

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

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

Leia mais

DESENVOLVIMENTO WEB I - 7122

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

Leia mais

6.2 - Formulários: form
...
form action method POST GET exceto outros formulários form

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

Leia mais

TECNOLOGIAS WEB AULA 5 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD

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.

Leia mais

HTML. Sessão 8 HTML. Criação de Páginas WEB. Formulários

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

Leia mais

Quem sou eu? Ana Paula Alves de Lima. Formação: E-mail: paulapeniel@gmail.com

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;

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

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

Unidade IV Introdução à Linguagem PHP Parte 1

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

Leia mais

Web Design Aula 11: XHTML

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

Leia mais

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

Leia mais

Prova de pré-requisito

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

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

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

Leia mais

WEB DESIGNER WEB DESIGNER

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

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

Aplicação para Web I. Começando a compreender o HTML

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

Leia mais

Introdução a Servlets e JSP. Prof. Samuel Martins samuellunamartins at gmail dot com Faculdade São Miguel

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

Leia mais

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

Leia mais

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

Autoria Web HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza

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

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

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

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

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

Leia mais

Programação de Servidores CST Redes de Computadores

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

Leia mais

Mais sobre uso de formulários Site sem Ajax

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

Leia mais

Introdução à Tecnologia Web

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.

Leia mais

Exemplo de uso correto da semântica HTML

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

Leia mais

Desenvolvimento em Ambiente Web. HTML - Introdução

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,

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

HTML: Formulários Programação de Servidores

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

Leia mais

Enviado dados para o PHP através de formulário

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

Leia mais

Ferramentas para Multimídia e Internet - 1486

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

Leia mais

HTML Básico Formulários. Matheus Meira

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

Leia mais

Links e Frames José Antônio da Cunha

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

Leia mais

Introdução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Estrutura Básica do Documento HTML

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

Leia mais

Curso de HTML. Daniel Destro do Carmo Softech Network Informática daniel@danieldestro.com.br

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

Leia mais

( Curso Introdutório) Versão 0.2a 7 de março de 2005 - Versão - Rascunho -

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

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

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

Leia mais

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 Prof.: Melba Lima Gorza Aula Introdutória de HTML Componentes do HTML Estrutura de um documento XHTML primeiro Documento XHTML meu primeiro documento XHTML

Leia mais

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

Leia mais

PROGRAMAÇÃO WEB DO LADO DO CLIENTE

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,

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

4. A Linguagem JavaScript

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

Leia mais

Incorporando JavaScript em HTML

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

Leia mais

CEEP-CENTRO ESTADUAL DE EDUCAÇÃO PROFISSIONAL PEDRO BOARETTO NETO INTERNET E PROGRAMAÇÃO WEB INICIO DE 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

Leia mais

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

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

Leia mais

CURSO: PROGRAMADOR WEB DISCIPLINA: HTML 4.0.1

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

Leia mais

INTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO

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

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

Instalação/ Operacionalização

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

Leia mais

HTML - 7. Vitor Vaz da Silva Paula Graça

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

Leia mais

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

Leia mais

Linguagens para WEB Tecnologia Cliente XHTML / CSS. Professora: Lucélia Oliveira

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.

Leia mais

HTML Página 29. Índice

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

Leia mais

PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL

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,

Leia mais

COMO FUNCIONA UM FORMULÁRIO

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,

Leia mais

Profa. Reane Franco Goulart

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

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

Aula 2: Listas e Links

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

Leia mais

Desenvolvimento Web XHTML Formulários. Prof. Bruno E. G. Gomes

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,

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

UNIDADE III JAVA SERVER PAGES

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

Leia mais

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

Leia mais

Desenvolvimento de aplicações Web. Java Server Pages

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

Leia mais

> Herbet Ferreira Rodrigues > contato@herbetferreira.com

> Herbet Ferreira Rodrigues > contato@herbetferreira.com Curso HTML & CSS > Herbet Ferreira Rodrigues > contato@herbetferreira.com Sumário > Apresentação > Introdução ao HTML História Começando a Programar > Tags em HTML Headings (Cabeçalhos) Parágrafos Formatação

Leia mais

O código acima descreve o formulário com uma caixa de texto e dois botões

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

Leia mais

1. INTRODUÇÃO. 1.1 Como são as marcações (tags) HTML?

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

Leia mais

Programação Web Prof. Wladimir

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

Leia mais

Introdução à Tecnologia Web 2010 HTML HyperText Markup Language XHTML extensible HyperText Markup Language Elementos da Seção do Cabeçalho

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

Leia mais

formulário html do Owen Formulários são feitos de HTML O formulário Relate uma Abdução de Owen (baixe este código através do site da altabooks.com.br) se compõe, inteiramente, de tags e atributos HTML.

Leia mais

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

Leia mais

Iniciando PHP. Agenda

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

Leia mais

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

Leia mais

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RN - IFRN APOSTILA: AUTORIA WEB PROFESSOR: ADDSON ARAÚJO DA COSTA SANTA CRUZ - RN

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RN - IFRN APOSTILA: AUTORIA WEB PROFESSOR: ADDSON ARAÚJO DA COSTA SANTA CRUZ - RN INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RN - IFRN APOSTILA: AUTORIA WEB PROFESSOR: ADDSON ARAÚJO DA COSTA SANTA CRUZ - RN Sumário 1. Introdução...1 2. Tags...1 3. HTML...1 4. Cabeça, Corpo

Leia mais

AUTORIA WEB. Prof. Antonio Arley Rodrigues da Silva. arleysb@gmail.com

AUTORIA WEB. Prof. Antonio Arley Rodrigues da Silva. arleysb@gmail.com AUTORIA WEB Prof. Antonio Arley Rodrigues da Silva arleysb@gmail.com Sumário 1 Introdução... 4 2 HTML... 5 2.1 Estrutura Básica... 5 2.1.1 Exercícios de Fixação... 6 2.2 Semântica HTML... 6 2.3 Parágrafos...

Leia mais

FORMULÁRIOS HTML (FORMS) E ENTRADAS DE DADOS (INPUT)

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

Leia mais

Introdução à Tecnologia Web 2010

Introdução à Tecnologia Web 2010 IntroduçãoàTecnologiaWeb2010 CSS CascadingStyleSheets Sintaxe ProfªMSc.ElizabeteMunzlinger ProfªMSc.ElizabeteMunzlinger CascadingStyleSheets Sintaxe Índice 1 O que é CSS?... 2 2 Vantagens do uso de CSS...

Leia mais

UENF Curso de Javascript Prof. Sérgio Rodrigues Pg 1 ÍNDICE

UENF Curso de Javascript Prof. Sérgio Rodrigues Pg 1 ÍNDICE UENF Curso de Javascript Prof. Sérgio Rodrigues Pg 1 ÍNDICE Javascript - Módulo I 02 Introdução 02 Escrevendo no documento 02 Criando variáveis 03 Mensagens 04 Alerta 04 Confirmação 04 Receptor 05 Operadores

Leia mais

Webdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza

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

Leia mais

Se eu fosse um padre, eu, nos meus sermões, não falaria em Deus nem no Pecado muito menos no Anjo Rebelado e os encantos das suas seduções,

Se eu fosse um padre, eu, nos meus sermões, não falaria em Deus nem no Pecado muito menos no Anjo Rebelado e os encantos das suas seduções, Desenvolvimento WEB APOSTILA por Lucília Ribeiro Se eu fosse um padre, eu, nos meus sermões, não falaria em Deus nem no Pecado muito menos no Anjo Rebelado e os encantos das suas seduções, não citaria

Leia mais

TECNOLOGIAS WEB AULA 7

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

Leia mais

Inserindo e Listando registros

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

Leia mais

Acessibilidade na web e HTML5 Desenvolvendo uma web para todos. Frontin BH 13 de agosto de 2011 Reinaldo Ferraz W3C.br

Acessibilidade na web e HTML5 Desenvolvendo uma web para todos. Frontin BH 13 de agosto de 2011 Reinaldo Ferraz W3C.br e HTML5 Desenvolvendo uma web para todos Frontin BH 13 de agosto de 2011 Reinaldo Ferraz W3C.br Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners- Lee com organizações filiadas,

Leia mais

André Kawamoto NE31A

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

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

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

Web Design Livre. do GIMP ao HTML Jezmael Basilio Marcos Vinícius

Web Design Livre. do GIMP ao HTML <HTML> Jezmael Basilio Marcos Vinícius Web Design Livre do GIMP ao HTML Jezmael Basilio Marcos Vinícius GIMP 1. Introdução GIMP é o acrônimo para GNU Image Manipulation Program (Programa de Manipulação de Imagens do GNU). Como o próprio

Leia mais

QUEM FEZ O TRABALHO?

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

Leia mais

Autoria Web. Professor: Diego Oliveira. Conteúdo 02: Principais Tags HTML

Autoria Web. Professor: Diego Oliveira. Conteúdo 02: Principais Tags HTML Autoria Web Professor: Diego Oliveira Conteúdo 02: Principais Tags HTML Diferença de HTML e XHTML Os elementos XHTML devem estar devidamente aninhados Os documentos XHTML devem estar bem-formados Os nomes

Leia mais

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

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

Leia mais

mkdir /srv/www/default/html/calculadora/imagens mkdir /srv/www/default/html/calculadora/blocos

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.

Leia mais

AJAX JSON JQUERY. Prof. Fellipe Aleixo (fellipe.aleixo@ifrn.edu.br)

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

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

HTML -- Criação de Home Page

HTML -- Criação de Home Page PPáággi innaa 1 LISTAS Na linguagem HTML existem elementos específicos para a criação de listas, que podem ser listas ordenadas (OL), listas sem ordenação (UL), ou listas de definição (DL). Um detalhe

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