12.212 cursos gratis
8.329.148 alumnos
Facebook Twitter YouTube
Busca cursos gratis:

Diseño de páginas web con FrontPage

Autor: Fernando Mur
Curso:
9,01/10 (898 opiniones) |116556 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

Nuestras novedades en tu e-mail

Escribe tu e-mail:

Al presionar "Recibir" estás dándote de alta y aceptas las condiciones legales de mailxmail

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


  • Vídeo
  • Alumnos
  • Valoración
  • Cursos
1. Diseño páginas web. Insertar imágenes
¿Qué sería de nuestras páginas Web si, además de texto, no les insertásemos... [18/06/10]
825  
2. Diseño páginas web con editor HTML
Diseño páginas web con Editor HTML , cuantas veces al visitar una Web , nos hemos... [02/03/10]
3.716  
3. Colocar icono en nuestras páginas web
Conoce la manera más fácil de personalizar tu pagina, aplicando un icono... [14/11/11]
40  

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


¿Te interesa? ¡Te enviamos gratis las novedades de Programación!