En esta práctica aprenderemos a utilizar estilos CSS para cambiar el aspecto de una página HTML básica. Comenzaremos con una página sin ningún estilo y le aplicaremos un estilo predeterminado llamado "final.css". Después, haremos nuestras propias modificaciones a este estilo para crear uno personalizado llamado "estilo1.css". Por último, alojaremos la página en un servidor y agregaremos un enlace al final del artículo para que puedas acceder a ella.
Durante la primera parte de la práctica, creamos un archivo llamado "pruebapagina.html" en el Bloc de notas y utilizamos el código básico proporcionado en las instrucciones. Como se puede ver en la captura de pantalla, la página aparece sin ningún estilo y de manera desordenada.
Como siguiente paso, accedemos al archivo en el Bloc de notas llamado "final.css". En este archivo, copiaremos y pegaremos el código proporcionado en la segunda parte de las instrucciones para aplicar un estilo a la página. Si observamos la página después de aplicar este estilo, podemos notar que los menús aparecen en recuadros de color gris y negro.
Claro, para concluir esta sección de la práctica, hicimos algunos cambios en el archivo "final.css", como modificar la tipografía y los colores de algunos textos y recuadros. Luego, guardamos estos cambios en un nuevo archivo llamado "estilo1.css". En el archivo HTML, actualizamos la referencia a "final.css" por "estilo1.css", lo que resultó en una apariencia modificada de la página, como se puede ver en la captura de pantalla. En resumen, a través de la creación de un nuevo archivo de estilo, pudimos personalizar aún más la apariencia de nuestra página web.
Finalmente, alojamos nuestros archivos HTML y CSS en un servidor web gratuito utilizando Webhost, al que podemos acceder usando este enlace.
Comentarios
Publicar un comentario