Aprender Dreamweaver CS4 con 100 ejercicios prácticos. MEDIAactive

las páginas. Dreamweaver predetermina representar los textos bajo un aspecto seguro, por lo que se encuentra seleccionada una de las fuentes clásicas, Times New Roman, disponible en la práctica totalidad de sistemas. Teclee la letra C para mostrar las fuentes que empiezan por dicha letra, seleccione la fuente Courier New y pulse el botón Aceptar.Los navegadores utilizan la primera fuente de la combinación que se localice en el sistema. Si ésta no está instalada, el navegador pasa a utilizar la segunda, y así sucesivamente.

      4 Dreamweaver aplica el tipo de letra elegido a todos los textos. También puede cambiar las fuentes desde el cuadro Propiedades de la página. Pulse ese botón del inspector de propiedades.

      5 Pulse en el botón de flecha del campo Fuente de página, seleccione la opción Arial, Helvética, sans-serif y pulse Aceptar. El campo Fuente fija del cuadro de preferencias permite seleccionar la fuente y el tamaño de los textos con formato de párrafo Texto preformateado. Nos aseguramos así de que el visionado final de la página se ajuste al mostrado por Dreamweaver durante la edición del documento.

      6 Se aplica la primera de las fuentes de la lista seleccionada. Pulse el icono Guardar de la barra de herramientas Estándar para guardar los cambios realizados en la página index.htm y ponga en primer plano la página texto.htm pulsando en su pestaña.

      7 Acceda de nuevo al cuadro Propiedades de la página, haga clic en el botón de punta de flecha del campo Tamaño y seleccione, por ejemplo, el valor 14. Después, pulse los botones Aplicar y Aceptar para aplicar el cambio.

      8 Por último, veremos cómo aplicar diferentes estilos a un texto seleccionado. Abra el menú Formato, pulse sobre la opción Estilo y elija el estilo Subrayado. Habitualmente se reserva el subrayado para los textos que funcionan como enlaces por lo que ni el Inspector de propiedades ni la ficha Texto de la barra Insertar muestran esa opción.

      9 Deseleccione el texto pulsando al final de la línea para comprobar el resultado y pulse la combinación de teclas Ctrl.+Z para deshacer la aplicación del estilo Subrayado.

      10 Seleccione nuevamente la primera línea de texto y pulse el botón Negrita del Inspector de propiedades. Dreamweaver utiliza por defecto la etiqueta strong, en lugar de la tradicional b, para el estilo negrita y la etiqueta em para el estilo cursiva, tradicionalmente aplicado mediante la etiqueta i.

      Desde el panel Propiedades y también desde la ficha Texto de la Barra Insertar puede seguir modificando las caracteristicas de un texto creando listas numeradas, añadiendo sangrías, etc. Acabe el ejercicio guardando los cambios.

      IMPORTANTE

      En Dreamweaver CS4 los cambios de combinaciones de fuentes y de colores de fuentes deben realizarse definiendo reglas para los estilos CSS, con los que trabajaremos más adelante.

020	Cambiar el color del texto

      DREAMWEAVER PREDETERMINA la aplicación del color negro a los textos incluidos en las páginas. El programa permite cambiar esta configuración. Para ello se debe acceder a la categoría Apariencia del cuadro Propiedades de la página. El campo Texto da acceso a un selector de color, que permite elegir el tono entre las diferentes muestras propuestas en una paleta emergente, o directamente capturar el color de pantalla.

      IMPORTANTE

      Dreamweaver posibilita el cambio de color del texto seleccionado, de modo que el nuevo tono prevalezca sobre el preestablecido para la página, aunque para ello se debe definir una clase para el estilo CSS.

      1 Por defecto los textos de Dreamweaver se presentan en color negro. Éste es el tono que presentaban todos los textos introducidos en nuestras páginas hasta ahora. Pulse el botón Propiedades de la página del Inspector de propiedades.

      2 El programa permite predeterminar un color para los textos de cada uno de los documentos. De este modo, el cuadro de diálogo Propiedades de la página, en su categoría Apariencia, presenta un cuadro de color referido al texto del documento. Active la categoría Apariencia (HTML). Seleccione siempre colores de texto que contrasten con el fondo de la página, de manera que puedan ser leídos con facilidad.

      3 Pulse en la punta de flecha del cuadro de color de la opción Texto y, en la paleta emergente, seleccione un tono azul.

      4 Haga clic en Aceptar y compruebe que todo el texto adopta el color elegido.

      5 Pulse de nuevo sobre el botón Propiedades de la página del Inspector de propiedades. El color seleccionado como color de texto se aplica al texto de toda la página. Puede cambiar el color del texto, el de los vínculos, el de los vínculos visitados y el de los vínculos activos.

      6 Recuperaremos el tono negro como color predeterminado de los textos de la página. Active la categoría Apariencia (HTML), despliegue la paleta emergente del campo Texto y pulse en la muestra de color negro de la paleta.

      7 Si bien el color dota de atractivo a las páginas, debe tener en cuenta que la principal función del texto es la transmisión de información. El color negro resulta especialmente indicado en páginas de fondos claros. Pulse el botón Aceptar del cuadro de diálogo Propiedades de la página y guarde los cambios pulsando el icono Guardar de la Barra de herramientas Estándar.

      En HTML, los colores se expresan en forma de valores hexacesimales. El programa permite la definición directa de un tono mediante estos valores. Por ejemplo, el valor que define un tono de azul sería #0000FF . Puede comprobar el código en valores hexacesimales en el campo Color del texto del cuadro de propiedades de página.

      Todos los colores de las paletas Cubos de color y Tono continuo son seguros para la Web.

      IMPORTANTE

      Las paletas de Dreamweaver presentan una serie de botones en su parte superior. El botón de flecha del extremo derecho da paso a un menú de opciones que permite cargar diferentes paletas de color. La pulsación del botón Color predeterminado devuelve al texto el color establecido en las propiedades de la página. El botón Colores del sistema conduce al cuadro de diálogo Color, que posibilita la personalización de los tonos a través de seis parámetros. Tres hacen referencia a los colores primarios utilizados en la mezcla y los otros tres son