HTML -- Criação de Home Page

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "HTML -- Criação de Home Page"

Transcrição

1 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 interessante é que podem ser criadas listas aninhadas, ou seja, listas dentro de listas. A seguir, veremos as características de cada uma delas. Liisttas Ordenadas <OL TYPE=... START=...>... </OL> São os elementos delimitadores de listas ordenadas (OL - Ordered List). A estrutura das listas ordenadas é bastante simples: entre os elementos de início e fim, os item da lista <LI></LI>. Os itens são apresentados em linhas consecutivas e precedidos por uma numeração atribuída pelo paginador. O parâmetro opcional TYPE define como será o tipo de numeração de cada linha. Os tipos disponíveis são: "A" (A, B,... Z), "a" (a, b,... z), "I" (I, II, III, IV, etc), "i" (i, ii, iii, iv, etc), e "1" (1, 2, 3, 4 etc). Se omitido, é utilizado o tipo padrão (1, 2, 3, 4 etc). O parâmetro opcional START define a partir de que elemento a numeração deve se iniciar. Ele deve receber como valor um número indicado em que posição a contagem deve se iniciar. Exemplo: ex-ol.htm <HTML> <HEAD> <TITLE>Listas Ordenas</TITLE> </HEAD> <BODY> <H2>Lista ordenada por número.</h2> <OL> <LI> Elemento 1 </LI> <LI> Elemento 2 </LI> <LI> Elemento 3 </LI> <LI> Elemento 4 </LI> </OL> <H2>Lista ordenada por letras, iniciando em D.</H2> <OL TYPE="A" START=4> <LI> Elemento 1 </LI> <LI> Elemento 2 </LI> <LI> Elemento 3 </LI> <LI> Elemento 4 </LI> </OL> </BODY> </HTML>

2 PPáággi innaa 2 Liisttas não ordenada <UL>...</UL> São os elementos de listas sem ordenação ( UL- Uniordered List ). A estrutura das listas sem ordenação é a mesma das listas ordenadas, sendo que, na apresentação, os itens serão precedidos por um marcador (bullet). No caso de listas sem ordenação aninhadas (listas dentro de listas), o paginador utilizará um marcador (bullet) diferente para os itens de cada lista. Exemplo: ex-ul.htm <HTML> <HEAD> <TITLE>Lista não-ordenadas</title> </HEAD> <BODY> <H2>Listas não-ordenadas</h2> <UL> <LI> Elemento 1 </LI> <LI> Elemento 2 </LI> <LI> Elemento 3 </LI> <LI> Elemento 4 </LI> </UL> <H2> Duas listas não-ordenadas aninhadas</h2> <UL TYPE="SQUARE"> <LI> Elemento 1 </LI> <LI> Elemento 2 <UL> <LI> Elemento 2.1 </LI> <LI> Elemento 2.2 </LI> <LI> Elemento 2.3 </LI> </UL> </LI> <LI> Elemento 3 </LI> <LI> Elemento 4 </LI> </UL> </BODY> </HTML> Como já vimos acima, <LI>...</LI> é o elemento que define um item de uma lista ordenada ou sem ordenação. O seu conteúdo pode ser texto, outras listas, imagens, links etc. Liistta de Deffiiniição <DL>...</DL> São as marcas que englobam uma lista de definição, idéias para a criação de glossários e coisas do gênero. A estrutura desta lista é diferente das outras, pois existem dois elementos - o

3 PPáággi innaa 3 termo a ser definido (DT), e a definição propriamente dita (DD). Na apresentação cada termo aparece em uma linha, e a respectiva definição na linha seguinte, deslocada para a direita. Exemplo: ex-dl.htm <HTML <HEAD> <TITLE>Listas de definição</title> </HEAD> <BODY> <H2>LISTAS DE DEFINIÇÃO</H2> <DL> <DT>HTML</DT> <DD>HIPER TEXT MARKUP LANGUAGE</DD> <DT>OL</DT> <DD>LISTAS ORDENADAS COM NUMERAÇÃO</DD> <DT>UL</DT> <DD>LISTAS SEM ORDENAÇÃO</DD> <DT>LI</DT> <DD>ELEMENTO DE LISTA</DD> </DL> <BR> <H2>LISTAS NÃO ORDENADA COMBINADAS<BR> COM UMA LISTA DE DEFINIÇÃO</H2> <DL> <DT>PARAMETROS DO ELEMENTO OL</DT> <DD> <UL> <LI>TYPE</LI> <LI>START</LI> </UL> </DD> <DT>PARAMETROS DO ELEMENTO IMG</DT> <DD> <UL> <LI>SRC</LI> <LI>ALT</LI> <LI>BORDER</LI> <LI>WIDTH</LI> <LI>HEIGHT</LI> <LI>USPACE</LI> <LI>HSPACE</LI> </UL> </DD> </DL> </BODY> </HTML> Ao fazer suas listas, lembre-se sempre que você pode combinar tipos diferentes para chegar ao resultado esperado.

