Unidad 4. Crear y aplicar una clase
Objetivo
Practicar
las operaciones necesarias para crear un estilo de clase y estilos para etiquetas.
Ejercicio
- Si no tienes abierto Dreamweaver,
ábrelo para realizar el ejercicio.
- Si no aparece el panel Archivos,
ábrelo a través del menú Ventana,
opción Archivos.
- Selecciona el sitio Cocina en el panel Archivos.
- Haz doble clic sobre el documento postresemana.htm, que aparece en el panel Archivos.
Se abrirá el documento en Dreamweaver.
- Haz doble clic sobre la palabra Comensales para seleccionar la palabra completa.
- En el Inspector de propiedades CSS, pulsa el icono para poner el texto en cursiva.
- Se abrirá la ventana Nueva regla CSS. En Tipo de selector asegúrate de que está elegido Clase.
- En Nombre de selector, escribe info, y en Definición de regla deja Sólo este documento.
- Pulsa Aceptar.
- En el selector de color, escribe #678090.
- Selecciona el texto Tiempo de reparación.
- En el Inspector de propiedades CSS, en el desplegable Regla de destino elige info.
- Selecciona el texto Tiempo de cocción, y repite el paso anterior.
- Haz doble clic sobre Ingredientes para seleccionar el texto.
- En el Inspector de propiedades CSS, pulsa el botón Editar regla.
- Se abrirá la ventana Nueva regla CSS. En Tipo de selector elige Clase. En Nombre de selector, escribe instrucciones.
- Pulsa Aceptar.
- En la categoría Tipo, en Font-weight, selecciona bold.
- En Color introduce #678090.
- Pulsa Aceptar.
- Haz doble clic sobre Preparación para seleccionar el texto.
- En el Inspector de propiedades CSS, en el desplegable Regla de destino elige instrucciones.
- 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