xTibia

.com
RA
html

Aprenda Sobre Frames!

Por Rafael Gomes, 01 de set. de 2007 em Programação Web

3
2.2k
Rafael GomesR
01 de setembro de 2007 às 16:15

Frames: Uma página de frames consiste em dividir a janela do seu browser em várias regiões, de tamanhos diferenciados, onde cada região ou frame, é uma página html diferente. Veja um exemplo e seus comandos:

 

<Html>
<Title>Exemplo 01</Title>
<Frameset Cols="30%,70%">
<Frame src="pagina01.html">
<Frame src="pagina02.html">
</Frameset>
</Html>

 

Frameset e /Frameset - Onde ocorre a divisão da janela do seu browser em duas ou mais regiões (frames);

Cols - Divide a sua janela em duas ou mais colunas. Para dividir a janela em mais colunas basta adicionar mais valores. Ex.: Frameset Cols="25%, 50%, 25%";

Rows - Divide a janela em linhas. Seu funcionamento é semelhante ao Cols.

Frame src - Contém o endereço da página que será carregada em cada frame. Os endereços são carregados seguindo a seqüência dos frames.

 

Para direcionar um link de um frame para um outro frame na janela você deve nomear cada frame. Abaixo está um exemplo de como nomear cada frame:

 

<Html>
<Title>Exemplo 02</Title>
<Frameset Cols="25%,75%">
<Frame Name="pag1" src="pagina01.html">
<Frame Name="pag2" src="pagina02.html">
</Frameset>
</Html>

 

Agora veja um exemplo de um link da "pagina01.html" no frame "pag1" que tenha que abrir no frame "pag2": <a href="http://www.rafah.hpg.com.br" target="pag2">.

 

Valores especiais da propriedade Target:

Target_self - Abre o link (a página) no mesmo frame;

Target_top - Abre o link (a página) ocupando a janela inteira;

Target_blank - Abre o link (a página) em uma nova janela do browser.

 

Veja agora um exemplo de página de frame sem a borda divisória:

 

<Html>
<Title>Exemplo 03</Title>
<Frameset border="false" Cols="25%,75%" frameborder="3">
<Frame Name="pag1" src="pagina01.html">
<Frame Name="pag2" src="pagina02.html">
</Frameset>
</Html>

 

Outros comandos:

Framespacing - Indica a largura da borda entre os frames;

Border - Indica se a borda será visível (true) ou não (false);

 

Obs.: No exemplo acima o valor de frameborder não influi em nada. Se o conteúdo da página não couber dentro do frame, o browser exibirá automaticamente as barras de rolagens.

 

 

Créditos: Crieseuwebsite.com

Editado Setembro 1 por RaFaX

6 meses depois...
Noxidy__N
27 de março de 2008 às 17:15

eh estrago.. tpw..

tu colcoa as frames.. mais elas nao fkam certinhas.. tu pode mexe elas.. tpw puxa pro lado e tals.. n gostei disso ;/

4 meses depois...
xdtibia16X
10 de julho de 2008 às 13:20

Tópico arrumado e explicou direito.

Gostei.

Editado Fevereiro 10 por Aluxes