 |
17-05-2004
Qué son, y algunos editores
Hojas de estilo, la apariencia de tu weblog bajo control
Si el HTML se ocupa de estructurar la información incluida en una página web, las hojas de estilo son las encargadas de dar coherencia al aspecto visual de la misma. Si piensas que tu weblog puede mejorar de cara, quizá sea el momento de adentrarte en el mundo de las CSS.
Posibilidades del CSS
|
Las hojas de estilo o CSS (Cascading Style Sheets) son una tecnología que se utiliza para controlar el aspecto visual de una página web. Si el HTML nació por la necesidad de representar información en cualquier idioma, país u ordenador, las CSS lo potencian, centralizando todo el código referente al aspecto visual.
La tecnología de las hojas de estilo se materializa en unos archivos con extensión CSS a los que llama el documento HTML y que los utiliza para dar formato al texto, establecer la distribución de imágenes, posicionamiento, tamaño de elementos, etc.
Se podría decir que CSS es un mini lenguaje de programación, orientado a definir exclusivamente aspectos estéticos. Con el propio HTML se podría conseguir lo mismo, pero el proceso de creación y mantenimiento sería mucho más tedioso y complejo.
 |
|
|
 |
| |
Para muestra, un ejemplo
La mejor forma de entender qué es eso de las hojas de estilo es con un ejemplo. Si dispones de una página en la que quieres resaltar ciertas palabras en negrita o en otro color, con HTML podrías conseguir este acabado. ¿Qué pasaría si finalmente decidieras cambiar el color de esas palabras? Pues que tendrías que ir localizando todos los lugares en los que has introducido el código para cambiarlo.
Si ese cambio de formato hubiera estado contemplado en una hoja de estilo, solamente habría que haber cambiado el código referente a todo el color en un sólo sitio, para contemplar los cambios de forma global.
|
|
|
 |
|
|
|
En los tiempos en los que comenzaba a implantarse el CSS como estándar, sólo algunos navegadores eran compatibles con él, pero hoy en día, la mayoría asumen las especificaciones aportadas por el W3C (World Wide Web Consortium), organismo de estándares de la web.
TopStyle
|
CSS y los weblogs
Con la explosión de los weblogs, la tecnología CSS se ha hecho popular. Y esto es debido a que muchos servicios de alojamiento y creación de weblogs sólo permiten personalizar el aspecto de sus plantillas mediante la edición de los archivos CSS.
De forma paralela han surgido herramientas que permiten editar de forma muy cómoda y precisa estos documentos. Entre las más destacadas se encuentran TopStyle, Style Studio o Simple CSS.
Los archivos CSS, al igual que el HTML podrían ser editados con el bloc de notas, pero un programa pensado exclusivamente para este fin facilita mucho las cosas. Por ejemplo, TopStyle y otros avisan al creador de la hoja de estilo de los navegadores con los que puede tener problemas de compatibilidad, ofrecen paletas de colores para seleccionar el que más interese con comodidad, etc.
Editando con Simple CSS
|
Todos estos programas facilitan la labor de edición y creación de los CSS, ya que disponen de sencillos formularios donde introducir los valores como negritas, tipo de letra, códigos de colores, etc. sin tener que hacerlo a mano línea a línea. Además si aún así es necesario "tocar" el código, estos programas suelen ofrecer un cómodo editor de texto que colorea la sintaxis de la programación para hacer más sencilla su lectura.
No obstante, hay que reconocer, que aún haciendo más sencilla la tarea, para manejar estas herramientas hay que tener unos conocimientos mínimos del estándar CSS.
La potencia de las hojas de estilo es increíble. Buena prueba de ello se puede encontrar en ZenGarden, donde podrás comprobar todo el potencial que ofrecen las hojas de estilo. Esta web ofrece la posibilidad de seleccionar distintos CSS para que sean aplicados a una misma página. Los resultados son más que sorprendentes.
Terra - Tecnología / Ana Bedia
|
)
)
)
Boletines
Enlaces de interés