Actividades​Actividad

Selectores1)   Abre en dreamweaver  la página quijot1.html.

  1. Crea una regla interna para que los párrafos se presenten en color azul marino.
  2. Cierra el editor CSS y comprueba el resultado.
  3. Aprovecha la visualización para hacer que el texto Primera Parte se convierta en un título de tipo h1 y el título del Capítulo 1 en un h2.
  4. Mira en la pestaña Código fuente cómo se ha definido la regla para los párrafos.
  5. Vuelve al editor de estilos y haz que el párrafo esté justificado y con letra de la familia sans-serif (tendrás que hacer doble clic sobre la hoja de estilo para que se desplieguen los selectores y poder elegir el que hemos creado ).
  6. Crea una regla para que los títulos h1 se presenten en fuente sans-serif y color granate y otra para que los h2 sean también sans-serif pero en color gris de intensidad media.
  7. Comprueba en la pestaña Código fuente cómo han quedado definidos los estilos
  8. Guarda el trabajo como selectores1.html.

 

Selectores2) Vuelve al archivo selectores1.html que recoge los últimos pasos que hemos dado.

  1. Crea una regla que agrupe h1 y h2 para especificar que deben llevar el tipo de letra de la familia sans-serif.
  2. Borra este atributo en cada una de las reglas individuales para h1 y h2
  3. Comprueba que ambos títulos siguen presentándose con la fuente que hemos seleccionado.
  4. Guarda este nuevo paso como slectores2.html.

 

Selectores3)     Abre en Dreamweaver el archivo licenciacc.html

  1. Crea una hoja de estilos externa y una regla para que todas los términos enfatizados con <em> aparezcan en color azul .
  2. Crea otra regla para que los elementos <em> que se encuentren dentro de un item de una lista se muestren en negrita.
  3. ¿Te animas a crear una regla para que los elementos <em> adyacentes a otro elemento <em> se muestren de color rojo
  4. Guarda el trabajo como selectores3.html

Selectores4)  Abre el archivo selectoresporatributo.html

  1. Crear una hoja de estilo con una regla para que todos los elementos que incluyan el atributo face en la etiqueta font se muestren en negrita.
  2. Añade una regla para que aquellos elementos que tengan el valor Courier como atributo único de face se muestren en itálica.
  3. Por fin una tercera regla que haga que los que tengan, entre otros, el valor serif en el atributo face se muestren en color verde.
  4. Comprueba visualmente los resultados en distintos navegadores. Guarda con selectores4.html

 

Documento quijote1.html

Mostrar / Ocultar