LIÇÃO 6

Frames

      Os frames permitem a divisão da página em diferentes secções onde se podem apresentar diferentes páginas. Isso possibilita, por exemplo, que se determine a área da página para ser a página principal e outras áreas para menus ou links.

      A tag <FRAMESET> cria um documento de definição de frames, que é onde será criado o layout de cada frame e indicado o nome dos documentos que serão apresentados. Essa tag substitui a tag <BODY> quando for utilizada.

      Deve-se definir um dos dois atributos a tag <FRAMESET> para se ter o layout desejado: COLS e ROWS.

      Com o atributo COLS indicamos quantas colunas teremos na página - <FRAMESET COLS="lagura_coluna, largura_coluna, *"> (a largura pode ser definida em percentagem (%) ou em valor absoluto) - Assim, divide-se quantos frames foram indicados e pelo * (asterístico), definimos que o frame ocupará todo o espaço restante da tela.

      O atributo ROWS define quantas linhas a frame será dividida - <FRAMESET ROWS="50%, 50%"> - definimos que a página será dividida em 2 frames horizontais.

      O atributo SRC indica qual página será chamada em cada frame criado e o atributo NAME atribui o nome a esse frame.


 

      Existem ainda outros atributos que estão relacionados abaixo:

 
Atributos Utilização
MARGINWIDTH Determina as margens esquerda e direita do frame.
MARGINHEIGHT Determina as margens superior e inferior do frame.
SCROLLING = YES, NO ou AUTO Configura a barra de scroll, podendo aparecer ou não. Pode ainda, aparecer somente quando o texto ultrapassar o tamanho da célula (AUTO).
NORESIZE Impede que as barras que delimitam os frames sejam redimensionados.

      O código de um documento HTML contendo frames ficaria assim:

<HTML>
<HEAD>
<TITLE> Título da Página </TITLE>
</HEAD>
<FRAMESET COLS="200, *">
<FRAME SCR="página que ficará no 1ª frame" NAME="nome do 1ª frame">
<FRAME SCR="página que ficará no 2ª frame" NAME="nome do 2ª frame">
</FRAMESET>
</HTML>


      


    A tag <NOFRAME> ... </NOFRAME> coloca o código que substituirá a página caso o Browser não dê o suporte ao recurso de frames. Caso o Browser suporte frames, tudo que estiver entre tag de abertura e fechamento <NOFRAME> ... </NOFRAME> será ignorado e o frame funcionará conforme programado.

      Exemplo:

<HTML>
<HEAD>
<TITLE> Título da Página </TITLE>
</HEAD>
<FRAMESET COLS="200, *">
<FRAME SCR="página que ficará no 1ª frame" NAME="nome do 1ª frame">
<FRAME SCR="página que ficará no 2ª frame" NAME="nome do 2ª frame">
<NOFRAMES>
<BODY>

Aqui fica a página sem frames para quem não consegue ver os frames.

</BODY>
</NOFRAMES>
</FRAMESET>
</HTML>

 

 

      Além dos atributos já citados, temos também o TARGET. Quando iniciamos um frame, geralmente colocamos um nome para que possa ser identificado. Para aceder a esse frame que colocamos nome, usamos TARGET, que define onde a página deverá ser carregada. O atributo tem quatro valores que são:

      Exemplos:

<A HREF="https://ruisalema.tripod.com/index.html" TARGET="botoes">

<A HREF="apresentacaodalicao.html" TARGET="_top">


Introdução| Lição 1| Lição 2| Lição 3| Lição 4| Lição 5| Lição 6| Lição 7| Lição 8| Lição 9