Diseño de la última generación usando css

Aunque no es visible cuando abres una página, hay dos maneras distintas para desarrollar páginas web:

1. Diseño usando tablas
2. Diseño usando css

Paginas desarrollados con las dos maneras pueden aparecer iguales para el visitante, pero técnicamente y para los buscadores hay grandes diferencias. Aunque no hay reglas fijas en el Internet, las normas dictan que desde hace algunos años, 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 texto e imágenes exacto en una página, el diseñador tenía que usar tablas en 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 página web. Para cambiar el diseño hay que cambiar toda la pagina (y cada página en un sitio web…) y la pagina esta 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 esta página está muy grande, tiene muchos códigos y el contenido esta 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 que se trata la página; tal vez ni llega hasta el contenido porque no lee toda la página y el contenido se encuentra debajo de muchos códigos.

Diseño usando css

Una página web diseñado con css es la solución de 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 contiene 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: Una cabezal, un menú (por ejemplo a la izquierda), un bloque con el contenido principal y una pie como se puede ver en el imagen.

Sin el archivo con el diseño, el archivo css, estos bloques se ve como párrafos conseguidos, pero cuando ponemos los estilos en un archivo css externo, la misma página se puede ver con todo su diseño, se puede manipular la presentación de los bloques como queremos.

Ahora tenemos una página web con puro contenido y links del menú. El tamaño de la página es pequeña, carga rápida 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: 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 es difícil para los buscadores encontrar el contenido de la página. Desarrollando y diseñando páginas web usando css evita 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 css.

No es tan difícil distinguir páginas diseñados con css de páginas diseñados con tablas, una mirada al código fuente dice todo: Cuando se ve 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 esta página está diseñada usando tablas pero la misma página diseñada con css se puede encontrar acá: Articulo de css en página con css.

Por favor contacte Jeronimo Design DDS si tiene alguna pregunta sobre este articulo.

inicio | quienes somos | sobre dds | libro de visitantes | pagina de noticias | calendario | galeria de fotos | sistema de usuarios | catálogo de productos | sistema de contenido | sistema inmobiliario | cartera dds | cartera otras paginas | dominios para comprar | enlaces interesantes | contacto

Design & Development by Jeronimo Design