(© 1997-2008 by Francisco Panizo Beceiro)

Se você quer uma Ajuda Específica para o seu caso, proceda como indicado:
clique Suporte, e envie a sua dúvida (para cadastrados no CLUBE DO HELP DESK)
ou envie sua dúvida para nosso Super Fórum )

EsportesMotor: Notícias sobre quase 100 categorias

Seção HTML da abcDICAS.com.br

HTML
Dicas de Uso para a Construção de Páginas Web


Frames - Introdução 

A partir da versão 3 dos principais browsers, o recurso de frames foi completamente incorporado, sendo hoje um método de organização das páginas HTML presente em um incontável número de sites na WEB.

Frames são as divisões internas dentro de uma mesma janela do browser, onde você consegue, por exemplo, rolar todo o conteúdo de uma página tendo o menu fixo ao lado, ou acima. Neste tópico você vai aprender a fazer páginas em frames, ter algumas dicas para melhorar a visualização do seu site dentro das frames e utilizar esse importante recurso de maneira correta e apropriada.

Basicamente, uma página em frames é constituída de dois elementos básicos:

  • uma página chamada frameset, que contém em seu código tags que especificam a divisão das frames dentro da janela do browser;
  • as páginas internas em si, chamadas frames, carregadas de acordo com as instruções contidas no código do frameset.

    A rigor então será sempre necessária a criação de uma página adicional, que será responsável pela chamada das demais páginas, e que também é a responsável pela organização dos métodos dos links que podem ser utilizados.

Como funcionam os frames

O uso de frames requer um planejamento prévio - passo muito importante para que tudo sai como requerido - que consiste na criação da estrutura dos frames (frameset) e, em seguida, o conteúdo de cada frame (dentro de cada página interna, à parte).

Característica do frameset

A página frameset na verdade é um arquivo HTML normal, com uma única diferença básica: no lugar das tags <BODY> e </BODY> (que indicam o conteúdo do documento), possui as tags <FRAMESET> e </FRAMESET>, responsáveis pelas divisões internas de uma página em frames.

A tag </FRAMESET>

A tag frameset é bastante complexa. Contém todos os atributos internos e também contém as tags inteiras, também internas. Veja os atributos abaixo:

  • atributo COLS: determina divisões em colunas. 
    Use-o da seguinte maneira: separe por vírgula os comprimentos de cada coluna da página, em pixels ou em valores porcentuais ou ainda use * para que o browser determine o tamanho de acordo com o tamanho da janela;
  • atributo ROWS: determina divisões em linhas. 
    Use-o da seguinte maneira: separe por vírgula as alturas de cada linha da página, em pixels ou em valores porcentuais ou ainda use * para que o browser determine o tamanho de acordo com o tamanho da janela;
  • atributo FRAMESPACING: determina o espaçamento entre cada frame (em pixels);
  • atributo FRAMEBORDER: determina se haverá ou não bordas entre as frames (os valores deste atributo são fixos, ou seja, digite 1 para inserir bordas ou 0 para retirá-las);

    Cercadas pelas tags <FRAMESET> e </FRAMESET>, você deve inserir as tags <FRAME> de acordo com o número de colunas ou linhas inserido nos atributos COLS e ROWS.

As tags <FRAME> são responsáveis por definir qual página HTML será carregada dentro de cada uma das divisões do frameset, além de algumas outras configurações particulares a cada divisão. Veja abaixo os seus atributos:

  • atributo FRAMESPACING: determina o espaçamento entre cada frame (em pixels);
  • atributo FRAMEBORDER: determina se haverá ou não bordas entre as frames (os valores deste atributo são fixos, ou seja, digite 1 para inserir bordas ou 0 para retirá-las). Vale lembrar que este atributo sobrepõe-se aos valores de FRAMEBORDER que sejam inseridos na frameset;
  • atributo MARGINHEIGHT e/ou TOPMARGIN: especifica a altura da margem superior e inferior do frame em pixels; use ambos para manter compatibilidade para usuários do Netscape e do Internet Explorer;
  • atributo MARGINWIDTH e/ou LEFTMARGIN: especifica a altura da margem direita e esquerda do frame em pixels; use ambos para manter compatibilidade para usuários do Netscape e do Internet Explorer;
  • atributo NAME: atribui um nome para o frame, de maneira que possa ser identificado e localizado para carregar documentos, principalmente se forem utilizadas rotinas em JavaScript para comandar as páginas do frameser;
  • atributo NORESIZE: simplesmente insira este atributo dentro da tag <FRAME> para que esta não possa ser redimensionada;
  • atributo SCROLLING: atribua valores YES caso você queira que a frame possua barras de rolagem ou NO em caso contrário (atribuindo YES, o frame só apresentará barra de rolagem caso seja realmente necessário em função do conteúdo da frame);
  • atributo SRC: define o caminho/nome da página HTML que será exibida dentro do frame;

Exemplos de código

Veja abaixo um exemplo de conteúdo de uma página frameset:

<FRAMESET ROWS="50%,*,30%" FRAMEBORDER="1" FRAMESPACING="2">
  <FRAME SRC="pagina1.htm" NAME="superior" NORESIZE SCROLLING="NO">
  <FRAME SRC="pagina2.htm" NAME="central" MARGINWIDTH="2" MARGINHEIGHT="3" NORESIZE SCROLLING="YES">
  <FRAME SRC="pagina3.htm" NAME="inferior" NORESIZE SCROLLING="NO">
</FRAMESET>


Veja abaixo uma "visualização" de como aparecerá tal frameset no browser do seu visitante:

Frame superior
ocupando 50% da altura da janela do browser
conteúdo mostrado: pagina1.htm
Frame central - conteúdo mostrado: pagina2.htm
ocupando o restante da área vertical do browser
Frame inferior
ocupando 30% da altura da janela do browser
conteúdo mostrado: pagina3.htm

Algumas dicas

Os frames não servem apenas para você dividir a página em menu e conteúdo principal. Você pode fazer as divisões de formas bastante inusitadas, conseguindo resultados muito interessantes em termos de navegação e visual. Veja um exemplo nesta página.

Frames: |Introdução|Interagindo|

PESQUISA ON-LINE:
Vote em nossa Enquete OnLine

Atenção: não temos condição de dar suporte direto para todos os visitantes; use nosso Super Fórum Web Design para poder enviar suas dúvidas. O registro é gratuito!
Para um suporte diferenciado use o nosso Clube do Help Desk.


| Suporte | Cadastro | Consultoria | Quem Somos |