{"id":1423,"date":"2008-02-21T17:35:05","date_gmt":"2008-02-21T15:35:05","guid":{"rendered":"http:\/\/beta.uppodition.com\/?p=27"},"modified":"2008-02-21T17:35:05","modified_gmt":"2008-02-21T15:35:05","slug":"la-importancia-de-maquetar-con-estandares","status":"publish","type":"post","link":"https:\/\/www.websdirect.es\/actualidad\/la-importancia-de-maquetar-con-estandares\/","title":{"rendered":"La importancia de maquetar con est\u00e1ndares"},"content":{"rendered":"

Seg\u00fan un art\u00edculo publicado por C\u00e9sar Garc\u00eda, Ingeniero T\u00e9cnico Inform\u00e1tico y Consultor Independiente, el uso de est\u00e1ndares XHTML y CSS en la maquetaci\u00f3n de p\u00e1ginas web<\/a> es de vital importancia para que un sitio web sea r\u00e1pido, accesible, independiente, eficiente, m\u00e1s f\u00e1cil de gestionar y m\u00e1s susceptible de permanecer con el paso del tiempo. En este sentido, Garc\u00eda hace hincapi\u00e9 en la necesidad de separar contenido de dise\u00f1o, lo que b\u00e1sicamente significa terminar con el uso indiscriminado de las tablas en la maquetaci\u00f3n. Seg\u00fan el autor, las tablas han de emplearse para lo que fueron creadas, es decir, para presentar datos tabulares.<\/p>\n

Las nuevas versiones de los navegadores est\u00e1n incorporando cada vez m\u00e1s soporte para est\u00e1ndares. Un sitio web que quiera ser compatible con todos, y adem\u00e1s, con el incipiente n\u00famero de dispositivos de conexi\u00f3n a Internet presentes y futuros (tel\u00e9fonos m\u00f3viles, PDAs, tablet PC, televisi\u00f3n, etc.), deber\u00e1 estar codificado mediante XHTML y CSS<\/strong> si quiere maximizar su inversi\u00f3n y cubrir todo el espectro de posibles usuarios.<\/p>\n

Reducci\u00f3n de gastos y mejora en la gesti\u00f3n<\/h3>\n

La separaci\u00f3n de estructura y presentaci\u00f3n, y el uso de est\u00e1ndares permite minimizar el tiempo (y por ende, el coste) dedicado a redise\u00f1ar o cambiar contenido<\/a> en una p\u00e1gina web, sin que el dise\u00f1o se vea perjudicado. Con simples cambios podremos modificar el formato de todo un sitio web, cambiando r\u00e1pidamente su apariencia para adaptarlo a los diferentes dispositivos, navegadores, lectores de pantalla, etc.<\/p>\n

Adem\u00e1s, la reducci\u00f3n del tama\u00f1o de los ficheros hasta la mitad conlleva una reducci\u00f3n importante del espacio en el servidor y del ancho de banda, reduciendo costes en el env\u00edo de informaci\u00f3n innecesaria al usuario y en los tiempos de carga de las p\u00e1ginas.<\/p>\n

Accesibilidad<\/h3>\n

En cuanto a la accesibilidad y usabilidad, la utilizaci\u00f3n de hojas de estilo<\/strong> y marcado estructural facilita que un sitio web est\u00e9 disponible para la totalidad de los usuarios de Internet (incluyendo personas con discapacidad sensorial), con independencia de qu\u00e9 dispositivo utilicen para conectarse a la Red. El usuario tendr\u00e1 control sobre la apariencia de un sitio web, pudiendo cambiar el tama\u00f1o de las fuentes, los colores, botones, etc., para adaptarlo a sus gustos o necesidades.<\/p>\n

La accesibilidad del sitio para los buscadores tambi\u00e9n se ver\u00e1 incrementada. El uso de est\u00e1ndares hace que el c\u00f3digo sea m\u00e1s limpio, ya que las p\u00e1ginas s\u00f3lo llevan contenido, y en consecuencia, estos sitios ser\u00e1n m\u00e1s f\u00e1cilmente indexados y obtendr\u00e1n mejores posiciones<\/strong> en los resultados de b\u00fasqueda.<\/p>\n

El art\u00edculo completo de Cesar Garc\u00eda, as\u00ed como algunos ejemplos de webs maquetadas usando est\u00e1ndares, est\u00e1 disponible en: http:\/\/www.alzado.org\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Seg\u00fan un art\u00edculo publicado por C\u00e9sar Garc\u00eda, Ingeniero T\u00e9cnico Inform\u00e1tico y Consultor Independiente, el uso de est\u00e1ndares XHTML y CSS en la maquetaci\u00f3n de p\u00e1ginas web es de\u2026<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4],"tags":[],"class_list":["post-1423","post","type-post","status-publish","format-standard","hentry","category-diseno-web","category-diseno-desarrollo-web"],"_links":{"self":[{"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/posts\/1423","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/comments?post=1423"}],"version-history":[{"count":0,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/posts\/1423\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/media?parent=1423"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/categories?post=1423"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/tags?post=1423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}