EXPERIMENTANDO CON CSS

En esta pequeña práctica vamos a ver como usar hojas de estilo css para nuestro código html, además del uso de un servidor para alojarlo.

Siguiendo con nuestra dinámica de aprendizaje sobre sistemas de comunicación multimedia, en este pequeño experimento hemos comprobado la utilidad y el uso de las hojas de estilo css.

Estas hojas nos permiten separar el contenido y la estructura de nuestra página con respecto de su formato, es decir, definen el formato y las propiedades de estilo que va a tener nuestro contenido. Esto nos permite trabajar con diferentes estilos en la misma pagina (entre otras cosas).

Veamos un ejemplo practico, tenemos la siguiente pagina creada
pincha aquí, en ella podemos ver que ya he añadido contenido sobre mi blog, pero el formato, colores, tipografía y estilo vienen definidos por el código original. Lo que vamos a hacer a continuación es modificar el estilo a nuestro gusto, pero sin modificar el contenido, es decir, reescribimos la hoja de estilos css.

Empezamos por los colores que buscamos, para modificar este código yo me he ayudado de esta página donde encontramos una tabla de colores con sus códigos. Sencillamente sustituimos los códigos de la pagina original por los que queremos. 
Continuamos con la tipografia, cambiando tanto la familia como su estilo, dependiendo de las partes a destacar, encabezados, menús, etc. Optamos por poner cursivas, bold y una familia diferente.

Después de realizar estos cambios y experimentar un poco, el resultado es el siguiente: Creando el mundo por capas

Conclusión: Las hojas de estilo nos permiten trabajar más rápido y cómodamente, ya que podemos hacer nuestro contenido independientemente del formato que vayamos a usar. Incluso podemos utilizarlas de plantillas si solemos usar formatos iguales.