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.