Unidad 4. Ejercicio: Crear y aplicar una clase

Objetivo

Practicar las operaciones necesarias para crear un estilo de clase y estilos para etiquetas.

Ejercicio

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 Cocina en el panel Archivos.
4. Haz doble clic sobre el documento postresemana.htm, que aparece en el panel Archivos.
   
   Se abrirá el documento en Dreamweaver.
5. Haz doble clic sobre la palabra Comensales para seleccionar la palabra completa.
6. En el Inspector de propiedades CSS, pulsa el icono para poner el texto en cursiva.
7. Se abrirá la ventana Nueva regla CSS. En Tipo de selector asegúrate de que está elegido Clase.
8. En Nombre de selector, escribe info, y en Definición de regla deja Sólo este documento.
9. Pulsa Aceptar.
10. En el selector de color, escribe #678090.
11. Selecciona el texto Tiempo de reparación.
12. En el Inspector de propiedades CSS, en el desplegable Regla de destino elige info.
13. Selecciona el texto Tiempo de cocción, y repite el paso anterior.
14. Haz doble clic sobre Ingredientes para seleccionar el texto.
15. En el Inspector de propiedades CSS, pulsa el botón Editar regla.
16. Se abrirá la ventana Nueva regla CSS. En Tipo de selector elige Clase. En Nombre de selector, escribe instrucciones.
17. Pulsa Aceptar.
18. En la categoría Tipo, en Font-weight, selecciona bold.
19. En Color introduce #678090.
20. Pulsa Aceptar.
21. Haz doble clic sobre Preparación para seleccionar el texto.
22. En el Inspector de propiedades CSS, en el desplegable Regla de destino elige instrucciones.
23. Haz clic sobre el botón Guardar de la barra de herramientas o pulsa Ctrl + S para guardar los cambios.

El aspecto de la página postresemana.htm, con los cambios que hemos realizado hasta este ejercicio es el que puedes ver aquí.

 Cursos Informática Gratuitos