Frames – Explicação básica
As páginas web que estão feitas com frames se compõem de uma declaração das janelas e tantas páginas em formato HTML corrente como distintas divisões tivermos definido. A declaração ou definição de frames é a única página que realmente devemos aprender, visto que as páginas que serão visualizadas em cada uma das janelas são arquivos HTML dos que viemos aprendendo anteriormente neste manual.
Tal definição está composta por etiquetas <FRAMESET> e <FRAME>, com as quais indicamos a disposição de todos os quadros. A etiqueta <FRAMESET> indica as divisões da janela do navegador e a etiqueta <FRAME> indica cada um dos quadros onde colocaremos uma página independente.
As partições que se podem fazer com um <FRAMESET> são em filas ou colunas. Por exemplo, poderíamos indicar que desejamos fazer uma divisão da página em duas filas, ou duas colunas, três filas, etc. Para indicar tanto a forma de dividir a janela -em filas ou colunas- como o número de partições que pretendemos fazer, temos de utilizar o atributo COLS ou ROWS. O primeiro serve para indicar uma partição em colunas e o segundo para uma partição em filas.
| Nota: É importante indicar que não se pode fazer uma partição em filas e colunas de uma vez só, e sim, que devemos escolher em dividir a janela em uma das duas disposições. Mais adiante, indicaremos como dividir a janela tanto em filas como em colunas, que é feito com o acréscimo de frames. |
No atributo COLS ou ROWS -somente podemos escolher um dos dois- colocamos entre aspas o número de divisões que desejamos realizar, indicando de antemão o tamanho que vai atribuir a cada uma. Um valor típico destes atributos seria o seguinte:
cols="20%,80%"
Indica que devem ser colocadas duas colunas, a da esquerda teria uns 20% do espaço total da janela e a da direita uns 80%.
rows="15%,60%,25%"
Assim, indicamos que desejamos três filas, a de cima com um 15% do espaço total, a do meio com um espaço correspondente ao 60% do total e a de abaixo com um 25%. Ao total somam o 100% do espaço da janela.
Além da porcentagem para indicar o espaço de cada um dos campos, também podemos indicá-lo em pixels. Desta maneira:
cols="200,600"
Para indicar que a coluna da esquerda deve ter 200 pixels de largura e a da direita 600. Isto está bem se nossa janela tem 800 pixels de largura, mas isto não tem porque ser assim em todos os monitores dos usuários, por isso é importante que este modo de expressar as janelas se indique da seguinte maneira.
cols="200,*"
Assim, indicamos que a primeira coluna tem de medir 200 pixels e que o resto do espaço disponível -que será maior ou menor dependendo da definição da tela do usuário- se atribuirá a segunda coluna.
Na prática podemos misturar todos estes métodos para definir as janelas da maneira de desejarmos, com porcentagem, com pixels ou com o asterístico (*). Não importa como se definem, a única recomendação é que um dos valores que indiquemos seja um asterisco, para que a área correspondente a tal asterisco seja mais ou menos grande dependendo do espaço que tenha a janela de nosso navegador. Outros métodos de definir filas e colunas, atendendo a este conselho, seriam os seguintes:
rows="100,*,12%"
Definimos três filas, a primeira com 100 pixels de largura, a segunda com o espaço que sobre das outras duas, e a terceira com um 12% do espaço total.
cols="10%,50%,120,*"
Estamos indicando quatro colunas. A primeira de 10% do espaço da janela, a segunda com a metade justa da janela, a terceira com um espaço de 120 pixels e a última com a quantidade de espaço que sobre ao atribuir espaço às demais partições.
Uma vez indicado o número de filas ou colunas e o espaço reservado a cada uma com a etiqueta <FRAMESET>, devemos especificar com a etiqueta <FRAME> a procedência de cada um dos frames que dividimos a janela.
Para isso, dispomos do atributo SRC, que tem de ser definido para cada uma das filas ou colunas. Desta maneira.
<FRAME src="janela1.html">
Assim fica indicado que o frame que estamos definindo deve mostrar a página janela1.html em seu interior.