Listado completo

Clase 11 - Prácticas con bloques III

El principio de la clase lo vamos a destinar a comprobar el crows-browsing del ejercicio 10. Haremos que se vea bien en IE8, para hacer esto le añadiremos al html este script de google en el head:

<!--[if lte IE 8]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->

Para empezar la segunda parte del ejercicio10 nos descargaremos aquí la estructura del ejercicio. Una vez descomprimido copiaremos su contenido dentro de nuestra carpeta de ejercicio10 en el apache (hacedlo desde eclipse). Esto nos pedirá sobreescribir dos archivos (dos imagenes) le decimos que aceptar.

¡OJO!, para este ejercicio hay que tener en cuenta varias cosas:

  • 1. El html del menú nav ha cambiado, (ahora lleva enlaces)
  • 2. Los htmls van preparados para que no debais cambiar nada de ellos, solo hay que tocar archivos CSS
  • 3. Cuando se pasa por encima de un enlace del menú cambia el color de fondo de la opción
  • 4. En la nueva página de contacto, la opción del menú contacto está coloreada de naranja por defecto aunque no se pase por ella.
  • La home (el index.html) deberá seguir igual que lo teníamos, lo único que debe cambiar es el menú con las nuevas opciones.
  • 5. Jake y Finn mooooooolan.



Finalmente cambiando/ampliando nuestras CSS todo debe quedar así:




Si no viniste a clase, recuerda que tienes apoyo y ejemplos en la zona CSS del canal de desarrollo web en you tube aquí.

La solución al ejercicio la tenéis resuelta aquí.

Se puede ver el resultado final funcionando completo aquí.