{"id":570,"date":"2009-05-04T12:29:45","date_gmt":"2009-05-04T12:29:45","guid":{"rendered":"http:\/\/irisfernandez.com.ar\/betaweblog\/?p=570"},"modified":"2009-05-04T12:29:45","modified_gmt":"2009-05-04T12:29:45","slug":"como-se-ve-mi-sitio-en-otros-sistemas","status":"publish","type":"post","link":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/2009\/05\/04\/como-se-ve-mi-sitio-en-otros-sistemas\/","title":{"rendered":"\u00bfC\u00f3mo se ve mi sitio en otros sistemas?"},"content":{"rendered":"

El principio b\u00e1sico del concepto de accesibilidad web es que todos los usuarios<\/strong> puedan acceder a toda la informaci\u00f3n de un sitio.<\/p>\n

Normalmente dise\u00f1amos haciendo pruebas y m\u00e1s pruebas en la computadora propia, pero cuando subimos la p\u00e1gina a un hosting empezamos teniendo problemas con los caracteres especiales (\u00a1no se ven los acentos!<\/em>), que se resuelven definiendo correctamente la codificaci\u00f3n<\/a>, indicando al usuario c\u00f3mo configurar su navegador<\/a> (\u00a1Gracias, Claudio Segovia<\/a>!), o directamente usando los c\u00f3digos para los caracteres especiales<\/a> (soluci\u00f3n menos correcta pero infalible<\/em>).<\/p>\n

Pronto algunos amigos que entran a nuestra p\u00e1gina con sus diferentes monitores, en diversas resoluciones, con variados navegadores y sistemas operativos, empiezan a avisarnos que la p\u00e1gina No se ve bien<\/em>.<\/strong> \u00bfC\u00f3mo saberlo de antemano?<\/p>\n

Una posibilidad es utilizar\u00a0 un servicio como browsershot.org<\/a>, que muestra nuestra p\u00e1gina en diversos navegadores de diversos sistemas operativos y configuraciones de pantalla<\/strong>. Podemos ver nuestro sitio en pantallas de 800 x 600 o en una de 1680 px de ancho; en Internet Explorer, en Opera, o en Safari; en un sistema sin JavaScript o sin Flash, etc. etc.:<\/p>\n

\"Browsershot\"<\/p>\n

\u00bfY c\u00f3mo resuelvo las diferencias?<\/strong><\/p>\n

En muchos casos veremos que el sitio se ve muy bien, tan bien como en nuestro querido Mozilla Firefox<\/a>, pero que el malvado Internet Explorer muestra algunas cosas un poco diferentes. Esto se debe a que Internet Explorer no cumple con los est\u00e1ndares<\/strong> para la web, as\u00ed que tendremos que tomarnos un trabajito extra para este navegador: emezetablog<\/a> propone utilizar una hoja de estilos agregada, con diferentes definiciones de formato, que s\u00f3lo se lea cuando el usuario tiene Internet Explorer<\/a>.<\/p>\n

Un ejemplo:<\/p>\n

<!–[if gte IE 5.500 ]>
\n<link rel=’stylesheet’ type=’text\/css’ href=’estilosIE.css’>
\n<![endif]–><\/p>\n

Otros posts de BETA Weblog<\/em> sobre accesibilidad y CSS:<\/p>\n

M\u00e1s sobre CSS: Float y Clear<\/a><\/p>\n

Im\u00e1genes en CSS<\/a><\/p>\n

Sombras nada m\u00e1s\u2026 o \u00bfsombras en el texto de una web accesible?<\/a><\/p>\n

Ayuda para crear hojas de estilo<\/a><\/p>\n

C\u00f3mo saber el c\u00f3digo de un color<\/a><\/p>\n

C\u00f3mo saber si tu sitio es accesible<\/a><\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

El principio b\u00e1sico del concepto de accesibilidad web es que todos los usuarios puedan acceder a toda la informaci\u00f3n de un sitio. Normalmente dise\u00f1amos haciendo pruebas y m\u00e1s pruebas en la computadora propia, pero cuando subimos la p\u00e1gina a un hosting empezamos teniendo problemas con los caracteres especiales (\u00a1no se ven los acentos!), que se … Continuar leyendo “\u00bfC\u00f3mo se ve mi sitio en otros sistemas?”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-570","post","type-post","status-publish","format-standard","hentry","category-educacion-tecnologia"],"_links":{"self":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/posts\/570","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/comments?post=570"}],"version-history":[{"count":0,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/posts\/570\/revisions"}],"wp:attachment":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/media?parent=570"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/categories?post=570"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/tags?post=570"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}