Sesión Práctica 3 CSS

Resultado de la sesión práctica 3: CSS

En la práctica 3 de CSS hemos aprendido a separar el contenido de la web de su presentación utilizando hojas de estilos en cascada (CSS). Esto nos ha permitido crear páginas más limpias, fáciles de mantener y con un aspecto mucho más profesional.

El resultado final es una web con una estructura clara: cabecera, menú de navegación, zona de contenido principal y barra lateral. Gracias a CSS, hemos podido:

• Definir fondos y colores para cada zona de la página, mejorando la legibilidad y el atractivo visual.
• Aplicar bordes redondeados, sombras y márgenes para dar un aspecto moderno a los bloques.
• Organizar el contenido en dos columnas (contenido principal y barra lateral) usando propiedades como float y width.
• Personalizar el menú de navegación con estilos para los enlaces, incluyendo efectos al pasar el ratón (:hover).
• Utilizar selectores de clase e id para aplicar estilos específicos a distintos elementos.
• Incluir una imagen de fondo y controlar su posición y repetición con background-image, background-size y background-repeat.

Además, hemos visto cómo:

• Crear reglas CSS internas (dentro de la etiqueta <style>) y externas (en archivos .css).
• Utilizar pseudoclases como :hover para mejorar la interacción del usuario.
• Comprobar que nuestra web cumple los estándares W3C para asegurar compatibilidad y buenas prácticas.

En resumen, la práctica ha servido para dominar los conceptos básicos de CSS y aplicarlos en la maquetación de una página web real, logrando un diseño atractivo y funcional.