7. Frames
Os FRAMES são divisões de telas do seu browser que permite a utilização de vários documentos no formato HTML.
Os FRAMES são visualizados pelo Netscape Navigator, e pelo Internet Explorer.
7.1 - ESTRUTURA
Assim como o corpo do HTML, os FRAMES tem sua estrutura. Eles entram no lugar do corpo, substituindo o <BODY></BODY> por <FRAMESET></FRAMESET>.
Exemplo:
<HTML>
<HEAD>
<TITLE> Título do Documento </TITLE>
</HEAD>
<FRAMESET>
Sintaxe dos Frames
</FRAMESET>
</HTML>
7.2 - SINTAXE
Primeiramente devemos fazer um documento HTML para ele ser especificado pela sintaxe de FRAMES, no caso chamado de Frame1.htm.
<HTML>
<HEAD>
<TITLE> Frame 1 </TITLE>
</HEAD>
<BODY>
<FONT SIZE=+1> <B> Frame n1 </B> </FONT>
</BODY>
</HTML>
7.3 - FRAMESET
A primeira especificação é o FRAMESET, que é acompanhado pelas definições ROWS e COLS.
7.3.1 - ROWS
Especifica o numero de FRAMES e a altura de cada um.
Exemplo:
<FRAMESET ROWS="20%,30%,50%">
<FRAME SRC="FRAME1.HTM">
<FRAME SRC="FRAME1.HTM">
<FRAME SRC="FRAME1.HTM">
</FRAMESET>
Neste exemplo de cima, ele chama 3 FRAMES, o 1º com 20% da tela, o 2º com 30% da tela, o 3º com 50% da tela (ambos em altura).
7.3.2 - COLS
Especifica o numero de FRAMES e a largura de cada um.
Exemplo:
<FRAMESET COLS="20%,30%,50%">
<FRAME SRC="FRAME1.HTM">
<FRAME SRC="FRAME1.HTM">
<FRAME SRC="FRAME1.HTM">
</FRAMESET>
Neste exemplo de cima, ele chama 3 FRAMES, o 1º com 20% da tela, o 2º com 30% da tela, o 3º com 50% da tela (ambos em largura).
7.4 - FRAME
A segunda especificação é o FRAME, que é acompanhado pelas definições SRC, NAME, SCROLLING, NORESIZE, TARGET.
7.4.1 - SRC
Especifica o documento de formato HTML chamado para o FRAME.
Indispensável, por que sem ele só o documento aparecerá vazio, só com as divisões.
Exemplo:
<FRAMESET COLS="20%,30%,50%">
<FRAME SRC="FRAME1.HTM">
<FRAME SRC="FRAME1.HTM">
<FRAME SRC="FRAME1.HTM">
</FRAMESET>
7.4.2 - NAME
Especifica o nome do documento de formato HTML chamado para o FRAME.
É extremamente necessário para o uso do TARGET, que será visto a seguir.
Exemplo:
<FRAMESET COLS="20%,30%,50%">
<FRAME SRC="FRAME1.HTM" NAME="Principal">
<FRAME SRC="FRAME1.HTM">
<FRAME SRC="FRAME1.HTM">
</FRAMESET>
7.4.3 - SCROLLING
Define se o Frame terá barr de rolagem, o default é Auto.
Fornece as opções: Yes, No, Auto.
Yes - Exibe a barra de rolagem independente do tamanho do documento.
No - Não exibe a barra de rolagem, mesmo que o documento seja maior que o tamanho especificado.
Auto - Só exibe a barra de rolagem se o documento for maior que a área especificada.
Exemplo:
<FRAMESET COLS="20%,30%,50%">
<FRAME SRC="FRAME1.HTM" SCROLLING="no">
<FRAME SRC="FRAME1.HTM" SCROLLING="yes">
<FRAME SRC="FRAME1.HTM" SCROLLING="auto">
</FRAMESET>
7.4.4 - NORESIZE
Impossibilita o usuário de mudar o tamanho da área especificada do FRAME.
Por default o usuário pode mudar esta área.
Exemplo:
<FRAMESET COLS="20%,30%,50%">
<FRAME SRC="FRAME1.HTM" NORESIZE>
<FRAME SRC="FRAME1.HTM">
<FRAME SRC="FRAME1.HTM">
</FRAMESET>
7.4.5 - TARGET
Define qual a área (FRAME) que aparecerá o documento especificado pelo link.
Mais útil na utilização de Menus e índices.
Necessita do NAME.
Exemplo:
<FRAMESET COLS="20%,30%,50%">
<FRAME SRC="FRAME1.HTM" NAME="Principal">
<FRAME SRC="FRAME1.HTM">
<FRAME SRC="FRAME1.HTM">
</FRAMESET>
O Link:
<A HREF="http://www.microsoft.com" TARGET="Principal"> Microsoft </A>
Se você quiser criar um link que chama uma nova tela do browser basta colocar TARGET="um nome que não existe".
7.5 - BORDER
Define qual a borda que o FRAME terá.
Mais útil na utilização de BACKGROUNDS iguais.
Exemplo:
<FRAMESET COLS="20%,30%,50%" FRAMEBORDER="NO" BORDER=0>
<FRAME SRC="FRAME1.HTM" FRAMEBORDER="NO" BORDER=0>
<FRAME SRC="FRAME1.HTM" FRAMEBORDER="NO" BORDER=0>
<FRAME SRC="FRAME1.HTM" FRAMEBORDER="NO" BORDER=0>
</FRAMESET>
Anterior - Home - Próxima