>> FreeweBR

FreeBRS - Sistema de informações desenvolvida pela BRS - Brasil Site (Tudo Gratuito)

Sintaxe

a. Frameset
b. Frame
c. Noframes
a. Frameset

Frameset aceita os atributos ROWS e COLS, referentes divisões horizontais(como linhas em uma tabela) e verticais (como colunas) entre janelas na tela. Internamente a marcações FRAMESET só poderão aparecer outras FRAMESET, FRAME ou NOFRAMES.

Importante: Não podem ser utilizadas as marcações válidas entre marcações <BODY></BODY> nem internamente a marcações FRAMESET, nem antes dela, senão FRAMESET será ignorada.

ATRIBUTOS

1. ROWS (<frameset rows="valor, valor, valor...">)

Define divisões horizontais.entre janelas. Vem sempre acompanhado de valores associado, que definem quanto da tela cada janela vai ocupar. Dessa forma, para cada janela a ser criada deverá haver um valor associado. Estes valores devem vir separados por vírgulas.

Este valor poderá ser:

Numérico - pixels=> (ROWS="30, 50") Refere-se a quantos pixels cada frame (ou janela) deve ocupar. A desvantagem desta notação é que não é possível ter controle do valor total de pixels que o cliente do usuário compreende.

Percentual=> (ROWS="25%, 25%, 50%") Pode ainda ser um valor percentual, sempre somando um valor de 100%.

É o método mais simples.

Relativo=> (ROWS="2*,*") Desta forma, define-se um valor relativo. No exemplo, o primeiro frame vai ocupar dois terços da tela, e o segundo um terço.

Exemplos :

1. Para dividir a tela do browser em três janelas horizontais, sendo que a do meio é mais larga que as de cima e de baixo:

<html>

<head>

</head>

</frameset>

</html>

2.Três janelas horizontais, sendo que a primeira e a segunda tem uma altura fixa, e o frame central deverá ocupar o restante do espaço:

<html>

<head>

</head>

</frameset>

</html>

2. COLS (<frameset cols="valor, valor, valor.. ">)

Funciona exatamente como a marcação anterior, no entanto, divide a tela em frames ou janelas verticais.

Exemplos

Para dividir a tela do browser em três janelas verticais

1.Três colunas, sendo que a do meio é mais larga que as de cima e de baixo:

<html>

<head>

</head>

</frameset>

</html>

2.Três janelas verticais, sendo que a primeira e a segunda tem uma altura fixa, e o frame central deverá ocupar o restante do espaço:

<html>

<head>

</head>

</frameset>

</html>

Atenção, para intercalar janelas verticais e horizontais, será necessário definir várias áreas "FRAMESET". Para cada área delimitida como "FRAMESET" você poderá definir número de linhas OU colunas. Veremos como fazê-lo mais adiante. Não é possível definir COLS e ROWS para uma mesma área "FRAMESET".

b. Frame

A marcação FRAME define cada janela contida em uma área "frameset". Esta marcação não necessita de uma tag de finalização (</frame>) e aceita 6 atributos possíveis:

1. SRC="url"

O atributo SRC define a URL que será exibida em cada frame.

2. NAME="nome_da_janela"

Este atributo é utilizado para associar um nome a uma janela. Deve ser usado quando uma janela - frame - for o destino de um link em outro documento (normalmente é no mesmo documento. Um frame apontando para outro. Tipo um índice abrindo várias urls em outras janelas).

Este atributo é opcional. Por padrão, os frames não tem nome.

Importante, o nome_da_janela deve começar por caracter alfanumérico.

3. MARGINWIDTH="valor"

Esse atributo controla as margens esquerda e direita de cada frame, ou seja, a distância entre o conteúdo da página e as margens da janela. O valor associado será um valor absoluto em pixels. O menor valor aceito será 1.

Este atributo é opcional, caso não venha definido, o browser usará o seu padrão para definir as margens no frame/janela.

4. MARGINHEIGHT="valor"

Também é um atributo opcional. Funciona exatamente como o anterior, só que determina as margens superior/inferior em cada frame.

5. SCROLLING="yes/no/auto"

Novamente, é um atributo opcional, que define se uma janela deve possuir barra de rolagem ou não. Caso seja definido como YES, a janela sempre possuirá uma barra de rolagem visível. Caso seja definido como NO, nunca haverá barra de rolagem. E, finalmente, se vier como AUTO, o browser aplicará a barra quando necessário.

O padrão é AUTO, portanto, se o atributo scrolling não vier definido, o browser aplicará a barra de rolagem, sempre que necessário.

6. NORESIZE

Este atributo não possui valor associado. Quando ele não aparece, o usuário poderá alterar o tamanho da janela, "arrastando" com o cursor a borda da mesma. O padrão é que todas as janelas possam ter seu tamanho alterado. NORESIZE é opcional

Um frame, com todos os atributos definidos seria escrito assim, por exemplo:

<frame src="http://www.cr-df.rnp.br" name="home" marginwidth="5" marginheight="5" scrolling="auto" noresize>

c. Noframes

Esta marcação possibilita que se crie uma opção de navegação na página para quem não possui um browser que entende frames.

Esta marcação aparece no documento de estrutura "Frame document", e sempre é usada em pares (<noframes>.. conteúdo... </noframes>).

Quando o acesso for feito através de um browser que entenda frames, o que estiver entre as marcações "noframes" será simplesmente ignorado.

Internamente a uma área "noframes" deverá ser usada a estrutura padrão de documentos html (<head> </head>, <title> </title> <body> </body>, etc...).

Um exemplo:

<html>

<head>

<title>Teste, uso de frames</title>

</head>

Bem-vindo a uma página de teste.<p>

Para acessá-la, você deve utilizar a versão 2.0 ou acima do <i>browser</i><a href="http://home.netscape.com/comprod/mirror/index.html"> Netscape Navigator!</a>

</p>

<hr>

</body>

</NOFRAMES>

<FRAMESET COLS="25%, 75%">

<FRAME NAME="1" SRC="teste1.htm" NORESIZE>

<FRAME NAME="2" SRC="teste2.htm" NORESIZE>

</FRAMESET>

<FRAMESET COLS="30%, 70%">

<FRAME NAME="3" MARGINWIDTH="50" SRC="teste3.htm">

<FRAMESET ROWS="65%, 35%">

<FRAME NAME="4" SRC="teste4.htm" NAME="chat">

<FRAME NAME="5" SRC="teste5.htm">

</FRAMESET>

</FRAMESET>

</FRAMESET>

</html>

Veja como ela é exibida, por exemplo, com o MOSAIC (não lê frame) e com o NETSCAPE (lê frame).

MOSAIC - não lê frame	NETSCAPE - lê frame

voltar para o menu anterior