Escolar Documentos
Profissional Documentos
Cultura Documentos
Lição n° 20,21
Sumário: – Tabelas e Frames
Uma das coisas que devemos obter na criação dos nossos sites é uma aparência agradável
e que o conteúdo das suas páginas estejam organizados.
Hoje estudaremos algumas tags que nos vão ajudar melhorar a visualização do nosso site.
TABELAS
As tabelas são muito importantes para o designer de página web. Com elas
podemos fazer alinhamento que dificilmente seriam possíveis com simples comandos.
A funcionalidade de uma tabela faz com que um determinado site tenha um aspecto
mais profissional e o usuário possa navegar de forma mais fácil e eficiente, pois os
objetos estão melhor posicionados na página.
As tabelas podem conter elementos simples, agrupando filas e colunas.
A tag para inserir uma tabela é <table>. Para iniciar uma linha devemos introduzir a tag
<tr> e para uma coluna usamos a tag <td>. Todos esses comandos são encerrados pelas
tags </table>, </tr> e </td> respectivamente.
Temos ainda uma particularidade, a tag <th> que realça o conteúdo que encontra dentro
das colunas.
Exemplo:
Vamos construir uma tabela 2x3 simples, ou seja, de 3 colunas por duas linhas, com a
primeira linha realçada.
<HTML>
<HEAD>
<TITLE> Desenvolvimento Web</TITLE>
</HEAD>
<BODY>
<TABLE BORDER=“1”>
<TR> // Primeira Linha
<TH> Primeira coluna </TH>
<TH> Segunda coluna</TH>
<TH> Terceira coluna</TH>
</TR>
<TR> // Segunda Linha
<TD> Primeira coluna </TD>
<TD> Segunda coluna</TD>
<TD> Terceira coluna</TD>
</TR>
</TABLE>
</BODY>
</HTML>
FRAMES
Os frames são divisões da tela do browser. Com isso é possível apresentar mais de uma
página por ver: por exemplo, um índice principal numa parte pequena da tela e os textos
relacionados ao índice na outra parte.
Neste tópico, aprenderemos a fazer páginas em frames, ter alguma dicas para melhorara
a visualização do nosso site dentro das frames e usar esse importante recurso de maneira
certa e apropriada.
Um documento com o frames tem a estrutura básica como um documento normal e a
tag <body> é substituída pela tag <frameset> e cada sub-documento conterá uma tag
<frame> para cada subpágina.
Traduzidos seria algo como quadros, ou seja, áreas definidas dentro de uma mesma
janela, cada qual com uma página independente com seu próprio código, suas cores,
titulo, etc.
O uso de frames em HTML é feito pela tag <frameset>. Nesta tag, os atributo rows e
cols definem respectivamente, o número de subespaços horizontais e verticais e podem
ser usados para criar o efeito de grade.
Exemplo:
Vamos criar uma página com divisões iguais.
<frameset cols="30%,90%">
<frame src="Cadastro.html">
<frame src="Preço.html">
</frameset>
Fim
Obrigado!