Diseño de la última generación usando css
Aunque no es visible al abrir una página, hay dos maneras distintas para desarrollar páginas web:
- Diseño usando tablas
- Diseño usando css
Paginas desarrolladas por las dos maneras pueden aparecer iguales para el visitante, pero técnicamente son muy diferentes y para los buscadores hay una gran diferencia. Aunque no hay reglas fijas en Internet, las normas desde hace algunos años dictan que, las páginas deben ser diseñadas usando css.
Historia
Cuando el Internet recién estaba empezando, era difícil presentar las páginas en la manera que el diseñador quería: el idioma para escribir páginas web, html, no estaba diseñado para presentaciones complicadas. Para posicionar elementos como textos e imágenes exacto en una página, el diseñador tenía que usar tablas en las cuales podía posicionar cada celda y su contenido exactamente donde quería.
Este método tiene una gran desventaja: el diseño y el contenido de la página están mezclados en una sola página web. Para cambiar el diseño hay que cambiar toda la página - y cada página en un sitio web - y la página es mucho más grande en tamaño por todos los códigos que dictan el diseño. Aparte de eso no se muestra la página hasta que toda la tabla esté cargada.
La última desventaja es que por ser la página muy grande, tiene muchos códigos y el contenido está escondido dentro de todos estos códigos. Por eso la página demora más en cargar y es más difícil para los buscadores encontrar la información de la página; tal vez ni llegue hasta el contenido porque no lee toda la página y este contenido se encuentra debajo de muchos códigos.
Diseño usando css
Una página web diseñada con css es la solución a los problemas con tablas. En resumen significa que el contenido de la página y su diseño están separadas; la misma página web está compuesta por todo el contenido, y un archivo css externo contiene la información del diseño.
Básicamente la página está construida usando bloques. Una estructura común es una página que tiene los siguientes bloques: Un cabezal, un menú (por ejemplo a la izquierda), un bloque con el contenido principal y un pie como se puede ver en el diagrama.
Sin el archivo con el diseño - el archivo css - estos bloques se ven como párrafos consecutivos, pero cuando ponemos los estilos en un archivo css externo, la misma página se puede ver con todo su diseño, quiere decir que se puede manipular la presentación de los bloques como queramos.
Ahora tenemos una página web con puro contenido y links del menú. El tamaño de la página es pequeño, carga rápido y es una joya para los buscadores. Si queremos cambiar el diseño en el futuro, es fácil, solo tenemos que cambiar el archivo css y todas las páginas en el sitio web se adaptan automáticamente.
Conclusión
Ya no se puede desarrollar páginas web usando tablas para el diseño: Las tablas hacen la página mucho más grande de lo que debe ser, es muy difícil cambiar las páginas y el diseño después y también es difícil para los buscadores encontrar el contenido de la página. Desarrollando y diseñando páginas web usando css, se evitan estos problemas.
Todavía muchas empresas en Perú están desarrollando páginas web usando tablas pero para el desarrollo de un sitio web moderno, es importante exigir que las páginas sean diseñadas usando css. Todos los sitios web desarrollados por Jerónimo Design DDS en los últimos años son diseñados con el método css.
No es tan difícil distinguir páginas diseñadas con css de páginas diseñadas con tablas: Una mirada al código fuente lo dice todo: Cuando se ven muchos elementos como <table>, <tr> y <td>, la página está diseñada usando tablas y cuando se ve más elementos como <div> y mucho del contenido, la página está diseñada con css. Por ejemplo la página que está leyendo está diseñada usando css pero la misma página diseñada con tablas se puede encontrar acá: Articulo de css en página con tablas.
Por favor contactese con Jeronimo Design DDS si tiene alguna pregunta sobre este artículo.inicio | quienes somos | sobre dds | productos dds | cartera dds | cartera otras paginas | dominios para comprar | enlaces interesantes | contacto
Jerónimo Design
DDS
Cusco, Peru
tel. +51 84 984 231223
e-mail: info@jeronimodesign.com
Design & Development by Jeronimo Design