¿Por qué separar el contenido de la presentación?

En esta entrada del blog de JJ, Anónima ha realizado las siguientes preguntas:

¿Ques son los CSS, por qué es malo hacerlo con tablas?

¿qué son frames? ¿en qué influye eso en lo que yo veo en la página web?

¿por qué os parece mal que salten ventanas, y se usen javascript, mapas de imágenes para menús? ¿que hay de malo en los pdf?

Yo he intentado contestar a las preguntas y creo que es posible que haya mucha gente a la que le interesen las respuestas, por eso las reproduzco aquí:

* Las CSS son hojas de estilo en cascada que se utilizan para separar el contenido de la presentación, las CSS se encargan de la presentación tanto de letras como de fondos, tamaños y posiciones, y siguen un estándar, por lo que se ven (o al menos deben verse) bien en todos los navegadores del mercado. Es obvio que el contenido está en los ficheros (X)HTML, por lo tanto tendremos separado el contenido (archivo XHTML) y la presentación (archivo CSS).

* Usar tablas es malo porque incluimos dentro del archivo de contenido (el XHTML o HTML) las normas de presentación, por lo que el resultado final es que el contenido no es independiente de la presentación y esto implica que es menos reutilizable y más difícil de mantener.

Es muy importante una correcta separación del contenido de la web y de su presentación porque esto nos permite utilizar una presentación distinta para distintos cometidos, por ejemplo podemos querer una presentación para impresión y otra para verla en el navegador. Con CSS la solución es inmediata, basta hacer un CSS para cada cometido, ¿cómo lo harías con tablas?

* Los frames dividen una web en varios trozos, en cada uno de esos trozos se puede incrustar un archivo (X)HTML, hasta aquí perfecto, el problema llega cuando alguien accede a tu página con un navegador antiguo que no soporta los frames, entonces este visitante no podrá ver tu web. Lo mismo ocurriría con un navegador en modo texto como Lynx (muy utilizado por personas con discapacidades como los invidentes). También el usuario puede tener problemas si accede a una web con frames y la resulución de su pantalla no es la suficiente como para que los 2 o los N frames se visualicen en ella, no es muy raro ver monitores que sólo permiten una resolución de 640×480 en universidades, como tampoco es extraño ver páginas web exclusivamente diseñadas para 800×600 o 1024×768 (y sino que se lo pregunten a PJorge :P).

* Me parece mal que salten ventanas por el mismo motivo anterior, porque no es usable, hay navegadores que no lo soportan y personalmente me molestan, ¿por qué hacer saltar una ventana si ese contenido se puede poner en la web, o si se puede poner un enlace a esa página de forma ortodoxa?.

* El uso de Javascript es distinto, hay cosas que no se pueden hacer con (X)HTML porque es un lenguaje de marcado y NO un lenguaje de programación como mucha gente piensa. De ahí que se necesiten lenguajes de script como Javascript para realizar ciertas operaciones y algoritmos.

* En cuanto a los mapas de imágenes para menús no me parece mal que se usen si hay un menú alternativo de texto, ya que como he dicho antes hay navegadores que no permiten imágenes.

* En los PDFs no hay nada de malo, ¿alguien ha dicho lo contrario?

Espero haberte aclarado las dudas.

Puedes leer más y documentarte con ejemplos en este artículo que publiqué hace tiempo.

Salu2

19 comentarios

No es una usuaria anónima, es una usuaria llamada anónima :-)
En cuanto al PDF, como he dicho, no es tanto un problema de usabilidad como de proceso automático, que es lo que me interesa. Dicho en fino, a un PDF le faltan etiquetas semánticas que ayuden a extraer el contenido fácilmente.

Comentario de JJ | September 29th, 2004 14:23 | Permalink

Jajajaja, que bueno.
OK, ahora lo cambio.

Claro, pero los PDFs no están hechos para esos menesteres, simplemente se utilizan como documentos portables para impresión en mayor medida.

Para los fines que persigues están las herramientas Tex, que pueden ser usadas libremente por cualquiera, pero que por desgracia no las usa tanta gente como los PDFs.

Comentario de Cek | September 29th, 2004 14:30 | Permalink

Muy buena la exposición Cek. Sólo queda decir: amén. :))

Comentario de corsaria | September 29th, 2004 15:09 | Permalink

Amén :P

Comentario de Cek | September 29th, 2004 16:36 | Permalink

Muy buena respuesta. Así sea y se propague el CSS ;-)

Comentario de Cyteck | September 29th, 2004 23:28 | Permalink

Sólo una cosita: usar tablas no es malo en general, lo es únicamente cuando las usamos para estructurar el contenido de la web. Aunque se entiende que te refieres a este caso :-)

Comentario de Jordi | September 29th, 2004 23:36 | Permalink

