Tutor Designer: < FRAMES>

quarta-feira, 21 de julho de 2010

< FRAMES>

Frames permitem multiplos HTMLs os documentos a serem exibidos dentro de uma janela do navegador em um momento.Isto signfica que uma página não tem nenhum conteúdo nele, mas diz ao navegador que as páginas da web que você gostaria de abrir. Com a adição de CSS e PHP, tornam-se obsoletos, mas se você quizer usá-lo, valos lá.

Página genérica de freme


Os fremes mais usados para se ter o menu em um frame e co conteúde em outro. Vamos a um exemplo que utiliza o "frameset".

< html>
< head>
< / head>
< frameset cols="30%,*">
< frame src="menu.html">
< frame src="content.html">
< /frameset>
< /html>


Frameset


- A marca-mãe que defeniu as caracteristicas da página do frame individual, são defenidas dentro dela.
- Frameset Cols(colunas) - #% Define a largura que cada frame terá.
- SRC Frame "" A URL da página que iremos carregar no frama.


Adicionando Banner ou Título Frame


Adicionar uma linha para o início de título e gráficos com o código da seguinte forma:

< html>< head>< /head>
< frameset rows="20%,*">
< frame src="title.html">
< frameset cols="30%,*">
< frame src="menu.html">
< frame src="content.html">
< /frameset>
< /html>

Frameset rows = #%, Linhas definem a altura que cada frame terá.No exemplo acina, escolhemos o novo títito (linha1)a 20% da altura total da páina e usou um "*", o que significa que o menu e o conteúdo (que são a linha 2)Usará a altura restante.


Frameborder e Framespacing


Você deve er notado as linhas de cinza quae aparecem entre as frames. É possivel eliminar estes e manipular os espaços entre os quadros com frameborder e framespacing. Fazem parte da tag Framaset.
Obs: Framespacing e Fronteiras são os meesmos atributos, mas alguns navegadores só econhecem um ou outro, então use sempre os dois, com o mesmo valor para ser seguro.

Frameborder = # Um valor zero, não mostra a borda da janela.
Border = # Modifica a largura da borda para NetsCape.
Framespacing = #, Modifica a largura da borda para IE.

Aqui um exemplo do conjunto de frameset sem bordas.

< html>< head>< /head>
< frameset border="0" frameborder="0" framespacing="0" rows="20%,*">
< frame src="title.html">
< frameset border="0" frameborder="0" framespacing="0" cols="30%,*">
< frame src="menu.html">
< frame src="content.html">
< /frameset>
< /html>



Frame name e frame target


Nomeamos cada frame para que ele possa fazer com que cada botão carregue um conteúdo.

< html>< head>< /head>
< frameset rows="20%,*">
< frame name="title" src="title.html">
< frameset cols="30%,*">
< frame name="menu" src="menu.html">
< name="content" src="content.html">
< /frameset>
< /html>


< html>
< head>

< base target="content">

< /head>


...

< /html>


Traget Frame


Primeiro nomeie o frame de nosso conteudo como "content" intão definimos o caminhao dentro do menu.html um posto deste frame.
Nossa pégina de frame é agora um menu perfeita mente funcional para a distribuição de conteúdo.


Noresize and Scrolling


É possivel personalizar ainda mais o Frame usando Atributos noresize e scrolling

Vejamos:
< html>< head>< /head>
< frameset border="2" frameborder="1" framespacing="2" rows="20%,*">
< frame src="title.html" noresize scrolling="no">
< frameset border="4" frameborder="1" framespacing="4" cols="30%,*">
< frame src="menu.html" scrolling="auto" noresize>
< frame src="content.html" scrolling="yes" noresize>
< /frameset>
< /html>

* Noresize - Não permite que os frames sejam redimensionados pelo usuário.
* Scrolling =(SIM/NÃO) - Permite a Rolagem ou não dentro do frame.