4 PPáággi innaa 4 FORMULÁRIOS Interagindo com o visitante Com certeza você já deve Ter preenchido algum formulário em suas viagens pela Internet. Seja para cadastros, pesquisas ou mesmo envio de comentários, os formulários aumentam o poder de interação da Web e são uma forma diferenciada de receber dados dos visitantes de sua página. Todas as informações fornecidas um formulário são agrupadas e enviadas para um programa, mais conhecido como Script CGI, que é escrito especialmente para processar esses dados de acordo com alguma necessidade ou especificação. Atualização ou consultas a base de dados por , ou simplesmente a construção uma nova página (gerada a partir dos novos dados) são algumas das aplicações mais comuns. Você deve estar pensando que tudo isso é muito complicado e o melhor que você tem a fazer é esquecer esta história SCRIPTS CGI Os programas que associamos aos formulários são conhecidos como Scripts CGI. CGI (Common Gateway Interface) é um mecanismo que permite que os browsers executem programas nos servidores WWW. Scripts CGI são aplicações que servem para criar páginas dinâmicas ou para processar os dados de um formulário (como exemplo, o script AnyForm processa os dados passando-os por ). O CGI estabelece alguns padrões, e, se você seguir estes padrões, você pode usar qualquer linguagem de programação para escrever o seu. de formulários. Realmente escrever um script CGI não é uma tarefa fácil para a maioria dos internautas, mas existem vários CGI pre-fabricados disponíveis gratuitamente na Rede, que processam as informações fornecidas de forma transparente. Para utiliza-los, você só precisa saber pouco mais de meia dúzia de comandos HTML. Os pre-fabricados mais conhecidos na Internet são AnyForm, FormMail, CGI e MailMerge. Para apresentar mais este recurso da linguagem HTML, escolheremos o AnyForm para ensinar como colocar um formulário em uma home page. Para começar, nada como os bons e velhos exemplos! Exemplo: <HTML> <HEAD> <TITLE>Deixe aqui seus comentários!</title> em de

5 PPáággi innaa 5 </HEAD> <BODY> <FONT FACE= Arial SIZE= 4 COLOR= blue ><B><I> Deixe aqui seus comentários! </I></B></FONT> <FONT FACE= Arial SIZE= 3 > Olá! Obrigado por visitar o meu web site. <BR> Use este formulário para deixar aqui os seus comentários: <FORM ACTION="http://www.uky.edu/cgi-bin/cgiwrap/~johnr/AnyForm.cgi" METHOD="POST"> <INPUT TYPE="HIDDEN" NAME="AnyFormMode" VALUE="mail"> <INPUT TYPE="HIDDEN" NAME="AnyFormDisplay" VALUE="http://www.persocom.com.br"> <INPUT TYPE="HIDDEN" NAME="AnyFormTo" <INPUT TYPE="HIDDEN" NAME="AnyFormSubject" VALUE="Comentários sobre O WebSite"> Entre com o seu <INPUT TYPE="TEXT" NAME="AnyFormFrom" SIZE="40"> Entre com o seu nome: <INPUT TYPE="TEXT" NAME="Nome" SIZE="40"> Você gostou da minha página: <INPUT TYPE="RADIO" NAME="Gostou" VALUE="Sim">Sim <INPUT TYPE="RADIO" NAME="Gostou" VALUE="Mais ou Menos" CHECKED> Mais ou Menos <INPUT TYPE="RADIO" NAME="Gostou" VALUE="Não">Não Qual a página de que você mais gostou? <SELECT NAME="Melhor Página"> <OPTION VALUE="Links">Links <OPTION VALUE="Curriculum">Curriculum <OPTION VALUE="Galeria">Galeria de Fotos <OPTION VALUE="Clipart">Biblioteca Imagens </SELECT> Deixe aqui os seus comentários: <BR>

6 PPáággi innaa 6 <TEXTAREA NAME="Comentarios" ROWS="5" COLS="40"></TEXTAREA> Você gostaria que eu responde-se a este seu comentário? <INPUT TYPE="CHECKBOX"NAME="Quer Resposta" VALUE="SIM">Sim <INPUT TYPE="SUBMIT" VALUE="Enviar os Comentários"> <INPUT TYPE="RESET"VALUE="Limpar todos os campos"> </FORM> </FONT> </BODY> </HTML> ELEMENTOS HTML para Formulláriios 1. <FORM ACTION=... METHOD=... TARGET=...>... </FORM> Estes são os elementos que delimitam um formulário numa página. O parâmetro ACTION (ação) deve conter o endereço do programa que vai receber os dados do formulário. O endereço do AnyForm é O parâmetro METHOD (método) define como os dados serão transmitidos para o programa que os processará. Ele deve Ter os valores GET ou POST, e a diferença entre eles é a dada pela forma que cada um empacota esses dados. Normalmente, nas instruções do programa que você vai usar, é indica o valor a ser usado, portanto você não precisa se preocupar com isso. Com o AnyForm deve-se usar POST. O parâmetro TARGET (alvo) é opcional e necessário quando você está usando frames, e deseja que a resposta ao formulário seja exibida em um frame diferente do que está o formulário. 2. <INPUT TYPE=... NAME=... VALUE=... SIZE=... MAXLENGHT=... CHECKED> INPUT significa entrada de dados, logo este é um dos elementos que determina como será a entrada de dados nos campos de um formulário. O parâmetro TYPE (tipo) é muito importante pois define o tipo do elemento: caixa de texto, botão de escolha, ou botão simples.

