Passo 5 - Frames
Barra Animada

Apresentação:

Frames são amplamente utilizados em diversas páginas da web. Eles dividem a tela do navegador em duas ou mais partes, carregando uma pagina diferente em cada frame.

Então vamos lá:

<HTML>

<TITLE>Frames</TITLE>

<FRAMESET COLS="30%70%">
<FRAME SRC="frameA.htm">
<FRAME SRC="frameB.htm">
</FRAMESET>

</HTML>

 

O que faz cada comando:

FRAMESET inicia qualquer página de frames. Esse comando "avisa" ao browser que se trata de uma página com frames

COLS: Informa que você quer duas colunas na vertical. Se fosse na horizontal o comando seria "rows"

FRAME SRC : Informa a localização da página que deve ser carregada no frame.

/FRAMESET encerra a marcação

blue.gif (77 bytes)

Direcionando os links

Bom, agora que você já aprendeu o básico sobre a criação de criar frames você precisa saber como controlar os hiperlinks dentro dos seus frames. Existem 3 métodos básicos de modificar dados dentro de frames usado hiperlinks:

1. Você clica em um link dentro de um frame e apenas esse frame muda.
2. Você clica em um link dentro de um frame e um outro frame é que é modificado. Essa é a opção usada quando você clica dentro de um frame com um menu e a página escolhida é carregada em outro frame.
3. Você clica em um link dentro de um frame e os frames somem, a página é carregada uma janela inteira, sem frames.

 

1. Você clica em um link dentro de um frame e apenas esse frame muda.

Para que isso acontece basta apenas fazer o link como de costume, sem nenhum comando adicional.

2. Você clica em um link dentro de um frame e um outro frame é que é modificado. Essa é a opção usada quando você clica dentro de um frame com um menu e a página escolhida é carregada em outro frame.
Para isso, é necessário a utlização de mais dois comandos:

"name": informa o nome do frame, geralmente "menu" e "corpo"

ex:

<FRAMESET>

<FRAMESET ROWS="50%, 50%">
<FRAME NAME="menu" SRC="frame1.htm">
<FRAME NAME="corpo" SRC="frame2.htm">
</FRAMESET>

</FRAMESET>

Pronto, agora que cada frame já tem o seu nome tudo o que você precisa fazer é usar o comando TARGET em cada link que você quer que aponte para um outro frame. Por exemplo. Um link dentro do frame A que deva apontar para o frame B deveria ser mais ou menos assim:

<A HREF="https://members.tripod.com/curiosidades/" TARGET="B">

Já para acabar com os frame e voltar a tela cheia usa-se o target="_top"

<A HREF="https://members.tripod.com/curiosidades/" TARGET="_top">

 

Proximo passo
Java Scripts