1|2|3|4|5|6|7|8|9|10|11|12|13


Trabalhando com frames

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. 

No 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.




Segundo exemplo de frame


No 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. 

<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> 




No exemplo acima temos a tela dividida em  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. 

página -05..