Completo tutorial de HTML - Frames - Una pagina en cada marco
Tutorial creado por Indaya.com. Extraido de: http://www.indaya.com
11 de Septiembre de 2005
HTML, Programación web
31 - Frames - Una pagina en cada marco
Las páginas que mostraremos en cada marco son documentos HTML iguales a los
que venimos creando anteriormente. Podemos colocar cualquier elemento HTML de
los estudiados en este manual, como etiquetas de párrafo, imágenes, colores de
fondo, etc.
Cada documento, como ya hemos indicado, se escribe por separado en su propio
archivo HTML. Para el ejemplo del capítulo anterior podemos definir los archivos
HTML de la siguiente manera.
pagina1.html
Es la página que contiene el titular de la web. Simplemente se trata de una
etiqueta <H1> de titular. La página tiene su propio título, con la etiqueta
<TITLE>, que no se podrá visualizar por ningún sitio a no ser que se muestre
esta página sin los frames, ya que las páginas dentro de los marcos heredan el
título de la definición de los frames.
<html>
<head>
<title>Titulo Carnicería Pepe</title>
</head>
<body bgcolor="#DECC09">
<h1 align=center>Carnicería PEPE</h1>
</body>
</html>
pagina2.html
Es la página que se presentará en el área principal de la definición de frames,
es decir, la página que tiene más espacio para visualizarse y donde pondremos
los contenidos de la web. En este caso muestra un mensaje de bienvenida a la
web, que hará las veces de portada.
<html>
<head>
<title>Portada de Carnicería PEPE</title>
</head>
<body bgcolor="#CF391C" text="#ffffff">
<h1 align="center">Bienvenidos a nuestra web</h1>
<br>
<br>
La carnicería PEPE, con más de 100 años de experiencia, es la mejor fuente de
carnes de vacuno y cerdo de la comunidad.
<br>
<br>
Tanto en invierno como en verano puede encontrar nuestras ofertas de temporada
de primera calidad.
</body>
</html>
pagina3.html
En esta página se mostrará la barra de navegación por los contenidos del sitio.
Contiene enlaces que deberían actualizar el contenido del área principal de la
declaración de frames, para mostrar los distintos contenidos del sitio, por
ejemplo, la portada, los productos, la página de contacto, etc.
<html>
<head>
<title>Barra de navegación de carnicería PEPE</title>
</head>
<body bgcolor="#AC760E" link="ffffcc" vlink="ffffcc">
<div align="center">
<b>
<a href="pagina2.html">Portada</a> |
<a href="productos.html">Productos</a> |
<a href="contacto.html">Contacto</a>
</b>
</div>
</body>
</html>
que venimos creando anteriormente. Podemos colocar cualquier elemento HTML de
los estudiados en este manual, como etiquetas de párrafo, imágenes, colores de
fondo, etc.
Cada documento, como ya hemos indicado, se escribe por separado en su propio
archivo HTML. Para el ejemplo del capítulo anterior podemos definir los archivos
HTML de la siguiente manera.
pagina1.html
Es la página que contiene el titular de la web. Simplemente se trata de una
etiqueta <H1> de titular. La página tiene su propio título, con la etiqueta
<TITLE>, que no se podrá visualizar por ningún sitio a no ser que se muestre
esta página sin los frames, ya que las páginas dentro de los marcos heredan el
título de la definición de los frames.
<html>
<head>
<title>Titulo Carnicería Pepe</title>
</head>
<body bgcolor="#DECC09">
<h1 align=center>Carnicería PEPE</h1>
</body>
</html>
pagina2.html
Es la página que se presentará en el área principal de la definición de frames,
es decir, la página que tiene más espacio para visualizarse y donde pondremos
los contenidos de la web. En este caso muestra un mensaje de bienvenida a la
web, que hará las veces de portada.
<html>
<head>
<title>Portada de Carnicería PEPE</title>
</head>
<body bgcolor="#CF391C" text="#ffffff">
<h1 align="center">Bienvenidos a nuestra web</h1>
<br>
<br>
La carnicería PEPE, con más de 100 años de experiencia, es la mejor fuente de
carnes de vacuno y cerdo de la comunidad.
<br>
<br>
Tanto en invierno como en verano puede encontrar nuestras ofertas de temporada
de primera calidad.
</body>
</html>
pagina3.html
En esta página se mostrará la barra de navegación por los contenidos del sitio.
Contiene enlaces que deberían actualizar el contenido del área principal de la
declaración de frames, para mostrar los distintos contenidos del sitio, por
ejemplo, la portada, los productos, la página de contacto, etc.
<html>
<head>
<title>Barra de navegación de carnicería PEPE</title>
</head>
<body bgcolor="#AC760E" link="ffffcc" vlink="ffffcc">
<div align="center">
<b>
<a href="pagina2.html">Portada</a> |
<a href="productos.html">Productos</a> |
<a href="contacto.html">Contacto</a>
</b>
</div>
</body>
</html>
Valora este capítulo:
Autor y licencia de 'Completo tutorial de HTML - Frames - Una pagina en cada marco'
|
Opiniona sobre 'Completo tutorial de HTML - Frames - Una pagina en cada marco' (14)
Tu nombre debe tener tres caracteres como mínimo.
Es necesario que te des de alta con una cuenta de correo válida.
Es necesario que te des de alta con una cuenta de correo válida.
El contenido del título de tu opinión debe tener tres caracteres como mínimo.
Es obligatorio que selecciones una valoración del recurso.
El contenido del comentario de tu opinión debe tener tres caracteres como mínimo.
Opina sobre este tutorial |
Wikis relacionados con 'Completo tutorial de HTML - Frames - Una pagina en cada marco'
Este es un curso tremendamente completo, guiado y con ejemplos y prácticas pensadas para convertirlo...
Más »
Javascript es un lenguaje de programación utilizado para crear pequeños
programitas encargados de realizar acciones...
Más »
PHP es uno de los lenguajes de lado servidor más extendidos en la web. Nacido...
Más »
Amplio tutorial de Java para empezar a trabajar y ampliar conocimientos de este lenguaje.
En vista de la problemática planteada dentro de la Administración Pública en el ámbito de...
Más »
