 |
|
|
|
|
|
Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales | RSS | |
||
|
||||
|
|
|||
 |
|
 |
||
|
||||
Directorio
|
Manuales
|
Scripts
|
FAQs
|
Programas
|
Artículos Copyleft
|
Actualidad
|
La Cosecha
|
Colabora
Alojamiento
|
Dominios.es
|
Micropagos SMS
|
Buscadores
|
Patentes, marcas
|
Creación web
|
Multimedia
|
Videos
Por qué diseñar con CSS
Mostramos algunas ventajas al maquetar con CSS respecto a otras formas de hacerlo.
18/4/07 -
Las tablas existen y existieron desde el comienzo en HTML, pero no se crearon para diseñar un sitio, sino para la presentación de datos tabulares. La utilización del “border=0” y las imágenes transparentes hicieron posible crear una rejilla que permitió a los diseñadores organizar textos e imágenes, establecer tamaños y ubicar objetos. Pero ésto es sencillamente incorrecto. Las tablas no se crearon para maquetar y no deben utilizarse para eso, porque de esta forma se mezclan presentación y contenido.
La solución es clara: CSS+HTML/XHTML. Afortunadamente, cada vez son más las empresas que deciden dejar atrás las tediosas tablas y evolucionar desarrollando sus sitios respetando los estándares establecidos por la W3C (organización internacional que desde hace unos 12 años se dedica al desarrollo de pautas y estándares web), lo que facilita la accesibilidad y la correcta visualización de las páginas en los navegadores que respeten dichos estándares.
Algunas de las ventajas de la maquetación con CSS:
- Separación de forma y contenido. Generalmente CSS y HTML se encuentran en archivos separados, lo que facilita el trabajo en equipo porque diseñador y programador pueden trabajar independientemente. Por otro lado, permite el acceso a distintos navegadores y dispositivos.
- Tráfico en el servidor. Las páginas pueden reducir su tamaño entre un 40% y un 60%, y los navegadores guardan la hoja de estilos en la caché, ésto reduce los costos de envío de información.
- Tiempos de carga. Por la gran reducción en el peso de las páginas, mejora la experiencia del usuario, que valora de un sitio el menor tiempo en la descarga.
- Precisión. La utilización de CSS permite un control mucho mayor sobre el diseño, especificando exactamente la ubicación y tamaño de los elementos en la página. También se pueden emplear medidas relativas o variables para que la pantalla o la caja contenedora se acomode a su contenido.
- Mantenimiento. Reduce notablemente el tiempo de mantenimiento cuando es necesario introducir un cambio porque se modifica un solo archivo, el de la presentación, sin tener que tocar las páginas que contienen la estructura con el contenido.
- Diseño unificado y flexibilidad. Es posible cambiar completa o parcialmente el aspecto de un sitio con sólo modificar la hoja de estilos. Por otro lado, el tener el estilo de una web en un solo archivo permite mantener la misma apariencia en todas las páginas.
- Posicionamiento. Las páginas diseñadas con CSS tienen un código más limpio porque no llevan diseño, sólo contenido. Esto es semánticamente más correcto y la página aparecerá mejor posicionada en los buscadores. Google navega obviando el diseño.
Seguir navegando a partir aquí:
+ 1 manual relacionado+ 1 categoria relacionada
+ 4 comentarios (Añadir)
+ 7 comentarios no revisados
| Autoría, licencia y acciones sobre este artículo | ||||||
|
Informe de Serviweb*
Diseño web Murcia URL: http://www.serviweb.es/ Atención: Copyright. Este artículo no se puede reproducir sin la autorización expresa del autor. * Para consultas técnicas utilizar la lista de correo.
|
Manuales relacionados con este artículo
Dentro de Manual de CSS, hojas de estilo
Siguiente: Trucos CSS para no enloquecer
Categorias relacionadas
A través de las categorías de nuestro directorio se pueden encontrar otro tipo de recursos relacionados con este artículo:
+ Entrar en CSS Comentarios de los visitantes
| Los comentarios de los visitantes son para ampliar la información del artículo. Cualquiera puede participar. |
| Se muestran 4 comentarios revisados |
Comentario de pakos
02/5/07
en concluciones generales y bueno como yo trabajo, no estoy de acuerdo en el uso de CSS al 100% en los sitios, creo que la estructura (base, esqueleto)deve de ir en una tabla, ¿por que?, muchas veces al usuar las propiendades de position:absolute;top:1;lef:3; por ejemplo, se pone fija esa ubicacion y las cosas se vuelben realmente dificiles cuando se intenta porgramar una pagina dinamica ya que hay que hacer operaciones mateticas para reubicar esas direciones de forma dinamica, algo que si se mete en una tabla el explorer solito lo acomoda, el diseño y el contenido se puede ceparar aun sin css, yo en lo personal creo una platilla index.php donde estara mi diseño, a este index le envio variagles get de modulo, segun el modulo en la parte de contenido se carga uno u otro archivo que contedra dicho contenido quedado y reutilizadonce el diseño y quedando a nivel de programacion/diseño el diseño y los contenidos aparte, creo que esto del usar el 100% css en las paginas web, se ve desde un punto de vista muy particular de los diseñadores (no programadores) las tablas siempre fuerón y serán lo mas dificil de dominar del html, y los diseñadores que a vista de necesidad han tenido que tomar una PC para sus trabajos se reusan a tomar algo complejo como las tablas, no se diga de programacion de sitios dinamicos (siempre andan buscando un programador externo) que caro muchos programadores carecen de la estetica del diseño (pero esto no es regla general como muchos plantean), lo que si estoy de acuerdo es que el css se deve usar para definir los formatos aplicando clases a la estrucutra, y gestionando los contenidos con un leguaje de servidor para el reciclado de codigo y facil actualizacion.. en lo personal trabajo así:
-Estructura Base o Esqueleto una Tabla HTML
-Formateo (poner la pagina bonita, colores fondos, etc) el alejido es CSS (para hacer formateo con las etiquetas de html es un mega trabajo y vastate duro de modificar)
-Manejo y gestion de los contenidos = el elejido es PHP, uno de los lenjuages de programacion mas populares y libres (arriba el soft libre :D [perdon pero me emociono al ablar de soft libre]),
- y por ulitmo interactividad con el usuario - JavaScript.
y si combinamos todo exo podemos tener webs 2.0 con el manejo de denominado AJAX (soy de los que dice para que decir que algo es nuevo si ya se podia hacer desde hace mucho prefiero decir que son paginas con un buen uso de JS, CSS, PHP)
bueno ese es mi mas umilde punto de vista ...
-Estructura Base o Esqueleto una Tabla HTML
-Formateo (poner la pagina bonita, colores fondos, etc) el alejido es CSS (para hacer formateo con las etiquetas de html es un mega trabajo y vastate duro de modificar)
-Manejo y gestion de los contenidos = el elejido es PHP, uno de los lenjuages de programacion mas populares y libres (arriba el soft libre :D [perdon pero me emociono al ablar de soft libre]),
- y por ulitmo interactividad con el usuario - JavaScript.
y si combinamos todo exo podemos tener webs 2.0 con el manejo de denominado AJAX (soy de los que dice para que decir que algo es nuevo si ya se podia hacer desde hace mucho prefiero decir que son paginas con un buen uso de JS, CSS, PHP)
bueno ese es mi mas umilde punto de vista ...
Comentario de ZurdoSoft
02/5/07
Estoy de acuerdo con el comentario de pakos.
Es lamentable ver sitios web hechos en puro CSS que no se cargan, que se deforman, que requieren de determinado explorador.
Hay que trabajar, como yo, tratando de hacer operables PCs antiguas que solo funcionan con W98 o MacOs 8 y que no pueden navegar correctamente, a veces no navegan, debido al sistema de programación CSS utilizado por los sitios.
En cambio una página realizada con tablas funciona ágil, sin problemas de compatibilidad y rápido.
El consorcio W3 está manejado por el mercado y a menudo saca normas que dan risa y se contradicen.
La función de Internet es mostrar todo a todos los niveles, independientemente si tengo un micro 233Mhz o DualCore. No caigamos en la estupidez de creer que todo lo nuevo es mejor solo porque es nuevo, dejemos que lo demuestre.
Les propongo el desafio de recomendar páginas en distintos formatos y probarlas en distintos exploradores y sistemas operativos.
Saludos.
Es lamentable ver sitios web hechos en puro CSS que no se cargan, que se deforman, que requieren de determinado explorador.
Hay que trabajar, como yo, tratando de hacer operables PCs antiguas que solo funcionan con W98 o MacOs 8 y que no pueden navegar correctamente, a veces no navegan, debido al sistema de programación CSS utilizado por los sitios.
En cambio una página realizada con tablas funciona ágil, sin problemas de compatibilidad y rápido.
El consorcio W3 está manejado por el mercado y a menudo saca normas que dan risa y se contradicen.
La función de Internet es mostrar todo a todos los niveles, independientemente si tengo un micro 233Mhz o DualCore. No caigamos en la estupidez de creer que todo lo nuevo es mejor solo porque es nuevo, dejemos que lo demuestre.
Les propongo el desafio de recomendar páginas en distintos formatos y probarlas en distintos exploradores y sistemas operativos.
Saludos.
Comentario de Pedro
02/5/07
Es cierto que es mejor trabajar con standares, pero también es cierto, como dicen Pakos, y ZurdoSoft, que NO siempre es bueno trabajar con PURO CSS. y NO es que uno no quiera trabajar con CSS porque sea difícil ya que, al contratrio, es mucho más sencillo que trabajar con tablas.
Ni menos que uno sea REACIO AL CAMBIO. Pero, si somos inteligentes debemos aceptar que NO todo es perfecto.
Yo soy diseñador web y experto en SEO, por eso, en mi caso, trabajo mis diseños web usando 90% de CSS, porque me ayudan mucho, no solo por la facilidades de formateo y otras que ha expuesto el autor del artículo sino por el SEO = Search Engine Optimization
pero al mismo tiempo NO puedo prescindir de las tablas porque me ayudan mucho también y hacen cosas que los estilos CSS no pueden hacer, como tabular mucha información.
Así como apreciamos el tremendo valor que ha aportado los CSS así también debemos reconocer sus limitaciones. simplemente NO son perfectos.
Cuando un web site es demasiado grande y debe contener demasiada información en forma tabular los CSS simplemente se vuelven un infierno. Ahí las tablas son la solución sencilla por excelencia.
Inclusive los mismos expertos en CSS como Dan Cederholm (Bulletproof Web Design) donde enseña como sacar el máximo provecho de los estilos reconoce que las tablas todavía son necesarias.
La Conslusión más inteligente es que sería estúpido decir que usar tablas es estupido.
Ni menos que uno sea REACIO AL CAMBIO. Pero, si somos inteligentes debemos aceptar que NO todo es perfecto.
Yo soy diseñador web y experto en SEO, por eso, en mi caso, trabajo mis diseños web usando 90% de CSS, porque me ayudan mucho, no solo por la facilidades de formateo y otras que ha expuesto el autor del artículo sino por el SEO = Search Engine Optimization
pero al mismo tiempo NO puedo prescindir de las tablas porque me ayudan mucho también y hacen cosas que los estilos CSS no pueden hacer, como tabular mucha información.
Así como apreciamos el tremendo valor que ha aportado los CSS así también debemos reconocer sus limitaciones. simplemente NO son perfectos.
Cuando un web site es demasiado grande y debe contener demasiada información en forma tabular los CSS simplemente se vuelven un infierno. Ahí las tablas son la solución sencilla por excelencia.
Inclusive los mismos expertos en CSS como Dan Cederholm (Bulletproof Web Design) donde enseña como sacar el máximo provecho de los estilos reconoce que las tablas todavía son necesarias.
La Conslusión más inteligente es que sería estúpido decir que usar tablas es estupido.
Comentario de pakos
03/5/07
un comentario mas.. yo en lo particular trabajo para una emrpesa de diseño y multimedia, tengo alrededor de 8 meses trabajando con ellos, tienen varios sitios previamente construidos a mi llegada, con ello realizo nuevos sitios y les doy mantenimiento a anteriores, hay muchos sitios que no me gustan como esta diseñados aqui una muestra mas de que las css no se llevan con las cosas que cambian
http://leon-mexico.com/agenda/feriasexpo.html , esta apagina a menudo me da broncas con esto por estar crear tablas con listas y que las listas parescan tablas...., al final y al poco cambio todo se descuadra, y no estoy de acuerdo con que las paginas dinamicas son solo reportes, aqui algunos de mis trabajos donde convino de todo css, html(tablas no son dificiles pero si es lo mas complejo de html y vastante dificiles para los que estan casados con dreamweaver o etc), php, y todo absolutamente el sitio es dinamico
http://www.paxqu.com.mx
http://www.ragsamexico.com
http://www.comimpex.com.mx
http://leon-mexico.com/agenda/feriasexpo.html , esta apagina a menudo me da broncas con esto por estar crear tablas con listas y que las listas parescan tablas...., al final y al poco cambio todo se descuadra, y no estoy de acuerdo con que las paginas dinamicas son solo reportes, aqui algunos de mis trabajos donde convino de todo css, html(tablas no son dificiles pero si es lo mas complejo de html y vastante dificiles para los que estan casados con dreamweaver o etc), php, y todo absolutamente el sitio es dinamico
http://www.paxqu.com.mx
http://www.ragsamexico.com
http://www.comimpex.com.mx
 | Añadir un comentario del artículo |
| Comentarios sin revisar |
| Entre los comentarios no revisados puede haber algunos interesantes que se hayan enviado recientemente. |
 | Ver los comentarios no revisados |
| Añadir un comentario del artículo |
| Enlaces: |
| Maestrosdelweb |
Ir arriba
Lectura recomendada  Compra este libro en Agapea, la librería urgente a domicilio. |
||||||||
Tienda DesarrolloWeb
