<?xml version="1.0" encoding="UTF-8"?> <rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
><channel><title>Joseba Umbelina&#187; diseño web, todo sobre diseño web</title> <atom:link href="http://www.josebaumbelina.com/tag/diseno-web/feed/" rel="self" type="application/rss+xml" /><link>http://www.josebaumbelina.com</link> <description>SEO y desarrollo web</description> <lastBuildDate>Fri, 11 Jun 2010 20:17:17 +0000</lastBuildDate> <generator>http://wordpress.org/?v=abc</generator> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <atom:link rel="hub" href="http://pubsubhubbub.appspot.com"/><atom:link rel="hub" href="http://superfeedr.com/hubbub"/> <item><title>Ver tu web en diferentes navegadores</title><link>http://www.josebaumbelina.com/20090110/ver-tu-web-en-diferentes-navegadores/</link> <comments>http://www.josebaumbelina.com/20090110/ver-tu-web-en-diferentes-navegadores/#comments</comments> <pubDate>Sat, 10 Jan 2009 10:24:43 +0000</pubDate> <dc:creator>Joseba Umbelina</dc:creator> <category><![CDATA[Desarrollo web]]></category> <category><![CDATA[diseño web]]></category> <category><![CDATA[maquetacion]]></category><guid isPermaLink="false">http://www.josebaumbelina.com/?p=141</guid> <description><![CDATA[Cuando se maqueta o diseña una página web, es determinante asegurarse que se ve igual y funciona sin errores en los principales navegadores. Para ello, se pueden realizar las siguientes pruebas a la página creada:
1. Testearla a conciencia con Internet Explorer y bajo Windows, con diferencia el navegador y el entorno más usado por la [...]]]></description> <content:encoded><![CDATA[<p>Cuando se maqueta o diseña una página web, es determinante asegurarse que se ve igual y funciona sin errores en los principales navegadores. Para ello, se pueden realizar las siguientes pruebas a la página creada:</p><p><strong>1. Testearla a conciencia con Internet Explorer y bajo Windows</strong>, con diferencia el navegador y el entorno más usado por la gente. Conviene instalarse <a target="_blank" title="Multiple IE" rel="nofollow" href="http://tredosoft.com/Multiple_IE" target="_blank"> Multiple IE</a>, que permite ejecutar varias versiones de Internet Explorer desde el mismo ordenador en modo stand alone.</p><p><strong>2. Probarla con los principales navegadores alternativos</strong> soportados por tu sistema operativo. En el caso de Windows, conviene instalarse <a target="_blank" title="download Firefox" rel="nofollow" href="http://www.mozilla.com/en-US/firefox/all.html" target="_blank">Firefox</a> en sus versiones 2 y 3, <a target="_blank" title="download opera browser" rel="nofollow" href="http://www.opera.com/download/" target="_blank">Opera</a>, <a target="_blank" title="download safari browser" rel="nofollow" href="http://www.apple.com/safari/download/" target="_blank">Safari</a> y <a target="_blank" title="download chrome" rel="nofollow" href="http://www.google.com/chrome" target="_blank">Chrome</a>, que estando Google detras seguramente vaya cobrando más importancia con el tiempo.</p><p><strong>3. Usar el servicio <a target="_blank" title="Browsershots" rel="nofollow" href="http://browsershots.org/" target="_blank">Browsershots</a></strong>, en su versión principal o la <a target="_blank" title="Browsershots beta 0.3" rel="nofollow" href="http://v03.browsershots.org/" target="_blank">beta 0.3</a>. Con esta aplicación podras comprobar como se ve tu web en multitud de navegadores y sus diferentes versiones, bajo Windows, Linux y MAC OS.</p><h4><a title="Browsershots" rel="thumbnail" href="http://www.josebaumbelina.com/images/screenshot/browsershots.jpg"><img style="margin-left:120px;border: 1px solid #CCCCCC;" src="http://www.josebaumbelina.com/images/screenshot/browsershots.jpg" alt="Browsershots" width="354" height="251" /></a><span class="pie_foto">Browsershots</span></h4><p><strong>4. Probar la página en sistemas operativos distintos al de desarrollo</strong>. Si tienes oportunidad, testearla en algun ordenador con Linux y un MAC. Como alternativa, usar un sistema de virtualización como <a target="_blank" href="http://www.vmware.com/es/" rel="nofollow" target="_blank" title="VMWare" alt="VMWare">VMWare</a> para tener disponibles entornos de prueba con Windows, Linux y MAC OS.</p><p>Desafortunadamente, son varios los navegadores que no siguen los estandares web, sobretodo IE, y por ello la tarea de maquetación puede resultar bastante pesada en algunos casos. Se supone que las nuevas versiones, como el IE8, estaran mas cerca de cumplir con esos estandares y de poder pasar con buena nota el duro <a target="_blank" title="wikipedia test acid" rel="nofollow" href="http://es.wikipedia.org/wiki/Acid3" target="_blank"> test ACID</a> en su versión <a target="_blank" title="acid3 test" rel="nofollow" href="http://acid3.acidtests.org/" target="_blank"> 3</a>, lo que ahorraría quebraderos de cabeza a los maquetadores.</p><p>En el caso de ser una página web orientada al <strong>entorno móvil</strong>, para las pruebas conviene usar emuladores de cada plataforma como <a target="_blank" title="Nokia Mobile Toolkit" rel="nofollow" href="http://www.forum.nokia.com/info/sw.nokia.com/id/d57da811-c7cf-48c8-995f-feb3bea36d11/Nokia_Mobile_Internet_Toolkit_4.1.html" target="_blank">Nokia Mobile Toolkit</a>, <a target="_blank" title="dotMobi" rel="nofollow" href="http://mtld.mobi/emulator.php" target="_blank">dotMobi</a> o <a target="_blank" title="WinWap" rel="nofollow" href="http://www.winwap.com/downloads/downloads" target="_blank">WinWap</a>. En el navegador Opera, al hacer shift+F11 en su versión normal se renderiza la página como en Opera Mini, su versión para móviles.</p>Compártelo:<a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=Ver%20tu%20web%20en%20diferentes%20navegadores%20-%20http%3A%2F%2Fwww.josebaumbelina.com%2F20090110%2Fver-tu-web-en-diferentes-navegadores%2F" title="Twitter"><img src="http://www.josebaumbelina.com/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a> <a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.josebaumbelina.com%2F20090110%2Fver-tu-web-en-diferentes-navegadores%2F&amp;t=Ver%20tu%20web%20en%20diferentes%20navegadores" title="Facebook"><img src="http://www.josebaumbelina.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a> <a rel="nofollow"  target="_blank" href="mailto:?subject=Ver%20tu%20web%20en%20diferentes%20navegadores&amp;body=http%3A%2F%2Fwww.josebaumbelina.com%2F20090110%2Fver-tu-web-en-diferentes-navegadores%2F" title="email"><img src="http://www.josebaumbelina.com/wp-content/plugins/sociable/images/email_link.png" title="email" alt="email" class="sociable-hovers" /></a> <a rel="nofollow"  target="_blank" href="http://barrapunto.com/submit.pl?subj=Ver%20tu%20web%20en%20diferentes%20navegadores&amp;story=http%3A%2F%2Fwww.josebaumbelina.com%2F20090110%2Fver-tu-web-en-diferentes-navegadores%2F" title="BarraPunto"><img src="http://www.josebaumbelina.com/wp-content/plugins/sociable/images/barrapunto.png" title="BarraPunto" alt="BarraPunto" class="sociable-hovers" /></a> <a rel="nofollow"  target="_blank" href="http://bitacoras.com/anotaciones/http%3A%2F%2Fwww.josebaumbelina.com%2F20090110%2Fver-tu-web-en-diferentes-navegadores%2F" title="Bitacoras.com"><img src="http://www.josebaumbelina.com/wp-content/plugins/sociable/images/bitacoras.png" title="Bitacoras.com" alt="Bitacoras.com" class="sociable-hovers" /></a> <a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.josebaumbelina.com%2F20090110%2Fver-tu-web-en-diferentes-navegadores%2F&amp;title=Ver%20tu%20web%20en%20diferentes%20navegadores&amp;notes=Cuando%20se%20maqueta%20o%20dise%C3%B1a%20una%20p%C3%A1gina%20web%2C%20es%20determinante%20asegurarse%20que%20se%20ve%20igual%20y%20funciona%20sin%20errores%20en%20los%20principales%20navegadores.%20Para%20ello%2C%20se%20pueden%20realizar%20las%20siguientes%20pruebas%20a%20la%20p%C3%A1gina%20creada%3A%0D%0A%0D%0A1.%20Testearla%20a%20conciencia%20con%20" title="del.icio.us"><img src="http://www.josebaumbelina.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a> <a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.josebaumbelina.com%2F20090110%2Fver-tu-web-en-diferentes-navegadores%2F&amp;title=Ver%20tu%20web%20en%20diferentes%20navegadores&amp;bodytext=Cuando%20se%20maqueta%20o%20dise%C3%B1a%20una%20p%C3%A1gina%20web%2C%20es%20determinante%20asegurarse%20que%20se%20ve%20igual%20y%20funciona%20sin%20errores%20en%20los%20principales%20navegadores.%20Para%20ello%2C%20se%20pueden%20realizar%20las%20siguientes%20pruebas%20a%20la%20p%C3%A1gina%20creada%3A%0D%0A%0D%0A1.%20Testearla%20a%20conciencia%20con%20" title="Digg"><img src="http://www.josebaumbelina.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a> <a rel="nofollow"  target="_blank" href="http://meneame.net/submit.php?url=http%3A%2F%2Fwww.josebaumbelina.com%2F20090110%2Fver-tu-web-en-diferentes-navegadores%2F" title="Meneame"><img src="http://www.josebaumbelina.com/wp-content/plugins/sociable/images/meneame.png" title="Meneame" alt="Meneame" class="sociable-hovers" /></a> <a rel="nofollow"  target="_blank" href="http://www.wikio.com/vote?url=http%3A%2F%2Fwww.josebaumbelina.com%2F20090110%2Fver-tu-web-en-diferentes-navegadores%2F" title="Wikio"><img src="http://www.josebaumbelina.com/wp-content/plugins/sociable/images/wikio.png" title="Wikio" alt="Wikio" class="sociable-hovers" /></a> <a rel="nofollow"  target="_blank" href="http://reporter.nl.msn.com/?fn=contribute&amp;Title=Ver%20tu%20web%20en%20diferentes%20navegadores&amp;URL=http%3A%2F%2Fwww.josebaumbelina.com%2F20090110%2Fver-tu-web-en-diferentes-navegadores%2F&amp;cat_id=6&amp;tag_id=31&amp;Remark=Cuando%20se%20maqueta%20o%20dise%C3%B1a%20una%20p%C3%A1gina%20web%2C%20es%20determinante%20asegurarse%20que%20se%20ve%20igual%20y%20funciona%20sin%20errores%20en%20los%20principales%20navegadores.%20Para%20ello%2C%20se%20pueden%20realizar%20las%20siguientes%20pruebas%20a%20la%20p%C3%A1gina%20creada%3A%0D%0A%0D%0A1.%20Testearla%20a%20conciencia%20con%20" title="MSN Reporter"><img src="http://www.josebaumbelina.com/wp-content/plugins/sociable/images/msnreporter.png" title="MSN Reporter" alt="MSN Reporter" class="sociable-hovers" /></a> <a rel="nofollow"  target="_blank" href="http://www.josebaumbelina.com/feed/" title="RSS"><img src="http://www.josebaumbelina.com/wp-content/plugins/sociable/images/rss.png" title="RSS" alt="RSS" class="sociable-hovers" /></a> <a rel="nofollow"  target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.josebaumbelina.com%2F20090110%2Fver-tu-web-en-diferentes-navegadores%2F" title="Technorati"><img src="http://www.josebaumbelina.com/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a><br/><br/>]]></content:encoded> <wfw:commentRss>http://www.josebaumbelina.com/20090110/ver-tu-web-en-diferentes-navegadores/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>