2º sesión práctica

Hojas de estilos CSS

CSS (Cascading Style Sheets o Hojas en estilo cascada en español), es un lenguaje de diseño gráfico para definir y crear la presentación de un documento estructurado escrito en un lenguaje de marcado. Es muy usado para establecer el diseño visual de los documentos web, e interfaces de usuario escritas en HTML o XHTML.

CSS está diseñado principalmente para marcar la separación del contenido del documento y la forma de presentación de este, características tales como las capas o layouts, los colores y las fuentes. Esta separación busca mejorar la accesibilidad del documento, proveer más flexibilidad y control en la especificación de características presentacionales, permitir que varios documentos HTML compartan un mismo estilo usando una sola hoja de estilos separada en un archivo .css, y reducir la complejidad y la repetición de código en la estructura del documento.

Ahora que sabemos qué es CSS, pasaré a explicar la práctica que hemos llevado acabo.
Se nos facilitó dos códigos para poner en dos archivos, uno en CSS y otro en HTML, de manera que teníamos que hacer cambios en los códigos para hacer nuestra propia página.

A continuación imagen de cómo venía el código por defecto para hacer la página:

Página por defecto

Ahora la siguiente imagen representa los cambios que hice en ella.

Página cambiada

He intentado llevar a cabo cambios aplicando un poco todo lo que hemos aprendido. Desde cambios de color (en el encabezado y footer), cambios en la alineación (el título), cambios de posición del menú lateral a la izquierda y cuerpo de la página, cambio de grosor de algunos paneles (el footer por ejemplo) y, por último, he puesto en los accesos directos (debajo del título) un enlace a este blog.

Separador

Hosting

Además de lo anterior, teníamos que subir los dos archivos a un hosting gratuito para enlazar nuestra página web al blog, pero.... ¿Qué es un hosting?
Hosting en español significa alojamiento, es decir, el espacio donde se hospeda alguien o coloca algo. En este caso, como estamos hablando de hosting web, sería el espacio donde se aloja un sitio web para que sea «visible» en Internet por todo el que quiera.

El hosting que se ha utilizado para esta práctica es 000Webhost.

Por lo que lo último que falta para terminar la práctica es poner el enlace de mi página web en mi blog. Para ello creé un gadget en la zona del menú lateral de mi perfil, ahí abajo del todo encontrareís un enlace a la página.

flecha pagina web