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