Unidad 5. 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. Pulsa el botón CSS Designer, se abrirá el panel Diseñador de CSS.
  7. Pulsa el botón Agregar origen CSS del subpanel Fuentes, del menú emergente pulsa Definir en página.
  8. En el subpanel Selectores pulsa el botón Añadir selector y en el nombre del selector escribe .info
  9. En el subpanel Propiedades pulsa el icono Texto y en la propiedad color escribe #678090.
  10. Selecciona el texto Tiempo de reparación.
  11. En el Inspector de propiedades CSS, en el desplegable Regla de destino elige info.
  12. Selecciona el texto Tiempo de cocción, y repite el paso anterior.
  13. Haz doble clic sobre Ingredientes para seleccionar el texto.
  14. Pulsa el botón CSS Designer, se abrirá el panel Diseñador de CSS.
  15. Pulsa el botón CSS Designer del Inspector de Propiedades y selecciona <style> del subpanel Fuentes.
  16. En el subpanel Selectores pulsa el botón Añadir selector y en el nombre del selector escribe .instrucciones
  17. En el subpanel Propiedades pulsa el icono Texto y en la propiedad Font-weight, selecciona bold.
  18. En Color introduce #678090.
  19. Haz doble clic sobre Preparación para seleccionar el texto.
  20. En el Inspector de propiedades CSS, en el desplegable Regla de destino elige instrucciones.
  21. 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í.
Marzo-2015
Volver






Página inicial  Cursos Informática Gratuitos

Síguenos en:   Facebook ,    G+            Sobre aulaClic            Política de Cookies


© aulaClic S.L. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.