7 PPáággi innaa 7 O parâmetro NAME deve conter o nome, ou identificador, do campo e o parâmetro VALUE pode conter um valor predefinido para o campo. É o elemento INPUT que define o formato da entrada dos dados no formulário. Use-o para montar caixas de texto, botões e até caixas de verificação de senhas. TIPOS DE ELEMENTOS INPUT 2.1 <INPUT TYPE=TEXT NAME=... VALUE=... SIZE=... MAXLENGHT=...> O valor TEXT (texto) no parâmetro TYPE indica que o campo será de texto, ou seja, um campo onde você digita os dados. O parâmetro VALUE (valor), neste caso, pode ser usado se você quiser definir um valor prévio para o campo, de tal forma que, quando a página for carregada, este valor já venha preenchido. O parâmetro SIZE (tamanho) configura o tamanho do campo e é baseado no número de caracteres. Se você quiser um campo com tamanho de 40 caracteres, deverá colocar SIZE=40. Note, porém, que este valor não limita o campo em 40 caracteres, ele somente define o tamanho com que será mostrado na página. O que define o número máximo de caracteres que podem ser digitados é o parâmetro MAXLENGHT (comprimento máximo), que é opcional. Usamos este tipo de campo para definir um campo AnyFormFrom e Nome. 2.2 <INPUT TYPE=PASSWORD NAME=... VALUE=... SIZE=... MAXLENGHT=...> Com o valor PASSWORD (senha) no parâmetro TYPE, tudo funciona da mesma forma que o valor TEXT, exceto que todas as letras digitadas aparecem como um asterisco "*" (tal como quando você digita sua senha para se conectar à internet). 2.3 <INPUT TYPE=RADIO NAME=... VALUE=... CHECKED> O valor RADIO no parâmetro TYPE define botões de escolha. Eles são usados para questões onde somente uma opção pode ser selecionada. O parâmetro NAME, neste caso, deve ser igual para todos os campos deste tipo, pois estará identificando a questão formulada. O parâmetro VALUE deve conter o valor do campo, que será passado ao programa.

8 PPáággi innaa 8 O parâmetro CHECKED deve ser usado quando você deseja que uma das opções esteja selecionada como padrão. 2.4 <INPUT TYPE=CHECKBOX NAME=... VALUE=... CHECKED> O valor CHECKBOX no parâmetro TYPE define botões de "checagem". A tradução do termo checkbox é meio difícil, mas, ao contrário dos botões de escolha (do tipo RADIO), ele deve ser usado quando uma ou mais opções são válidas. O parâmetro NAME, neste caso, deve ser diferente para cada cada campo. O parâmetro VALUE deve conter o valor do campo, que será passadi ao programa interpretador do formulário. O parâmetro CHECKED pode ser usado se você desejar que a opção esteja seleciona como padrão. 2.5 <INPUT TYPE=RESET VALUE=...> O valor RESET no parâmetro TYPE define um botão que limpa todos os campos, colocando os mesmos valores de quando a página foi carregada. No parâmetro VALUE, pode-se definir o que estará escrito no botão. Caso nenhum valor seja definido, aparecerá escrito somente "Reset". 2.6 <INPUT TYPE=SUBMIT NAME=... VALUE=...> O valor SUBMIT no parâmetro TYPE define um botão que aciona o envio das informações preenchidas no formulário ao programa interpretador (aquele definido no parâmetro ACTION do elemento FORM). O parâmetro VALUE define o que estará escrito no botão. Caso nenhum valor seja definido, aparecerá escrito "Submit". Para definir o botão "Enviar os comentários", usamos este tipo de elemento. 2.7 <INPUT TYPE=IMAGE NAME=... SRC=... ALT=...> Alternativamente ao botão tipo SUBMIT, pode-se usar uma imagem. Para isso, existe o tipo IMAGE. Neste caso, passam a existir os parâmetros SRC e ALT normalmente usados no elemento que define uma imagem. O parâmetro SRC define o endereço ou nome do arquivo da imagem. O parâmetro ALT, opcional, define o texto que será mostrado caso a imagem não seja carregada. 2.8 <INPUT TYPE=HIDDEN NAME=... VALUE=...> O valor HIDDEN (escondido) no parâmetro TYPE define dados que devem ser passados ao programa interpretador, mas que não que devem aparecer para quem está vendo a sua página.

9 PPáággi innaa 9 Neste caso, NAME identifica o dado e VALUE define o valor que deve ser passado. 3. <SELECT NAME=... SIZE=...> <OPTION VALUE=...> <OPTION VALUE=...>... </SELECT> O elemento SELECT possibilita definir uma lista de opções para o visitante escolher. DICA! Você certamente já viu na Internet menus para escolher páginas e seções de um site. Eles se abrem com o clique do mouse e lhe permitem escolher um ou mais itens. Eles são feitos com o elemento SELECT. O parâmetro NAME define o nome desta lista, e SIZE define quantos elementos serão exibidos na tela simultaneamente. Se omitido, somenteuma opção aparecerá por vez. Cada opção da lista é definida através de um elemento OPTION e o parâmetro VALUE deste elemento é que determinará o valor de cada opção. 4. <TEXTAREA NAME=... ROWS=... COLS=...>... </TEXTAREA> O elemento TEXTAREA (área de texto) permite definir um campo de texto com varias linhas. O parâmetro ROWS define o número de linhas da caixa de texto, e o parâmetro COLS define quantos caracteres (colunas) cada linha possui. O parâmetro NAME define o nome da caixa de texto. COMO USAR O AnyForm Com os elementos apresentados, você está apto a criar qualquer formulário na Web. Como falamos no início, o programa que usamos em nosso exemplo chama-se AnyForm. O AnyForm envia os dados preenchidos no formulário para um que você indicar. Este é um programa público e você pode usa-lo nos formulários em sua página sem depender do seu provedor. Para fazer os fomulários, não é necessário estar conectado, mas para testá-los é, pois, lembre-se, o programa não fica no seu computador, mas sim em um servidor, que no caso AnyForm está localizado na Univesidade de Kentucky nos Estados Unidos.

