Siguiendo el ejemplo de mi colega y amigo Mak que hoy en su blog se curro un buen artículo sobre lo que son y para qué sirven los feeds, he decidido contribuir en la creación y mejora de una buena blogocosa dominicana con un pequeño (y espero que ilustrativo) artículo sobre CSS.
Las hojas de estilo en cascada (Cascading Style Sheets, CSS) para que nos entendamos son un conjunto de lineas de código en las que definimos el estilo y aspecto de los distintos elementos HTML de una página web. Por ejemplo, podemos definir el color que tendrán las palabras que escribamos, el tamaño de la letra, el color de la misma, el color o imagen de fondo,...
Al principio se incrustaba este tipo de informacion en las etiquetas HTML, pero este diseño resultaba en un código ininteligible en el que si uno después quería hacer una pequeña modificación debía casi casi volver a reescribir la página entera.
En la actualidad se considera que una página está bien estructurada si separa totalmente lo que es por una parte codificación HTML (el contenido) de la codifiacion CSS (el aspecto). Se considera una página de calidad aquella que presenta sus contenidos de una manera estructurada, bella a la vista, y sobretodo usable. Podéis ver muchos ejemplos de páginas excelentes en su diseño y concepción aquí. Un claro ejemplo de un MAL DISE?O sería el de http://www.asesoria-legal-ya.com, entrad y os daréis cuenta de por qué lo digo. Podéis observar una intersante valoración de esa misma página aquí.
Una misma página puede tener distintas hojas de estilos a la vez, de tal modo que distintos usuarios puedan ver la misma página (mismo contenido), pero con diferente aspecto. Esto que ahora mismo a alguno os pueda sorprender ya lo habéis utilizado sin daros cuenta. Muchos de los bloggers dominicanos utilizais blogger. En el área de configuración de vuestro blog los "templates" no son más que una forma de decirle a blogger qué hoja de estilos queréis que sea utilizada en vuestro blog. Afortunadamente, la mayoría de vosotros nunca vais a tener que trabajar directamente con el código CSS, porque para eso blogger os lo pone muy fácil, sin embargo esa simplicidad conlleva que estéis limitados a las "plantillas" o "templates" que ellos os ofrecen. Si quisiérais personalizar vuestra web (posibilidad que blogger tambien os ofrece) no os quedaría otro remedio que editar vuestra hoja de estilos, pero si no estudiáis un poco sobre el tema no vais a saber por donde empezar.
Los que entren hoy en este blog podrán comprobar que hoy he cambiado ligeramente mi hoja de estilos. Simplemente he retocado los colores utilizados en algunos lugares, espero que os gusten.
Si algún curioso quiere ver el aspecto de una hoja de estilos podéis ver la mía haciendo click aquí.
Para más información:
- Definición según Wikipedia: Hojas de estilo.
- Definición de W3C:Cascade Style Sheets
- Un tutorial para los más osados: Tutorial de CSS
Hey Mak,
Pásate por BLOG'n'ROLL, el chico está haciendo muy buena labor tambien en este campo...
Otro artículo que es bien digno de aprovechar para los internautas locales... Y tu forma sencilla de explicar ayuda bastante... Ya puse ahora mismo una actualización reiterando a los bloggers a que se ilustren igualmente por estos lados...
Un saludo enorme!