El concepto CSS/divs
Hace un pequeño tiempo he leído “Your CSS bores me”. Y la verdad que nunca me había dado cuenta que no desde hace mucho tiempo muchos blogs revientan por hacer todo su website usando CSS y XHTML, lo cual me parece perfecto.
Para que no haya malentendidos voy a explicar todo este fenómeno por soportar los estándares y hacer todo a lo Glish, u otra persona, como explica Chris en su artículo Dónde esta la diversión de diseñar?, y un poco tiene razón.
Lo interesante no es usar el método, sacarlo, pegarlo y empezar a usarlo. Sino en explotarlo creativamente, mientras sigamos en los estándares W3C no tenemos nada que temer.
Cada persona debe utilizar esta medida como una prevención, si queremos hacer un sitio, podemos hacerlo idéntico a éste modelo de CSS, usando los mismo colores, prácticamente sin modificarlo, esto producirá una pérdida de identidad en sí mismo… en todas las versiones de minid.net se utilizaron estas grandes técnicas para ser explotadas en mi creatividad, cambiando cosas de lugar, sacando elementos, agregando otros… ninguna fue un extracto fiel de las originales, siempre hubo grandes razgos de modificaciones.
A lo que voy es que cada uno debe explotar estas técnicas para crear cosas en función a lo que necesiten y no por limitación de esa plantilla…
Algo importante es que, estas personas que hicieron los templates… solamente crearon las formas básicas de posicion de cajas… nada alucinante, bastante básico, no crearon estilos de diseños, formas de arte, ni estilos particulares, ese concepto es el indicado para digerir… y lo mejor que deben hacer es explotarlo a su estilo.
Hoy en día casi puedo hacer cualquier sitio con DIVs y CSS, no importa la complejidad, ahora depende el uso que le vaya a dar elegiría hacerlo puramente con DIVs y CSS.
Separar el contenido del estilo no es usar divs y CSS, el concepto es separar el contenido (texto, imágenes) del estilo (shapes, layouts, estructuras). Esto lo puedo hacer tanto con divs, como con tablas. No importa lo que utilicemos siempre y cuando tomemos como referencia que es el estilo, por ejemplo puedo definir que el estilo de mi sitio va a ser tablas y css, y el contenido va a venir explícitamente de una base de datos.
Un ejemplo noble es el sitio webugger. La plantilla es el HTML directamente, con tablas, utiliza CSS, pero todo el contenido viene aparte, no esta incluído en el layout. Si mañana la persona a cargo de webugger.com quiere cambiar el diseño hace otra plantilla en tablas y css, ubica los tags que imprimen el contenido y woa! ya tiene un sitio rediseñado sin tener que editar el contenido.
Usar divs, posicionamiento de cajas, es un tema de comodidad, el de poder hacer una modificación con simples toques en una plantilla de CSS y no en varias plantillas hechas en HTML con tablas, para mover de lugar cosas, para cambiar todo un complejo de factores gráficos en un website de un determinado box o caja, ó un bloque de línea.
Cada uno es sabio a la hora de saber que quiere en el momento de hacer un projecto, y sabe que necesita, muchos necesitarán hacer un sitio en tablas para mantener un terrible, doloroso e interminable proceso de soporte para navegadores anti-estándares, y otros van a preferir hacer las cosas 1 vez en el caso de que en un futuro cercano las compañías de navegadores hagan los updates/fixes/arreglos para que todo se observe como se ha hecho.
Entonces si tú crees que necesitas hacer todo un proceso de transformación CSS, XHMTL y base de datos, venga separar el contenido del estilo no sólo te ahorra horas de trabajo sino que te da la posibilidad de hacer variaciones en muy poco tiempo.
Ahora si tú crees que no necesitas hacer todo un barullo de cosas para tener un simple website, no debes malgastar tu tiempo, agarra un Dreamweaver Trial o un Frontpage y llena una plantilla o directamente haz el tuyo con un wizard que te ahorra horas de trabajo… y no soportaras estándares, ni tu sitio se descargará rápidamente, ni tampoco tendrá demasiada identidad entre otros websites. Al fin y al cabo eso es lo que tú quieres.
Algunos ejemplos de sitios que no hicieron todo con css y divs pero respetan el concepto:
3 Respuestas a la entrada “El concepto CSS/divs”
Escrito por Covi
Febrero 26th, 2004 at 11:02 pm
Como muy bien comentas no es manía, es simplemente apostar por un futuro inmediato. Yo lo veo como una contribución al futuro de la web por parte de cada diseñador, es una tarea muy en parte altruista en la búsqueda de ese utópico código consensuado. Sin olvidar, obviamente, el aspecto de la comodidad para un desarrollador estructurar su sitio de esta manera.
Por ejemplo las validaciones del W3C no reflejan la accesibilidad o el compromiso con estándares puramente, simplemente validan el código, en este sentido me ha entristezido bastante descubrir que muy pocos sitios pasan esta validación… incluido minid.net, pero es que basta con que uno coja cualquier sitio que pueda tratar especícamente de estándares web, y pasarlo por la validación, ni aún siendo XHTML Transicional.
No creo que nadie base su diseño estrictamente en las CSS de un sitio, suelen estar bastante personalizados, pero el uso de reglas más o menos generales o comunes, no significa eso, simplemente, con algo más de conocimiento, es lógico que se sigan dichas reglas.
En este sentido, por supuesto que un sitio con tablas, sin divs, puede ser totalmente estándar, de echo, no es que la estructura se deba hacer con divs, no sé donde escuchaste esto, y no con tablas, el problema es para que se usan estas tablas, si realmente van a participar en el contenido y estructura o, por el contrario, participan en el aspecto visual. Realmente, podría pasar la validación del
W3C si el código está escrito de acuerdo a estas normas, pero no por ello se deba considerar como un sitio “estándar”. Además, si nos decantamos por los estándares web no es por otra cosa que por fomentar ese código consensuado, contando que el XHTML Transicional es eso, un código transicional para ir preparandonos al XML o en el que acabemos, no hay razón para usar tablas, o cualquier otra etiqueta o método no soportado por este último cuando lo que se busca es ir acabando poco a poco con estos métodos de la vieja escuela.
Otra cosa que no querría dejar pasar es el tema de las imagenes y otros elementos en el contenido, creo que es lógico comprender el que un sitio no use imágenes no deba ser cuestión de basarse en el diseño de otros sitios, de comodidad o algo parecido, porque me fijé en los sitios que remitías y pasa lo de siempre, no es que un diseñador pase de las imagenes o que su sitio no sea creativo por ello, pero no puede correr el riesgo de hacer un sitio innavegable por el hecho de usar demasiadas imágenes, creo que fue aquí donde leí que un 30% de los usuarios de la web navegan sin imágenes, ya es si se está dispuesto a hacer un sitio donde no tengan cabida estos potenciales visitantes, o la inclusión de Javascript el cual muchos tienen deshabilitado en sus navegadores por motivos de seguridad u otros.
Es decir, creo que no se ha perdido ni la ceratividad, ni son sitios “dejados” o cómodos para el diseñador, simplemente hay gente que escoge un camino decididamente apostando por el futuro y por el bien de todos, para que en un tiempo próximo, no haya necesidad de recuriir a tales restricciones para tener un sitio estándar y accesible, para que en un tiempo próximo, podamos explotar al máximo un sitio sin tener que preocuparnos como se verá con determinado software o dispositivo.
Nada más, espero haberte entendido bien y no haberme ido por los “cerros de Ãbeda” o salido de contexto, tan solo es la humilde opinión de este aprendiz de pacotilla.
Un saludo.
Escrito por pancha
Marzo 3rd, 2004 at 11:04 pm
sin comentario todo esta loco
Escrito por Gotika
Mayo 2nd, 2004 at 1:23 pm
COMO SE HACE UN LAYOUT!!!!