Retoques de última hora

Tras las importantes novedades que incluían las dos entradas anteriores, ahora es momento de pulir algunos detalles del diseño de cara a la entrega final. Veámoslos uno por uno:

• Un detalle que no me acababa de convencer y que dificultaba la navegación era que al pasar el ratón por los enlaces no se producía ningún efecto en el texto que permitiese distinguirlos claramente. Modificando la propiedad 'hover' de CSS, cuando ahora pasamos el ratón por algún enlace, el texto cambia de color y además se subraya.

Así se muestra el enlace al pasar el ratón

• En aquellos enlaces que redirigen a páginas externas, se ha modificado el valor del atributo html 'target' a '_blank' con lo que al clicar en ellos, se abren en una nueva pestaña o ventana.
• La barra de navegación ha visto alargada su longitud para que ésta se iguale a la del slideshow y la del div de contenido, aumentando así la uniformidad de la web.
• Para homogeneizar los contenidos, la tipografía empleada en la web es la misma para todo el texto, salvo la utilizada en la creación del logo.
• Siguiendo los razonamientos que hicimos en la entrada anterior Paletas de colores, me he dado cuenta que el color blanco predominaba demasiado y por ello, los títulos de las noticias que aparecen en el slideshow y en el div de contenidos son ahora de color naranja y además, se les ha añadido una sombra (atributo css 'text-shadow'). Los bordes que rodean las imágenes y las líneas que separan el texto también han cambiado su color. Por último, y para dotar a la web de una identidad reconocible, al lado de cada título se ha colocado un icono similar al del logo de la web.

Aquí apreciamos todos los cambios

Todos estos pequeños cambios contribuyen a perfeccionar el trabajo realizado y a dotar al diseño de la web de más solidez. En breve subiré una entrada con la que poner punto y final al proyecto y que servirá de resumen de todo lo que se ha llevado a cabo en él.

Edito: Tras realizar varias comprobaciones, me he dado cuenta de que el hecho de haber utilizado varios css, hace que al conmutar los estilos algunas propiedades presentes en esos otros css importados no varíen. No es que el código del conmutador sea incorrecto ni que no realice su función adecuadamente, sino que debería haber combinado esos css en uno sólo para que al cambiar el estilo, cambiase todo. Aún habiendo detectado el fallo y siendo sencillo de solucionar, resulta algo trabajoso y la falta de tiempo debido a los exámenes lo hace imposible. Sin embargo, en próximas revisiones de la web (más allá de esta asignatura), se solucionará el problema.