Menu
Busca:

  Web vas-y

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

CDs
voltar Índice Próximo