 Una forma de optimizar el diseño de sitios web, se logra mediante la utilización de la vista Exploración. Esta vista divide la pantalla en dos paneles verticales: la parte de la derecha es el área de trabajo en donde se diseña la estructura y la de la izquierda es la Vista Carpetas.Si se requiere más espacio para trabajar en la estructura, se puede pulsar en la orden Lista de carpetas del menú Ver y borrar la marca de verificación. También se puede eliminar la barra Vistas, borrando la marca de la casilla de verificación de la orden Barra de Vistas en el menú Ver.
Al desplegar muchas páginas en la vista exploración, algunas de ellas se salen de la pantalla. Para visualizarlas es necesario desplazarse por medio de las barras de desplazamiento, o mover manualmente la vista, pulsando en cualquier parte del área que esté desocupada y arrastrando sobre la superficie (cuando el puntero del mouse se convierte en una mano).
Construir la estructura en vista exploración, puede ser la herramienta para crear el sitio web o puede diseñarse esta estructura, después de haber creado una, varias o todas las páginas del sitio.
Iniciaremos haciendo referencia a la forma de utilizar esta vista para crear el sitio web.
Cómo empezar desde cero
Es muy Importante recordar los pasos correctos para crear un sitio web (guía de FrontPage unidad 1).
Después de haber realizado los pasos necesarios para crear un sitio web, se verá en pantalla la siguiente imagen:
Esta ventana muestra, la nueva página que posee el nombre por defecto pagina_nueva_1.htm
Para pasar a la vista exploración pulsamos el botón Exploración de la barra de vistas (ver figura anterior) o seleccionamos Ver en la barra de menú y luego click en la opción Exploración.
Para iniciar el diseño de un nuevo sitio desde la Vista Exploración se requiere tener grabado el home page o página inicial del sitio, que como ya se sabe se debe denominar index.htm o index.html
Vayamos a la Vista página y grabemos la página nueva 1 como index.htm.
Regresemos a la Vista Exploración y observemos la siguiente imagen:
La estructura del sitio se construye desde arriba hacia abajo, creando diferentes niveles. Normalmente la información más importante se coloca en la parte superior de la jerarquía (páginas primarias) y la información relacionada o de soporte, en las páginas de nivel inferior, (páginas secundarias), con vínculos desde las páginas que se encuentran en los niveles más altos.
La página creada tiene el nombre index.htm o index.html, pero el título de la página es pagina_nueva1, para cambiar el título de la página debe hacer click derecho sobre el ícono y seleccionar cambiar nombre en este menú asi:
Quedando de la siguiente manera:
Cómo cambiar la estructura
ü
Para crear páginas secundarias, clic derecho en la página primaria y luego seleccionemos Nueva página.
ü
Después de haber insertado la nueva página se obtiene el resultado siguiente:
Esta nueva página tiene un nombre genérico pagina_nueva1 y tanto el título de la página como el nombre del archivo htm generado tienen esta descripción.
Para cambiar esta descripción (pagina_nueva1) de click derecho sobre el ícono de la nueva página y seleccione cambiar nombre tal como se hizo con la página principal.
ü Para pasar a la Vista Página se puede hacer click derecho sobre el ícono deseado y se selecciona Abrir, o dando doble click sobre la página.
Nota: Cuando esta se abre, el archivo htm adopta el nombre que tiene el ícono en ese momento, igualmente ocurre con su título.
ü Para cambiar el nombre del archivo htm de una página que ya ha sido abierta se debe ir a la vista carpetas, click derecho sobre el archivo htm, seleccionar cambiar nombre, y asignar un nuevo nombre a este archivo.
ü
Para cambiar el título de la página podemos hacerlo desde la Vista Exploración, haciendo click derecho sobre el ícono y seleccionando Propiedades, así:
ü Para mover las páginas, se puede utilizar la técnica de arrastre o por medio del menú contextual que se obtiene con clic derecho en cada página de la estructura.
TEMAS
Uno de los grandes problemas que hemos encontrado al diseñar una página web, es la combinación adecuada entre un fondo, el tipo de letra y color de los Hipervínculos, la forma de los botones y el tipo de viñetas, entre otros.
Los temas permiten agregar al sitio web botones, titulares, fondos, texto y colores de vínculo con un diseño profesional resolviendo parcialmente este problema. He aquí algunos ejemplos:
Para poder acceder al cuadro de diálogo TEMAS, hay que seleccionar la orden Tema, en el menú Formato.
Si no hay ningún tema aplicado en la página, la opción (sin tema) aparece destacada en la casilla de lista situada en el lado izquierdo del cuadro de diálogo. A la derecha, se encuentra la Vista previa de éste.
Al elegir uno de estos diseños, se tienen a la disposición las siguientes opciones básicas que afectan el modo en que el explorador los presenta:
F Colores intensos: hace que los colores de los distintos botones, fondos y otros elementos sean más intensos.
F Gráficos activos: si esta opción no está seleccionada, los elementos de la página no son interactivos, pero tienen una elegancia muy sutil y aparecerán más rápidamente en el explorador.
F Imagen de fondo: sirve para intercambiar dos opciones: la de tener de fondo una imagen o un color.
Entre el manejo de los Temas y la Vista exploración hay una relación directa y de dependencia:
Ø Para un adecuado manejo de los temas, las páginas deben estar incluidas en la estructura de la Vista exploración.
Ø El título que se modifique en la Vista Exploración, es actualizado en el titular de página (Ver Capítulo sobre Titular de página).
Ø Para que se establezcan los vínculos entre las páginas del sitio web automáticamente, es necesario que en aquellas que contienen temas, se inserten barras de exploración. (Ver Capítulo sobre Barras de exploración).
Ø Los cambios realizados en Vista exploración, afectan solamente a las páginas que contengan Barras de exploración.
TITULAR DE PAGINA
Para colocar un titular de página realice los siguientes pasos:
Ø
Seleccione Insertar en la Barra de Menú y haga click en Titular de Página...
Ø
Digite el título deseado en el cuadro de texto.
 |
 |
 |
 |
|
