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, ... )
Num primeiro exemplo vamos dividir a tela em duas áreas : um menu lateral e uma área principal ocupando a maior parte da tela. 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.<frameset cols="100 , * "> 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 , * ">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.
Barra de rolagem :
Eliminação da barra de rolagem 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: 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=_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. Alguns browsers não suportam frames e a opção noframe permite que seja apresentada outra página como alternativa.
.... definição da página alternativa ... <body> ... conteúdo da página ... <img src=fig.jpg> .... etc ... </noframe> |
|
Everaldo
Luis Silva e Magali Barcellos
|