As Frames

Janeiro 2017

Apresentação das frames

Graças à tecnologia das frames, é doravante possível afixar várias páginas HTML em diferentes zonas (ou quadros).

As frames não fazem parte da especificação do HTML 3.x, é necessário por conseguinte declarar a sua página como escrita em HTML 4.0!

Criar frames

Para criar um site que contém molduras, basta criar um ficheiro que contém a disposição das molduras: este ficheiro HTML tem como particularidade ter um contentor <FRAMESET> em vez do jogo de balizas <BODY>. É esta baliza que define os quadros pela sua dimensão em pixéis ou percentagem (%).

Vejamos isto em 3 exemplos:

  • 2 quadros verticais
  • 2 quadros horizontais
  • 2 quadros horizontais e um vertical

Exemplo n°1

<FRAMESET COLS="20%,  
80%">  

<FRAME SRC="frame1.htm" NAME="gauche">  

<FRAME SRC="frame2.htm" NAME="droite">  

</FRAMESET> 


Exemplo n°2

<FRAMESET ROWS="20%,  
80%"> 
<FRAME SRC="frame1.htm" NAME="haut"> 
<FRAME SRC="frame2.htm" NAME="bas"> 
</FRAMESET> 


Exemplo n°3

<FRAMESET COLS="20%,  
80%">  
<FRAME SRC="frame1.htm" NAME="gauche"> 
<FRAMESET ROWS="50%, 50%"> 
<FRAME SRC="frame2.htm"  
   NAME="droit_haut"> 
<FRAME SRC="frame3.htm"  
   NAME="droit_bas"> 
</FRAMESET> 



Os atributos da baliza <FRAMESET>


Atributo Valor Ação
Rows percentagem (entre 1 e 100)
valor em pixéis
Fixando um único valor e dando ao outro o valor *, o valor ajusta-se automaticamente
Quadro horizontal
Colspercentagem (entre 1 e 100)
valor em pixéis
Fixando um único valor e dando ao outro o valor *, o valor ajusta-se automaticamente
Quadro vertical
FrameborderYES
NO
Indica se o quadro tem uma cercadura ou não
Border=né um valor que define a dimensão da cercaduraIndica a dimensão da cercadura
BordercolorNome da cor
Valor da cor hexadecimal
Indica a cor da cercadura
Framespacing=né um valor que define o espaço entre os quadrosIndica o espaço entre os quadros

Os atributos da baliza <FRAME>

A baliza <FRAME> permite definir um ou vários quadros na baliza <FRAMESET>

AtributoValorAcção
SrcURLDefine o lugar da página a afixar no quadro
Name"nome"Define um nome que permitirá afixar outro documento no quadro graças ao atributo Target
Marginwidth=né um número inteiro que especifica o número de pixéisDimensão das margens laterais
Marginheight=né um número inteiro que especifica o número de pixéisDimensão das margens da parte superior e a parte inferior
FrameborderYES
NO
Determina se os quadros terão ou não uma cercadura
Border=né uma número inteiro que especifica o número de pixéis Dimensão do espaço entre os quadros (unicamente para Netscape)
Noresize(Aucune)Impede o utilizador de redimendionar os quadros (não é o valor por defeito)
ScrollingYES
NO
AUTO
Permite ou não a afixação de uma barra de desfile (Auto deixa o navegador decidir da sua utilidade)

Como evitar os erros com os navegadores não compatíveis?

Utilizar-se-ão as balizas <NOFRAMES> e </NOFRAMES> que permitem especificar um texto HTML a afixar no caso de navegador que não permite afixar as frames. O texto entre as balizas <NOFRAMES> e </NOFRAMES> deve por conseguinte conter as balizas <BODY>… </BODY>.

Exemplo :

<FRAMESET COLS="20%,  
80%"> 
<FRAME SRC="frame1.htm" NAME="gauche"> 
<FRAME SRC="frame2.htm" NAME="droite"> 
</FRAMESET>


<NOFRAMES>  
<BODY>  
Esta página HTML necessita um navegador que suporte frames, queira desculpar-nos pelo inconveniente.
</BODY>  
</NOFRAMES>

Designar um quadro com uma ligação hipertexto

Para afixar ligações num dos quadros, basta utilizar o atributo target na baliza <A HREF. > para especificar o nome do quadro que foi especificado na baliza <FRAME> pelo atributo NAME.

Por exemplo:

<A HREF="page.htm" TARGET="gauche">


ValorAcção
_selfMostra o alvo no mesmo quadro que a relação
_parent Mostra o alvo no âmbito de nível superior
_blank Mostra o alvo numa nova janela
_topMostra o alvo na janela inteira do navegador

Veja também


HTML Frames
HTML Frames
Frames - HTML
Frames - HTML
I frame
I frame
Última modificação: 3 de agosto de 2009 às 15:02 por owliance.pt_004.
Este documento, intitulado 'As Frames', está disponível sob a licença Creative Commons. Você pode copiar e/ou modificar o conteúdo desta página com base nas condições estipuladas pela licença. Não se esqueça de creditar o CCM (br.ccm.net) ao utilizar este artigo.