Página Inicial E-AULA : E-Learning ideal para colegios, enseñanza superior y empresas
Ud. está en : Página Inicial Artículo : Hojas de Estilo o CSS Página Inicial Contacto Preguntas Frecuentes Mapa del Sitio
Artículos y Blog

Blog - Opiniones

Hojas Estilo / CSS - 15/05/2005

Patricio Bustamante Miranda

"Las hojas de estilo han convertido en realidad deseos de los diseñadores de páginas Web".

Es verdad, pero para la mayoría de los diseñadores es bastante complejo la utilización de los estilos, pues para ello deben dar un paso mas allá del solo hecho de utilizar un editor o generador de código html, para armar una página, sino que deben poder identificar las etiquetas HTML que estos generan, y saber como aplicar el estilo, y aun mas importante, saber desarrollar una estructura eficiente de hoja de estilo.. 

 

"El hecho de separar estructura y apariencia es muy positivo y facilitará en gran medida el mantenimiento de sitios Web".

La mantención mencionada es relativa, la edición de un nuevo estilo o mejor dicho temas ( templates ) para sitios de gran funcionalidad, es bastante complicado. He modificado estilos o temas para aplicaciones como el Sistema de Portales Phpnuke y Coppermine Photo Gallery , lo cual no es algo trivial. Pues, primero debes saber los nombres de los estilos que se crearon, luego determinar en que partes de la aplicación influyen y posteriormente modificarlos teniendo en cuenta la tabla de colores hexadecimales o los nombres en inglés si quieres usar la paleta de colores seguros. A demás ten presente que cambiarás formas y colores y la única forma de ver los cambios será refrescando la páginas cada vez que hagas un cambio. A demás un estilo no influye en lo principal que es la funcionalidad y por el contrario quita valioso tiempo que se puede dedicar a la programación o generación de nuevos contenidos, en especial si eres tu mismo el que realiza todo el trabajo.

 

"Una vez enlazada la hoja de estilo a las páginas, cualquier cambio a la hoja se aplicará a todos los documentos enlazados a ella".

Es la pura verdad, pero por ello mismo debes tener cuidado, pues si utilizaste un estilo para un texto determinado y luego en otra página utilizas el mismo pero el fondo de la página es diferente, y procedes a cambiarlo para que se vea bien en esta última, podría suceder que no sea vea muy bien en la primera. Es decir hay que ser bastante ordenado para nombrar y utlizar las clases de estilo que se creen.
Si no tienes cuidado podrías perjudicar la visualización de tu sitio.

 

Recomendaciones :

Por tanto los invito a trabajar con las hojas de estilo, y según mi experiencia les puedo recomendar :

Utilizar estilo aplicando tamaño en píxel en textos como los que van en los menú. Pues generalmente necesitaremos que los texto de las opciones no se vean afectados por los cambios en el tamaño de texto que permite establecer el navegador, y no deformen nuestro menú.

Indudablemente, utilizarlos sobre links, que se encuentren dentro de tablas o páginas con fondos de colores, para facilitar su visualización.

Si bien es cierto lo normal es que un link este subrayado, en lo personal, los links obvios como los de los menús, suelo generar un estilo que elimine el subrayado, pues generalmente el texto que aplico es más pequeño y compenso la legibilidad eliminado el subrayado.

Lo encuentro bastante útil para aplicar imágenes y colores de fondo a tablas, celdas, layers y fondos de páginas.

La maquetación mediante hojas de estilo es prácticamente todo un mundo, y  puede hacer pasar algunos dolores de cabeza especialmente si quieres que sea vea igual en todo los navegadores.  Una combinación de maquetación de tablas con CSS, creo que no perjudica demasiado a menos que definitivamente quieras armar un sitio 100% accesible.

 

Si tienes tiempo de sobra, sin duda que trabajar con estilos es un buen pasatiempo. No quiero dar a entender que estoy en desacuerdo con el uso de estilos, sino que hay que ser aterrizados, y no se le puede exigir ni siquiera a un diseñador con conocimientos en el armado de páginas web, que utilice estilos, pues para usar estilos hay que ser mas programador que diseñador, ya que como mencioné, hay que dominar las etiquetas del lenguaje HTML.

Todos los casos aquí mencionados son ejemplos claros que me ha tocado experimentar, y 100% fundamentados.

Nota :
Pude probar la nueva versión de dreamweaver MX 2004, y vaya que le facilitará el problema de generar páginas que cumplan los estándares de la W3, pues incorpora un sistema de fácil uso para la generación de estilos ( CSS ). Obviamente al ser generados por el programa, pierde uno un poco el control de la creación de los estilos, pero claro, el programa no hace magia.

 
INICIO  ::  SOBRE ...  ::  CÓMO USAR  ::  PLANES  ::  REGÍSTRESE   ::  CONTACTO
| Contacto - Fono - Mail | Condiciones de Uso |
Última actualización del sitio Febrero 2006
Mhz Hosting Chile Ltda.