Frameset ou molduras 1 - Dezegner

Olá, vamos ver agora sobre molduras, ou Frameset.
As molduras são usadas em uma página Web para dividi-las em quadros.
Em cada um desses quadros, podem ser colocadas outra página Web, ou uma imagem ou até mesmo um vídeo.
E, todos esses quadros dividem a página criada.
Uma página com um conjunto de molduras é chamada de Frameset.

E é esse Frameset que armazena as informações sobre a maneira como as molduras serão exibidas.

O Frameset é um arquivo onde se define a estrutura e a distribuição dos Frames da página, e passa a ser a página principal do site.
O resultado exibido no navegador é igual a um molde onde as páginas se encaixam.

Aqui temos um Frameset com quatro Frames:




Aqui temos outro Frameset com cinco Frames:



Nesse documento html, a etiqueta <body> e a </body> são substituídas pelas etiquetas <frameset> e </frameset>.
Esse documento html pode ser o arquivo index.html, que é a página inicial do seu site.
 

Veja uma estrutura de um documento html, contendo as etiquetas Frameset e Frame.

Esta é uma estrutura básica. 

Mas como está sem seus atributos não vai funcionar.

Exemplo 1:

<html>
<head>  <title>  exercício de frames</title>  </head>
<frameset>
<frame src="">
<frame src="">
</frameset>
</html> 

Esta é uma estrutura básica de um documento html, contendo um conjunto de quadros, com alguns de seus atributos.

Ela já pode ser salva e visualizada no navegador, e vai exibir as molduras que dividem a página.

Exemplo 2:

<html>
<head>  <title>  exercício de frames</title>  </head>
<frameset rows="15%, 25%, 50%">
<frame src="">
<frame src="">
<frameset cols="15%, 25%, 50%">
<frame src=""> 
<frame src="">
<frame src="">
</frameset>
</frameset>
</frameset>
</frameset>
</html>

Digite, salve, e veja o resultado, visualizando no navegador.

A etiqueta <frameset> é que define o arquivo criado, com seus blocos.
A etiqueta <frame> define cada janela ou bloco, dentro do <frameset> e suas características. 

E cada <frame> tem uma “Url” ou um endereço de uma página.
 

Espero que tenha gostado dessa postagem.
Deixe o seu comentário para que eu possa melhorar ainda mais esse Blog.
Ah, e não se esqueça de se inscrever nesse Blog, para você receber grátis as atualizações por e-mail.

Até a próxima postagem!



Marcadores

etiqueta (29) tutorial (18) meta (16) html (15) a (10) link (10) formatar texto (3) VETOR (2) body (2) caracteres (2) id (2) p (2) vídeo (2) âncora (2) Photoshop (1) address (1) blink (1) blockquote (1) br (1) center (1) div (1) e-mail (1) font (1) frameset (1) h (1) head (1) pre (1) title (1)

paginador numerico