Frames não lhe simplificam a vida, regra geral. Primeiro pode criar as frames (molduras), e depois as páginas que para elas irão, e que serão feitas em ficheiros separados. Aqui, já todas estão prontas, mas quererá sem dúvida testar os seus conhecimentos depois. Um documento com frames inicia-se assim:
<html>
<head>
<title> O título do documento se se quiser </title>
</head>
<frameset ....>
Aqui criam-se as frames e inicia-se o seu conteúdo
<noframes>
<body>
A secção NOFRAMES, com HTML mais normalzinho,
deve ser criada para quem não pode usar
frames
</body>
</noframes>
</frameset>
</html>
Vamos preencher a marca frameset e criar o nome e conteúdo das duas frames:
<!-- Fazer duas colunas, uma com 20% e outra com 80% do monitor-->
<frameset cols="20%, 80%">
<!-- chamar-lhes nomes, indicar o que carregar nelas já,
dizer que não queremos margem -->
<frame name="pequena" src="framesp1.htm" frameborder="0">
<frame name="grande" src="framesg1.htm" frameborder="0">
<noframes>
Ou seja, a que ocupa 20% é a "pequena", e vai ser carregada inicialmente com framesp1.htm.
A segunda é a "grande" e vai ser carregada inicialmente com framesg1.htm. Guarde-as, para não ter de as escrever, bem como os restantes, que são:É importante que as possa examinar para ver como se fazem as chamadas entre as páginas.
Aproveitemos para ir fazendo o indice da secção noframes:
<noframes> <body> <p>Este esplêndido documento com frames que não pode ver contém:</p> <ul> <li><a href="framesp1.htm">1. Uma bela página</a></li> <li><a href="framesp2.htm">2. Uma maravilhosa página</a></li> <li><a href="framesg1.htm">3. Outra bela página</a></li> <li><a href="framesg2.htm">4. Uma página imprescindível</a></li> </ul> </body> <!-- terminar a secção NOFRAMES --> </noframes>
Note que as páginas que carregam em cada frame têm algumas características especiais. Por exemplo, quando se especifica um URL, há que especificar em que frame deve ser carregado, como poderá ver examinando o código das páginas usadas neste exemplo. Neste exemplo, carrega-se a página framesp2.htm na frame pequena especificando um valor para target:
<a href="framesp2.htm" target="pequena">Outra janela pequena</a>
Uma obrigação de quem faz frames é desfazê-las à saída, carregando a página chamada "em cima" das frames:
<a href="index.htm" target="_top">Sair daqui</a>Outros valores para target podem ser:
As inline frames inserem uma frame dentro de um bloco de texto, como se fosse um objecto gráfico "agarrado" a um ponto da página ou do parágrafo. O código para esta frame é o seguinte:
<IFRAME src="index.htm" width="400" height="300" scrolling="auto" frameborder="1" align="right"> [O seu browser não usa frames ou está configurado para as não usar. Poderá ver este documento em <a href="index.htm">aqui</a>.] </IFRAME>
As inline frames têm tamanho fixo.
Tudo isto lhe será suficiente para começar. Não se esqueça de ver como foram feitas as cinco páginas aqui. Lembre-se de não sobrecarregar a sua página. Para saber mais pode, por exemplo, ver: