Aprender Dreamweaver CS4 con 100 ejercicios prácticos. MEDIAactiveЧитать онлайн книгу.
verdes.En el cuadro Administrar sitios se listan todos los sitios creados hasta el momento.
4 En el cuadro de diálogo Definición del sitio para elemental active la ficha Avanzadas.
5 Los datos locales configurados en el asistente se muestran completados. Pulse el icono situado a la derecha del campo Carpeta predeterminada de imágenes.
6 Haga clic en el botón Escritorio del panel de accesos directos, abra la carpeta elemental con un doble clic sobre su icono y pulse el botón Nueva carpeta.
7 Escriba la palabra imágenes y pulse dos veces la tecla Retorno.
8 Una vez creada la carpeta que contendrá las imágenes del sitio elemental, pulse el botón Seleccionar. Después, pulse el botón Aceptar y, en el cuadro Administrar sitios, el botón Listo.
9 El panel Archivos se actualiza, pasando a mostrar el contenido del sitio elemental, una vez modificado. Haga clic en el icono de opciones del panel Archivos, abra el submenú Archivo y elija la opción Nuevo archivo.
10 Aparece un nuevo documento que usaremos como página inicial del sitio, la primera que se cargará en el navegador. Escriba la expresión index.htm y pulse Retorno.
11 Pulse con el botón derecho del ratón sobre el icono de la carpeta raíz del sitio elemental y elija la opción Nueva carpeta.
12 Cree una carpeta para los documentos dependientes de la página principal: escriba la palabra documentos y pulse Retorno.
13 De momento, incluiremos una página en blanco en esta nueva carpeta. Haga clic con el botón derecho del ratón en el icono de la carpeta documentos y seleccione la opción Nuevo archivo.
14 Escriba la expresión texto.htm como nombre del nuevo documento y pulse la tecla Retorno.
15 Ábralo con un doble clic y, para finalizar el ejercicio, abra el menú Archivo y seleccione el comando Cerrar todos.
| 010 | Aplicar un fondo |
ENTRE LOS ASPECTOS CONFIGURABLES mediante etiquetas se encuentran el color de fondo, el título y la codificación de las páginas. Estas propiedades se incluyen automáticamente en la cabecera de la página durante la generación de los documentos y pueden ser modificadas desde el cuadro Propiedades de la página.
IMPORTANTE
Como novedad en CS4, el panel Propiedades permite crear nuevas reglas CSS obteniendo, como asistencia, sencillas explicaciones acerca del lugar que corresponde a las propiedades en la cascada de estilos y sin necesidad de escribir código.
1 En este ejercicio aprenderemos a definir las propiedades de las páginas web. En el panel Archivos, haga doble clic en el icono de la página index.htm.
2 Haga clic en el botón Propiedades de la página del Inspector de propiedades.
3 Como aún no hemos trabajado con los estilos CSS, modificaremos la apariencia de la página HTML. Haga clic en la opción Apariencia HTML del panel de la izquierda.
4 El color de fondo de la página es una de las propiedades definidas mediante etiquetas HTML. Pulse en la punta de flecha del cuadro de color de la opción Fondo.
5 En Dreamweaver, muchos de los cuadros de diálogo contienen un cuadro que da paso a una paleta emergente. Elija la penúltima muestra de la última columna de la paleta, por ejemplo.
6 Haga clic en la opción Título/Codificación para acceder al contenido de esta categoría.
7 El título de una página queda definido mediante una etiqueta HTML de la cabecera. Pero, como sabe, no es necesario cambiar directamente la etiqueta desde la vista Código para variar el título que el programa preestablece para la página. En el campo Título escriba la palabra principal y pulse Aceptar.
8 En el panel Archivos, haga doble clic sobre el icono de la página texto.htm para abrirla.
9 Para armonizar el fondo con el del documento index.htm, acceda de nuevo al cuadro de diálogo Propiedades de la página pulsando en ese botón del Inspector de propiedades.
10 Seleccione la categoría Apariencia HTML
11 Haga clic en la opción Título/Codificación para acceder al contenido de esta categoría, en el campo Título, escriba la palabra secundaria y pulse el botón Aceptar.
12 El título y el color de fondo se aplican correctamente. En el próximo ejercicio veremos cómo aplicar una imagen como fondo de la página. Para acabar éste, guardaremos simultáneamente los cambios realizados en los documentos index.htm y texto.htm. En la barra de herramientas Estándar, pulse sobre el comando Guardar todo, que muestra la imagen de dos disquetes.
IMPORTANTE
Los estilos CSS permiten definir gran número de aspectos. Así el cuadro de diálogo Propiedades de la página presenta una categoría específica para la definición del aspecto de los enlaces y otra que permite la definición del formato que deben presentar los encabezados de la página.
| 011 | Aplicar una imagen de fondo |
DREAMWEAVER PERMITE USAR IMÁGENES como fondo de las páginas. Al insertar una imagen en un documento, el programa genera automáticamente una referencia al archivo en el código HTML. Para asegurarse de que esta referencia es correcta, el archivo de imagen deberá estar en el sitio actual. Si ha seleccionado una carpeta como