10 PPáággi innaa 10 O programa AnyForm (www.uky.edu/~johnr/anyform) estabelece que o elemento FORM deve ser da seguinte forma: <FORM ACTION=www.uky.edu/cgi-bin/AnyForm.cgi METHOD=POST> Alem disso, alguns dados precisam sempre ser definidos. São eles: AnyFormMode: deve ser preenchido sempre com o valor Mail. AnyFormDisplay: pode ser preenchido com Short, Standard, ou com o endereço de um página (será exibida após os dados serem enviados). AnyFormTo: deve conter o de quem receberá os dados do formulário. AnyformFrom: deve conter o de quem está preenchendo o formulário. AnyFormSubject: deve conter o assunto do que a pessoa receberá com os dados do formulário (tal como quando você envia um mail para alguém). Você pode definir estes valores da forma que você quiser, usando, é claro, algum dos elementos HTML que acabamos de mostrar. No nosso exercício, você pode ver que todos os dados foram definidos como HIDDEN, exceto o AnyFormFrom, pois deve ser preenchido pelo visitante. TABELAS Assim como as listas as listas que você viu, no HTML existem elementos específicos para a criação e formatação de tabelas. O recurso de tabelas é muito interessante e muito usado nas páginas Web. O conceito é o mesmo conhecido usualmente: ela tem linhas e colunas, e na interseção delas estão as células. Na linguagem HTML, você pode inserir nas células tudo que normalmente faz parte do corpo de um documento, como textos, links, imagens, listas e até outras tabelas. Ellementtos Básiicos de Tabellas <TABLE>...</TABLE> São as marcas que englobam a definição de uma tabela. Todas as demais marcas referentes a tabelas - linhas e células - somente serão consideradas se incluídas entre <TABLE> e </TABLE>. <CAPTION>...</CAPTION>

11 PPáággi innaa 11 Trata-se de um elemento opcional que define o título da tabela, e deve constar entre as marcas que definem a tabela, mas separado das marcas que definem linhas e colunas. Sem parâmetros, o título é apresentado acima da tabela e centralizado. <TR>...</TR> Table Row ou linha de Tabela Este é o elemento utilizado na definição de linhas de tabelas. Tabelas são definidas em linhas, sendo as linhas compostas de células. O número de linhas de uma tabela corresponde ao número de <TR></TR> existentes. <TD>...</TD> Table Data ou Dado de Tabela Marcas que delimitam as células que compõem as linhas, e assim sendo devem estar inseridas entre marcas de linhas. Uma célula pode conter tudo o que normalmente consta do corpo de um documento HTML - links, referências a imagens, textos, e até tabelas. O alinhamento padrão de uma célula é à esquerda horizontalmente e centralizado verticalmente, e caso o número de células varie e uma linha para outra, as linhas com menos células são completadas à direita com células em branco. <TH>...</TH> Table Header ou Cabeçalho de Tabelas Elemento que define células de cabeçalhos têm características idênticas a células de dados definidas por <TD>, a não ser pelo alinhamento default (padrão) horizontal, que é centralizado, e pela utilização de fonte em negrito. Com os elementos básico descritos acima você já pode construir uma tabela e visualizá-la no seu browser. No exemplo abaixo, você tem acesso a uma tabela básica. Exemplo1: <html> <head> <title>tabela</title> </head> <body> <div aling="center"> <center> <table border="2" cellspacing="1" width="77%" height="50%"> <tr> <td width="37%" height="19"></td>

12 PPáággi innaa 12 <td width="33%" height="19"></td> <td width="35%" height="19"></td> <td width="35%" height="19"></td> </tr> <tr> <td width="37%" height="19"></td> <td width="33%" height="19"></td> <td width="35%" height="19"></td> <td width="35%" height="19"></td> </tr> </table> </center> </div> </body> </html> Parâmetros Estes elementos básicos, entretanto, possuem alguns parâmetros que permitem um maior controle sobre alguns detalhes da apresentação da tabela. Nasa Informatica

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

HTML: Listas, Tabelas e Formulários CST Sistemas para Internet

HTML: Listas, Tabelas e Formulários CST Sistemas para Internet HTML: Listas, Tabelas e Formulários CST Sistemas para Internet Marx Gomes Van der Linden ( Material baseado no original de Marcelo José Siqueira Coutinho de Almeida ) Listas Listas de itens são bastante

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

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

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

ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia3.zip dezembro 1995 Tutorial - Autoria em World Wide Web

ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia3.zip dezembro 1995 Tutorial - Autoria em World Wide Web RNP REDE NACIONAL DE PESQUISA Centro Regional de Brasília CR/DF ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia3.zip dezembro 1995 Tutorial - Autoria em World Wide Web Parte III - Hypertext

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

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

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

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

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

Conteúdo Dinâmico. Introdução. Interação Browser x Servidor Web. Interação Browser x Servidor Web

