Make your own free website on Tripod.com

FRAMES
Quinto Passo Avançado: Dicas sobre Frames

USANDO FRAMES
Frame é um recurso da linguagem HTML, que permite que a janela do browser seja dividida em várias regiões. Veja a seguir um exemplo de página HTML utilizando frames:

<html>
<head>
<title>Página com Frame</title>
</head>
<frameset cols = 40,*>
<frame src = esquerda.htm>
<frame src = direita.htm name = direita>
</frameset>
<body>
</body>
</html>

Criando frames

<frameset>
Esta tag, seguida de um argumento é a que define o frame da página.

<frameset cols>
O argumento cols indica que a divisão deve ser vertical, em colunas.

<frameset rows>
O argumento rows indica que a divisão deve ser horizontal, em linhas.

<frameset cols = 40,*>
O valor após o sinal de igual, define a largura da coluna (cols = 40), ou da linha (rows = 40). O valor especificado (40) indica a largura do primeiro frame, enquanto o asterisco (*) indica que o segundo frame terá a largura igual ao espaço que estiver sobrando na tela. Para dividir a página em dois frames do mesmo tamanho, basta utilizar dois asteriscos.
 
Exemplo:

<frameset cols = *,*>

Definindo o conteúdo dos frames
Para definir o conteúdo da cada divisão, usa-se a tag <frame>. Enquanto a tag <frameset> define as divisões da página, a tag <frame> indica o que será carregado em cada uma dessas divisões.
O número de tags <frame> deve equivaler-se ao número de tags <frameset>, pois se dividirmos nossa página em 2 frames, deveremos então carregar 2 páginas, uma em cada frame.

Para utilizar a tag <frame>, você deve indicar a página que deseja carregar, usando o argumento src (source), que indica o nome do documento html.

Definindo o frame da esquerda
No exemplo a seguir, uma página chamada esquerda.htm será carregada no primeiro frame da página principal (frame da esquerda):
<frame src = esquerda.htm>

Definindo o frame da direita
No segundo frame (frame da direita), uma página chamada direita.htm é que será carregada:
<frame src="direita.htm" name="direita">

Apelidando os frames
Note que este exemplo possui mais argumento que o primeiro. A expressão name é um recurso para nomear o frame (nomear, apelidar), facilitando a identificação do frame. Caso você tivesse uma página com 4 frames, poderia apelidá-los de frame da
"esquerda", "direita", "acima", "abaixo".

Carregando as páginas nos frames
Para indicar ao browser em qual frame você deseja carregar uma página, utilize no
link correspondente a expressão target (alvo). Suponhamos que você deseje colocar um link no frame esquerdo, que, ao ser clicado, carregue uma página no frame direito. Para fazer isto coloque na página esquerda.htm a sintaxe a seguir:
<a href="direita.htm" target=direita>Direita</a>

Carregando as páginas em uma nova janela
Se desejar carregar uma página em uma nova janela, ao invés de carregá-la no frame, use a expressão _blank, no lugar do nome do frame.
<a href="direita.htm" target="_blank">Direita</a>

Carregando a página na tela inteira do browser
Se desejar carregar uma página na tela inteira do browser, e não mais em um dos frames, use a palavra _top no argumento target como no exemplo a seguir:
<a href="direita.htm" target="_top">Direita</a>

Carregando a página no frame pai
Use esta tag para carregar a página no "frame-pai" do frame que contém o link. A página será carregada sem apresentar divisões.

<a href="direita.htm" target="_parent">Direita</a>

Carregando a página no mesmo frame que contém o link
Use esta tag para carregar a página no mesmo frame que contém o link.

<a href="direita.htm" target="_self">Direita</a>

Ocultando a barra de rolagem
Os frames são divididos por uma barra de rolagem entre eles, porém esta barra pode ficar oculta usando-se a tag <scrolling="no">
Para exibí-la use <scrolling="yes">

Impedir o redimensionamento do frame
Para impedir que um frame seja redimensionado use a tag <noresize>

Browser que não reconhecem frames
Existem navegadores que não reconhecem frames, por isso, você deve colocar uma mensagem para o usuário, usando a tag <noframes></noframes>
Exemplo:

<noframes>Esta página usa frames, mas seu navegador não suporta este recurso.
</noframes>

Exemplo completo de uma página com frames
<html>
<head>
<title>Página com Frame</title>
</head>
<frameset rows="64,*">
<frame name="acima" scrolling="no" noresize target="esquerda" src="pagina1.htm">
<frameset cols="150,*">
<frame name="esquerda" target="direita" src="pagina2.htm">
<frame name="direita" src="pagina3.htm">
</frameset>
<noframes>
<body>
<p> Esta página usa frames, mas seu navegador não suporta este recurso.</p>
</body>
</noframes>
</frameset>
</html>


Todos os Direitos Reservados, 1996. Segunda-feira, 9 de dezembro de 1996.
Última revisão: Terça-Feira, 02 de fevereiro de 1998.