3.283 cursos gratis
6.261.122 alumnos
Publica tu curso gratis
Busca cursos gratis:
Estás aquí: mailxmail > Cursos de Informática > Programación > Diseño de páginas web con FrontPage > Elementos del diseño avanzado - los marcos

Diseño de páginas web con FrontPage

Autor: Fernando Mur
Curso:  4,51/5 4,51/5 (892 opiniones) |97471 alumnos|Fecha publicación: 18/09/2002

Capítulo 12:

 Elementos del diseño avanzado - los marcos

Los marcos dividen la pantalla del navegador en ventanas individuales, cada una de ellas puede albergar una página individual. Una página que aparece dentro de un marco puede incluir cualquier elemento que se pueda incluir en una página web estándar.

Cada marco de una página con marcos es un archivo HTML independiente, por lo que una forma de crear las páginas basadas en marcos es crear alguna de las páginas de contenido antes de crear el conjunto de marcos. Posteriormente, las colocaremos en el conjunto de marcos para comprobar que la apariencia es correcta.

Usos de los marcos.- A continuación le explicamos los principales usos de los marcos.

1.Motores de búsqueda: un formulario de búsqueda aparece en un marco y los resultados en otro.

2.Indice: es habitual que en la parte izquierda de la página exista un índice de los contenidos de la web. Con una página de marcos podemos hacer que al hacer clic en un enlace se abra en el marco contiguo sin dejar de verse el índice.

3.Barra de botones: funcionamiento similar al índice.

4.Notas al pie

5.Libros de visitas

6.Anuncios publicitarios

El uso más frecuente de los marcos será incluyendo un marco de navegación que permanece inalterado a lo largo de la visita del usuario. El usuario hace clic en los enlaces o botones para visitar otra parte de la web. Estos enlaces tienen como destino abrirse en otro marco de la página, normalmente el marco más grande.

Ejemplos de páginas con marcos: Lecciones de Ciberconta, Radio Huesca, Antena3 TV, Altoragon.org.

Planificación de la página con marcos.- En todo trabajo de diseño web es importante la planificación y todavía lo es más si queremos trabajar con marcos. Es necesario seguir una serie de pasos:

-Realizar un boceto en papel sobre la apariencia de la página de marcos

-Planificar un esquema de colores

-Crear las páginas que llenarán los marcos

-Establecer el destino de los enlaces, definir que ocurrirá cuando hagamos clic en todos y cada uno de los enlaces de la página.

-Creación de páginas de marcos

FrontPage nos ofrece una forma muy sencilla de crear una página con marcos y es a través de las plantillas que incorpora. Seguiremos los pasos:

Seleccionamos Archivo, Nuevo, Página, tras lo cual nos aparecerá el siguiente cuadro de diálogo:

Elementos del diseño avanzado - los marcos

Podemos elegir cualquiera de los diseños predefinidos en FrontPage que luego podremos modificar en cuanto altura y anchura de los marcos.

Suponemos que creamos una estructura con jerarquía anidada, que se compone de tres marcos, de la siguiente forma:

Elementos del diseño avanzado - los marcos

Podemos reestructurar las plantillas que nos ofrece FrontPage para adecuarlas a nuestras necesidades. Podemos cambiar los tamaños de los marcos (haciendo clic en los bordes y arrastrando), dividir los marcos (Marcos, Dividir Marco) en filas o columnas y eliminar los marcos (haciendo clic en el que queramos borrar o en la barra de menús seleccionar Marcos, Eliminar marco).

Capítulo anterior - Las tablas
Recibe nuestras novedades
Al presionar "Recibir" estás dándote de alta y aceptas las condiciones legales de mailxmail

Hay 892 opiniones. Opina sobre este curso.


Cursos similares a Diseño de páginas web con FrontPage


Cursos Valoración Alumnos Vídeo
Corel Draw 11 Básico
Corel Draw es una potente herramienta que utilizan los diseñadores profesionales para crear, logotipos, esquemas, ilustraciones, dibujos, etc. No se asuste, para usted am... [10/05/05]
 2,40/5 11.974  
Excel. Hojas de cálculo (cuarta parte)
Curso del software Excel y formación ofimática. Marcos y tablas de Excel serán temas de importancia en esta cuarta parte de nuestro curso de uso avanzado de hojas de cálc... [07/11/08]
 4,86/5 5.468  
Banners animados e inanimados. Cómo hacerlos
Banners publicitarios animados e inanimados en Photoshop e ImageReady. El banner en formato gif es una her... [06/03/09]
 4,71/5 6.347  


Publicar en   del.icio.us    digg    meneame

¿Qué es mailxmail.com?|ISSN: 1699-4914|Recomiéndanos|Ayuda
Condiciones legales de mailxmail