Conteúdo Dinâmico. Introdução. Interação Browser x Servidor Web. Interação Browser x Servidor Web Introdução Formulários rios & Conteúdo Dinâmico Mário Antonio Meireles Teixeira Dept o. de Informática - UFMA A Web surgiu inicialmente como uma nova forma de comunicação de informações, fazendo uso de

Leia 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

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

Programação Web Prof. Wladimir

Programação Web Prof. Wladimir Programação Web Prof. Wladimir Linguagem HTML Listas e Formulários @wre2008 1 Sumário Listas Revisão da tag Criação de formulários HTML @wre2008 2 Listas As listas são utilizadas para citar, numerar

Leia 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

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

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

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

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

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

HTML Curso Básico HTML CURSO BÁSICO Aprenda os conceitos iniciais de HTML em alguns minutos.

HTML Curso Básico HTML CURSO BÁSICO Aprenda os conceitos iniciais de HTML em alguns minutos. HTML CURSO BÁSICO Aprenda os conceitos iniciais de HTML em alguns minutos. 1 Índice 1 - INTRODUÇÃO 3 2 - TAGS 3 3 - EDITORES 3 4 - SALVANDO UMA PAGINA HTML 3 5 - INICIANDO UMA PÁGINA 3 6 - CONSTRUINDO

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

APOSTILA. Curso de HTML com PHP HTML. Pablo Dapont

APOSTILA. Curso de HTML com PHP HTML. Pablo Dapont APOSTILA Curso de HTML com PHP HTML Pablo Dapont PET Computação - sala 202 Prédio 43424 ( prédio dos laboratórios ) Instituto de Informática - UFRGS email : pet@inf.ufrgs.br Av. Bento Gonçalves, 9500 bloco

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

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

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

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

3 HTML Tabelas, frames e formulário

3 HTML Tabelas, frames e formulário 3 HTML Tabelas, frames e formulário Vinicius A. de Souza va.vinicius@gmail.com São José dos Campos, 2011. 1 Sumário Desenvolvimento Web Tabelas...3 Principais atributos das tabelas...4 Principais atributos

Leia mais

Tecnologias para apresentação de dados - HTML. Aécio Costa

Tecnologias para apresentação de dados - HTML. Aécio Costa Tecnologias para apresentação de dados - HTML Aécio Costa Apresentação de Dados na Web Tecnologias client-side HTML CSS JavaScript HyperText Markup Language Uma linguagem de marcação utilizada para produzir

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

Formulários. Permite ao usuário enviar informações por meio da página, em forma de pesquisa, mala direta, compra eletrônica e outros.

Formulários. Permite ao usuário enviar informações por meio da página, em forma de pesquisa, mala direta, compra eletrônica e outros. Formulários Permite ao usuário enviar informações por meio da página, em forma de pesquisa, mala direta, compra eletrônica e outros. O formulário depende de outros programas no servidor, para receber e

Leia mais

indica o nome do campo pelo qual podemos acessar.

indica o nome do campo pelo qual podemos acessar. Formulários Em geral Com o Javascript, os formulários Html tomam outra dimensão. Não esqueça que em Javascript, podemos acessar cada elemento de um formulário para, por exemplo, ler ou escrever um valor,

Leia mais

Web Design Aula 01. No Caderno Responda as Questões abaixo

Web Design Aula 01. No Caderno Responda as Questões abaixo Aula 01 1 O que é Web Design? 2 Qual a diferença entre Web Design e Web Designer? 3 O que são Sites ou Páginas? Cite 3 tipos de Sites. 4 O que é um Navegador? 5 O que são Servidores e o que são Protocolos?

Leia mais

Formulários em HTML - O que são e para que servem

Formulários em HTML - O que são e para que servem Formulários em HTML - O que são e para que servem A tag - Os atributos action e method A primeira coisa que iremos fazer é usar a tag para podermos usarmos formulários. Antes de entrarmos

Leia 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

Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com

Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Desenvolvimento em Ambiente Web Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Listas A HTML permite definir três categorias distintas de listas: Ordenadas Sem ordenação Lista de definição 2/28 Listas

Leia mais

Programação para Internet I

Programação para Internet I Programação para Internet I Aula 05 e 06 Fernando F. Costa nando@fimes.edu.br 1 Tags de Formatação de Texto - Permite que um texto se mova de um lado para o outro da página. Sintaxe:

Leia mais

Comandos Básicos de HTML

Comandos Básicos de HTML Comandos Básicos de HTML Agora iniciaremos o estudo ao HTML, para você fazer o site utilize o bloco de notas do windows(notepad) ou um outro editor de texto como Notepad++, Geany ou PSPAD. Para fazer você

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

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

Leia mais

Programando em PHP. Conceitos Básicos

Programando em PHP. Conceitos Básicos Programando em PHP www.guilhermepontes.eti.br lgapontes@gmail.com Conceitos Básicos Todo o escopo deste estudo estará voltado para a criação de sites com o uso dos diversos recursos de programação web

Leia 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

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

7. Formulários em XHTML

7. Formulários em XHTML Programação para Internet I 7. Formulários em XHTML Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Os formulários constituem uma das principais formas de interacção entre clientes e servidores. São

Leia mais

APOSTILA DE INTRODUÇÃO AO HTML

