Práctica 3. CSS

 

Sesión Práctica CSS

Autora: Lucía Iglesias Cabeza

En esta práctica usaremos los estilos CSS para modificar una pagina básica HTML. Empezaremos con una página web sin estilo, le pondremos un estilo dado, que se llama final.css, y terminaremos cambiando este estilo para personalizarlo y convertirlo en estilo1.css. Finalmente alojaremos nuestra página web en un servidor para poner un link al final de esta entrada.

Captura 1: Página sin estilo CSS

En esta primera fase de la práctica, hemos creado en el bloc de notas un archivo llamado pruebapagina.html con el código básico que se nos proporciona en el enunciado de la práctica. Como podemos observar en la captura, nos sale sin estilo y desordenado. 

Captura 2: Página con estilo final.css

Como segundo paso, crearemos otro archivo en el bloc de notas que se llame final.css. En este archivo pegaremos el código proporcionado en la segunda parte del enunciado para aplicar el estilo. 

Como podemos observar, los menús aparecen en recuadros del color gris y negro.

Captura 3: Página con estilo personalizado estilo1.css

Para finalizar con esta parte, partiendo del archivo final.css, hemos cambiado la tipografía, los colores tanto de algún texto como de los recuadros y hemos hecho un nuevo archivo que e llama estilo1.css.

Hemos cambiaado en el archivo html final.css por estilo1.css y así obtenemos el resultado que se muestra en la captura 3.

Finalmente hemos subido nuestros archivos HTML y CSS a un servidor gratuito de Webhost. Mediante este enlace se puede acceder a la página web que hemos creado.