Iniciando no HTML: Frames - Criação de uma estrutura simples


Autor/fonte: CriarWeb.com
E-mail/Url: http://www.criarweb.com/artigos/135.php



Digg del.icio.us

Para ilustrar tudo o que viemos explicando podemos ver o exemplo sobre como se criaria a definição de frames da imagem que podemos ver a seguir.

Especificação de frames para o exemplo.

Arquivo index.html:

<html>
<head>
    <title>Definição de Frames</title>
</head>
<frameset rows="15%,*,75">
    <frame src="pagina1.html">
    <frame src="pagina2.html">
    <frame src="pagina3.html">
</frameset>
</html>

Arquivo pagina1.html:

<html>
<head>
	<title>Untitled</title>
</head>
<body bgcolor="#DECC09">
1
</body>
</html>

Arquivo pagina2.html:

<html>
<head>
	<title>Untitled</title>
</head>
<body bgcolor="#CF391C">
2
</body>
</html>

Arquivo pagina3.html:

<html>
<head>
	<title>Untitled</title>
</head>
<body bgcolor="#AC760E">
3
</body>
</html>

Rode e veja o resultado.

Além disso, temos algumas considerações a fazer para terminar de compreender este exemplo:

. O título da definição de frames é o que herda toda a página web, por isso, não é boa idéia titular como "definição de frames" por exemplo, já que então toda nossa página se titularia assim e certamente não seria muito descritivo. Se estivéssemos fazendo uma página para o açougue Gonçalves seria melhor titular a definição de frames algo como "Açougue Gonçalves, as melhores carnes no Rio de Janeiro";
. A página que define os frames não tem body. O HTML pode totalizar um erro se o incluirmos;
. As páginas "pagina1.html", "pagina2.html" e "pagina3.html" devem ser escritas em arquivos independentes com o nome indicado. Neste exemplo, Tais páginas deveriam se encontrar no mesmo diretório que a declaração de frames. Se especificarmos uma rota para acessar ao arquivo podemos colocá-lo no diretório que desejarmos;
. As cores de cada um dos frames colocamos com o atributo bgcolor colocado na etiqueta <BODY> de cada uma das páginas que se mostram nas janelas.




Enviado por xKuRt em 17/11/2006 às 09:29


Avaliação

Esta publicação ainda não foi avaliada!


Avaliar:


A avaliação de publicações é restrita a membros cadastrados e logados no nosso site.



Comentários

Este artigo ainda não foi comentado ou o(s) comentário(s) que foi(ram) enviado(s) a ele ainda não foi(ram) publicado(s).


Envio de comentário:




  

Sexta, 24 de Outubro de 2014




Top 5 membros

Últimos membros online

Últimos membros cadastrados



Capa do livro
Livro - Desenvolvendo para iPhone e iPad: Aprenda a desenvolver aplicativos utilizando iOS SDK


Capa do livro
SOA: Modelagem, Análise e Design


Capa do livro
BI - Businnes Intelligence no Excel





Hostnet

IMD