Dicas Vas-y.com
Forum


 

O que são frames ?

Frame nada mais é do que uma extençào di HTML que permite que a janela do browser seja dividida em várias regiões - os frames. Cada uma destas regiões podem conter documentos totalmente distintos e independentes.

Quando utilizamos frames, é necessário a criação prévia de um documento HTML, que irá definir em quantas regiões será dividida a janela do seu browser, qual será o tamanho e quais serão os documentos carregados em cada uma delas.

<HTML>
<FRAMESET COLS= "20%,* ">
<FRAME SRC= "esquerda.htm " NAME= "esquerda ">
<FRAME SRC= "direita.htm " NAME= "direita ">
</FRAMESET>
<BODY>
</BODY>
</HTML>

Repare bem no resultado do exemplo acima de uma frame vertical. O código-fonte é um pouco diferente dos arquivos que você esta acostumodo a criar. O comando <BODY> comum em todas os arquivos HTML criados até agora, foi substituído pelo comando <FRAMESET>, que é o responsável pela criação dos frames.

Repare também que dentro deste comando temos um atributo que define:

  • Tipo de divisão desejada - em colunas (vertical) ou em linhas (horizontal). COLS e ROWS respectivamente.
  • Os valores desse atribuots podem ser dados em pixels ou, como mostra o exemplo, em porcentagem. O sinal " * " funciona como um coringa. A quantidade de valores especificados entre vírgulas, determina o número de divisões na tela.

Para cada frame definido em <FRAMESET>, é necessário a utilização de um comando <FRAME>. É neste comando que vamos dizer o que será carregado em cada uma das divisões. Esse comando possui basicamente dois atributos:

SRC: define o arquivo que será carregado no frame;
NAME: define o nome do frame, ou apelido, e pode ser muito necessário quando, por exemplo, você quiser que o conteúdo de um link que esta em um certo frame, apareça em outro.

Finalmente, e baseado sobre o mesmo principio, você pode ver o código de uma frame horizontal " rows ".

<html>
<frameset rows= "*,80% ">
<frame SRC= "cima.htm " NAME= "cima ">
<frame SRC= "baixo.htm " NAME= "baixo ">
</frameset>
<BODY>
</BODY>
</html>

Veja o exemplo...

 
<>