APOSTILA DE INTRODUÇÃO AO HTML 1 2 Apostila de Introdução ao HTML 3 ESTA OBRA PODE SER REPRODUZIDA E DISTRIBUÍDA PARCIAL OU INTEGRALMENTE DESDE QUE CITADA A FONTE. MATERIAL COPYLEFT - VENDA PROIBIDA Todo material desenvolvido pela Coordenadoria

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

> 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

1. HTML - Introdução. Hyper Text Markup Language. É uma linguagem de formatação de conteúdos. Portável. Ficheiros de pequena dimensão

1. HTML - Introdução. Hyper Text Markup Language. É uma linguagem de formatação de conteúdos. Portável. Ficheiros de pequena dimensão 1. HTML - Introdução Hyper Text Markup Language É uma linguagem de formatação de conteúdos Não é uma linguagem de programação Portável Não depende da plataforma em que é vizualizado Ficheiros de pequena

Leia mais

Flex. MANUAL DE USO DA FERRAMENTA FLEX O Flex como gerenciador de conteúdo

Flex. MANUAL DE USO DA FERRAMENTA FLEX O Flex como gerenciador de conteúdo 2011 MANUAL DE USO DA FERRAMENTA FLEX O Flex como gerenciador de conteúdo Aprenda como é simples utilizar a ferramenta Flex como seu gerenciador de conteúdo online. Flex Desenvolvido pela ExpandWEB 31/01/2011

Leia mais

Desenvolvedor Web Docente André Luiz Silva de Moraes

Desenvolvedor Web Docente André Luiz Silva de Moraes Roteiro 2: Introdução a Linguagem HTML Neste roteiro é explorada a linguagem HTML. A linguagem HTML (Hypertext Markup Language) é amplamente utilizada na construção de páginas de internet e é responsável

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

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

Desenvolvimento de Sites com PHP e Mysql Docente André Luiz Silva de Moraes

Desenvolvimento de Sites com PHP e Mysql Docente André Luiz Silva de Moraes Roteiro 2: Introdução a Linguagem HTML Desenvolvimento de Sites com PHP e Mysql Neste roteiro é explorada a linguagem HTML. A linguagem HTML (Hypertext Markup Language) é amplamente utilizada na construção

Leia mais

HTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.).

HTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.). HTML / JAVASCRIPT Estamos iniciando o estudo do HTML através das TAGS (comandos) para construir formulários. Isso facilitará a continuidade dos nossos estudos da linguagem de programação JavaScript, a

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

www.coldfusionbrasil.com.br

www.coldfusionbrasil.com.br www.coldfusionbrasil.com.br 2000 TRABALHANDO COM E-MAILS 3 ENVIANDO E-MAILS COM CFMAIL 3 ENVIANDO E-MAIL BASEADO EM UM FORMULÁRIO 4 UTILIZANDO QUERY PARA ENVIAR E-MAILS 5 ENVIANDO E-MAIL PARA MÚLTIPLOS

Leia mais

Os slides que seguem mostram os principais comandos da linguagem HTML. Conhecer o código HTML possibilita a criação de páginas leves que contenham ape

Os slides que seguem mostram os principais comandos da linguagem HTML. Conhecer o código HTML possibilita a criação de páginas leves que contenham ape INTRODUÇÃO A PROGRAMAÇÃO HTML Os slides que seguem mostram os principais comandos da linguagem HTML. Conhecer o código HTML possibilita a criação de páginas leves que contenham apenas os comandos necessários

Leia 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

Scriptlets e Formulários

Scriptlets e Formulários 2 Scriptlets e Formulários Prof. Autor: Daniel Morais dos Reis e-tec Brasil Programação Avançada Para Web Página1 Meta Permitir ao aluno aprender a criar um novo projeto Java para web no Netbeans IDE,

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

Roteiro 2: Conceitos de Tags HTML

Roteiro 2: Conceitos de Tags HTML Roteiro 2: Conceitos de Tags HTML Objetivos Detalhar conceitos sobre TAGS HTML: elementos, atributos, elemento vazio, links. Implementar páginas de internet com uso da linguagem HTML; Ferramentas Necessárias

Leia mais

Lista de Revisão. 3. Analise a afirmativa a seguir como verdadeira ou falsa e justifique.

Lista de Revisão. 3. Analise a afirmativa a seguir como verdadeira ou falsa e justifique. Lista de Revisão 1. Nos sistemas web, geralmente os usuários apresentam dois problemas típicos, a desorientação e a sobrecarga cognitiva. Discorra sobre esses problemas. 2. Apresente as principais diferenças

Leia mais

Introdução 1ª Parte Web Web Web Web Browsers Editores Editores Etiquetas (tags) base indica que se trata de uma página escrita em linguagem HTML. Esta deve abranger todo o código;

Leia mais

Exercícios Práticos de HTML e JavaScript.

Exercícios Práticos de HTML e JavaScript. <FORM ACTION=mailto:teste@gmail.com METHOD=POST ENCTYPE=text/plain NAME=cadastro> Exercícios Práticos de HTML e JavaScript Exercício 1: Formulário Padrão HTML SEM JavaScript

Leia mais

Passa a passo para construir uma página pessoal - Parte 1

Passa a passo para construir uma página pessoal - Parte 1 Passa a passo para construir uma página pessoal - Parte 1 Quais ferramentas são necessárias? - Editor de texto básico (sem formatações): use o Bloco de Notas (não use o MS Word e WordPad) - Navegador (browser):

