Ejercicio paso a paso. Unidad 4. Crear estilo de Clase


Objetivo.

 

Practicar las operaciones necesarias para crear un estilo de clase y aplicarlo a un párrafo.

 

1 Si no tienes abierto Dreamweaver, ábrelo para realizar el ejercicio.

2 Si no aparece el panel Archivos, ábrelo a través del menú Ventana, opción Archivos..

3 Selecciona el sitio Animales en el panel Archivos.

4 Haz doble clic sobre el documento gatos.htm, que aparece en el panel Archivos.

Se abrirá el documento en Dreamweaver.

5 Selecciona la palabra gatos, que aparece al comienzo del documento.

En el Panel Propiedades introduce los siguientes cambios.

6 En Color escribe #663300.

7 Haz clic sobre el botón Negrita .

8 Haz clic sobre el botón Cursiva .

9 En Formato elige Encabezado 1.

Como la página no tiene ningún estilo definido se crea el primer estilo de la siguiente forma:

10 En Estilo elige Administrar Estilos...

11 En el cuadro de diálogo Editar Hoja de Estilos que aparece, haz clic en el botón Nuevo.

12 En la ventana que aparece, escribe TituloAnimales en Nombre:.

13 Selecciona la opción Sólo este documento de la opción Definir en:

14 Haz clic en Aceptar.

15 Haz clic en Aceptar. No vamos a modificar las propiedades del estilo.

16 Haz clic en Listo.

Cuando la página ya tiene un estilo definido, definir un nuevo estilo es más sencillo:

17 Selecciona la frase Pulsa sobre la imagen para ver el gato de la semana, que aparece debajo de la imagen.

En el Panel Propiedades introduce los siguientes cambios.

18 En Color elige el color que más te guste.

Verás que en el cuadro Estilo: aparece el nombre Estilo1.

19 Despliega la lista del cuadro Estilo y elige Cambiar nombre...

20 En la ventana que aparece, escribe Nota como el nuevo nombre y Aceptar.

Si quieres comprobar que se ha agregado el nuevo estilo:

21 Selecciona en el menú Texto, la opción Estilos CSS, verás que aparece el nuevo estilo Notas.

Para restablecer la frase sin el estilo Notas:

22 Selecciona la frase Pulsa sobre la imagen para ver el gato de la semana.

23 Despliega la lista del cuadro Estilo y elige Ninguna

La frase habrá vuelto a su color original.

24 Haz clic sobre el botón Guardar de la barra de herramientas.

  Índice del curso  
Aviso legal: Uso off-line autorizado a alumnos de aulaClic exclusivamente. No está permitido utilizar estos cursos en empresas, academias o centros de enseñanza privados.
© aulaClic S.L. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.
Abril 2004.