Construção Websites
FRAMES 

Frames ou quadros permitem a divisão da tela de exposição do browser  em diferentes áreas  onde pode-se apresentar diferentes páginas.   Isso possibilita, por exemplo, que se determine uma área da tela para ser a página principal e outras áreas para menus ou links. Isso usado de maneira coordenada pode ser de grande ajuda na navegabilidade pelas páginas de seu site.   O Netscape Composer não apresenta facilidades para a criação de Frames por isso neste treinamento  a estrutura dos frames deverá ser definida usando outros editores ( Word, Notepad, WordPad, ... )   
  
O primeiro passo para se criar uma estrutura usando frames é  definir o  Frameset ou conjunto de frames, que indica como será estruturado cada quadro na tela em termos de linhas (rows) e colunas (cols) , e  quais páginas deverão ser apresentadas em cada um desses quadros.  

Num primeiro exemplo vamos dividir a tela em duas  áreas : um menu lateral e uma área principal ocupando a maior parte da tela.   

<frameset cols="100 , * ">    
     <frame src= menu.html  name = "area-menu">    
     <frame src= apresentacao.html name="area-principal"> 
</frameset
No exemplo acima temos a tela dividida em duas áreas, definidas por duas colunas verticais. A primeira , com tamanho de  100 pixels , recebeu o nome de area-menu e nela estamos apresentando a página menu.html. A segunda ocupa o restante da tela (indicado por "*" ), recebeu o nome de area principal, e nela estamos apresentando inicialmente a página apresentacao.html. 

Num segundo exemplo vamos definir uma estrutura com três áreas : topo, menu lateral, e área principal. Para tanto basta acrescentarmos o exemplo anterior como um subconjunto de frames nesta nova estrutura. Observe :  

<frameset rows = " 60 , * ">   
        <frame src= topo.html   name =  "area-topo">    
        <frameset cols="100 , * ">    
           <frame src= menu.html  name = "area-menu">    
           <frame src=apresentacao.html name="area-principal"> 
</frameset>    
</frameset
Assim temos nossa tela dividida em três áreas distintas : duas linhas, ou faixas horizontais, a primeira com 60 pixels recebeu o nome de area-topo e apresenta a página topo.html; a segunda faixa se divide em outro conjunto de frames desta vez em colunas verticais, a primeira com 100 pixels recebeu o nome de area-menu e apresenta a página menu.html e a segunda ocupando o restante da tela, recebeu o nome de área principal e apresenta a página apresentacao.html.     

O tamanho das áreas podem ser definidos em porcentagem da tela ao invés do valor fixo em pixels. Para tanto basta indicarmos "%" na definição do tamanho das linhas e colunas .    

Ainda podemos definir atributos em nosso Frameset que controlam a visualização e navegação coordenada entre os frames. 
Alguns exemplos :  

Barra de rolagem :  
     Scrolling : pode-se determinar se o frame terá barra  de rolagem se necessário ou se nunca apresentará a barra mesmo se necessário.   

    Eliminação da barra de rolagem  
           < FRAME  src =  ...   SCROLLING = "NO" > 
       
Alteração da estrutura :  
     Os navegadores permitem que o visitante altere a posição dos frames. Para tanto o atributo noresize inibe esta possibilidade e torna os frames fixos conforme definido.  
         < FRAME  src =  ...   NORESIZE> 
Bordas :   
Podemos definir se nossa estrutura de quadros será apresentada ressaltando-se as bordas entre ou frames ou nào usando os atributos frameborder e  border.   
Eliminação das bordas dos frames:  
    < FRAME  src =  ...   FRAMEBORDER="NO" >  

 Eliminação do espaço entre os frames :  
    < FRAME  src = ....   FRAMEBORDER="NO" BORDER="0" > 

 
Direcionamento :   
    O atributo target  (alvo) é o que indica onde uma página deverá ser apresenta assim que o visitante clica em um link .  Por definição uma nova página será apresentada na mesma  área onde está  link. Para redirecionar a página para outra área temos as possibilidades a seguir  que devem ser constar na  definição no link ( <a href=pagina.html  target= ... > )    
         target="nome da área " : carrega a página na área especificada.   
         target=_top : limpa a tela e abre a nova página ocupando toda a tela.   
         target=_blank : abre uma nova janela para exibir a página.   
         target=_self : carrega a página na mesma área do link. Opção é default.  
No Frame :   
    Alguns browsers não suportam frames e a opção noframe permite que seja apresentada outra página como alternativa.   
    <noframe>  
         .... definição da página alternativa ...   
         <body>       ... conteúdo da página ...       <img src=fig.jpg>       ....   etc ...  
    </noframe> 
A Internet e o World Wide Web|A Linguagem HTML|Editores de Webpages|Arquitetura de Websites
Applets Java e Javascripts|Frames|Formulários|Mapas Clicáveis|Validando  Sites|Hospedando Sites|Links e Referências
Construção de Websites
Everaldo Luis Silva  e Magali Barcellos