Leia mais

4.14 - Imagens: src único atributo que não pode ser omitido neste TAG Nota: img

4.14 - Imagens: <img src=...> src <img src=tecnologia.jpg> único atributo que não pode ser omitido neste TAG Nota: img 4.14 - Imagens: O TAG utilizado para a inclusão de imagens em páginas html é o: O atributo src especifica o local onde está a imagem e o seu nome. Nas páginas pessoais é mais comum o uso

Leia mais

Formulários HTML. Envio de Informação para o servidor

Formulários HTML. Envio de Informação para o servidor Programação Na Web Formulários HTML Envio de Informação para o servidor 1 António Gonçalves Agenda Envio de dados através de formulários A Marca FORM Controle para Text Botões tipo Push Botões Check boxes

Leia mais

MÓDULO 1 - xhtml Básico

MÓDULO 1 - xhtml Básico MÓDULO 1 - xhtml Básico 1. Introdução xhtml significa Extensible Hypertext Markup Language (Linguagem de Marcação Hipertextual Extensível) e é a linguagem de descrição de documentos usada na World Wide

Leia mais

Esse manual é um conjunto de perguntas e respostas para usuários(as) do Joomla! 1.5.

Esse manual é um conjunto de perguntas e respostas para usuários(as) do Joomla! 1.5. Esse manual é um conjunto de perguntas e respostas para usuários(as) do Joomla! 1.5. Ele considera que você já tem o Joomla! instalado no seu computador. Caso você queira utilizá lo em um servidor na web,

Leia mais

Algoritmia e Programação APROG HTML. Introdução. Nelson Freire (ISEP DEI-APROG 2014/15) 1/15

Algoritmia e Programação APROG HTML. Introdução. Nelson Freire (ISEP DEI-APROG 2014/15) 1/15 APROG Algoritmia e Programação HTML Introdução Nelson Freire (ISEP DEI-APROG 2014/15) 1/15 O que é o HTML? Sumário Geral Documento HTML Elemento HTML Estrutura Básica de Documento HTML Elementos Títulos

Leia mais

4.14 - Imagens: SRC único atributo que não pode ser omitido neste tag Nota: img

4.14 - Imagens: <IMG SRC=...> SRC <IMG SRC=tecnologia.jpg> único atributo que não pode ser omitido neste tag Nota: img 4.14 - Imagens: O tag utilizado para a inclusão de imagens em páginas html é o: O atributo SRC especifica o local aonde está a imagem e o seu nome. Nas páginas pessoais é mais comum o uso

Leia mais

Como criar uma página WEB

Como criar uma página WEB Como criar uma página WEB Utilização de comandos HTML Luís Manuel Borges Gouveia versão 1.1 Dezembro, 1996 Requisitos necessários para criar ou editar uma página Web um navegador (browser): Netscape ou

Leia mais

CONSTRUÇÃO DE BLOG COM O BLOGGER

CONSTRUÇÃO DE BLOG COM O BLOGGER CONSTRUÇÃO DE BLOG COM O BLOGGER Blog é uma abreviação de weblog, qualquer registro frequênte de informações pode ser considerado um blog (últimas notícias de um jornal online por exemplo). A maioria das

Leia mais

DELEGAÇÃO REGIONAL DO ALENTEJO CENTRO DE FORMAÇÃO PROFISSIONAL DE ÉVORA. Reflexão 6. 0792 Criação de páginas para a web em hipertexto

DELEGAÇÃO REGIONAL DO ALENTEJO CENTRO DE FORMAÇÃO PROFISSIONAL DE ÉVORA. Reflexão 6. 0792 Criação de páginas para a web em hipertexto Reflexão 6 0792 Criação de páginas para a web em hipertexto Início 08.04.2014 fim 11.04.2014 Elaborar páginas para a web, com recurso a hipertexto. Conceitos gerais de HTML Ficheiros HTML Estrutura da

Leia mais

SISTEMA GERENCIAMENTO DE PRODUTOS PHP E MySQL 1. APRESENTAÇÃO

SISTEMA GERENCIAMENTO DE PRODUTOS PHP E MySQL 1. APRESENTAÇÃO SISTEMA GERENCIAMENTO DE PRODUTOS PHP E MySQL 1. APRESENTAÇÃO Este é um sistema de controle de produtos, onde o usuário irá entrar com o login e a senha, e se ele for um usuário cadastrado na tabela usuários

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

FORMULÁRIOS ACESSÍVEIS

FORMULÁRIOS ACESSÍVEIS Ministério da Educação Secretaria de Educação Profissional e Tecnológica IFRS Instituto Federal de Educação, Ciência e Tecnologia do Rio Grande do Sul NAV Núcleo de Acessibilidade Virtual FORMULÁRIOS ACESSÍVEIS

Leia mais

UFPel Departamento de Informática. Tutorial Google Docs. Profa. Lisane Brisolara de Brisolara

UFPel Departamento de Informática. Tutorial Google Docs. Profa. Lisane Brisolara de Brisolara UFPel Departamento de Informática Tutorial Google Docs Profa. Lisane Brisolara de Brisolara Sumário O que é o Google Docs Seus principais recursos Editor de textos/documentos Editor de planilhas eletrônicas

Leia mais

OURO MODERNO www.ouromoderno.com.br. Web Designer APOSTILA DE EXEMPLO. (Esta é só uma reprodução parcial do conteúdo)

