Olá! Friday, 01 de August de 2014.



Dicas CódigoFonte.net
Friday, 06 de February de 2004

Frames: O que são e como usá-los


A partir da versão 2 dos principais browsers, foi criado o recurso de frames, hoje 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. 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 da frameset.

Como funcionam os frames

O uso de frames requer um planejamento prévio 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 e
  1. </BODY>
(que indicam o conteúdo do documento), possui as tags e
  1. </FRAMESET>
, responsáveis pelas divisões internas de uma página em frames.

A tag
  1. </FRAMESET>


A tag frameset é bastante completa. Possui atributos internos e também possui tags inteiras também internas. Veja-os 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 e
  1. </FRAMESET>
, você deve inserir as tags de acordo com o número de colunas ou linhas inserido nos atributos
  1. COLS
e
  1. ROWS
.

As tags são responsáveis por definir qual página HTML será carregada dentro de cada divisão da frameset, além de algumas outras configurações particulares a cada divisão. Veja abaixo os 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: especifica a altura da margem superior e inferior do frame em pixels;

atributo MARGINWIDTH: especifica a altura da margem direita e esquerda do frame em pixels;

atributo NAME: atribui um nome para o frame, de maneira que possa ser identificado e localizado para carregar documentos;

atributo NORESIZE: simplesmente insira este atributo dentro da tag 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, a frame só apresentará barra de rolagem caso seja realmente necessário em função do conteúdo da frame);

atributo SRC: define o caminho da página HTML que será exibida no frame;

Exemplos de código

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

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


Algumas dicas

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

© HPG

Até mais.

Comentários do artigo [Novo comentário]

Nenhum comentário, seja o primeiro a comentar.
Para adicionar um comentário você deve efetuar o login


Gostou do CódigoFonte.net? Quer indicar a um amigo?
Preencha os campos a seguir.
Seu Nome:
Seu E-mail:
E-mail de seu Amigo:


CodigoFonte.net » CodigoFonte.eti.br » Compre De Tudo » Meu Mural » Competiva - Criação de Sites » Todos os Direitos Reservados © 2002/2010