Os frames constituem uma maneira de criar uma interface exclusiva para um site. O que os frames fazem é criar páginas divididas e que podem ser carregadas separadamente. Pode se criar um frame com texto e logotipo, enquanto no outro, o restante da página que pode rolar.
O uso de frames pode ser muito útil tornando um site com interface intuitiva e universal.
Os frames são ótimos para:
Sumário: inserindo um sumário em um frame, as pessoas podem dar cliques no site sem serem forçadas a voltarem constantemente à página de sumário. Como o usuário está sempre visível, o usuário só precisa dar um clique em um novo item do frame estático.
Elementos fixos da interface: pode-se obrigar os gráficos ativados por cliques, os logotipos e outras informações a permanecerem em uma parte fixa da tela, enquanto o restante do seu documento rola verticalmente em outro frame.
Melhores formulários e melhores resultados: os frames também permitem criar um formulário em um frame e apresentar os resultados em outro. Com a caixa de texto da pesquisa sempre disponível, você tem liberdade para modificar as frases de busca ou delimitar sua pesquisa rapidamente, sem necessidade de voltar na hierarquia das páginas da Web. Este recurso está sendo bem usado nos sites de pesquisa.
Como criar frames
Talvez a mais singular das tags de estilo de HTML seja a tag <FRAMESET>. Numa página onde esta tag é usada, não se usa a tag <BODY>. Não é possível adicionar frames apenas a uma parte da página.
Em uma página típica, a tag <FRAMESET> é acrescentada da seguinte maneira:
<HTML>
<HEAD>
... marcação de cabeçalho...
</HEAD>
<FRAMESET>
... Frames e outros itens de marcação...
</FRAMESET>
</HTML>
A tag aceita dois atributos: ROWS e COLS. Ambos admitem valores numéricos (tamanho em pixels), porcentagens ou uma combinação dos dois. O valor "*" pode ser usado para sugerir que uma determinada linha ou coluna deve ocupar o restante da página. O número de linhas ou colunas é sugerido pela quantidade de valores que você fornece ao atributo.
Exemplo:
<FRAMESET ROWS="n, %, *">
<FRAMESET COLS="n, %, *">
Veja como criar um frame com uma linha de 50 pixels e a outra ocupando o resto da página:
<FRAMESET ROWS="50, *">
Agora uma página em duas colunas, sendo que a primeira ocupa 25% da tela no lado esquerdo e a outra os 75% restantes:
<FRAMESET COLS="25%, 75%">
Para criar linhas dentro de colunas (ou vice-versa) você pode aninhar instruções <FRAMESET>, sendo que cada <FRAMESET> funciona com um atributo ou com outro.
Exemplo:
<FRAMESET COLS="25%, 75%">
<FRAMESET ROWS="50%, 50%">
</FRAMESET>
<FRAMESET ROWS="10%, 90%">
</FRAMESET>
</FRAMESET>
A tag <FRAME> é usada no interior do container <FRAMESET> para determinar o que realmente deve aparecer em um determinado frame. Esta é uma tag isolada, ou seja, não é necessário fechá-la e serve para determinar a URL ou o nome associado com o frame particular que define.
Exemplo:
<FRAMESET COLS="25%, 75%">
<FRAME SRC="links.html">
<FRAME SRC="help.html">
</FRAMESET>
O atributo SRC é usado com o objetivo de informar ao frame a URL que deve ser carregada neste frame.
Existem diversos atributos para <FRAME>. São eles:
FRAMEBORDER="1" / "0" - renderiza uma borda em 3D ao redor do frame. O padrão "1" insere uma borda, "0" não exibe nada.
MARGINHEIGHT="n" / "%" - controla a altura da margem do frame (em pixels).
MARGINWIDTH="n" / "%" - controla a largura da margem do frame (em pixels).
NAME="texto" - fornece um nome de destino para o frame.
NORESIZE - evita que o usuário redimensione o frame.
SCROLLING="yes" / "no" / "auto" - cria um frame de rolagem.
SRC="url" - exibe o arquivo fonte do frame.
Importante: quando se clicar um link em um frame, ele normalmente deverá abrir em um outro frame. Neste caso deverá se usar o atributo TARGET na tag <A HREF="url">. Você pode usar TARGET com um FRAMESET no qual você nomeia um frame no elemento FRAME. A janela de destino pode ser um dos seguintes valores:
"window" - especifica o carregamento do link na janela de destino.
"_blank" - abre uma nova janela limpa do browser que aparece por sobre o anterior.
"_top" - acaba com todos os frames e nos leva à URL pretendida em uma janela limpa do browser.
"_self" - faz o link carregar-se na sua própria janela.
"_parent" - faz o link carregar-se no corpo inteiro da janela, mesmo que esteja sendo visualizado através de algum outro frame. Usar esta tag acaba com quaisquer frames através dos quais as pessoas possam estar visualizando as páginas.
Exemplo:
<A HREF="pagina.html" TARGET="window">
<NOFRAMES> e </NOFRAMES> - indica que o conteúdo só é visualizável pelos browsers que não suportam frames. Os browsers que suportam os frames não exibem o conteúdo entre o início e final das tags <NOFRAMES>.
Os browsers que não suportam os frames também não vão reconhecer a tag <NOFRAMES> e, portanto, vão interpretar as tags incluídas normalmente. Embora, atualmente sejam pouco usados, os browsers mais antigos poderão visualizar sua página tão bem quanto os atuais.
Exemplo:
<FRAMESET ROWS="25%, 75%">
<FRAME SRC="menu.html">
<FRAME SRC="index.html">
<NOFRAMES>
<P>
Para ser visualizada, esta página requer um browser capaz de reconhecer Frames. Se preferir, você pode acessar nossas páginas compatíveis com a HTML 2.0 para visualizar estas informações sem a interface de frames.
</P>
</NOFRAMES>
</FRAMESET>