OURO MODERNO www.ouromoderno.com.br. Web Designer APOSTILA DE EXEMPLO. (Esta é só uma reprodução parcial do conteúdo) Web Designer APOSTILA DE EXEMPLO (Esta é só uma reprodução parcial do conteúdo) 1 Índice Aula 1 HTML... 3 Tags... 4 Estrutura de uma Página HTML... 4 Cores e fontes... 7 Código Hexadecimal de uma cor...

Leia mais

Tutorial de HTML. O que é HTML? Aprendendo

Tutorial de HTML. O que é HTML? Aprendendo Tutorial de HTML Tutorial: O que é HTML? Aprendendo Títulos Textos Imagens Links Imagens Clicáveis Explorando o TAG BODY Música de Fundo Gifs Animados Tabelas Testando sua Página O que é HTML? HTML é uma

Leia mais

SGCD 2.0 Sistema Gerenciador de Conteúdo Dinâmico

SGCD 2.0 Sistema Gerenciador de Conteúdo Dinâmico Sistema Gerenciador de Conteúdo Dinâmico Atualizado em 24/08/2011 No final de 2007, o Serviço Técnico de Informática da UNESP Marília, disponibilizou para a comunidade acadêmica e administrativa o Sistema

Leia mais

Validação de formulários utilizando Javascript

Validação de formulários utilizando Javascript Validação de formulários utilizando Javascript A validação de formulários é um dos usos mais comuns na programação Javascript. A validação de dados por meio da programação Javascript é muito fácil e rápida

Leia mais

Colégio da Policia Militar do Estado do Tocantins. HTML5 e CSS3 Formulários Prof. Gleison Batista de Sousa

Colégio da Policia Militar do Estado do Tocantins. HTML5 e CSS3 Formulários Prof. Gleison Batista de Sousa Colégio da Policia Militar do Estado do Tocantins HTML5 e CSS3 Formulários Prof. Gleison Batista de Sousa Formulários Avançando no HTML e CSS Nesta aula vamos aprender como criar uma página de contato

Leia mais

Formulários HTML e Introdução à Programação Web

Formulários HTML e Introdução à Programação Web Formulários Até agora tivemos uma boa visão da parte gráfica e de hipertexto do HTML. Agora vamos ver como o HTML pode ser usado para fazer parte efetiva em um programa. Dissemos que HTML não é uma linguagem

Leia mais

Coleção - Análises de email marketing em clientes de email

Coleção - Análises de email marketing em clientes de email Coleção - Análises de email marketing em clientes de email Introdução Nesta sexta e penúltima edição da Coletânea de Análises de Email Marketing em Clientes de Email, apresentamos os estudos dos clientes

Leia mais

Google Docs EDITOR DE TEXTOS

Google Docs EDITOR DE TEXTOS Google Docs Um destes serviços oferecidos é o Google Docs, uma espécie de suíte de aplicativos online, bastante semelhante ao Microsoft Office e ao OpenOffice.org/BrOffice.org. O serviço da Google possui

Leia mais

Construtor de sites SoftPixel GUIA RÁPIDO - 1 -

Construtor de sites SoftPixel GUIA RÁPIDO - 1 - GUIA RÁPIDO - 1 - Sumário Introdução...3 Por que utilizar o Construtor de Sites?...3 Vantagens do Construtor de Sites...3 Conceitos básicos...3 Configuração básica do site...5 Definindo o layout/template

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

Instalando o Internet Information Services no Windows XP

Instalando o Internet Information Services no Windows XP Internet Information Services - IIS Se você migrou recentemente do Windows 95 ou 98 para o novo sitema operacional da Microsoft Windows XP, e utilizava antes o Personal Web Server, deve ter notado que

Leia mais

FAQ Perguntas Frequentes

FAQ Perguntas Frequentes FAQ Perguntas Frequentes 1. COMO ACESSO A PLATAFORMA DE ENSINO?... 2 2. NÃO CONSIGO REALIZAR O MEU CADASTRO NO AMBIENTE VIRTUAL DO MMA.... 4 3. FIZ MEU CADASTRO NO SITE E NÃO RECEBI O E-MAIL DE CONFIRMAÇÃO

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

DICAS PARA DESENVOLVER SITE ACESSÍVEL

DICAS PARA DESENVOLVER SITE ACESSÍVEL DICAS PARA DESENVOLVER SITE ACESSÍVEL Este arquivo contém dicas para o desenvolvimento de uma página acessível e de acordo com as normas W3C (World Wide Web). Para uma boa compreensão destas dicas é necessário

Leia mais

FERRAMENTAS DE COLABORAÇÃO CORPORATIVA

FERRAMENTAS DE COLABORAÇÃO CORPORATIVA FERRAMENTAS DE COLABORAÇÃO CORPORATIVA Criação de Formulários no Google Drive Sumário (Clique sobre a opção desejada para ir direto à página correspondente) Criação de Formulários no Google Drive Introdução...

Leia mais

HTML. Conceitos básicos de formatação de páginas WEB

HTML. Conceitos básicos de formatação de páginas WEB HTML Conceitos básicos de formatação de páginas WEB HTML HyperText Markup Language Linguagem utilizada para criar hipertexto na web Ou seja, criar documentos estruturados utilizando para tal um conjunto

Leia mais