Para criar estruturas de janelas nas quais se misturam as filas e as colunas devemos aninhar etiquetas <FRAMESET>. Começando pela partição de frames mais geral, devemos colocar dentro as partições de frames menores. A maneira de indicar isto se pode ver facilmente com um exemplo.
Os passos para definir o aninhamento podem ser encontrados à direita.
Os distintos frames vêem numerados com a ordem
na qual são escritas no código.
Na imagem pode ser visto o resultado final acompanhada da representação sobre a maneira de defini-los. Em primeiro definimos uma estrutura de frames em duas colunas e dentro da primeira coluna colocamos outra partição de frames em duas filas. O código necessário é o seguinte.
<frameset cols="200,*">
<frameset rows="170,*">
<frame src="pagina1.html">
<frame src="pagina2.html">
</frameset>
<frame src="pagina3.html">
</frameset>
Podemos
ver o exemplo em uma página a parte.
| Nota: colocamos uma margem em cada uma das linhas desta definição de frames para conseguir um código mais compreensível visualmente. Estas margens não são em absoluto necessários, simplesmente nos servem para ver em que nível de aninhamento nos encontramos. |
O exemplo anterior pode se complicar um pouco mais se incluirmos mais partições. Vamos ver algo um pouco mais complicado para praticar mais com os aninhamentos de frames.
Os passos para definir o aninhamento podem ser encontrados à direita.
Os distintos frames vêem numerados com a ordem
na qual se escrevem no código.
Na imagem se observa que o primeiro frameset a definir se compõe de duas filas. Posteriormente, dentro da segunda fila do primeiro frameset, temos outra partição em duas colunas, dentro das que colocamos um terceiro nível de frameset com uma definção em filas nos dois casos. O código pode ser visto a seguir.
<frameset rows="60,*">
<frame src="pagina1.html">
<frameset cols="200,*">
<frameset rows="*,150">
<frame src="pagina2.html">
<frame src="pagina3.html">
</frameset>
<frameset rows="*,60">
<frame src="pagina4.html">
<frame src="pagina5.html">
</frameset>
</frameset>
</frameset>
Podemos
ver o exemplo em uma página a parte.
Até aqui vimos a parte mais básica da criação de frames. Nos próximos capítulos poderemos aprender a configurar as janelas para variar sua aparência e, entre outras coisas, eliminar as barras que separam cada um dos distintos frames.
Comentários do artigo