Carregar apresentação
A apresentação está carregando. Por favor, espere
1
1 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/2016 16:38 Prof. João Ricardo Anrêo O TAG - que será usado dentro dos tags, e servirá apenas para colocar um título que aparecerá na barra de título do seu browser ( não esqueça o ). Dentro dos TAGS serão colocados todos os comandos, textos e imagens da sua página. Será o corpo da sua página. Exercício 1 Utilize o bloco de notas, digitando os comando abaixo. Grave o arquivo com o nome exerc1.htm e execute no navegador (Internet Explorer, Firefox, outro) --->
2
2 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/2016 16:38 2 Prof. João Ricardo Andrêo Desenvolvimento e DESIGN de WEBSITES 1 - HTML Página de exemplo Esta é a primeira página desta disciplina.
3
3 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/2016 16:38 3 Prof. João Ricardo Andrêo ATRIBUTOS GERAIS DE UM DOCUMENTO Como visto no item anterior, contém informações sobre o documento. Além de, existem diversos outros campos de informação, sendo os campos os mais usados. Campos Os campos têm dois atributos principais: NAME: indicando um nome para a informação HTTP-EQUIV: faz uma correspondência com campos de cabeçalho do protocolo HTTP; A informação desse campo pode ser lida pelos browsers, e provocar algumas ações. Formato Geral: -->...
4
4 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/2016 16:38 Formato geral: Titulo do Documento Exemplo: Início de html
5
5 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/2016 16:38 Alguns desses atributos são inseridos automaticamente pelos editores. Um exemplo de uso do atributo HTTP-EQUIV é promover a mudança automática de páginas, como mostra o exemplo abaixo. Observe que pagina.html é a página a ser carregada automaticamente, e segundos é a quantidade de segundos (tempo decorrido) até que a página indicada seja carregada. Carregamento automático de página Vamos fazer um teste com o exemplo citado.
6
6 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/2016 16:38 Exercício 2 Digite os comandos abaixo no bloco de notas. Grave com o nome exerc2.html Carregamento automático de página Testando o refresh...
7
7 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/2016 16:38 Agora digite os comandos abaixo também no bloco de notas e grave com o nome automat.html Página 2 - Entrada automática Legal! Deu certo! Mas qual é a utilidade disso? Carregue a página exerc2.html no browser e observe o que acontece.
8
8 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/2016 16:38 Como exemplificado acima, o efeito é interessante. No entanto, qual é a utilidade desse artifício? Duas aplicações básicas podem ser vislumbradas: a primeira consiste no carregamento automático de uma página como uma finalidade específica. Isso é muito comum na WWW – carrega-se, por exemplo, uma página de menus de produtos após a apresentação da empresa. Outra aplicação é a atualização automática de um documento que, por exemplo, tenha uma foto produzida por uma câmera de vídeo: pode-se forçar, com o refresh, a atualização dessa página, mostrando para o leitor sempre uma imagem mais atual de algum evento sendo focalizado pela câmera.
9
9 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/2016 16:38 ATRIBUTOS DE Através de atributos de, podemos definir cores para os textos, links e para o fundo das páginas, bem como uma imagem de fundo (marca d’água), conforme explicitado nos comandos mostrados abaixo. <BODY BGCOLOR="#rrggbb" TEXT="#rrggbb" LINK="#rrggbb" ALINK="#rrggbb" VLINK="#rrggbb" BACKGROUND="URL"> onde: BGCOLOR = cor de fundo (padrão: cinza ou branco) TEXT = cor dos textos da página (padrão: preto) LINK = a cor dos links (padrão: azul) ALINK = cor dos links, quando acionados (padrão: vermelho) VLINK = cor dos links, depois de visitados (padrão: azul escuro ou roxo)
10
10 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/2016 16:38 Seus valores são dados em valores hexadecimais, equivalentes a cores no padrão RGB (Red, Green, Blue). Existem tabelas de cores com esses valores, mas grande parte dos editores já oferece uma interface bem amigável através da qual escolhemos as cores desejadas. Browsers que seguem a definição de HTML 3.2 também aceitam 16 nomes de cores, tirados da paleta VGA do Windows - por exemplo, podemos escrever BGCOLOR="BLUE". Porém, browsers mais antigos não apresentarão as cores indicadas. Os 16 nomes de cores aceitos segundo o HTML 3.2 são estes: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow.
11
11 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/2016 16:38 Exercício 3: Digite os comandos abaixo no bloco de notas. Grave com o nome exerc3.htm Testando atributos de BODY <BODY BGCOLOR="#FFFF00" TEXT = "BLUE" LINK="#008000" VLINK="#000000" ALINK="#FFFF00" > Verifique a mudança da cor de fundo e do texto... Os outros efeitos serão percebidos posteriormente...
Apresentações semelhantes
