SESIÓN 3. CSS

 

Página web con CSS en WebHost

En la práctica de hoy hemos creado una página web para poner en práctica lo que hemos aprendido de CSS. 

- La página principal solo con el lenguaje HTML sin ninguna decoración con CSS se veía de la siguiente manera:

- Y con su CSS ya incluido quedaría de la siguiente manera:

Para personalizar esta página a nivel del HTML he hecho las siguientes modificaciones:

1. Hemos cambiado el título, Página web de aprendizaje
2. Modificamos los apartados del menú de la barra y les añadimos enlaces
3. Cambiamos los contenidos
4. Cambiamos el texto del menú de la derecha

Por otro lado, para personalizar esta página a nivel del CSS y aspecto he cambiado lo siguiente:

1. En el body, font family cambié la fuente de la letra
2. He modificado los colores del título de la web, al igual que su tamaño de letra y alineación
3. k
4. Los colores del texto y de los menús, tanto la barra como el menú flotante de la derecha los cambié para que estuvieran todos con la misma paleta de colores 
5. El bloque del menú de la derecha lo he separado del menú de barra, y le he ampliado los márgenes y bordes.
6. He modificado también el bloque del pie de página de sistemas de comunicación multimedia para que no cortase el texto, y añadirle una imagen.

De tal forma que la solución final y la página web queda de la siguiente forma:

Si quieres comprobar la página web y su funcionamiento, clica en el siguiente enlace:

Página en la WebHost