| |
|
Observe que este arquivo não contém a definição do corpo de documento (<body> </ body>). Os textos e imagens devem estar contidos nos arquivos esq.htm e dir.htm que irão ser carregados pelo browser nas regiões especificadas pelo arquivo framel.htm.
Definindo frames:
<frameset></frameset> - Define quantos áreas a tela terá. Ele possui diversos parâmetros, sendo que pelo menos deve estar definido os parâmetros cols ou rows.
· cols - define o número o de áreas verticais que a tela do browser terá. O valor que-recebe é uma lista de valores separados por vírgula. Cada valor indica qual será a largura da coluna, que pode ser expressado em pixels, porcentagem ou "*" que significa "quanto mais largo possível".
· rows - seu funcionamento é idêntico ao parâmetro cols, mas define áreas horizon-tais na tela.
· border - define a espessura da linha divisória que separa as regiões. Quando não definido, a espessura é 5 pixels.
· bordercolor - define a cor da linha divisória.
· frameborder - indica se a borda terá aspecto 3D. Seus valores são yes ou no. Não funciona no lntemet Explorer.
<frame></frame> - Com este elemento indicamos o que será carregado em uma determinada área. Devemos definir um <frame></frame> para cada uma das regiões criadas. Se, por exemplo, definirmos cols = "300,*" devemos usar dois <frame>. É obrigatório o uso do parâmetro src.
· src - especifica qual página será carregada.
· name - define o nome da região (através deste nome é que nós vamos nos referir ao frame).
· noresize - a linha que separo os frames podem ser movidos, alterando a aparên-cia do site. Para que isso não aconteça, nós utilizamos noresize para que a linha não seja movida.
· scrolling - Indica se deve ser exibido a barra de rolagem. Os valores podem ser yes, no ou auto. Yes, a barra é sempre exibida, no, a barra nunca é exibida e em auto, a barra sempre é exibida se o conteúdo da página ultrapassa o tamanho da tela. Este é o padrão se omitido.
· marginheight - configura em pixels a margem vertical.
· marginwidth - configura em pixels a margem horizontal.
Novos parâmetros para o elemento de link;
<a href = ... target =...>
A parte href continua a mesma, ou seja, indica qual página será carregada pelo link, mas o novo parâmetro é target onde vamos determinar em qual frame será carregada a página. O valor de target é o nome que damos no parâmetro nome de <:frame>:
Ex.: frame2.html
<html>
<head> <title>frames 2 </title> </head>
<frameset cols = "250,*">
<frame src = esq.html name = esquerda>
<frame src = dir.html name = direita>
</frameset>
</html>
Agora o outro arquivo:
Arquivo esq.html
<html>
<body bgcolor = lightgreen text = white>. Lado esquerdo da página. <br><br>
<a href = outro.html target = direita>Outro frame </a>
</body>
</html>
Arquivo dir.html
<html>
<body bgcolor = blue text = yellow>
Lado direito da página.<br><br>
</body>
</html>
Clicando no link do frame da esquerda, o frame da direita será atualizado com a nova página.
Veja o exemplo
Valores especiais para target:
· _blank - abre a página numa nova janela.
· _self - abre a página na mesma região em que foi clicado.
· _top - abre a página ocupando toda a janlea do browser, ignorando as definições de layout.
· _parent - abre frame dentro de frames, o arquivo novo de layout ocupa toda a tela.
Topo
|
