Curso de HTML dinámico - 3ra entrega Cómo lograr un diseño perfecto con las Hojas de Estilo La aparencia visual de un sitio puede, lisa y llanamente, determinar su éxito o su fracaso. En la tercera entrega del curso HTML dinámico nos metemos de lleno en las "Hojas de Estilo", la herramienta perfecta para organizar el diseño tus páginas. Además, vemos como superponer dos objetos en un mismo documento.
Recurrimos a las llamadas "Hojas de Estilo en Cascada" varias veces a lo largo de las dos primeras lecciones. Dijimos que era un pilar fundamental en el buen manejo del HTML dinámico. Sin embargo nunca explicamos lo importante que son las para el diseño inteligente de una página web con ambiciones profesionales.
Para empezar, resolvamos el tema de la nomenclatura. Por un motivo práctico vamos a llamarlas hojas de estilo, a pesar de que su nombre más popular en inglés sea Cascade Style Sheets o simplemente CSS.
Mientras que el HTM se encarga de la estructura de la página, las Hojas de Estilo permiten ocuparse del diseño.
Para entenderlas, hay que hacer un poco de historia. Todos ustedes saben ya qué es el HTML y cuál es su función. Se trata de instrucciones que le indican al explorador cómo deben leerse los contenidos de un documento HTML. Pero las instrucciones que el HTML puede darle al explorador son limitadas, y en un principio (cuando se desarrolló esta tecnología), estaba pensado para darle estructura al contenido del documento.
Todavía no se hablaba de estilo, ni existían diseñadores empeñados en crear páginas atractivas que seducieran a los usuarios de la Red. Pero cuando empezó a surgir esa necesidad de generar diseños atractivos, se empezó a forzar el uso del HTML y surgieron mil y un trucos para lograr mezclar etiquetas tradicionales con archivos .gif enormes y lograr como resultado atractivas y pesadas páginas que tardaban siglos en ser servidas.
Muchas veces les habrá pasado de trabajar con alguno de los editores HTML más populares y querer ubicar una porción de texto en un lugar determinado de la página, y no poder hacerlo. Enojados, habrán hecho las mil y una (acumulando celdas en tablas supergigantes y confusas, ubicando un archivo de imagen invisible para que ocupe un espacio deseado) para tratar de salirse con la suya.
Si son hábiles seguramente habrán logrado ubicar lo que querían donde querían, pero seguramente cargaron la página de líneas enteras de código (y ni hablar de los archivos de imagen) que después dificultarían el proceso de descarga de cada una de las páginas.
Las hojas de estilo, que surgieron en 1996, proponen dejar de pelear con el HTML, ya que no está pensado para diseñar páginas, sino para estructurarlas. Para el diseño están ellas.
HTML: estructura del documento. Hojas de estilo: diseño visual del documento.
Al Cesar lo que es del Cesar...
De esta manera, el HTML podía dejar de ser forzado y volver a su función natural. Las hojas de estilo llegaron a la Web y prometieron a los diseñadores tener un control mucho más preciso sobre el despliegue de los objetos, colores, fondos, efectos tipográficos y mucho más. También había ventajas en cuanto al mantenimiento del sitio.
Los webmasters ya no deberían hacer los cambios de estilo uno por uno en cada página del sitio, sino que modificarían la página de estilo necesaria, y la aplicarían a cuantas páginas quisieran. Como si todo esto fuera poco: los documentos serían mucho más livianos (ya no hacía falta incluír gigantes archivos gif para lograr el diseño deseado), lo que aceleraba la velocidad de descarga desde el servidor. Una auténtica joyita.
Descargá tus programas preferidos
Más secciones, nuevo diseño y mucho más.
Tutoriales para construir sitios web.
Backstages, personajes, imágenes y wallpapers.
)
Partes de esta nota
Noticias
relacionadas 