DISEÑAR PÁGINAS WEB SIMPLES

En la lección anterior hemos visto cómo crear un sitio web y cómo crear las páginas que lo forman. Pero estas páginas están en blanco y ahora debemos empezar a llenarlas con contenidos. En esta lección veremos cómo agregar texto a una página web y cómo configurar el fondo.


1. Insertar textos

Como hemos dicho anteriormente, Frontpage es muy parecido al Word, un programa de tratamiento de textos que, seguramente, has utilizado alguna vez para hacer tus trabajos o escribir cartas. La forma de escribir texto y las opciones de formato son idénticas en ambos programas, por lo que no te será muy difícil empezar a introducir texto en las páginas web hechas con Frontpage. Para empezar a diseñar tu página web sitúate en la Vista Página y con la pestaña Normal activa.

Ésta es la barra de herramientas que controla el formato del texto en Frontpage. Puedes ver que es similar a la de Word, ya que contiene opciones básicas como tipo de fuente, estilo de fuente, tamaño de fuente, alineación, color, etc. Debes tener en cuenta que las páginas web se van a ver en multitud de ordenadores diferentes al nuestro, que pueden tener diferentes fuentes instaladas. Por ello, conviene elegir fuentes que son comunes en la mayoría de ordenadores (Arial, Times New Roman, Courier, ect.) para evitar que el explorador cambie la fuente que has establecido y que el texto se convierta en algo muy distinto de lo que habías previsto. La opción ‘Fuente predeterminada’ se refiere a la fuente que tiene el explorador por defecto. Para acceder a más opciones de fuente de las que existen en la barra de herramientas, selecciona un texto y elige Menú Formato > Fuente.

Otra diferencia importante con la escritura de texto en Word es que Frontpage posee dos niveles de salto de línea. Si pulsas la tecla Enter hace un salto de dos líneas. Para conseguir un salto de una única línea, pulsa Mayúsculas + Enter.


2. Los temas

Una buena opción para crear un conjunto armonioso de texto y gráficos es la elección de temas. Para elegir un tema predeterminado para tus páginas o modificar los existentes elige Menú Formato > Tema. Te aparecerá un cuadro de diálogo como éste:

Elige uno de los temas predeterminados de Frontpage o modifícalo para que se adapte a tus gustos haciendo clic en el botón Modificar. Si una vez aplicado un tema, no te termina de gustar puedes eliminarlo abriendo otra vez el cuadro de diálogo Temas y seleccionando Sin tema de la lista de la izquierda.


3. Color e imagen de fondo

Puedes acceder a las propiedades que definen la página haciendo clic en esta opción del menú contextual (clic en el botón derecho en Windows o clic + Control en Macintosh). De las distintas opciones que nos ofrece este cuadro de diálogo nos fijaremos ahora solamente en las que se encuentran en la pestaña Fondo.

Aquí elegiremos si deseamos una imagen de fondo o un color de fondo. No es necesario que la imagen de fondo ocupe toda la página, ya que Frontpage la duplicará para llenar todo el espacio. También puedes definir la imagen de fondo como una marca de agua, lo que significa que la imagen no se desplazará a medida que se desplace la página. Sin embargo, debes saber que no todos los exploradores admiten marcas de agua. Además del color de fondo, también puedes especificar aquí los colores por defecto que utilizarán el texto y los vínculos. Una vez hayas establecido el color o la imagen de fondo para una página es fácil aplicarlo a las demás. Para ello, abre la página sin fondo y abre el cuadro de diálogo Propiedades de página y la pestaña Fondo. La última opción, Obtener información del fondo de otra página, te permite seleccionar la página que contiene el fondo ya definido y aplicarlo sobre la actual.


_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

La opción de definir una imagen o un color de fondo es incompatible con la elección de un tema. Por ello si decides colocar una imagen o un color de fondo, primero deberás quitar el tema que tengas definido.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _