Foros del Web » Creando para Internet » CSS »

No entiendo las ventajas de CSS

Estas en el tema de No entiendo las ventajas de CSS en el foro de CSS en Foros del Web. He revisado el tema de crear tablas con CSS como he señalado en un post anterior y no veo realmente el uso excepto en algunos ...

  #1 (permalink)  
Antiguo 07/06/2007, 13:23
(Desactivado)
 
Fecha de Ingreso: febrero-2007
Mensajes: 225
Antigüedad: 17 años, 2 meses
Puntos: 5
Exclamación No entiendo las ventajas de CSS

He revisado el tema de crear tablas con CSS como he señalado en un post anterior y no veo realmente el uso excepto en algunos casos de cabeceras y pies de pagina , no veo que el uso de CSS sea algo ni que beneficie ni sea perjudicial pero revisando este enlace

: http://icant.co.uk/csstablegallery/index.php

Y . revisando el codigo fuente lo unico que veo es o son los mismo tags de html td etc . la unica diferencia es que esos los modifican desde un CSS pero siguen maquetando con nomenclatura en html , por todo sigo sin comprender que diferencia hay , que mas da que yo pongo <table> , .... con los aditamentos de html que modifique la tabla con css es que es lo mismo

Por otro lado es como el ejemplo que dispongo aqui , le llaman a eso maquetar con css , porque si es eso no veo la diferencia , saludos a todos
  #2 (permalink)  
Antiguo 07/06/2007, 13:39
Avatar de hey_alan  
Fecha de Ingreso: diciembre-2006
Ubicación: México
Mensajes: 348
Antigüedad: 17 años, 3 meses
Puntos: 8
Re: No entiendo las ventajas de CSS

Hola amiga.

Mirate este enlace: http://www.effectivetranslations.com...ything_es.html

Es mejor usar divs que tablas. La verdad yo tampoco veo mucha diferencia en hacer las cosas con CSS en las tablas, pero vamos, es mejor hacerlo con CSS para que no den errores los navegadores.

Hasta luego...
  #3 (permalink)  
Antiguo 07/06/2007, 13:49
(Desactivado)
 
Fecha de Ingreso: febrero-2007
Mensajes: 225
Antigüedad: 17 años, 2 meses
Puntos: 5
Re: No entiendo las ventajas de CSS

Sinceramente he revisado mucho este tema y menos para el tema de divs o capas que suelen dar eso si errores de desposicionamiento entre navegadores el resto no se desde luego que utilidad le ven , dicen ustedes que porque desde el css se ca,bia todo de golpe , pues miren eso tambien lo puedo cambiar usando php con un archivo de configuracion , la verdad pense el tema de maquetar con css era diferente y sinembargo veo como en el ejemplo que puse que se sigue usando el td el tr y el table pero dandole valores desde un css

Me he quedado asombrada , saludos amigos
  #4 (permalink)  
Antiguo 07/06/2007, 14:00
Avatar de AlZuwaga
Colaborador
 
Fecha de Ingreso: febrero-2001
Ubicación: 34.517 S, 58.500 O
Mensajes: 14.550
Antigüedad: 23 años, 1 mes
Puntos: 535
Re: No entiendo las ventajas de CSS

La cosa es que las tablas las debés usar para lo que fueron creadas: para mostrar datos. En el ejemplo que colocás (http://icant.co.uk/csstablegallery/index.php), para lo único que usan una tabla es justamente para mostrar una tabla de datos. No utilizan tablas para armar la estructura de la página. Ahí está el gol.

Igualmente hacé las cosas como más te gusten.
Si querés usar tablas para estructurar íntegramente tu página, hacelo.
Si querés hacer las cosas bien, usalas sólo para lo que fueron creadas y hacé uso de buen marcado xhtml y de css para darle vida a tu sitio.
  #5 (permalink)  
Antiguo 07/06/2007, 14:15
(Desactivado)
 
Fecha de Ingreso: febrero-2007
Mensajes: 225
Antigüedad: 17 años, 2 meses
Puntos: 5
Re: No entiendo las ventajas de CSS

Ahi esta el tema Alzuwaga q estoy tratando de buscar la nomenclatura para crear tablas sin tags html usando css y cada vez que busco los ejemplos que salen son <td><tr><table> igual que en html pero la unica diferencia es que su aspecto en vez de controlarse in situ se controlan desde un css , de ahi que no entienda como hacen o que tecnica usan para maquetar una web

Si ustedes dicen uso css ok y me utiizan tags diferentes diria ok pues es util porque son etiquetas y cada una define una cosa pero no veo en cuanto a maquetar un site ningun lado y revise google donde me muestrn un etiquetado exclusivo en css para crear la misma estructura de la tabla con sus celda y subceldas etc , saludos y a ver si alguien puede indicarme
  #6 (permalink)  
Antiguo 07/06/2007, 14:54
Avatar de AlZuwaga
Colaborador
 
Fecha de Ingreso: febrero-2001
Ubicación: 34.517 S, 58.500 O
Mensajes: 14.550
Antigüedad: 23 años, 1 mes
Puntos: 535
Re: No entiendo las ventajas de CSS

Cita:
...estoy tratando de buscar la nomenclatura para crear tablas sin tags html usando css...
Que no. Las tablas se crean con tags html (<table><tr><td></td>...</tr></table>). No podés crear una tabla mediante tags que no sean de tablas y CSS (en realidad si, pero es absurdo y mucho más complicado)

Cita:
... de ahi que no entienda como hacen o que tecnica usan para maquetar una web
Entrá por ejemplo a freecsstemplates y descargate cualquier template. Analizalo, fijate en el código fuente HTML. Visualizá el template con el archivo CSS activado y luego desactivándoselo. Mirá las diferencias. Fijate que lo que "aparenta ser una tabla" en realidad no lo es (los menú horizontales y verticales, la estructura de columnas, etc.)
Luego lee tutoriales y seguí los ejemplos paso a paso (hay a patadas en la red)

Lo primero que te tenés que sacar de la cabeza es el término tablas cuando pensás en maquetar una página. Si bien parecen tablas, no lo son. Sólo las usan en caso de ser necesario (p.e.: mostrar un listado de ciudades con las temperaturas máximas y mínimas en tres columnas * x filas)
  #7 (permalink)  
Antiguo 07/06/2007, 15:27
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.725
Antigüedad: 22 años, 2 meses
Puntos: 998
Re: No entiendo las ventajas de CSS

creo que lo vas a entender mejor con una pseudo analogía... pensalo así: el html son los huesos del sitio y el css los músculos y la piel.

Cada tag html tiene una función específica, de la misma forma que cada hueso del cuerpo tiene también una función específica... sería bastante ilógico poner un hueso del cráneo en el lugar del hueso radio, no?

Lo mismo pasa con los tags html, es ilógico usar una tabla para posicionar elementos en una página porque la función de las tablas es otra (tabular datos)

Tanto el HTML como el CSS se complementan y necesitan mutuamente... el css sin el html es como tener una masa aforme de músculos y piel, y el html sin el css es como tener solo un esqueleto
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #8 (permalink)  
Antiguo 07/06/2007, 17:15
Avatar de Carxl
Colaborador
 
Fecha de Ingreso: agosto-2006
Ubicación: Bogotá
Mensajes: 2.993
Antigüedad: 17 años, 8 meses
Puntos: 70
De acuerdo Re: No entiendo las ventajas de CSS

Diste con lo que era webosiris. Una mejor, analogìa creo que no hay.

Hola lucciagxxx, tal y como dicen webosiris y Al Zuwaga, puedes "maquetar" sitios con tablas.... pero no es lo debido!!. Fueron hechas para tabular, ademàs la accesibilidad y usabilidad son razones suficientes para olvidarse de las tablas en el diseño.

Para que tengas algo mas claro..., CSS no es reemplazo de html, CSS para el diseño, (x)html para la estructura.

Saludos
__________________
Hay 10 tipos de personas, los que entienden binario y los que no. (Anónimo)
www.programandoweb.com
  #9 (permalink)  
Antiguo 07/06/2007, 20:51
Avatar de K3NNY
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: ARGENTINA!
Mensajes: 1.493
Antigüedad: 20 años, 1 mes
Puntos: 20
Re: No entiendo las ventajas de CSS

Cita:
Iniciado por webosiris Ver Mensaje
[...] el html son los huesos del sitio y el css los músculos y la piel.
El (x)HTML son los huesos, el CSS la piel y el Javascript los músculos. El AJAX es como el Javascript pero tomando anabólicos :D
__________________
delFuego.com.ar
mi tumblelog sobre diseño

La dedicación en mi respuesta es directamente proporcional a la dedicación en tu pregunta.
  #10 (permalink)  
Antiguo 07/06/2007, 21:00
Avatar de AlZuwaga
Colaborador
 
Fecha de Ingreso: febrero-2001
Ubicación: 34.517 S, 58.500 O
Mensajes: 14.550
Antigüedad: 23 años, 1 mes
Puntos: 535
Re: No entiendo las ventajas de CSS

Cita:
Iniciado por K3NNY Ver Mensaje
El (x)HTML son los huesos, el CSS la piel y el Javascript los músculos. El AJAX es como el Javascript pero tomando anabólicos :D
  #11 (permalink)  
Antiguo 08/06/2007, 04:24
Avatar de duendeduende  
Fecha de Ingreso: mayo-2007
Mensajes: 38
Antigüedad: 16 años, 11 meses
Puntos: 0
De acuerdo Re: No entiendo las ventajas de CSS

Todos hablais muy bien de cada cosa, pero pienso que hay algo muy importante en el mundo laboral de la programación, que se os ha olvidado comentar.

Es el hecho de que cuando se esta trabajando en un gran proyecto, el programador no se va a poner a diseñar la página a lo mejor, yo como programador, me dedicare a crear las clases y demas, e incluso las jsp.

Mientras que habrá un diseñador que se encargará por otro lado, de darle diseño a las páginas (con CSS).

De esta forma, dividimos el trabajo, y por lo tanto, la empresa acaba siendo mas efectiva ... .

Es otro punto de vista.

Saludos.
  #12 (permalink)  
Antiguo 08/06/2007, 05:02
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Re: No entiendo las ventajas de CSS

El CSS, ¿no es cosa del programador? O, al menos, del webmaster, que ni diseña ni programa (al menos en el caso óptimo). Porque, si haces que el diseñador se ponga con el CSS, mas que dividir estás mezclando.

En cuanto al tema... Aparte de todo lo que han dicho, lo bueno de CSS también es que, primero tienes un código HTML mas limpio y ordenado y la página pesa bastante menos, puedes actualizar el diseño de todo tu web por el fichero(s) CSS.

Lo malo, que solo tú has dicho lucciagxxx, es la incompatibilidad de los navegadores; es un caos. Y mas ahora con IE7.
Otra cosa mala, es que hay que aprender la sintaxis y demás.

Tiene cosas a favor y en contra, como todo. Así que, tú sabes lo que te conviene mejor que nadie.

(no te dejes liar, que hay mucho fanático w3c por aquí )

Saludos.
  #13 (permalink)  
Antiguo 08/06/2007, 08:53
(Desactivado)
 
Fecha de Ingreso: febrero-2007
Mensajes: 225
Antigüedad: 17 años, 2 meses
Puntos: 5
Re: No entiendo las ventajas de CSS

Si la verdad que si nos guiamos por el tema del w3c al final no pondriamso ni flah en las webs , me parece que seria algo sumamente incompatible

Por otro lado al menos donde trabajo manejamso el factor tiempo , la capacidad visual en el diseño que me da el crear algo con tablas no me da el css , puesto que he de ir probando y corriendo la pagina par aver el resultado , en lineas generales al menos para mi posee mas desventajas

Por otro lado sigo sin entender sinceramente que problema causan las tablas en cualquier navegador , si creo una tabla la veo igual en ie q en safari que en mozila firefox , etc es que no hay variación

por otro lado en cuanto al peso cuando hago ping a un dominio en concreto veo que la crga o size de la pagina respecto al server siempre es la misma , puedo coger y tener un index que en vez de 25 kb me pese 20 pero al correrla al final comprobando los datos a mi al menos el rendimiento en tiempo de carga me ha dado lo mismo

Además de esto en cuanto a la facilidad del cambio , ok puede ser mas facil camnbiarla pero nadie me impide hacer lo mismo con un pequeño archivo de configuracion en php poniendo los colores directamente con llamadas en las tablas <? print "$color_cell";?>

Por todo ello es lo que me choca cuando leo muchos posts veo un excesivo enfasis en todo esto y la verdad si en la empresa en la cual trabajo nos ponemos a que una simple web pequeña cumpla con todos los navegadores , etc , al final acabaremos con 300 euros y arruinados porque haremos dos al mes

Otro aspecto que yo veo perjudicial es que mucha gente viene y te pide cosas por oidas , imaginense una persona nos vino que sinceramente no sabia ni manejar el correo pidiendonos que habia oido una web 2.0 y con validaciones de accesibilidad y todo en css y no se cuantas cosas mas , . porque era lo que se llevaba , y claro todo ello por 100 euros , quizas estamos tirando perdigonazos contra nuestro propio tejado con estas cosas y a la gente tambien hay que acostumbrarla a que no todo puede ser o tenerse a un coste bajo , este tipo de cosas tambien implican un calro sobreesfuerzo para una empresa , saludos cordiales a todos
  #14 (permalink)  
Antiguo 08/06/2007, 12:06
Avatar de K3NNY
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: ARGENTINA!
Mensajes: 1.493
Antigüedad: 20 años, 1 mes
Puntos: 20
Re: No entiendo las ventajas de CSS

Cita:
Iniciado por lucciagxxx Ver Mensaje
Por otro lado sigo sin entender sinceramente que problema causan las tablas en cualquier navegador , si creo una tabla la veo igual en ie q en safari que en mozila firefox , etc es que no hay variación
Hay muchos más factores, aparte de ese, de por qué diseñar con tablas es contraproducente. El que a vos te lleve más tiempo diseñar con CSS porque no sepas como hacerlo, no significa que el CSS sea malo; significa que no sabés diseñar con CSS, punto. ¿Leiste el link que te pasaron al principio?

Utilizar PHP para manejar los colores no solo me parece innecesario existiendo el CSS, sino que considero que sería contraproducente debido a que hacés trabajar más el CPU de tu hosting, lo cual te puede causar problemas con algunos hostings (como con DreamHost, por ejemplo).
__________________
delFuego.com.ar
mi tumblelog sobre diseño

La dedicación en mi respuesta es directamente proporcional a la dedicación en tu pregunta.
  #15 (permalink)  
Antiguo 08/06/2007, 15:20
Avatar de Carxl
Colaborador
 
Fecha de Ingreso: agosto-2006
Ubicación: Bogotá
Mensajes: 2.993
Antigüedad: 17 años, 8 meses
Puntos: 70
Re: No entiendo las ventajas de CSS

Apoyo 100% lo que dice K3NNY.

Còmo pretender mandar una peticiòn al servidor PHP para que cambiè los colores de tu pàgina estando CSS??????????????????????

Ademàs, como toda tecnologìa nueva toma tiempo aprenderla, pero cuando la aprendes sabes los "inconvenientes" q' puede tener y como solventarlos, en este caso incompatibilidad con navegadores..., no tendràs problemas.

Otra cosa, si me mato estudiando CSS un tiempo y aprendo a dominarlo, si vàlido los sites, si los creo pensado en la facilidad para el usuario, los dejo para que lo puedan ver en la mayorìa de navagadores y si con esto estoy reduciendo el tiempo de carga de mis pàginas..., voy a cobrar igual q' como si las estuviera haciedo en tablas???????? . Por lo menos yo...., no!!

Saludos
__________________
Hay 10 tipos de personas, los que entienden binario y los que no. (Anónimo)
www.programandoweb.com
  #16 (permalink)  
Antiguo 08/06/2007, 16:37
 
Fecha de Ingreso: abril-2007
Mensajes: 232
Antigüedad: 17 años
Puntos: 2
Re: No entiendo las ventajas de CSS

Hola:
además hay que pensar en el usuario final, si tenemos en cuenta que de media solo el 15% de la gente tiene adsl entonces el 85% restante tendrá problemas para la descarga de páginas pesadas. Una página de tablas compleja puede llegar a pesar hasta 10 veces lo que una hecha en divs, la del css será igual a esta y solo se cargará con la primera del sitio, facilitando más si cabe la descarga de las demás.

Suerte. Jorge H.
  #17 (permalink)  
Antiguo 08/06/2007, 17:40
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.725
Antigüedad: 22 años, 2 meses
Puntos: 998
Re: No entiendo las ventajas de CSS

Cita:
Iniciado por duendeduende Ver Mensaje
Es el hecho de que cuando se esta trabajando en un gran proyecto, el programador no se va a poner a diseñar la página (...) Mientras que habrá un diseñador que se encargará por otro lado, de darle diseño a las páginas (con CSS).
te olvidastes de un personaje que es el que salva el partido : el maquetador. Es una función aún bastante desconocida, pero que de a poco esta empezando a ganar terreno.

El maquetador se encarga de armar en html/css los diseños del diseñador... despues el trabajo se entrega a los programadores que lo integran con la programación php, asp o lo que sea...

Cita:
Iniciado por lucciagxxx
Por otro lado sigo sin entender sinceramente que problema causan las tablas en cualquier navegador , si creo una tabla la veo igual en ie q en safari que en mozila firefox , etc es que no hay variación
mira lo que pasa con un lector de voz, un navegador para ciegos, un celular, etc..

El problema con las tablas no es que se vean diferentes... es que NO ESTÁN HECHAS para posicionar los elementos de una página, así de simple.

Cita:
si en la empresa en la cual trabajo nos ponemos a que una simple web pequeña cumpla con todos los navegadores , etc , al final acabaremos con 300 euros
entonces estan cobrando muy barato!!

Cita:
Iniciado por lucciagxxx
este tipo de cosas tambien implican un calro sobreesfuerzo para una empresa
hacer las cosas bien no debería de ser un sobreesfuerzo, sino LO NORMAL. eso no implica cobrar una web a 100 euros, bajo mi punto de vista son cosas independientes...

Imaginate que viene un electricista a hacer la instalación de tu casa y en vez de usar cables de 10mm como sería lo correcto usa cables de 5mm (estoy diciendo disparates, es solo un ej), porque para el es un sobreesfuerzo cargar hasta tu casa con ese peso "de más"...
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #18 (permalink)  
Antiguo 08/06/2007, 18:54
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 18 años, 10 meses
Puntos: 17
Re: No entiendo las ventajas de CSS

Hola;

Y has intentado ver tu diseño "table" vs "CSS" en algo que no sea un monitor de computador?.

Más y más gente ahora usa el celular, PDA, WII, PlayStation, Xbox, lector de voz, y quien sabe que otro aparato, para navegar; además de IE, firefox, y zafari hay un mundo entero que, por la NO DISPONIBILIDAD correcta de la información, le estás negando la oportunidad de ver lo que estás publicando en la red.

Como te dijeron por ahí, que no sepas (sepan) usar CSS, no quiere decir que sea malo

Saludos
__________________
Al final del día hablar es gratis, codificar no lo es
  #19 (permalink)  
Antiguo 08/06/2007, 19:10
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Re: No entiendo las ventajas de CSS

Cita:
Iniciado por lucciagxxx
Si la verdad que si nos guiamos por el tema del w3c al final no pondriamso ni flah en las webs , me parece que seria algo sumamente incompatible
Si. La verdad es que a veces, a mi personalmente, me parece un exceso de fidelidad a los estándares. Aunque, por otro lado, si todos cumplieran con eso, todo sería mucho mas fácil, y ese se supone que es la finalidad de los estándares. En relación a maquetear páginas, se traduce en menos trabajo para ti, ya que solo tiene que maquetear para el usuario, y no para uno, dos o mas navegadores.

Cita:
Iniciado por lucciagxxx
Por otro lado al menos donde trabajo manejamso el factor tiempo , la capacidad visual en el diseño que me da el crear algo con tablas no me da el css , puesto que he de ir probando y corriendo la pagina par aver el resultado , en lineas generales al menos para mi posee mas desventajas
Ahí creo que te equivocas. Es evidente que, si no sabes algo, tendrás que ir probando. Por alusión al PHP, si no sabes cómo hacer una determinada cosa en PHP, tendrás que ir a informarte, buscar en Google, preguntar en FDW o ir probando. Si sabes CSS, al menos a un nivel medio, no tienes porqué ir probando y probando.

Cita:
Iniciado por lucciagxxx
Por otro lado sigo sin entender sinceramente que problema causan las tablas en cualquier navegador , si creo una tabla la veo igual en ie q en safari que en mozila firefox , etc es que no hay variación
Dicen las lenguas fanatistas que mejora el posicionamiento. Mi experiencia personal es que si, pero igual, esto solo es sugestión mental.

Cita:
Iniciado por lucciagxxx
por otro lado en cuanto al peso cuando hago ping a un dominio en concreto veo que la crga o size de la pagina respecto al server siempre es la misma , puedo coger y tener un index que en vez de 25 kb me pese 20 pero al correrla al final comprobando los datos a mi al menos el rendimiento en tiempo de carga me ha dado lo mismo
Date cuenta que, 5kb para un usuario no es nada, ni se puede considerar tiempo al fin y al cabo. Pero, siguiendo tu ejemplo de que una página sin CSS son 25kb y con CSS son 20, al tener mil cargas de la página hay una diferencia aproximada de 5mb, y esto, pues influirá en algo a tu servidor. Claro que 5 megas no es nada, pero si en vez de mil peticiones de la página son un millón, pues ya cambia algo.

Cita:
Iniciado por lucciagxxx
Por todo ello es lo que me choca cuando leo muchos posts veo un excesivo enfasis en todo esto y la verdad si en la empresa en la cual trabajo nos ponemos a que una simple web pequeña cumpla con todos los navegadores , etc , al final acabaremos con 300 euros y arruinados porque haremos dos al mes

Otro aspecto que yo veo perjudicial es que mucha gente viene y te pide cosas por oidas , imaginense una persona nos vino que sinceramente no sabia ni manejar el correo pidiendonos que habia oido una web 2.0 y con validaciones de accesibilidad y todo en css y no se cuantas cosas mas , . porque era lo que se llevaba , y claro todo ello por 100 euros , quizas estamos tirando perdigonazos contra nuestro propio tejado con estas cosas y a la gente tambien hay que acostumbrarla a que no todo puede ser o tenerse a un coste bajo , este tipo de cosas tambien implican un calro sobreesfuerzo para una empresa , saludos cordiales a todos
El otro día leí un post de yapt muy interesante que hablaba sobre lo poco que en realidad se cobra por una página. Por ser mas baratos que la competencia, por tener miedo de pedir lo que realmente vale un trabajo, etc...

Bueno, dejarte claro que, si te va bien como te va y piensas que te puede llegar a ser negativo usar CSS, pues sigue así, a ver si luego tenemos que pagarte indemnización, jeje. Pero échale un vistazo y pierde algo de tiempo aprendiendo CSS y cuando sepas algo mas ya lo valoras con otros ojos, de eso estoy casi casi seguro.

Un saludo.
  #20 (permalink)  
Antiguo 09/06/2007, 00:52
Avatar de asinox  
Fecha de Ingreso: enero-2002
Ubicación: Santo Domingo
Mensajes: 2.712
Antigüedad: 22 años, 2 meses
Puntos: 6
Re: No entiendo las ventajas de CSS

lucciagxxx , vamos a ver si te explico que es el CSS, te lo voy a explicar facilmente.... tu tienes tu linda carita, pero sin el maquillaje que te compras, no te verias espectacular...entonces, ese maquillaje lo usas como te de la gana el dia de hoy y de igual forma mañana..osea, hoy tomas el color rojo y te lo pones en los labios, mañana talvez de sombra...entonces....ese maquillaje nada tiene que ver con tu cara... solo se coloca para darle mas "bonitura", para hacerlo tu rostro totalmente "correcto"... bueno dejando de hablar tonterias... te dire:

cuando diseñas una web con tablas, tu web tendra un alto porciento de codigo que hara mas "pesada tu web", aparte de que para hacerle un cambio general a tu web vas a tener que trabajar una por una..osea, pagina por pagina..., las tablas no se hicieron para maquetar web, las tablas se hicieron para presentar datos tabulados (asi como excel).

En mi experiencia utilizando estandares, me he dado cuenta que para yo hacer una columna mi html solo tiene dos etiqueta (una mejor dicho) que seria
Código:
<div>/div>
, pero si utilizo una tabla para esto yo tendria lo siguiente
Código:
<table><tr><td></td></tr></table>
y con el pequeño problema de que las tablas no son "flexibles".

Pero tambien entiendo que cada vez que alguien habla de css, habla de no-usar-tablas, y bueno... en realidad no es ese el uso de css, el uso del css es poder manejar tu site completo a traves de un solo archivo, poder estandarizar tu web, para que todos los navegadores los interpreten, cuando digo todos, me refiero tambien a los de dispositivos moviles (palma, celulares, etc.).

Para que puedas saber bien que es css, te invito a probar estos proyectos basados en CSS, donde con un solo archivo XHTML y varios CSS tu tienes por cada archivo CSS una web diferente:

http://www.camaleoncss.com
http://www.csszengarden.com/

En que se basa esto?, pues un solo archivo XHTML que baja quien quiera participar, y crea un archivo CSS para ese XHTML y tiene una pagina diferente a las de los demas usuarios que tambien tienen exactamente el mismo XHTML.

mi ultimo proyecto es este: http://www.asinox.info/intercursos esta totalmente en CSS & XHTML, si lo validas no encontraras errores (A excepcion de unas etiquetas en xhtml que mete el banner de godaddy donde uso sus hosting gratis para puebas, pero oculto esos banner con el mismo poder del CSS), la verdad es que si la hubiese hecho con tablas sin CSS, sin estandares, mi trabajo fuese mucho, sin embargo, esto en dos horas pude hacerlo...esa es la ventaja del CSS.
__________________
www.dataautos.com
  #21 (permalink)  
Antiguo 09/06/2007, 06:32
Avatar de programeitor  
Fecha de Ingreso: febrero-2005
Mensajes: 994
Antigüedad: 19 años, 2 meses
Puntos: 9
Re: No entiendo las ventajas de CSS

me encanta el titulo de este tema

Que te queden dos cosas claro:

º CSS no es antonimo de TABLE, CSS es aplicable a todas las etiquetas HTML, incluida TABLE, sin ninguna restriccion. CSS esta pensado para sacar los estilos del HTML y listarlos en un archivo de estilos (*.css) aparte, el cual puede ser invocado desde el HEAD de la pagina mediante:

<link rel="stylesheets" href="estilos.css">

y el contenido de "estilos.css" podria ser:

.estilo1{
font:bold 110% "courier new";
background:gray;
color:white;
border:2px inset black;
}

estilo2{
.
.
}

.

º El uso de CSS(estilos de los elementos en un archivo aparte) mejora la edicion general del documento, pues para aplicarles esos estilos solo es nesesario darles una clase:

<table class="estilo1">

referente a la legibilidad por parte de otros dispositivos no web, hay mucho que hablar....

luccia as dado en la clave... animo.

Última edición por programeitor; 09/06/2007 a las 07:59
  #22 (permalink)  
Antiguo 09/06/2007, 08:01
Avatar de asinox  
Fecha de Ingreso: enero-2002
Ubicación: Santo Domingo
Mensajes: 2.712
Antigüedad: 22 años, 2 meses
Puntos: 6
Re: No entiendo las ventajas de CSS

a mi tambien me gusta el titulo jeje, y es que es tan facil de entender, es como tener tu casa sin pintar... y usas latas de pinturas para pintarla, pues esas latas serian el css..no se, pero hay tantas formas de explicarlo.... tu cuerpo esta sin forma, sin color, sin vida, y el css le da todo eso
__________________
www.dataautos.com
  #23 (permalink)  
Antiguo 09/06/2007, 19:01
Avatar de K3NNY
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: ARGENTINA!
Mensajes: 1.493
Antigüedad: 20 años, 1 mes
Puntos: 20
Re: No entiendo las ventajas de CSS

12 beneficios de usar CSS en páginas web
__________________
delFuego.com.ar
mi tumblelog sobre diseño

La dedicación en mi respuesta es directamente proporcional a la dedicación en tu pregunta.
  #24 (permalink)  
Antiguo 09/06/2007, 22:47
(Desactivado)
 
Fecha de Ingreso: febrero-2007
Mensajes: 225
Antigüedad: 17 años, 2 meses
Puntos: 5
Re: No entiendo las ventajas de CSS

Guau no habia mirado el post pero parece q este tema da mucho de si , yo misma tengo muchisimas preguntas acerca de los beneficios del css , principalmente a mi me asalto la duda cuando trataba de crear una pagina haciendo estructuras similares a las tablas pero usando los divs , al buscar por google me salian muchas cosas pero al ver el codigo fuente y como mencionaba programeitor venian los tags de html con cambios gracias a un css , debido a esto pues no entendia ni me quedaba claro la diferencia puesto que los tags de html se seguian manteniendo y se modificaban desde un css

La idea que yo tenia era maquetar sin usar tags de html sino puro css , aun la verdad no encontre un sitio donde se explique claro esto de hacer estrucuturas similares a tablas y celdas pero con divs y usando css sin por medio tags de html pero bueno ahi sigo

Un tema controvertido la verdad pero muy saludable el hablarlo creo que hay mucho miedo o recelo aun a este tema y hablarlo es lo mejor para desatascar las dudas , saludos a todos , impresionante la respuesta , ...... sin duda significa algo :)
  #25 (permalink)  
Antiguo 10/06/2007, 05:50
Avatar de programeitor  
Fecha de Ingreso: febrero-2005
Mensajes: 994
Antigüedad: 19 años, 2 meses
Puntos: 9
Re: No entiendo las ventajas de CSS

Es que te han confundido, no a drede, sino por las influencias que hacen los estandares. ,por que les han enseñado a tenerlos en cuenta, incluso da la impresion que han de ceñirse a ellos... lo cual es ya incomodo cuando menos.

Yo no daria tanta importancia a lo que me enseñan, y si mas a lo que se, porque lo aprendo.

Con ·puro CSS· como dices, no se puede hacer nada., pues sus instrucciones no apuntan a ningun sitio, es necesario un documento HTML ,en este caso, que es el que llama, recibe y aplica esos estilos a sus tags, que han debido ser marcados adecuadamente como te explique ,con el atributo ·class·, o si quieres hacer modificaciones desde SCRIPT ·className·.

El CSS tambien es aplicable a los documentos XML, que no se si conoceras , pero es el mismo tipo de extructura y, tu puedes poner tus tags, y diferenciarlos con tu hoja de estilos CSS.

aqui te dejo un ejemplo de un XML con CSS

Cita:
<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/css" href="xml.css"?>
<todo>
<script type="text/javascript" href="xml.js"></script>
<txt onmouseover="window.status='hola'">jarl</txt>
<txt onmouseout="window.status='adios'">1234</txt>
<img/>
</todo>
en este caso el CSS hace referencia a los elementos:

Cita:
todo{
padding:1%;
width:100%;
height:100%;
background:silver;
}

txt{
display:block;
padding:0 1%;
background:gray;
color:white;
}

img{
background:url(../../imagen/tartesos.gif);
width:320px;
height:240px;
}
Por lo demas ,es bastante complicado e inutil hacer una extructura de tabla con otros tags, ya que la tabla, tiene unas caracteristicas de autoajuste de sus partes, que no comparte con otros elementos HTML ,con lo cual ,saludos....
  #26 (permalink)  
Antiguo 10/06/2007, 06:48
Avatar de Yaraher  
Fecha de Ingreso: abril-2007
Ubicación: Lima, Perú
Mensajes: 262
Antigüedad: 17 años
Puntos: 9
Re: No entiendo las ventajas de CSS

Cita:
Iniciado por lucciagxxx Ver Mensaje
Guau no habia mirado el post pero parece q este tema da mucho de si , yo misma tengo muchisimas preguntas acerca de los beneficios del css , principalmente a mi me asalto la duda cuando trataba de crear una pagina haciendo estructuras similares a las tablas pero usando los divs , al buscar por google me salian muchas cosas pero al ver el codigo fuente y como mencionaba programeitor venian los tags de html con cambios gracias a un css , debido a esto pues no entendia ni me quedaba claro la diferencia puesto que los tags de html se seguian manteniendo y se modificaban desde un css

La idea que yo tenia era maquetar sin usar tags de html sino puro css , aun la verdad no encontre un sitio donde se explique claro esto de hacer estrucuturas similares a tablas y celdas pero con divs y usando css sin por medio tags de html pero bueno ahi sigo

Un tema controvertido la verdad pero muy saludable el hablarlo creo que hay mucho miedo o recelo aun a este tema y hablarlo es lo mejor para desatascar las dudas , saludos a todos , impresionante la respuesta , ...... sin duda significa algo :)
No te preocupes, tienes dudas que muchos las tuvieron y temores que incluso algunos amigos míos tienen todavía.

Usar una tecnología sólo porque alguien más te lo dice, y no porque realmente entiendas para qué sirve, es algo realmente absurdo, ya que luego alguien más te dirá lo contrario, y al no saber como rebatirle, terminarás siguiéndole, y así sucesivamente. Es por eso que posts como este son increiblemente necesarios, ya que permiten brindar una ayuda a entender el porqué de las cosas.

Comencemos por el principio. La W3C no es un organismo que dicte todo lo que debes hacer en con tus sitios, tu CSS ni tu vida. La W3C sólo da recomendaciones sobre lo que los miembros de ésta y su directorio, luego de debatir y conversar mucho sobre el tema, CREEN que es lo mejor en un tema. Son un conjunto de guías. Nada más y nada menos.

¿Por qué son tan respetadas y celosamente defendidas? Porque tienen sentido, y como diseñador y desarrollador, les encontrarás razón de ser estudiando un poco el tema. Pero para nada deben obligarte a realizar algo que no quieres.

Es cierto, es INCORRECTO maquetar con tablas. No hay vuelta que darle, y es algo que no se debería hacer. Sin embargo, como dices, existen muchos más factores. Trabajar en un negocio donde se requiere rapidez, significa realizar sacrificios, y si tienen ya un proceso de creación, cambiarlo radicalmente significaría pérdidas para Uds., y para sus clientes al ofrecerles resultados en una tecnología que no dominan.

Mi recomendación personal es ir poco a poco. Definitivamente, como en cualquier cosa nueva que se aprende, hay que ir gateando. Al inicio se te hará muy difícil y tedioso utilizar y crear sitios web usando estándares y buenas recomendaciones.

Pero poco a poco se irá tornando más sencillo. Te puedo decir por experiencia propia que maquetar un sitio con CSS es realmente fácil, y sitios que antes me tomaban mucho tiempo realizar con tablas (y peor aún, mantener) ahora los realizo en CSS realmente rápido. ¿Volvería a diseñar con tablas? Rotundamente, no.

Pueden realizar, por ejemplo, diseños híbridos, usando una tabla para maquetar y darle algo de forma y diseño mediante CSS. Esa es la belleza de CSS, no tienes que limitarte y restringirte a las formas que tiene una tabla.

Las hojas de estilo fueron pensadas para darle diseño al contenido.

Y sobre las ventajas, muchas ya antes las han mencionado. Usar tablas en un sitio "parece" no tener ninguna repercusión en éste, y hacerlo con CSS "parece" dar el mismo resultado. Pero ahora los mercados están creciendo, y mucha más gente utiliza y accede a Internet desde otros sitios.

Suelo revisar mi correo ahora vía móvil, y sería imposible que una tabla aparezca en la pequeña pantalla del celular. Pero debido a que el programa de correo separa el contenido (en el documento HTML) del diseño (CSS). Así, sólo me envía el contenido específico y puedo acceder a éste.

En las mañanas suelo revisar las noticias con el Wii en el televisor. Y ver sitios con tablas en un televisor malogra totalmente la experiencia, ya que no se adaptan y no pueden ser trabajadas tan fácilmente como lo es tener el texto sencillo y hacer que ajuste libremente según lo maneje el navegador.

Hablemos también de los navegadores para personas con discapacidades. Un documento semánticamente correcto ayuda a que el sitio pueda ser revisado por éstas.

Claro, todos esos ejemplos se oyen bien, pero todavía estamos hablando de porcentajes bajos ¿no?. La respuesta cada vez es menos clara. En Japón casi todos los sitios son accesados ahora por Celular e igual panorama empieza a verse en USA. Tendencias así no tardarán en llegar acá (sólo imagina el fenómeno que traerá e influenciará el iPhone).

Hay muchas otras ventajas también. Imagina que tu cliente en unos meses desea renovar su sitio (es más, es lo que uno espera para poder mantenerse en el negocio). ¿No sería más sencillo tocar sólo un archivo para rediseñarlo totalmente y no tocar nada el código de la página en sí? Agrégale a eso tener que editar un archivo con código HTML y PHP. Necesitarías tener mucho cuidado de no tocar algo que no debes.

Es cierto, no es nada que no puedas realizar con un generador de sitios en PHP y archivos de configuración, pero, ¿realmente es óptimo realizar consultas al servidor por cada página que quiera tomar el diseño cuando lo puede hacer directamente en el servidor cliente?

Incluso en el tema del tamaño es importante. Cierto, una página con CSS puede pesar 20Kb y una sin 25Kb; no parece haber mucha diferencia. Pero ¿los sitios ahora sólo se conforman de una página? Digamos que hay diez página. La diferencia se va ahora aumentando: (En CSS, 20x10=200Kb, Sin CSS: 250kb), ahora son 50Kb. Aún así, ¿no parece mucho, no? Pero digamos que tu sitio tiene 1000 visitas al mes. Ahora ya estamos hablando de 50Mb de diferencia. Y un sitio exitoso normalmente recibe más de 500 visitas al día. El sitio de mi papá (sobre Microeconomía) tiene cerca de 700 visitas diarias (y, honestamente, no sé como :P). ¡Ya estamos hablando de una diferencia de casi 1Gb!

Y eso con cálculos sencillos, estamos ahorrando casi 1Gb de transferencia mensual. Con una pequeña diferencia de 5Kb. Y como un aleteo de mariposa, cada vez esa diferencia irá creciendo más y más mientras el sitio crece (y queremos que éste crezca para que el cliente se sienta más satisfecho, ¿no?).

Razones hay muchas. Pero lo mejor siempre será experimentarlo por ti misma. Como te comento, trata con una página a la vez, usando CSS para darle algo de color a las tablas.

Luego trata de revisar algunos de los diseños ya existentes en CSS para maquetar y adapta tu contenido a éstos. No tendrás que preocuparte mucho si funcionan correctamente en los navegadores ya que normalmente funcionan en todos ellos cuando los liberan.

Poco a poco irás viendo que és más sencillo y la experiencia se siente más, "correcta". Te aseguro que en pocos meses habrás convencido a toda tu empresa sobre las maravillas del CSS y estarán haciendo sitios en igual o menos tiempo que hacerlos con tablas.

Mucha suerte, y cualquier duda sobre como usarlos en algún tema, muchas trataremos de darte una mano. Y de aprender contigo.

¡Suerte!
  #27 (permalink)  
Antiguo 10/06/2007, 14:54
Avatar de programeitor  
Fecha de Ingreso: febrero-2005
Mensajes: 994
Antigüedad: 19 años, 2 meses
Puntos: 9
Re: No entiendo las ventajas de CSS

No hay que acosar el libre uso de las tablas porque unos "modernos" dispositivos no tengan el sofware adecuado para hacerlas accecibles, esto ultimo, en principio, no tiene credibilidad.
Si una pagina tiene un esquema tabular, no hay ninguna razon para que no pueda ser leida por cualquier software, si no caben 3 celdas se muestra 1 y luego las otras, ¿es que los discapacitados y los que usan el movil para ver webs, no saben entender una tabla? Si un diseño con tablas tiene 9 celdas, todas son contenido, y puede ser leida como una que tenga 9 divs.

Cogiendo el hilo de los 9 tags, habra que recordar el abuso escesivo que se hace de divs invisbles y/o vacios para acomodar los diseños "actuales", me imagino que para uno de estos dispositivos tienen que representar un alto nivel de polucion, por asi decirlo.

Tal vez lo que tenga que cambiar sea el software de esos dispositivos, y no una forma de extructurar los documentos que ha demostrado su facilidad y fiabilidad con los años, y recursivamente, no adaptarnos, a un sistema de maquetacion que tiene muchos defectos, y proboca grandes perdidas de tiempo. Ya lo he dicho en otra ocasion pero: ¿ de que vale una tecnologia cuando lo que hace es complicarnos las cosas ? y no me refiero a CSS exactamente...

Seria bueno para todos (todos podemos aportar nuestros comentarios para subsanar las dudas de los participantes) ,que disminuyeran en lo posible las menciones a tecnologias y estandares, y otras "grandes palabras" para cuando lo unico que se persigue es despejar una duda o solucionar un problema.

Salud os

Postdata:Me parece interesante la idea de crear un subforo de compatibilidad y estandares, si es que no lo hay ya. Ahi tal vez pudieran debatirse estos temas sin "complicar" 2 de cada 3 psot de estos foros del web.
  #28 (permalink)  
Antiguo 10/06/2007, 19:02
Avatar de Yaraher  
Fecha de Ingreso: abril-2007
Ubicación: Lima, Perú
Mensajes: 262
Antigüedad: 17 años
Puntos: 9
Re: No entiendo las ventajas de CSS

Por supuesto, si la información que vamos a presentar es por naturaleza tabulada, no hay vuelta que darle y son las tablas lo ideal a utilizar, por ejemplo, para describir una Menú de Restaurant, un Calendario, una Guía de Películas y n ejemplos más que por naturaleza son tablas.

Y toda la razón con lo que dices del problema que genera el maquetado con CSS: la "divitis", divs invisibles, divs anidados, que a veces hacen las cosas más complicadas de lo necesario y se pierden las ventajas que teníamos originalmente.

Para eso, tenemos que revisar bien nuestro documento XHTML y tratar que sea semánticamente correcto también. Por ejemplo, no usar un div para un menu cuando bien puede ser un UL, o utilizar DIVs para mostrar información de valores y datos cuando se puede usar un DL para esto.

Pero normalmente son cosas que se aprenden con la práctica :P

En lo que si discrepo es en:
Cita:
Tal vez lo que tenga que cambiar sea el software de esos dispositivos, y no una forma de extructurar los documentos que ha demostrado su facilidad y fiabilidad con los años, y recursivamente, no adaptarnos, a un sistema de maquetacion que tiene muchos defectos, y proboca grandes perdidas de tiempo. Ya lo he dicho en otra ocasion pero: ¿ de que vale una tecnologia cuando lo que hace es complicarnos las cosas ? y no me refiero a CSS exactamente...
Maquetar con tablas nunca lo vi exactamente como fácil y fiable, y es complicado mantener un sitio así. Sólo mira como tantos diseñadores han decidido cambiarse a maquetar con tablas. Definitivamente, hay muchos (como dices) que sólo ha hacen por seguir al resto y sin entender bien porqué, pero la mayoría lo ha hecho porque ha visto las ventajas.

No creo que CSS tenga muchos defectos (o al menos, no he identificado ninguno aún, y cada vez me sorprende todas las cosas que se pueden hacer ahí ) y que provoque pérdidas de tiempo (al menos ahora hago las cosas más rápido y es más sencillo realizar cambios y modificaciones que antes).

Es cierto, aprender a maquetar con CSS toma tiempo, por eso le sugería empezar poco a poco, a modo de prueba. Si finalmente decide seguir utilizando tablas, ya no hay nada más que hacer, pero al menos intentó ver otra manera de ver las cosas.

Y donde te doy toda la razón también es en tu comentario final de mi quota. Una tecnología que te complica la vida sólo por que es "nueva" es algo absurdo. Felizmente no es el caso de CSS.

Sobre los dispositivos, no creo que tengan ellos que cambiar, ya que muestran la información como la necesitan, tan sólo como contenido. Normalmente ignoran el diseño (en la CSS) y colocan el texto de una forma que se adapta en la pantalla de, digamos, un celular. Pero si incluyes una tabla (de nuevo, para algo que no sea data tabulada) también la tomará y mostrará datos (por ejemplos, imágenes) que corresponden al diseño y transmiten mayor información que la requerida.

Saludos!
  #29 (permalink)  
Antiguo 11/06/2007, 03:39
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.725
Antigüedad: 22 años, 2 meses
Puntos: 998
Re: No entiendo las ventajas de CSS

Cita:
Iniciado por Yaraher Ver Mensaje
Menú de Restaurant (...) por naturaleza son tablas.
un menú lo veo más como una lista de comidas
  #30 (permalink)  
Antiguo 11/06/2007, 09:39
Avatar de K3NNY
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: ARGENTINA!
Mensajes: 1.493
Antigüedad: 20 años, 1 mes
Puntos: 20
Re: No entiendo las ventajas de CSS

Cita:
Iniciado por webosiris Ver Mensaje
un menú lo veo más como una lista de comidas
¿Con una columna de precios al lado? ¿Y otra más con los precios pero en dólares?
__________________
delFuego.com.ar
mi tumblelog sobre diseño

La dedicación en mi respuesta es directamente proporcional a la dedicación en tu pregunta.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:00.