OQUE SÃO FRAMES?Frames são divisões criadas na janela do navegador, permitindo que esta seja dividida em diversas partes, criando assim um ambiente em que mais de uma página possa ser vista na mesma janela.
As Frames são recursos muito utilizado atualmete em home pages, usadas para elaboração de barras de menus e banners fixos na tela, já que as páginas colocadas em frames são completamente independentes umas das outras.
Para definirmos de frame em uma página, devemos primeiramente trocar a TAG
<body> pela TAG <frameset> que irá definir a divisão, barras de rolagem, e outros que veremos a seguir.
Esta mesma página na qual você está agora navegando é uma página dividida em Frames, veja o menu ao lado, a área definida para os banners acima e estas área definida para o corpo do texto.
Vamos então à montagem de uma página simples com frames. O primeiro passo é definir o layout da página, ou seja, como ela será dividida, quantas janelas ela irá conter e quais as suas dimensões.
Para tal iremos utilizar as TAG´s
<frameset> e
<frame src> vejamos como funciona.
Sintaxe:
- Código:
-
<frameset rows="n" cols="n" narginwidth="n" marginheight="n" scrolling="yes/no/outo"
frameborder="yes/no" border="n" bordercolor="cor" name="nome" noresize>
ROWS/COLS.
Os parâmetros
rows e
cols definem de que forma será dividida a página,
rows define a divisão em linhas (horizontal) e
cols a divisão em colunas (vertical), aceitam valores em pixels ou em percentuais, indicando o tamanho de cada frame em relação ao tamanho total da página.
O valor percentual é mais indicado, já que assim não haverá a necessidade da preocupação com a resolução de tela que o visitante está utilizando.
O exemplo abaixo define uma página dividida em quatro partes.
Primeiro com a o atributo
rows a divide horizontalmente em duas partes, utilizando 20% para esquerdo e 80% do tamanho total da página para o lado direito.
Segundo com o atributo
cols a divide verticalmente, também em duas partes, utilizando para a parte de cima 25% do tamanho total da página e utilizando o símbolo * define o tamanho restante da página para a parte de baixo.
As páginas que irão ocupar o espaço definido por
cols e
rows serão indicadas em
frame src.
Vejamos como funciona.
- Código:
-
<html>
<head>
<title>FRAMES</title>
</head>
<frameset rows="20%,80%" cols="25%,*">
<frame src="lin1.html">
<frame src="lin2.html">
<frame src="col1.html">
<frame src="col2.html">
</frameset>
</html>
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]NORESIZEO parâmetro
noresize faz com que as linhas que dividem as frames não possam ser redimensionado.
Quando não indicado as linhas poderão ser redimensionadas livremente.
- Código:
-
<html>
<head>
<title>FRAMES</title>
</head>
<frameset cols="25%,*" noresize>
<frame src="col1.html">
<frame src="col2.html">
</frameset>
</html>
MARGINWIDTH / MARGINHEIGHTOs parâmetros
marginwidth e
marginheight definem respectivamente as margens horizontais e verticis da página dentro da frame.
Os valores devem ser passados em pixels.
Para serem utilizados individualmente na TAG
<frame src> - Código:
-
<html>
<head>
<title>FRAMES</title>
</head>
<frameset cols="25%,*" noresize>
<frame src="col1.html" marginwidth="5" marginheight="5">
<frame src="col2.html" marginwidth="50" marginheight="50">
</frameset>
</html>
SCROLLING:
O parâmetro
scrolling define a utilização ou não de barras de rolagem em uma´página com Frames.
Os valores aceitos para
scrolling são:
yes - As barras de rolagem serão apresentadas, mesmo que não haja necessidade.
no - As barras de rolagem não serão apresentadas, mesmo que haja necessidade.
auto - As barras de rolagem será exibida ou ocultada, conforme a necessidade. Este é o valor padrão, não havendo a necessidade de ser definida.
Para serem utilizados individualmente na TAG
<frame src>FRAMEBORDER:
O parâmetro
frameborder permite determinar se a linha divisória de um frame será ou não apresentada.
Os valores aceitos para
frameborder são:
yes - As linhas divisórias serão apresentadas.
no - As linhas divisórias não serão apresentadas.
Para serem utilizadas na TAG
<frameset>.
BORDER:
O parâmetro
border permite deterrminar a espessura da linha divisória de um Frame.
Para serem utilizados na TAG
<frameset>.
BORDERCOLOR:
O parâmetro
bordercolor determina a cor da linha divisória de um frame.
Para serem utilizados na TAG
<frameset>Ae galera ja expliquei tudo certinho agora vamos dar um tempo para mim bolar a proxima lição ok :P.... até la então :cheers: