TUTORIAL HTML - OS FRAMES
Uma página de Internet gravada no formato HTML pode ser basicamente construída de duas formas: com ou sem frames (quadros).
Uma página sem frames é uma página normal, como um documento de um editor de texto, por exemplo.
Por outro lado, ao criar uma página com frames está a subdividir esta página em regiões ou células, algo similar a uma tabela. Cada subdivisão ou frame, possui um nome e pode ser referenciada e deverá sempre ser preenchido com o conteúdo de um ficheiro HTML.
Então, por exemplo, uma página construída com três frames terá quatro ficheiros. O primeiro a indicar a estrutura dos frames e três outros equivalentes aos conteúdos de cada frame.
Na primeira figura desse artigo pode ver um exemplo de página construída com três frames. Para o caso desta estrutura de frames, teríamos o seguinte HTML principal:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Untitled Document</title>
</head>
<frameset rows="80,300,80" frameborder="no" border="0" framespacing="0">
<frame src="superior.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="superior" />
<frame src="principal.html" name="mainFrame" id="mainFrame" title="principal" />
<frame src="inferior.html" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" title="inferior" />
</frameset>
<noframes>
<body>
</body></noframes>
</html>
Como pode ver por este código, existe a definição da estrutura dos frames e nesta definição, a indicação dos ficheiros superior.html, inferior.html e principal.html, que correspondem aos conteúdos que cada frame deverá ter.
Apesar dos frames serem um recurso válido do HTML, na prática não recomendamos o seu uso. Isso porque os motores de busca não conseguem classificar de forma correcta os conteúdos existentes nos frames e quando conseguem classificam as páginas de forma separada, sem a estrutura, sendo posteriormente visitadas fora do contexto.
| Se gostou desse artigo... | |
:: |
receba as novidades deste site por e-mail! |
Dê a sua opinião sobre este artigo
Seleccione uma categoria para ver os artigos correspondentes...
2D — 3D — 3DS Max — Acrobat — Adobe — Adobe AIR —
Adobe Premiere — After Effects — Aperture — Apple — Autodesk — Autodesk Maya —
Áudio — Book & E-book — Cinema — Continuação — Criação de Sites — Criação DVD —
Curso de Photoshop — Cursos pela Internet — Dicas — Discreet — Dreamweaver — Dreamweaver CS3 —
e-learning — Edição de Vídeo — Fórum (2002-2005) — Filmes - Making of — Firefox — Fireworks —
Flash — Flash CS3 — Fotografia Digital — Galeria de Imagens — GIMP — Google —
Google Adsense — Google PageRank — HTML — Illustrator — Ilustração — InDesign —
Inferno — Intel — iphone — iPhoto — ipod — iPod - iTunes —
Linux — Livro — Mac OS X Leopard — Mac OS X Snow Leopard — MacOS X — Microsoft —
Montagem de Fotos — Nikon — Photoshop — Photoshop CS3 — Photoshop CS4 — Pinnacle Studio —
Pixar — QuickTime — Safari — Servidor Apache — Software — Tecnologias —
Tutoriais — Tutorial 3DS Max — Tutorial Fireworks — Tutorial Flash — Tutorial GIMP — Tutorial Inferno —
Tutorial Maya — Tutorial Photoshop — Tutorial Web — Ubuntu — Vídeos — Vídeos iPod —
Web — Web - Ferramentas — Windows — Windows Vista — Wordpress — Yahoo! —
YouTube —
Ferramentas para webmasters | Os Segredos do AdSense | |
Verifique o Google PageRank do seu site | Optmize os seus sites e ganhe dinheiro com o Adsense (em vídeo) | |
PÁGINAS RECOMENDADAS | ARQUIVO (por mês e ano) | |
| ||
EfeitosVisuais.com Este é um site sobre grafismo, imagens, design, vídeos e demais assuntos relacionados à multimédia (Photoshop, Dreamweaver, Flash, Premiere, 3DS Max, Pinnacle Studio, etc.). Aqui encontrará tutoriais de Photoshop, Dreamweaver, Flash, edição de vídeo, Wordpress e muitos outros temas. Este site é também aberto ao leitor quee poderá contribuir com textos, dicas, artigos ou qualquer elemento que queira divulgar à comunidade. | ||