Está bien que puntualices Jordi, muchas veces escribo suponiendo que la gente sabe a lo que me refiero y puede que no lo sepa. Gracias :)

Comentario de Cek | September 29th, 2004 23:58 | Permalink

Cyteck y Corsaria: fundemos la iglesia CSSiana :P

Comentario de Cek | September 29th, 2004 23:59 | Permalink

Herramientas TeX? Se pueden procesar PDFs con herramientas TeX?
Y me apunto a la Iglesia CSSIana, pero solo si me dais solideo y me nombráis archidiácono mayor.

Comentario de JJ | September 30th, 2004 09:41 | Permalink

¿No me digas que no conoces las herramientas TeX? Supongo que sí :)
Con las herramientas TeX se procesan ficheros TeX, pero estos ficheros TeX pueden ser transformados a PDF, con lo que si tienes el fichero TeX del que se ha creado el PDF podrás procesarlo.

Vale, te concederemos ese honor. Pero sólo porque eres el único que ha llegado a la senectud :)

Comentario de Cek | September 30th, 2004 11:45 | Permalink

Pues sea. Fundemos la iglesia CCSiana.
Habrá que establecer los votos y tal… para los archidiáconos. xD
El primero podría ser una prueba de conocimiendo de TeX ;)

Comentario de corsaria | September 30th, 2004 15:14 | Permalink

Jejeje, hombre, las cosas hay que hacerlas bien hechas, los cargos eclesiásticos son a dedo, por lo tanto proclamo a JJ Merelo Archidiácono de la diócesis :)

Comentario de Cek | September 30th, 2004 19:21 | Permalink

Bueno pues ahora busquemosle una diócesis cómoda. xDD ;)

Comentario de corsaria | September 30th, 2004 19:39 | Permalink

xDDDD

Comentario de Cek | September 30th, 2004 20:00 | Permalink

Y si le metes flash? donde se mete? aparte? dentro? lo tiras en la cesta de la ropa sucia o qué haces?

Comentario de Manuls | September 30th, 2004 21:27 | Permalink

Pues para meter flash muy sencillo, se ponen las etiquetas oportunas y listo.

Comentario de Cek | September 30th, 2004 21:46 | Permalink

Por alusiones. Que conste que yo no preguntaba por qué hay que separar el fondo de la forma. Eso es de cajón. Permite que el software sea reutilizable. Es que sencillamente desconocía los términos en que se describía el problema.

Gracias una vez más por las explicaciones.

Anónima.

Y si, ya sé que no es muy imaginativo, pero no se me ocurría otro nick y, de momento, Anónima solo hay una :)

Comentario de Anónima | October 1st, 2004 12:03 | Permalink

Ya lo sabemos anónima, pero en la respuesta a tu pregunta va implícita la respuesta a la pregunta de por qué hay que separar el contenido de la presentación(no el fondo de la forma porque ambos pertenecen a presentación).

De nada y ojalá te volvamos a ver por estos lares :)

No cambies el nick que es mu mono, el problema es que da lugar a confusión como me pasó a mí, jejeje.

Comentario de Cek | October 1st, 2004 12:40 | Permalink

adipex

adipex Egalitarianism has been the most corrosive, illiberal and muderous of modern beliefs. The French Revolution told us all we needed to know ab

Comentario de adipex usando Firefox Firefox 0.6 en Windows Windows 2000 | July 10th, 2005 23:48 | Permalink

Deja un comentario

XHTML: Puedes usar estos tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Previsualización del comentario

Comment by Somebody
Buscar
Categorías
all *BSD feed (5)
ADSL feed (6)
Apple feed (4)
Bases de Datos feed (8)
Bitácoras feed (64)
Charlas feed (3)
Chorradas feed (40)
Ciencia feed (9)
Cine feed (6)
CSS feed (8)
Deporte feed (11)
Diseño feed (12)
Educación feed (13)
English feed (2)
Estándares feed (19)
Gadgets feed (13)
Gastronomía feed (1)
Geek feed (23)
General feed (30)
GNU/Linux feed (81)
Hardware feed (20)
Internet feed (81)
Juegos feed (7)
Libros feed (20)
Licencias feed (17)
Manuales feed (24)
Música feed (18)
P2P feed (10)
Podcasting feed (2)
Política feed (43)
Programación feed (31)
Redes feed (19)
Salud feed (2)
Sistemas Operativos feed (57)
Tecnología feed (14)
Usabilidad feed (5)
Utilidades feed (30)
WEB feed (34)
Yo, mi, me, conmigo feed (26)
Archivos
Información
Enlaces
Administración
Sindicación
Estadísticas
Photolog

Gestionado con WordPress 2.3.1    Renderizado en 21 consultas y 0.468 segundos.    CleanBreeze Theme