<?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/"
	xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Artículos para Webmaster</title>
	<atom:link href="http://delaweb.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://delaweb.wordpress.com</link>
	<description>sobre diseño y usabilidad de la web</description>
	<lastBuildDate>Sun, 16 Mar 2008 05:24:33 +0000</lastBuildDate>
	<generator>http://wordpress.com/</generator>
	<language>es</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<cloud domain='delaweb.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://www.gravatar.com/blavatar/5d992bfd16ada47033f69da2d04c3e39?s=96&#038;d=http://s.wordpress.com/i/buttonw-com.png</url>
		<title>Artículos para Webmaster</title>
		<link>http://delaweb.wordpress.com</link>
	</image>
			<item>
		<title>YSlow, diagnóstico en local para tus sitios web</title>
		<link>http://delaweb.wordpress.com/2008/03/16/yslow-diagnostico-en-local-para-tus-sitios-web/</link>
		<comments>http://delaweb.wordpress.com/2008/03/16/yslow-diagnostico-en-local-para-tus-sitios-web/#comments</comments>
		<pubDate>Sun, 16 Mar 2008 05:24:33 +0000</pubDate>
		<dc:creator>jppm30</dc:creator>
				<category><![CDATA[Navegadores]]></category>
		<category><![CDATA[Recursos]]></category>

		<guid isPermaLink="false">http://delaweb.wordpress.com/?p=17</guid>
		<description><![CDATA[Seguro que más de una vez os habéis visto obligados a “adelgazar” un sitio web, reducir las imágenes, eliminar comentarios del código, reducir las peticiones HTTP… Por supuesto, hace tiempo que hemos dejado de hacerlo a ciegas gracias a algunas aplicaciones web que nos han ayudado a descubrir las causas de la lentitud de nuestro [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=delaweb.wordpress.com&blog=3085418&post=17&subd=delaweb&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><div class="cuerpo-post">Seguro que más de una vez os habéis visto obligados a “adelgazar” un sitio web, reducir las imágenes, eliminar comentarios del código, reducir las peticiones HTTP… Por supuesto, hace tiempo que hemos dejado de hacerlo a ciegas gracias a algunas aplicaciones web que nos han ayudado a descubrir las causas de la lentitud de nuestro sitio con precisión: <a href="http://www.webmasterlibre.com/2007/06/22/pingdom-tools-analiza-el-tiempo-de-carga-de-tus-sitios/">Pingdom Tools</a>, <a href="http://www.webmasterlibre.com/2006/09/05/tests-de-velocidad-de-carga-de-sitios-web/">iWebtool Website Speed Test, Website Analizer</a>…</p>
<p>Lo malo de todos estos sitios es eso, que son sitios web y necesitamos estar conectados para poder hacer nuestros test.<br />
A través de <a href="http://obm.corcoles.net/20070725/yslow-un-diagnostico-mas/">Otro blog más</a> me entero de que Yahoo! ha desarrollado una extensión para Firefox, en concreto para <a href="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug</a> (una de las extensiones más útiles para desarrolladores web) que nos permitirá realizar estos test cómodamente desde nuestro navegador.</p>
<p><b>YSlow</b> estudiará minuciosamente nuestros sitios y nos ofrecerá estadísticas y consejos. Por mi parte acabo de llenar la lista de tareas para una temporada (operación bikini en Webmaster Libre…).</p>
<p><img src="http://www.webmasterlibre.com/wp-content/uploads/2007/07/statsview.png" alt="YSlow" /></p>
<p><b>YSlow for Firebug:</b> <a href="http://developer.yahoo.com/yslow/">https://addons.mozilla.org/es-ES/firefox/addon/5369</a></p>
<p>Fuente: http://www.webmasterlibre.com/</p></div>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/delaweb.wordpress.com/17/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/delaweb.wordpress.com/17/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/delaweb.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/delaweb.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/delaweb.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/delaweb.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/delaweb.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/delaweb.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/delaweb.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/delaweb.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/delaweb.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/delaweb.wordpress.com/17/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=delaweb.wordpress.com&blog=3085418&post=17&subd=delaweb&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://delaweb.wordpress.com/2008/03/16/yslow-diagnostico-en-local-para-tus-sitios-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/da964e9902c7f4c396c3d6943ea0f226?s=96&#38;d=identicon" medium="image">
			<media:title type="html">jppm30</media:title>
		</media:content>

		<media:content url="http://www.webmasterlibre.com/wp-content/uploads/2007/07/statsview.png" medium="image">
			<media:title type="html">YSlow</media:title>
		</media:content>
	</item>
		<item>
		<title>Primeras pruebas con IE8</title>
		<link>http://delaweb.wordpress.com/2008/03/16/primeras-pruebas-con-ie8/</link>
		<comments>http://delaweb.wordpress.com/2008/03/16/primeras-pruebas-con-ie8/#comments</comments>
		<pubDate>Sun, 16 Mar 2008 05:16:07 +0000</pubDate>
		<dc:creator>jppm30</dc:creator>
				<category><![CDATA[Navegadores]]></category>

		<guid isPermaLink="false">http://delaweb.wordpress.com/?p=16</guid>
		<description><![CDATA[Por fin, hace un rato, he conseguido descargarme la beta de Internet Explorer 8. La instalación ha ido sin problemas y, a pesar de que me esperaba un horror inmenso, no tiene tan mala pinta.

Reinicio y compruebo que IE8 ha sustituído a IE7 en mi sistema, supongo que ahora hará falta que alguien nos enseñe [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=delaweb.wordpress.com&blog=3085418&post=16&subd=delaweb&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><div class="cuerpo-post">Por fin, hace un rato, he conseguido descargarme la beta de Internet Explorer 8. La instalación ha ido sin problemas y, a pesar de que me esperaba un horror inmenso, no tiene tan mala pinta.</p>
<p><img src="http://www.webmasterlibre.com/wp-content/uploads/2008/03/ie8-install3.png" style="border:0 none;" alt="Instalador de IE8" border="0" height="294" width="392" /></p>
<p>Reinicio y compruebo que IE8 ha sustituído a IE7 en mi sistema, supongo que ahora hará falta que alguien nos enseñe a tenerlos a ambos conviviendo sin pegarse. Pero tampoco es algo que me preocupe demasiado por ahora.</p>
<p><img src="http://www.webmasterlibre.com/wp-content/uploads/2008/03/ie8-postinstall1.png" style="border:0 none;" alt="Asistente de configuracion de IE8" border="0" height="292" width="385" /></p>
<p>La primera vez que lo arrancamos nos lanza un asistente de configuración, bastante sencillo y con opciones de importación para favoritos y feeds de otros navegadores. Podemos saltárnoslo pero yo he usado los ajustes por defecto, para no liarla mucho.</p>
<p>Ahora si, me dirijo al blog con él para comprobar cuanto trabajo me queda por delante. No está mal, por lo que había oído pensé que tendría bastantes más problemas.</p>
<p><img src="http://www.webmasterlibre.com/wp-content/uploads/2008/03/ie8-renderissues.png" style="border:0 none;" alt="Problemas de renderizado de la primera beta de IE8" border="0" height="252" width="455" /></p>
<p>Ahora que han eliminado el meta-tag famoso, si queremos que IE8 renderice las páginas como si se tratase de IE7 sólo tendremos que pulsar un botón.</p>
<p><img src="http://www.webmasterlibre.com/wp-content/uploads/2008/03/ie8-emulateie7.png" style="border:0 none;" alt="Emular IE7 en IE8" border="0" height="123" width="384" /></p>
<p>Supongo que me servirá para no tener que pasarme las horas muertas buscando como instalar ambos navegadores juntos.</p>
<p>Sin duda, una de las cosas que más me han gustado en el poco rato que llevo trasteando con él son las nuevas herramientas para desarrolladores. Parecen bastante más cómodas que las de IE7 y espero que resulten realmente útiles.</p>
<p><img src="http://www.webmasterlibre.com/wp-content/uploads/2008/03/ie8-developertools.png" style="border:0 none;" alt="IE 8 Developer Tools" border="0" height="390" width="516" /></p>
<p>Y poco más es lo que puedo contaros por el momento, no es la panacea y, por supuesto, es una beta muy temprana que tendrá que madurar y mejorar. No obstante, viene con pequeños detalles que me hacen tener un poco de confianza en lo que pueda salir de ahí, al menos a peor parece que no van.</p>
<p>A parte de los pequeños bugs con los paddings, los campos de formulario y algunas cosillas de renderización, no he encontrado ningún fallo realmente serio <b>¿Qué tal os están yendo las pruebas a vosotros?</b></p>
<p>Fuente: <a href="http://www.webmasterlibre.com/2008/03/06/primeras-pruebas-con-ie8/" target="_blank">http://www.webmasterlibre.com/ </a></div>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/delaweb.wordpress.com/16/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/delaweb.wordpress.com/16/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/delaweb.wordpress.com/16/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/delaweb.wordpress.com/16/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/delaweb.wordpress.com/16/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/delaweb.wordpress.com/16/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/delaweb.wordpress.com/16/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/delaweb.wordpress.com/16/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/delaweb.wordpress.com/16/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/delaweb.wordpress.com/16/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/delaweb.wordpress.com/16/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/delaweb.wordpress.com/16/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=delaweb.wordpress.com&blog=3085418&post=16&subd=delaweb&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://delaweb.wordpress.com/2008/03/16/primeras-pruebas-con-ie8/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/da964e9902c7f4c396c3d6943ea0f226?s=96&#38;d=identicon" medium="image">
			<media:title type="html">jppm30</media:title>
		</media:content>

		<media:content url="http://www.webmasterlibre.com/wp-content/uploads/2008/03/ie8-install3.png" medium="image">
			<media:title type="html">Instalador de IE8</media:title>
		</media:content>

		<media:content url="http://www.webmasterlibre.com/wp-content/uploads/2008/03/ie8-postinstall1.png" medium="image">
			<media:title type="html">Asistente de configuracion de IE8</media:title>
		</media:content>

		<media:content url="http://www.webmasterlibre.com/wp-content/uploads/2008/03/ie8-renderissues.png" medium="image">
			<media:title type="html">Problemas de renderizado de la primera beta de IE8</media:title>
		</media:content>

		<media:content url="http://www.webmasterlibre.com/wp-content/uploads/2008/03/ie8-emulateie7.png" medium="image">
			<media:title type="html">Emular IE7 en IE8</media:title>
		</media:content>

		<media:content url="http://www.webmasterlibre.com/wp-content/uploads/2008/03/ie8-developertools.png" medium="image">
			<media:title type="html">IE 8 Developer Tools</media:title>
		</media:content>
	</item>
		<item>
		<title>La fotografía instantánea se reinventa en la era digital</title>
		<link>http://delaweb.wordpress.com/2008/03/16/la-fotografia-instantanea-se-reinventa-en-la-era-digital/</link>
		<comments>http://delaweb.wordpress.com/2008/03/16/la-fotografia-instantanea-se-reinventa-en-la-era-digital/#comments</comments>
		<pubDate>Sun, 16 Mar 2008 05:10:39 +0000</pubDate>
		<dc:creator>jppm30</dc:creator>
				<category><![CDATA[Actualidad]]></category>

		<guid isPermaLink="false">http://delaweb.wordpress.com/2008/03/16/la-fotografia-instantanea-se-reinventa-en-la-era-digital/</guid>
		<description><![CDATA[Por Stephanie Falla Aroche
 Recuerdan esas cámaras instantáneas que permitían tomar fotografías y obtener al minuto tu imagen impresa, ahora es posible en la era digital, gracias a un pequeña impresora de 220 gramos.

La fotografía instantánea fue inventada hace 60 años y debido a la transición a la fotografía digital, la empresa Polaroid se declaró [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=delaweb.wordpress.com&blog=3085418&post=15&subd=delaweb&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p class="post-meta">Por <a href="http://www.maestrosdelweb.com/autores/stephanie/" title="Otros artculos de Stephanie Falla Aroche">Stephanie Falla Aroche</a><br />
<!--mclude--> <!--publi--><!-- no cond --><!--/mclude--><span class="intro">Recuerdan esas cámaras instantáneas que permitían tomar fotografías y obtener al minuto tu imagen impresa, ahora es posible en la era digital, gracias a un pequeña impresora de 220 gramos.</span></p>
<p><span></span></p>
<p><img src="http://www.maestrosdelweb.com/images/polaroid.jpg" alt="polaroid" style="float:right;padding:5px;" />La fotografía instantánea fue inventada hace 60 años y debido a <a href="http://www.maestrosdelweb.com/editorial/fotointro/">la transición a la fotografía digital</a>, la empresa <a href="http://www.polaroid.com/">Polaroid</a> se declaró en quiebra y renunció a sus productos instantáneos.</p>
<p>Pero ahora, gracias a una alianza con la <a href="http://www.polaroid.com/onthego/tech.html">tecnología Zink</a> presenta una pequeña impresora de 220 gramos que no necesita de tinta para imprimir las fotografías de tu cámara digital. Y se preguntarán ¿cómo se imprime sin tinta?</p>
<p>La forma es sencilla ya que el secreto radica en el papel fotográfico, el cual contiene 100 billones de cristales amorfocrómicos que reaccionan a la exposición del calor. Esto traducido a otras palabras: es que en 60 segundos obtienes una impresión de tu foto en un formato de 5 x 7.5 cms con una calidad muy aceptable.</p>
<p>Entre las características de la impresora tenemos que se conecta vía USB o Bluetooth a cualquier dispositivo con la capacidad de capturar imágenes. Con está herramienta se espera potenciar las impresiones y Polaroid desea colocarse de nuevo a la cabeza de está tecnología instantánea.</p>
<p>¿Qué les parece, podemos llamar a esta modalidad, fotografía digital instantánea o es sólo una impresora interesante para nuestra fotos digitales?</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/delaweb.wordpress.com/15/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/delaweb.wordpress.com/15/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/delaweb.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/delaweb.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/delaweb.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/delaweb.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/delaweb.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/delaweb.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/delaweb.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/delaweb.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/delaweb.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/delaweb.wordpress.com/15/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=delaweb.wordpress.com&blog=3085418&post=15&subd=delaweb&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://delaweb.wordpress.com/2008/03/16/la-fotografia-instantanea-se-reinventa-en-la-era-digital/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/da964e9902c7f4c396c3d6943ea0f226?s=96&#38;d=identicon" medium="image">
			<media:title type="html">jppm30</media:title>
		</media:content>

		<media:content url="http://www.maestrosdelweb.com/images/polaroid.jpg" medium="image">
			<media:title type="html">polaroid</media:title>
		</media:content>
	</item>
		<item>
		<title>Editores web que facilitan tu trabajo</title>
		<link>http://delaweb.wordpress.com/2008/03/16/editores-web-que-facilitan-tu-trabajo/</link>
		<comments>http://delaweb.wordpress.com/2008/03/16/editores-web-que-facilitan-tu-trabajo/#comments</comments>
		<pubDate>Sun, 16 Mar 2008 05:06:53 +0000</pubDate>
		<dc:creator>jppm30</dc:creator>
				<category><![CDATA[Desarrollo Web]]></category>
		<category><![CDATA[Diseño Web]]></category>

		<guid isPermaLink="false">http://delaweb.wordpress.com/2008/03/16/editores-web-que-facilitan-tu-trabajo/</guid>
		<description><![CDATA[Por Damián Pérez Valdés
 Optimiza tu tiempo y mejora tu experiencia en el diseño y desarrollo en internet utilizando editores web. En este artículo te mostramos una lista de alternativas en el medio, puedes agregar o recomendar tu favorito.
Adobe Dreamweaver CS3:
Dreamweaver aunque es de pago, es una de las herramientas más utilizadas para la creación [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=delaweb.wordpress.com&blog=3085418&post=14&subd=delaweb&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p class="post-meta">Por <a href="http://www.maestrosdelweb.com/autores/damian-perez-valdes/" title="Otros artculos de Damián Pérez Valdés">Damián Pérez Valdés</a><span class="post-categories"><a href="http://www.maestrosdelweb.com/editorial/sitios/" title="Artculos de Navegando" rel="category tag"></a></span></p>
<p><!--mclude--> <!--publi--><!-- no cond --><!--/mclude--><span class="intro">Optimiza tu tiempo y mejora tu experiencia en el diseño y desarrollo en internet utilizando editores web. En este artículo te mostramos una lista de alternativas en el medio, puedes agregar o recomendar tu favorito.</span><span></span></p>
<h3><a href="http://www.adobe.com/es/products/dreamweaver/">Adobe Dreamweaver CS3</a>:</h3>
<p><img src="http://www.maestrosdelweb.com/images/dreamweaver.jpg" alt="dreamweaver" style="float:right;padding:5px;" />Dreamweaver aunque es de pago, es una de las herramientas más utilizadas para la creación de sitios web. Desarrollada para los grupos de usuarios principiantes y avanzados.</p>
<p>La importancia que nos brinda su herramienta de extensiones la cual nos permite añadir funciones a dreamweaver desarrolladas por Adobe, comunidad de usuarios u otros, las cuales le agregar funcionalidades a esta aplicación.</p>
<ul>
<li><b>Características:</b> plataformas Windows y MAC, disponible en varios idiomas, completamiento muy bueno, coloreado en las sintaxis del código, lenguajes: HTML, Coldfusion, PHP, ASP VBScript, ASP.NET C#, Javascript, XML, XSLT, CSS, ActionScript, JSP, entre otros. Incluye Framework para AJAX, administrador CSS, compatibilidad con dispositivos móviles, integración con Adobe Photoshop y Adobe Fireworks.</li>
<li><b>Ventajas:</b> genera código bastante limpio, permite la creación de páginas en diferentes lenguajes, creación de plantillas, definición de sitio.</li>
<li><b>Desventajas:</b> requiere de conexión a Internet para registrar el producto, requiere como mínimo de 512 MB de RAM para poder instalarlo, costo de la licencia.</li>
</ul>
<h3><a href="http://www.zend.com/en/">Zend Studio:</a></h3>
<p><img src="http://www.maestrosdelweb.com/images/zen.jpg" alt="zen" style="float:right;padding:5px;" />Es un IDE por sus siglas en inglés (Integrated Development Environment) destinado a desarrolladores profesionales. Es un IDE propietario, compatible con las plataformas Linux, MAC y Windows.</p>
<p>Incluye todos los componentes necesarios durante el ciclo de vida de una aplicación en PHP. Incluye editor, análisis, depuración, optimizadores de código y herramientas de base de datos. Zend Studio nos permite agiliza el desarrollo web y permite simplificar proyectos complejos.</p>
<ul>
<li><b>Características:</b> excelente completamiento de código, coloreado en la sintaxis del código,<br />
administración avanzada de proyectos, múltiples lenguajes, incorpora el Framework de Zend, PHP Documentor, manual de PHP. Integración con subversión, los navegadores, integración avanzada con FTP. Soporte para Web Services, PHP4, PHP5 y SQL.</li>
<li><b>Ventajas:</b> agiliza nuestro trabajo, cuenta con un buen Depurador, infinitas opciones que permiten un desarrollo profesional de nuestras aplicaciones.</li>
<li><b>Desventajas:</b> requiere Licencia de pago, no incluye editor visual HTML, un poco complejo.</li>
</ul>
<h3><a href="http://www.panic.com/coda/">Coda:</a></h3>
<p><img src="http://www.maestrosdelweb.com/images/coda1.jpg" alt="Coda" style="float:right;padding:5px;" />Es un editor de texto creado por la gente de Panic para el sistema operativo mac, orientado al desarrollo web. Integra un gestor de sites, cliente SSH, editor visual de hojas de estilo. Su licencia tiene un costo de 79 dólares. Su versión 1,1 soporta JPS-HTML y ActionScript.</p>
<ul>
<li><b>Características:</b> Interface cómodo e intuitivo, el editor de texto incorpora auto-completación para los lenguajes más comunes, organización de archivos abiertos en pestañas, trabaja de manera fluida, funciona para el sistema operativo mac.</li>
<li><b>Ventajas:</b> incorpora un potente editor de texto, maneja lenguajes HTML, XHTML, CSS, Javascript, Java, Perl, Python, Ruby y SQL. Dispone de conexión Terminal por SSH.</li>
<li><b>Desventajas:</b> costo de la licencia, no es compatible con otros sistemas operativos, solo mac.</li>
</ul>
<h3><a href="http://macromates.com/">Texmate:</a></h3>
<p><img src="http://www.maestrosdelweb.com/images/textmate.jpg" alt="text mate" style="float:right;padding:5px;" />Es un editor de texto desarrollado para la plataforma de mac. Su licencia tiene un costo de 60 dólares. La herramienta cuenta con una comunidad seguidora y su sitio web, permite que los usuarios puedan accesar a su blog, manual, wiki y la comunidad.</p>
<ul>
<li><b>Características:</b> interfaz gráfica, el manejo sencillo de los archivos. Manejo de Scripts.</li>
<li><b>Ventajas:</b> manejo de bloques, menú de marcadores, buscado entre documentos.</li>
<li><b>Desvantajas:</b> no cuenta con smart-tags, costo de la licencia.</li>
</ul>
<h3><a href="http://www.apatana.com/">Aptana:</a></h3>
<p><img src="http://www.maestrosdelweb.com/images/aptana.png" alt="aptana" style="float:right;padding:5px;" />Aptana es un IDE para el desarrollo web. Incorpora características completas, sincronización, y administración de proyectos. Nos permite incorporarle funciones mediante plugins. Soporte para las plataformas Microsoft Windows, Mac y Linux.</p>
<p>Está enfocado principalmente a Javascript y AJAX. Cuenta con una Edición gratis para la comunidad y otra Profesional de pago. Luego de algunos años de la creación de este proyecto Aptana recibió muchas descargas que lo hacen popular.</p>
<ul>
<li><b>Características:</b> desarrollo HTML, CSS, Javascript, soporte para AJAX, incluye librerías AJAX mas populares (JQuery, Prototype, YUI, Spry, entre otras), soporte para el desarrollo Adobe AIR y iPhone mediante plugins, desarrollo Ruby on Rails, PHP mediante plugins, protocolos de comunicación FTP.</li>
<li><b>Características de Edición Profesional</b>: editor JSON (Javascript Object Notation), protocolos de Comunicación FTPS, SFTP, soporte en Forum.</li>
<li><b>Ventajas:</b> permite comprobar la compatibilidad de las funciones con los diferentes navegadores, multiplataforma, sincronización con carpetas locales y remotas, incluye plugins para Eclipse.</li>
<li><b>Desventajas:</b> consumo de recursos.</li>
</ul>
<h3><a href="http://nvudev.com/index.php">NVU:</a></h3>
<p><img src="http://www.maestrosdelweb.com/images/editor_nvu.jpg" alt="Nvu" style="float:right;padding:5px;" />Es un editor compatible con las plataformas Windows, MAC y Linux. Es un proyecto opensource, con licencias MPL/GPL/LGPL. NVU está basado en la plataforma de Mozilla y en el diseño de Gecko. Desarrollado principalmente por Linspire.</p>
<ul>
<li><b>Características:</b> administrador de sitios mediante FTP, Editor CSS, Incluye validador HTML y CSS.</li>
<li><b>Ventajas:</b> muy rápido, fácil de usar, permite mantenimiento según los estándares W3C, soporte para XML y CSS.</li>
<li><b>Desventajas:</b> solo permite el trabajo mediante tablas, muy pocas opciones, soporte para pocos lenguajes.</li>
</ul>
<h3><a href="http://www.kompozer.net/">Kompozer</a>:</h3>
<p><img src="http://www.maestrosdelweb.com/images/editor_kompozer.jpg" alt="Kompozer" style="float:right;padding:5px;" />Kompozer es un editor web WYSIWYG basado en Nvu, que cuenta con licencia GPL. Creado con el fin de ser una alternativa libre a Adobe Dreamweaver, surge luego de Nvu, quien dejo de ser desarrollado. Fue bautizado con el nombre de Kompozer debido a que el mismo estaba registrado por Linspire. Compatible con las plataformas Windows, MAC, Linux, Debian, RedHat.</p>
<ul>
<li><b>Características:</b> incluido administrador de ficheros via FTP, editor CSS,<br />
barras de herramientas administrables, validador HTML.</li>
<li><b>Ventajas:</b> fácil de usar, software libre, multiplataforma, soporte para varios idiomas.</li>
<li><b>Desventajas:</b> pocas opciones para el desarrollo, puede dificultarnos el desarrollo de nuestra aplicación, al contar pocas herramientas que nos agilicen el trabajo.</li>
</ul>
<h3><a href="http://www.activestate.com/Products/komodo_ide/">Komodo</a>:</h3>
<p><img src="http://www.maestrosdelweb.com/images/komodoeditor.jpg" alt="Komodo" style="float:right;padding:5px;" />Komodo pertenece a la familia de los IDE Integrated Development Environment. La misma es una aplicación de pago. Esta herramienta permita la programación en lenguajes dinámicos. Disponible para las plataformas Linux, MAC y Windows.</p>
<ul>
<li><b>Características:</b> soporte para lenguajes: CSS, HTML, Javascript, XML, Perl, PHP, Python, Ruby, autocompletamiento de código, chequeo de sintaxis, colores en la sintaxis, vista previa del HTML, administrador de proyectos, permite añadir extensiones o plugin para añadir características.</li>
<li><b>Ventajas:</b> rápido y cómodo, ayuda a agilizar el desarrollo de nuestra aplicación.</li>
<li><b>Desventajas:</b> costo de la licencia, no incluye un depurador.</li>
</ul>
<h3><a href="http://quanta.kdewebdev.org/">Quanta Plus</a>:</h3>
<p><img src="http://www.maestrosdelweb.com/images/quantanaplus.jpg" alt="Quantana Plus" style="float:right;padding:5px;" />Quanta es un Editor HTML basado en el código de Bluefish. Es un proyecto opensource, bajo la licencia GPL. Disponible para plataformas Linux, bajo el entorno KDE.</p>
<ul>
<li><b>Características:</b> administrador de proyectos, soporte HTML, XML, PHP, CSS, plantillas, soporte de plugins, integrado vista previa de los archivos.</li>
<li><b>Ventajas:</b> gratuito, fácil de utilizar, brinda color al código, rápido, completamiento de código.</li>
<li><b>Desventajas:</b> dificulta la rapidez de desarrollo.</li>
</ul>
<p>Los invitamos a participar en este artículo, exponiendo sus experiencias, y los editores web más utilizados o preferidos.</p>
<p><!-- google_ad_client = "pub-0070781738361811"; google_alternate_color = "FFFFFF"; google_ad_width = 468; google_ad_height = 60; google_ad_format = "468x60_as"; google_ad_type = "text"; google_ad_channel =""; google_color_border = "FFFFFF"; google_color_bg = "FFFFFF"; google_color_link = "333399"; google_color_url = "3366FF"; google_color_text = "000000"; //-->  Califica esta nota:</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/delaweb.wordpress.com/14/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/delaweb.wordpress.com/14/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/delaweb.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/delaweb.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/delaweb.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/delaweb.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/delaweb.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/delaweb.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/delaweb.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/delaweb.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/delaweb.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/delaweb.wordpress.com/14/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=delaweb.wordpress.com&blog=3085418&post=14&subd=delaweb&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://delaweb.wordpress.com/2008/03/16/editores-web-que-facilitan-tu-trabajo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/da964e9902c7f4c396c3d6943ea0f226?s=96&#38;d=identicon" medium="image">
			<media:title type="html">jppm30</media:title>
		</media:content>

		<media:content url="http://www.maestrosdelweb.com/images/dreamweaver.jpg" medium="image">
			<media:title type="html">dreamweaver</media:title>
		</media:content>

		<media:content url="http://www.maestrosdelweb.com/images/zen.jpg" medium="image">
			<media:title type="html">zen</media:title>
		</media:content>

		<media:content url="http://www.maestrosdelweb.com/images/coda1.jpg" medium="image">
			<media:title type="html">Coda</media:title>
		</media:content>

		<media:content url="http://www.maestrosdelweb.com/images/textmate.jpg" medium="image">
			<media:title type="html">text mate</media:title>
		</media:content>

		<media:content url="http://www.maestrosdelweb.com/images/aptana.png" medium="image">
			<media:title type="html">aptana</media:title>
		</media:content>

		<media:content url="http://www.maestrosdelweb.com/images/editor_nvu.jpg" medium="image">
			<media:title type="html">Nvu</media:title>
		</media:content>

		<media:content url="http://www.maestrosdelweb.com/images/editor_kompozer.jpg" medium="image">
			<media:title type="html">Kompozer</media:title>
		</media:content>

		<media:content url="http://www.maestrosdelweb.com/images/komodoeditor.jpg" medium="image">
			<media:title type="html">Komodo</media:title>
		</media:content>

		<media:content url="http://www.maestrosdelweb.com/images/quantanaplus.jpg" medium="image">
			<media:title type="html">Quantana Plus</media:title>
		</media:content>
	</item>
		<item>
		<title>Las 5 fases para organizarte con eficacia</title>
		<link>http://delaweb.wordpress.com/2008/03/12/las-5-fases-para-organizarte-con-eficacia/</link>
		<comments>http://delaweb.wordpress.com/2008/03/12/las-5-fases-para-organizarte-con-eficacia/#comments</comments>
		<pubDate>Wed, 12 Mar 2008 13:53:08 +0000</pubDate>
		<dc:creator>jppm30</dc:creator>
				<category><![CDATA[Consejos]]></category>

		<guid isPermaLink="false">http://delaweb.wordpress.com/2008/03/12/las-5-fases-para-organizarte-con-eficacia/</guid>
		<description><![CDATA[Aprende las 5 fases para organizarte con eficacia. Descubre cómo obtener la máxima productividad personal.

1. Recopilar

Recopila todo lo que tiene su atención en &#8220;cubos&#8221; externos sin fugas (tus bandejas de entrada, correo electrónico, blocs de notas, mensajes en voz, etcétera). Sácalos de tu memoria a corto plazo.
Mantenga lo menos bandejas de entrada posible, y tantos como [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=delaweb.wordpress.com&blog=3085418&post=13&subd=delaweb&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><span class="textoResaltado">Aprende las 5 fases para organizarte con eficacia. Descubre cómo obtener la máxima productividad personal.</p>
<p></span></p>
<h3>1. Recopilar</h3>
<ul>
<li>Recopila todo lo que tiene su atención en &#8220;cubos&#8221; externos sin fugas (tus bandejas de entrada, correo electrónico, blocs de notas, mensajes en voz, etcétera). Sácalos de tu memoria a corto plazo.</li>
<li>Mantenga lo menos bandejas de entrada posible, y tantos como necesitas.</li>
<li>Vacíalas frecuentemente pasando por las fases de procesar y organizar (vea más abajo)</li>
</ul>
<h3>2. Procesar</h3>
<ul>
<li>Procesa las cosas que has recopilado (y toma decisiones)</li>
<li>Si no hay que actuar, bórralo, guárdalo para más tarde u archívalo para referencia.</li>
<li>Si hay que actuar, decide la Próxima Acción y hazlo (si puedes en menos de dos minutos), delega la tarea (y apuntalo en la lista de espera para su seguimiento) o aplázalo (ponlo en la lista o carpeta de tareas). Si una sola acción no cierre la actividad, entonces identifica el compromiso como &#8220;proyecto&#8221; y apuntalo en la lista de proyectos.</li>
</ul>
<h3>3. Organizar</h3>
<ul>
<li>Agrupa los resultados de la fase 2 en categorías adecuadamente recuperables y revisables. Los cuatro categorías claves son:<br />
Proyectos (proyectos que tiene el compromiso de terminar)<br />
Calendario (accione para hacer en un día u hora específico)<br />
Próximas Acciones (acciones para hacer lo antes posible)<br />
En espera (proyectos y acciones hechos por otros que quieres seguir)</li>
<li>Añade sub-categorías de estas listas si las hace más fácil de usar (Llamadas, Compras, A Casa, Al Ordenador, etcétera)</li>
<li>Añade listas de metas a largo plazo y valores que te influyen</li>
<li>Añade listas útiles diversas si necesario (descripción de trabajo, eventos para seguir, diagrama de la organización, …)</li>
<li>Mantenga un sistema de material de referencia genérico para archivar información y material que no requieren ninguna acción, pero debe ser accesible.</li>
<li>Mantenga un sistema para disparar acciones más tarde (lista de algún día/quizás, calendario, &#8220;tickler&#8221;).</li>
<li>Mantenga material de soporte de proyectos si necesario (puedes guardarlo en el sistema de referencia o un una área de pendientes.</li>
</ul>
<h3>4. Revisar</h3>
<ul>
<li>Examina el calendario y las listas de acciones diariamente (o siempre cuando puedes hacer una de las tareas)</li>
<li>Planifica un Repaso Semanal para limpiar, actualizar, gestionar y mejorar tus sistemas.</li>
<li>Revisa las metas valores y visiones tantas veces que es necesario para mantener la lista de proyectos completo y actualizado.</li>
</ul>
<h3>5. Hacer</h3>
<ul>
<li>Elige las acciones para hacer basado en lo que puedes hacer (contexto), el tiempo disponible, tu energía y finalmente tus prioridades.</li>
<li>Permanezca flexible manteniendo un sistema de recordatorios de acciones para toda tu vida, que es siempre accesible para revisar, confiando en su intuición para hacer las decisiones adecuadas.</li>
<li>Asegúrate de hacer las mejores elecciones por centrarte con consistencia en las prioridades (&#8220;¿Qué valor obtengo si hago X en lugar de Y?&#8221;). Frecuentemente revisa tus compromisos en los diferentes niveles de vida y trabajo:
<ul>
<li>Pista de despegue – acciones actuales (diariamente)</li>
<li>10.000 pies – proyectos actuales (semanalmente)</li>
<li>20.000 pies – responsabilidades actuales (mensualmente)</li>
<li>30.000 pies – metas para los próximos 1-2 años (trimestral)</li>
<li>40.000 pies – metas para los próximos 3-5 años (anual)</li>
<li>50.000 pies – carera, fin, estilo de vida (anual+)</li>
</ul>
</li>
</ul>
<p>Autor: Jeroen Sangers<br />
<a href="http://canasto.es/2008/01/las-5-fases/" target="_blank">http://canasto.es/2008/01/las-5-fases/</a></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/delaweb.wordpress.com/13/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/delaweb.wordpress.com/13/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/delaweb.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/delaweb.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/delaweb.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/delaweb.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/delaweb.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/delaweb.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/delaweb.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/delaweb.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/delaweb.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/delaweb.wordpress.com/13/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=delaweb.wordpress.com&blog=3085418&post=13&subd=delaweb&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://delaweb.wordpress.com/2008/03/12/las-5-fases-para-organizarte-con-eficacia/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/da964e9902c7f4c396c3d6943ea0f226?s=96&#38;d=identicon" medium="image">
			<media:title type="html">jppm30</media:title>
		</media:content>
	</item>
		<item>
		<title>Una serie de administradores de contenidos</title>
		<link>http://delaweb.wordpress.com/2008/03/12/una-serie-de-administradores-de-contenidos/</link>
		<comments>http://delaweb.wordpress.com/2008/03/12/una-serie-de-administradores-de-contenidos/#comments</comments>
		<pubDate>Wed, 12 Mar 2008 05:19:36 +0000</pubDate>
		<dc:creator>jppm30</dc:creator>
				<category><![CDATA[Gestores de contenidos]]></category>

		<guid isPermaLink="false">http://delaweb.wordpress.com/?p=12</guid>
		<description><![CDATA[Por Damián Pérez Valdés 
 Los administradores de contenidos son plataformas que nos permiten administrar el contenido y el diseño. Estos CMS son compatibles con un gran número de servidores de base de datos, donde la información y configuración será almacenada. Conoce los más populares.
Drupal:
 El sistema de administración de contenidos Drupal de código abierto fue [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=delaweb.wordpress.com&blog=3085418&post=12&subd=delaweb&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p class="post-meta">Por <a href="http://www.maestrosdelweb.com/autores/damian-perez-valdes/" title="Otros artculos de Damián Pérez Valdés">Damián Pérez Valdés</a> <span class="post-categories"><a href="http://www.maestrosdelweb.com/editorial/desarrollo-web/gestores-de-contenidos/" title="Artculos de Gestores de Contenidos" rel="category tag"></a></span></p>
<p><!--mclude--> <!--publi--><!-- no cond --><!--/mclude--><span class="intro">Los administradores de contenidos son plataformas que nos permiten administrar el contenido y el diseño. Estos CMS son compatibles con un gran número de servidores de base de datos, donde la información y configuración será almacenada. Conoce los más populares.</span><span></span></p>
<h3><a href="http://drupal.org/">Drupal:</a></h3>
<p><img src="http://www.maestrosdelweb.com/images/drupal_logo.jpg" alt="Drupal logo" style="float:right;padding:5px;" /> El sistema de administración de contenidos Drupal de código abierto fue creado por Dries Buytaert. Se encuentra disponible para Apache o IIS (Internet Information Service), múltiplataforma disponible para Unix, Linux, BSD, Solaris, Windows, Mac OS.</p>
<p>Este administrador nos permite publicar contenidos, incluye foros y blog. Esta información es almacenada en una base de datos. Los contenidos del sitio son editados a través de un panel de administración web e incluye múltiples idiomas.</p>
<p>También, podemos editar el diseño del sitio, administrar los bloques de contenidos, menús, activar/desactivar los módulos agregados en el sitio, editar los temas. Administración de usuarios, creación de reglas por usuarios, configuración de usuarios.</p>
<p>Administración de los log del CMS, visualizar eventos de los usuarios que acceden al sitio, errores por accesos denegados, páginas no encontradas, generar reportes del estado en las operaciones del sitio web y los problemas detectados. En la configuración del sitio podemos administrar los temas, configurar reportes de errores, sistemas de archivos, localización, funcionamiento, información del sitio, mantenimiento del sitio.</p>
<h3>Características:</h3>
<ul>
<li>Indexado de los contenidos en tiempo real para los resultados de búsquedas.</li>
<li>Código fuente libre, permitiendo extender y adaptar Drupal a nuestras necesidades.</li>
<li>Instalación de diferentes módulos creados por su comunidad de usuarios.</li>
<li>Implementación de URLs amigables utilizando el mod_rewrite de Apache, creando mejores URLs para usuarios y motores de búsquedas.</li>
<li>Creación de reglas para usuarios.</li>
<li>Registro y Autentificación de usuarios utilizando sistemas externos como Jabber, Blogger u otro sitio Drupal, integración con servidores LDAP.</li>
</ul>
<h3>Ventajas:</h3>
<ul>
<li>Creación de sub-apartados en los foros.</li>
<li>Método avanzado de clasificación de artículos.</li>
<li>Acceso a la web es muy rápido.</li>
<li>Compatibilidad con Jabber, Yahoo.</li>
<li>Permite a los usuarios configurar su propio perfil en dependencia de los permisos otorgados por el administrador.</li>
</ul>
<h3>Desventajas:</h3>
<ul>
<li>Es obligatorio cerrar sesión antes de salir del sitio.</li>
<li>Los foros son un poco desorganizados.</li>
</ul>
<h3><a href="http://www.joomlaspanish.org/">Joomla!</a></h3>
<p><img src="http://www.maestrosdelweb.com/images/joomla.jpg" alt="joomla" style="float:right;padding:5px;" />El sistema <a href="http://www.maestrosdelweb.com/editorial/que-es-joomla/">Joomla!</a> es un administración de contenidos de código abierto, desarrollado en <a href="http://www.maestrosdelweb.com/editorial/phpintro/">PHP</a>.<br />
La primera versión fue publicada en el 2005, una versión de Mambo a la que se le realizaron modificaciones utilizando <a href="http://www.maestrosdelweb.com/editorial/ajax/">Ajax</a>.</p>
<p>Permite la publicación de contenidos en Internet e Intranet. La información y configuración es almacenada utilizando base de datos. Joomla! incluye características para hacer caché de las páginas, incluye feed RSS, búsquedas del sitio, encuestas, calendarios, versión de versiones imprimibles de las páginas, recomendar contenidos a un amigo, versión pdf.</p>
<p>Mediante el panel de control se pueden administrar los contenidos, categorías, secciones, menú, lenguajes del sitio, cuentas de usuarios. En los contenidos se pueden definir fechas de inicio y final de su publicación. Definir contenidos como archivados, no publicados, luego de ser eliminados son enviados a una papelera de donde se pueden restaurar. También encontramos la configuración global donde se define las descripciones del sitio, permisos, idiomas, estadísticas, servidor de correo, entre otros.</p>
<h3>Características:</h3>
<ul>
<li>Organización de las secciones y categorías del sitio web.</li>
<li>Publicación de contenidos sin limitaciones utilizando un sencillo editor para dar formatos y estilos a los textos e imágenes.</li>
<li>Escalabilidad e implementación de nuevas funcionalidades, permitiendo instalar, desinstalar y administrar componentes y módulos.</li>
<li>Administración de usuarios, permitiendo enviar correos electrónicos masivos.</li>
<li>Administración del diseño y aspecto estético del sitio mediante la utilización de templates/plantillas.</li>
<li>administración de la navegación y del menú del sitio.</li>
<li>Posee estadísticas de visitas, mostrando información del navegador, Sistema Operativo, visitas por páginas.</li>
</ul>
<h3>Ventajas:</h3>
<ul>
<li>Extensiones existentes creadas por la comunidad de usuarios.</li>
<li>Mejorar sustancialmente la <a href="http://www.maestrosdelweb.com/editorial/usabilidad/">usabilidad</a>, manejabilidad y escalabilidad.</li>
<li>Permitir la compatibilidad hacia atrás con versiones previas de componentes, plantillas, módulos y otras extensiones.</li>
<li>Aumentar la integración de aplicaciones externas a través de servicios web y la autentificación remota, como el Protocolo Ligero de Acceso al Directorio (LDAP).</li>
</ul>
<h3>Desventajas:</h3>
<ul>
<li>El código <a href="http://www.maestrosdelweb.com/editorial/htmlhis/">HTML</a> generado no es semántico.</li>
<li>Deficiente planificación de la interfaz administrativa.</li>
<li>Limitación en las opciones para personalizar rangos de usuarios.</li>
<li>Dependencia excesiva del <a href="http://www.maestrosdelweb.com/editorial/%C2%BFque-es-javascript/">Javascript</a> en su Panel de Administración.</li>
<li>Es un poco lento.</li>
</ul>
<h3><a href="http://es.wordpress.com/">WordPress</a></h3>
<p><img src="http://www.maestrosdelweb.com/images/editorial/logowordpress.jpg" alt="wordpress" style="float:right;padding:5px;" />El sistema de gestión de contenidos <a href="http://www.maestrosdelweb.com/editorial/wordpress/">WordPress</a> esta enfocado a la creación de blogs. Desarrollado en PHP y MySQL bajo licencia GPL.</p>
<p>Su fundador principal es <a href="http://photomatt.net/">Matt Mullenweg</a>. Posee un enorme crecimiento en su comunidad de usuarios, las causas principales son su licencia, facilidad de uso y sus características como gestor de contenidos. Además de su enorme comunidad de desarrolladores y diseñadores, que se encargan de crear plugins y themes para la comunidad.</p>
<p>WordPress permite crear una bitácora o sitio y la instalación de múltiples blogs. Otra de sus funciones es la del sistema de creación de plantillas, que permiten al usuario activar o desactivar las plantillas.</p>
<h3>Características:</h3>
<ul>
<li>Fácil instalación, actualización y personalización.</li>
<li>Cumplimiento de los estándares W3C.</li>
<li>Múltiples autores.</li>
<li>Separa el contenido y el diseño en <a href="http://www.maestrosdelweb.com/editorial/haciaxhtml/">XHTML</a> y <a href="http://www.maestrosdelweb.com/editorial/introcss/">CSS</a>.</li>
<li>Posee herramientas de comunicación entre blogs (Trackback, Pingback, etc).</li>
<li>Permite ordenar artículos en categorías y subcategorías.</li>
<li>3 estados para un post: publicado, borrador y privado (sólo usuarios registrados).</li>
<li>Instalación de plugins.</li>
<li>Widgets para los Themes.</li>
</ul>
<h3>Ventajas:</h3>
<ul>
<li>No necesitas saber sobre PHP.</li>
<li>Tiene un agregador de RSS estándar configurado desarrollado con Atom.</li>
<li>Automáticamente conecta y configura con bases de datos MySQL sin requerir ningún esfuerzo o conocimiento.</li>
<li>Está construido con estándares web lo que asegura una larga vida de accesibilidad y futuros cambios de los estándares.</li>
<li>Automáticamente importa imágenes.</li>
<li>Permite configurar meta tags.</li>
<li>Cuenta con categorías.</li>
<li>Permite personalizar los menús.</li>
</ul>
<h3><a href="http://www.esxoops.com/">XOOPS</a></h3>
<p><img src="http://www.maestrosdelweb.com/images/cms_xoops.jpg" alt="Xoops" style="float:right;padding:5px;" />Xoops es un sistema de administración de contenidos, por sus siglas en inglés eXtensible Object Oriented Portal System (Sistema de portal extensible orientado a objetos). Permite a los usuarios crear sitios web dinámicos. Está escrito en PHP y utiliza Mysql como servidor de Base de Datos, cuenta con licencia GPL.</p>
<p>Mediante Xoops se pueden crear módulos de noticias, crear weblog. Permite la incorporación noticias, foros, enlaces, descargas, documentos, etc. Para sitios con grandes cantidades de contenidos. En el panel de administración de Xoops se pueden manejar los banners de publicidad controlando las impresiones.</p>
<p>Crear grupos de usuarios y sus permisos, administrar categorías de las imágenes, desactivar y activar los diferentes módulos del sitio, configuraciones generales, informaciones, Metas y Footer/pie de página, palabras censuradas, opciones de búsqueda, configuraciones de correo electrónico, opciones de autentificación. Controlar los smilies, ranking del sitio por usuarios, Editar y buscar usuarios, avatares, administrar plantillas y comentarios.</p>
<h3>Características:</h3>
<ul>
<li>Utiliza MySql como servidor de base de datos.</li>
<li>Sitio completamente modularizado. Permite la administración de todos los módulos del sitio.</li>
<li>Soporte para idiomas multi-byte como el Chino, Japonés, Chino simplificado y Chino tradicional, Coreano, etc.</li>
<li>Permite la creación de grupos de usuarios y definir permisos.</li>
<li>Los administradores pueden seleccionar los temas del sitio que deseen.</li>
</ul>
<h3>Ventajas:</h3>
<ul>
<li>Es relativamente sencillo de manejar.</li>
<li>Tiene múltiples módulos.</li>
<li>Genera código HTML y CSS bastante válido.</li>
</ul>
<h3><a href="http://www.cmsmadesimple.org/">CMS Made Simple</a></h3>
<p><img src="http://www.maestrosdelweb.com/images/cms_madesimple.jpg" alt="CMS Made Simple" style="float:right;padding:5px;" />CMS Made Simple es un Sistema de Administración de Contenidos Open Source posee licencia GNU/GPL. Compatible con Linux, MAC, Windows. Como su nombre lo indica es muy simple y fácil de configurar.</p>
<p>Se encuentra desarrollado en PHP, el proceso de instalación es muy simple, se completa a través de 5 pasos guiada por la web. Este es compatible con MySql y SQLite. Al terminar el proceso de instalación se pueden agregar módulos adicionales desde su sitio oficial. Posee la versión básica del editor HTML TinyMCE. Permite añadir nuevas funcionalidades, utiliza plantillas para <a href="http://www.maestrosdelweb.com/editorial/que-es-smarty/">Smarty</a>.</p>
<h3>Características:</h3>
<ul>
<li>CMS múltiplataforma, administración de contenidos, plantillas, menús, estilos, temas, usuarios y grupos, extensiones, módulos.</li>
<li>Preferencias, sitio modular, contenido jerárquico.</li>
<li>Integrada ayuda en línea, cada página puede tener un tema diferente.</li>
</ul>
<h3>Ventajas:</h3>
<ul>
<li>Rápido, sencillo de utilizar, uso fácil de interfase.</li>
<li>Permite añadir nuevas funciones, posee una activa comunidad de usuarios.</li>
<li>Múltiples lenguajes, múltiplataforma.</li>
</ul>
<h3>Desventajas:</h3>
<ul>
<li>Pocos sistemas de base de datos compatibles.</li>
<li>Ha presentado problemas de seguridad.</li>
</ul>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/delaweb.wordpress.com/12/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/delaweb.wordpress.com/12/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/delaweb.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/delaweb.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/delaweb.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/delaweb.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/delaweb.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/delaweb.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/delaweb.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/delaweb.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/delaweb.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/delaweb.wordpress.com/12/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=delaweb.wordpress.com&blog=3085418&post=12&subd=delaweb&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://delaweb.wordpress.com/2008/03/12/una-serie-de-administradores-de-contenidos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/da964e9902c7f4c396c3d6943ea0f226?s=96&#38;d=identicon" medium="image">
			<media:title type="html">jppm30</media:title>
		</media:content>

		<media:content url="http://www.maestrosdelweb.com/images/drupal_logo.jpg" medium="image">
			<media:title type="html">Drupal logo</media:title>
		</media:content>

		<media:content url="http://www.maestrosdelweb.com/images/joomla.jpg" medium="image">
			<media:title type="html">joomla</media:title>
		</media:content>

		<media:content url="http://www.maestrosdelweb.com/images/editorial/logowordpress.jpg" medium="image">
			<media:title type="html">wordpress</media:title>
		</media:content>

		<media:content url="http://www.maestrosdelweb.com/images/cms_xoops.jpg" medium="image">
			<media:title type="html">Xoops</media:title>
		</media:content>

		<media:content url="http://www.maestrosdelweb.com/images/cms_madesimple.jpg" medium="image">
			<media:title type="html">CMS Made Simple</media:title>
		</media:content>
	</item>
		<item>
		<title>Cómo migrar tus aplicaciones de PHP4 a PHP5</title>
		<link>http://delaweb.wordpress.com/2008/03/12/como-migrar-tus-aplicaciones-de-php4-a-php5/</link>
		<comments>http://delaweb.wordpress.com/2008/03/12/como-migrar-tus-aplicaciones-de-php4-a-php5/#comments</comments>
		<pubDate>Wed, 12 Mar 2008 05:16:37 +0000</pubDate>
		<dc:creator>jppm30</dc:creator>
				<category><![CDATA[Desarrollo Web]]></category>
		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://delaweb.wordpress.com/2008/03/12/como-migrar-tus-aplicaciones-de-php4-a-php5/</guid>
		<description><![CDATA[Por Reynier Matos Padilla 
 En la versión 5 se han mejorado significativamente las capacidades de PHP. Pero muchos desarrolladores todavía no pueden hacer uso de sus bondades por el poco soporte que aún existe para esta versión. Zend nos anuncia que dejará de dar soporte a la versión 4 dentro de muy poco tiempo y [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=delaweb.wordpress.com&blog=3085418&post=11&subd=delaweb&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p class="post-meta">Por <a href="http://www.maestrosdelweb.com/autores/reynier-matos-padilla/" title="Otros artculos de Reynier Matos Padilla">Reynier Matos Padilla</a> <span class="post-categories"><a href="http://www.maestrosdelweb.com/editorial/desarrollo-web/" title="Artculos de Desarrollo Web" rel="category tag"></a></span></p>
<p><!--mclude--> <!--publi--><!-- no cond --><!--/mclude--><span class="intro">En la versión 5 se han mejorado significativamente las capacidades de PHP. Pero muchos desarrolladores todavía no pueden hacer uso de sus bondades por el poco soporte que aún existe para esta versión. Zend nos anuncia que dejará de dar soporte a la versión 4 dentro de muy poco tiempo y con esto nos obliga a migrar hacia la última versión estable del lenguaje, PHP 5. </span><span></span></p>
<h3>PHP 4, descanse en paz</h3>
<p>Aproximadamente hace 3 años fue liberado PHP 5. En estos tres años ha demostrado tener muchas mejoras con respecto a PHP 4.</p>
<p>PHP 5 es rápido, estable y productivo por lo que los desarrolladores del lenguaje dejarán de entregarnos nuevas versiones de PHP 4, que terminará en la 4.4 y fue descontinuado el último día del año 2007; sin embargo se mantendrán publicando actualizaciones críticas de seguridad para éste hasta agosto del 2008.</p>
<p>Es por esto que los desarrolladores nos recomiendan emplear lo que queda de año para migrar nuestras aplicaciones hechas en PHP 4 hacia la versión 5 y precisamente ese es el objetivo de este artículo, ayudar en el proceso de migración con algunos consejos y soluciones.</p>
<h3>¿De dónde obtengo PHP 5?</h3>
<p>La última versión estable se puede <a href="http://www.php.net/downloads.php">descargar</a> en el sitio oficial, donde encontraremos disponible el código fuente listo para compilar y el binario para realizar nuestra instalación sobre <a href="http://www.maestrosdelweb.com/principiantes/historia-de-windows/">Windows</a>. También se puede instalar fácilmente desde el gestor de paquetes que utilicemos en nuestra distribución de Linux.</p>
<p>Para las distribuciones basadas en Debian es recomendable utilizar apt-get o aptitude y para las basadas en paquetes de instalación RPM pueden bajarse la última versión utilizando el <a href="http://rpmfind.net/linux/RPM/">buscador de paquetes</a>.</p>
<h3>¿Qué ha cambiado en PHP 5?</h3>
<p>Antes de migrar cualquiera de nuestras aplicaciones es necesario conocer los cambios que han ocurrido en PHP 5 con respecto a versiones anteriores y de esta forma realizar los preparativos necesarios para que la migración sea exitosa.</p>
<p>Esta versión de PHP tiene integrado el Motor Zend 2, con lo que ha mejorado significativamente el rendimiento y en general todas las capacidades de PHP 5; ya que éste fue hecho especialmente para ser más rápido que el anterior.</p>
<p>Además, los desarrolladores han tenido en cuenta la migración, por lo que han tomado las precauciones necesarias para que un código bien escrito con PHP 4, sea perfectamente comprendido por el motor de PHP 5, y de esta forma hacernos este proceso más fácil, así como una nueva directiva para habilitar la compatibilidad con la versión anterior que ha sido agregada al archivo de configuración y de la que hablaremos más adelante.</p>
<p>La mayoría del código PHP 4 que existe actualmente debe correr sin problemas en el motor PHP 5. Pero siempre es recomendable conocer algunos <a href="http://www.php-es.com/migration5.incompatible.html">cambios incompatibles</a> con versiones anteriores y probar el código antes de la migración en los entornos de producción.</p>
<h3>Cambios en CGI y CLI</h3>
<p>El entorno CLI ha sufrido algunas modificaciones, al igual que los nombres del archivo CGI. En PHP 5 el archivo CGI es <b>php-cgi.exe</b> (anteriormente <b>php.exe</b>) y la versión CLI está ubicada en el directorio principal (anteriormente se encontraba en <b>cli/php.exe</b>).</p>
<p>También se introdujo un nuevo módulo, el <b>php-win.exe</b> que es similar a la versión CLI, excepto que php-win.exe no genera ninguna salida, por lo que no provee una consola. Mostrando un comportamiento similar al de <b>php-gtk</b>.</p>
<p>La versión CLI siempre define las variables globales <code>$argv</code> y <code>$argc</code>, sin importar las directivas establecidas en <b>php.ini</b>. Incluso teniendo el parámetro <b>register_argc_argv</b> en off no tendrá efecto en la versión CLI.</p>
<p>Si está usando <a href="http://www.maestrosdelweb.com/editorial/phpintro/">PHP</a> en modo CGI, será necesario realizar los cambios correspondientes en su servidor web. En Apache deberá modificar el archivo de configuración como se muestra a continuación:</p>
<div class="codigo">
<pre># cambie esta línea:
Action application/x-httpd-php "/php/php.exe"
# por esta:
Action application/x-httpd-php "/php/php-cgi.exe"</pre>
</div>
<p><b>En el servidor web de Windows:</b> IIS deberá configurar los CGI como se detalla bajo el subtítulo “Configuración de Internet Information Services” en el artículo <a href="http://www.maestrosdelweb.com/editorial/como-publicar-paginas-php-en-internet-information-services/">Cómo publicar páginas PHP en Internet Information Services</a> publicado en esta web.</p>
<h3>Modificaciones en los archivos de configuración</h3>
<p>No solo los CGI y CLI tuvieron modificaciones, también los módulos ISAPI de esta versión cambiaron sus nombres de <b>php4xxxx</b> a <b>php5xxxx</b>, por lo que será necesario realizar cambios en algunos archivos de configuración del servidor web. En Apache deberá realizar las modificaciones como se muestra en el recuadro siguiente:</p>
<div class="codigo">
<pre># cambie esta línea:
LoadModule php4_module /php/sapi/php4apache2.dll
# por esta:
LoadModule php5_module /php/php5apache2.dll</pre>
</div>
<h3>Nuevas funciones</h3>
<p>En esta versión de PHP se han agregado algunas <a href="http://www.php-es.com/migration5.functions.html">nuevas funciones</a> para: operaciones con <a href="http://www.php-es.com/ref.array.html">matrices</a>, procesamiento de datos utilizando <a href="http://www.php-es.com/ref.ibase.html">InterBase</a>, conversión de juegos de caracteres con <a href="http://www.php-es.com/ref.iconv.html">iconv</a>, manipulación de <a href="http://www.php-es.com/ref.stream.html">stream</a>, trabajo con <a href="http://www.php-es.com/ref.datetime.html">fecha y hora</a>, <a href="http://www.php-es.com/ref.strings.html">cadenas</a> y <a href="http://www.php-es.com/migration5.functions.html">otras varias</a>. También es importante destacar que la extensión Tidy, para manipulación de documentos <a href="http://www.maestrosdelweb.com/editorial/htmlhis/">HTML</a>, ha cambiado su API completamente.</p>
<h3>Directivas en el archivo de configuración</h3>
<p>Se han agregado al archivo de configuración <b>php.ini</b> nuevas directivas que se describen a continuación:</p>
<ul>
<li><b>mail.force_extra_parameters:</b> Obliga a que se agreguen los parámetros especificados como parámetros extra al ejecutable de <b>sendmail</b>. Estos parámetros siempre reemplazan el valor del quinto parámetro de <code>mail()</code>, incluso en modo seguro.</li>
<li><b>register_long_arrays:</b> Habilita/deshabilita el registro de las largas variables obsoletas <code>$HTTP_*_VARS</code>.</li>
<li><b>session.hash_function:</b> Selecciona una función de resumen criptográfico (<code>MD5 o SHA-1</code>).</li>
<li><b>session.hash_bits_per_character:</b> Define cuántos bits deben almacenarse en cada caracter cuando se convierten datos binarios de hash a algo más legible (de 4 a 6).</li>
<li> <b>zend.ze1_compatibility_mode:</b> Habilita el modo de compatibilidad con el Motor Zend 1 (PHP 4).</li>
</ul>
<h3>Nuevo modelo de objetos</h3>
<p>En versiones previas de PHP, los objetos eran manejados como tipos primitivos, por ejemplo enteros y cadenas. En la versión 5 el <a href="http://www.php-es.com/language.oop5.html">manejo de objetos en PHP</a> ha sido re-escrito por completo, permitiendo una mejora en rendimiento y muchas características nuevas.</p>
<p>La desventaja de este método era que semánticamente el objeto completo era copiado cuando una variable era asignada, o pasada como parámetro a un método. En el nuevo enfoque, los objetos son referenciados por gestor, y no por valor. Puede pensarse en el gestor como un identificador de objeto.</p>
<p>Los desarrolladores del lenguaje han tenido en cuenta que muchos programadores de PHP no son conscientes siquiera de los detalles que implican las copias en el modelo antiguo de objetos y, por lo tanto, han implementado la versión 5 de tal forma que la mayoría de las aplicaciones funcionarán sin problemas, o con muy pocas modificaciones.</p>
<h3>Trabajo con bases de datos</h3>
<p>PHP 5 sufrió cambios significativos con relación a la manipulación de bases de datos con MySQL. Los programadores de <a href="http://www.zend.com/">Zend</a> decidieron no incluir las bibliotecas de cliente en esta versión porque la mayoría de los sistemas actuales ya vienen con esta librería instalada, además, versiones múltiples de ésta en el mismo sistema pueden presentar problemas realmente grandes.</p>
<p>Otro motivo importante para este cambio fue que MySQL utiliza licencia GPL mientras que PHP está bajo una licencia BSD/Apache y este último tipo de licencia no puede distribuir proyectos realizados en el primero. En los siguientes párrafos mostramos la forma de configurar su PHP 5 para trabajar con bases de datos MySQL.</p>
<h3>¿Por qué no funciona MySQL en PHP 5?</h3>
<p>MySQL está perfectamente soportado en la versión 5 de PHP, el único cambio es que no se encuentra habilitado por defecto.</p>
<p>Para habilitar MySQL en Linux se deberá compilar el código estableciendo en la línea configure la opción <code>--whith-mysql[=DIRECTORIO];</code> donde <b>DIRECTORIO</b> es la ruta de nuestra instalación de MySQL, por ejemplo: <code>--with-mysql=/usr</code></p>
<p>Para habilitar MySQL en Windows sólo es necesario editar el archivo <b>php.ini</b> y habilitar el recurso <b>DLL php_mysql.dll </b>que en la versión anterior no existía porque este soporte estaba incorporado en los binarios del motor. También debemos asegurarnos que el archivo <b>libmysql.dll</b> se encuentra en la carpeta de archivos del sistema. Por defecto esta carpeta es: <b>c:\windows\system32\</b>.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/delaweb.wordpress.com/11/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/delaweb.wordpress.com/11/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/delaweb.wordpress.com/11/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/delaweb.wordpress.com/11/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/delaweb.wordpress.com/11/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/delaweb.wordpress.com/11/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/delaweb.wordpress.com/11/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/delaweb.wordpress.com/11/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/delaweb.wordpress.com/11/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/delaweb.wordpress.com/11/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/delaweb.wordpress.com/11/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/delaweb.wordpress.com/11/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=delaweb.wordpress.com&blog=3085418&post=11&subd=delaweb&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://delaweb.wordpress.com/2008/03/12/como-migrar-tus-aplicaciones-de-php4-a-php5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/da964e9902c7f4c396c3d6943ea0f226?s=96&#38;d=identicon" medium="image">
			<media:title type="html">jppm30</media:title>
		</media:content>
	</item>
		<item>
		<title>Usabilidad al diseñar formularios de contacto</title>
		<link>http://delaweb.wordpress.com/2008/03/12/usabilidad-al-disenar-formularios-de-contacto/</link>
		<comments>http://delaweb.wordpress.com/2008/03/12/usabilidad-al-disenar-formularios-de-contacto/#comments</comments>
		<pubDate>Wed, 12 Mar 2008 05:14:31 +0000</pubDate>
		<dc:creator>jppm30</dc:creator>
				<category><![CDATA[Desarrollo Web]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Usabilidad]]></category>

		<guid isPermaLink="false">http://delaweb.wordpress.com/?p=10</guid>
		<description><![CDATA[En el desarrollo de un sitio web, una de las páginas imprescindibles es la que destinamos para que nos contacten y es en esta página donde generalmente mostramos un formulario de contacto; pero ¿siempre este formulario es tan práctico y útil para el usuario como esperamos? 
A continuación trataremos algunos aspectos importantes a tener en [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=delaweb.wordpress.com&blog=3085418&post=10&subd=delaweb&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><span class="intro">En el desarrollo de un sitio web, una de las páginas imprescindibles es la que destinamos para que nos contacten y es en esta página donde generalmente mostramos un formulario de contacto; pero ¿siempre este formulario es tan práctico y útil para el usuario como esperamos? </span><span></span></p>
<p>A continuación trataremos algunos aspectos importantes a tener en cuenta para darle un toque de <a href="http://www.maestrosdelweb.com/editorial/usabilidad/">usabilidad</a> a nuestro formulario de contacto.</p>
<p>Lo  primero en el desarrollo de un formulario de contacto o de cualquier aplicación para la web es que los usuarios de <a href="http://www.maestrosdelweb.com/editorial/usointernet/">Internet</a> siempre navegan por la red de redes con poco tiempo. Por lo que es recomendable realizar los formularios de contacto con la cantidad de campos mínimos necesarios, evitando con esto la pérdida de tiempo para el usuario que nos visite.</p>
<p>Si queremos que el usuario se sienta cómodo en nuestro sitio debemos facilitarle las cosas y guiarlo. A continuación ponemos a su disposición las prácticas necesarias para lograr la comodidad del visitante en nuestro formulario de contacto.</p>
<h3>Resaltemos los campos obligatorios</h3>
<p>Es muy recomendable marcar los campos obligatorios de nuestro formulario de contacto cuando se muestra la página por primera vez y con esto evitar mensajes de error como este: <b>“Debe completar el campo email”</b> que aparecen cuando el usuario ha completado su formulario olvidando escribir su correo electrónico y ha hecho clic en el botón <b>Enviar</b>.</p>
<p>Existen varias formas de resaltar estos campos:</p>
<ul>
<li>Colocando un asterisco al lado de los campos obligatorios.</li>
<li>Marcando en negrita los campos obligatorios.</li>
<li>Agregando la palabra “Obligatorio” al lado del campo en cuestión.</li>
<li>Utilizando código javascript para validar que el campo no se encuentre vacío cuando este pierda el foco.</li>
</ul>
<p>En las dos primeras soluciones se debe aclarar al usuario, en el inicio de la página, que los campos marcados con la forma que se escoja deben completarse obligatoriamente, para que no quede lugar a dudas.</p>
<h3>Ejemplo o descripción de los campos</h3>
<p>Si queremos guiar a nuestro usuario la mejor forma será mostrándole en cursiva a un lado o debajo del control, un ejemplo o una descripción breve de lo que debe escribir en cada campo de nuestro formulario de contacto.</p>
<p>Un ejemplo práctico es este formulario de contacto que se muestra en la imagen siguiente:</p>
<p><img src="http://www.maestrosdelweb.com/images/formulariocontacto.jpg" alt="Formulario de Contacto" /></p>
<h3>No usar el botón “Borrar Formulario”</h3>
<p>El botón <b>Borrar formulario</b> o <b>Limpiar</b>, como también se le llama, generalmente no es utilizado. Es poco útil porque en la mayoría de las ocasiones al usuario no le interesa borrar todo lo que escribió. Si se equivoca en algo simplemente arregla el detalle y deja el resto del formulario intacto.</p>
<p>Pero a veces nos sucede que al escribir rápido y hacer clic en un botón sin fijarnos cuál es o por el uso de la tecla <b>TAB</b> para movernos por los controles; sin querer presionamos este botón y echamos por tierra el mensaje que habíamos elaborado.</p>
<p>Es por esto que lo más recomendable para evitarle al usuario estas situaciones molestas es no colocar este tipo de botón en nuestro formulario de contacto.</p>
<h3>Detallar el motivo de error</h3>
<p>Personalmente me ha sucedido que he completado un formulario de contacto y al pinchar sobre el botón Enviar, me aparece el error <b>“El mensaje no se pudo enviar”</b>. Tratemos de evitar ese tipo de mensajes confusos.</p>
<p>En los mensajes de error seamos prácticos y amables, tengamos presentes que la mayoría de los usuarios que nos contactarán no serán usuarios avanzados y quizás no comprendan términos como <b>“Imposible contactar al servidor SMTP”</b>, <b>“Error al escribir datos en MySQL”</b>, pero lo más importante es que el usuario conozca el motivo del error con términos claros y sencillos.</p>
<h3>Javascript, nuestro mejor amigo</h3>
<p>Este lenguaje se ha extendido por las múltiples ventajas que ofrece. La mayoría de las aplicaciones web actuales utilizan, al menos en una página, una función escrita en <a href="http://www.maestrosdelweb.com/editorial/%C2%BFque-es-javascript/">javascript</a>.</p>
<p>Una de sus características es que se ejecuta en el navegador, o lo que es lo mismo, en el lado del cliente y esto lo hace muy útil para la validación de formularios en general.</p>
<p>En el desarrollo de formularios de contacto es muy útil para validar el formato del email que introduce el usuario. Con esta función de ejemplo podremos realizar esa tarea:</p>
<div class="codigo">
<pre>&lt;!--  (….) --&gt;
&lt;script language="JavaScript" type="text/javascript"&gt;

function validarEmail(cadena) {
var a = cadena.value;
var filter=/^[A-Za-z][A-Za-z0-9_]*@[A-Za-z0-9_]+.[A-Za-z0-9_.]+[A-za-z]$/;

if (a.length == 0 )
return true;

if (filter.test(a))
return true;
else
alert("Porfavor, debe ingresar una dirección de correo válida");

cadena.focus();
return false;
}
&lt;/script&gt;
&lt;!--  (….) --&gt;</pre>
</div>
<p>Lo que más desea el usuario que nos envía el mensaje a través del formulario de contacto es que su mensaje llegue rápido para que sea respondido con brevedad. En otras ocasiones la página demora unos segundos en actualizar y los usuarios creen que su clic no ha sido asimilado por la aplicación.</p>
<p>Por ambos motivos sucede que presionan el botón <b>Enviar</b> varias veces. Esto nos genera el mismo mensaje repetido en nuestra aplicación web. También para esto es muy útil el javascript. Con el código que mostramos a continuación podemos evitar que esto suceda inhabilitando el botón <b>Enviar</b> cuando se presiona la primera vez.</p>
<div class="codigo">
<pre>&lt;HTML&gt;
&lt;!--  (….) --&gt;
&lt;script language="JavaScript" type="text/javascript"&gt;
function bloquear() {
form1.Submit.disabled = true;
form1.Submit.value = "Procesando datos... ";
}
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;form name="form1" method="post" action="tuscript.pl" onSubmit="bloquear()"&gt;
  &lt;p&gt;
    &lt;input type="text" name="textfield"&gt;
  &lt;/p&gt;
  &lt;p&gt;
    &lt;input type="submit" name="Submit" value="Submit"&gt;
  &lt;/p&gt;
&lt;/form&gt;
&lt;/body&gt;
&lt;/HTML&gt;</pre>
</div>
<p>En el ejemplo se bloquea el botón Enviar y cambia el texto del botón por “Procesando datos…”</p>
<h3>El toque final</h3>
<p>Detrás de cualquier formulario de contacto se esconde un personal de soporte técnico o de atención a clientes. Son éstas personas, las encargadas de leer y responder los mensajes que se envían, las que verdaderamente ponen el sello de la excelencia a nuestro formulario de contacto. Ya que el usuario que nos contacta siempre espera que se le responda rápido y se le aclare la inquietud que lo motivó a enviar el mensaje.</p>
<p>Es muy importante tener en cuenta que si este aparato falla, ya sea porque demoran mucho en responder, no responden o las respuestas no satisfacen; los usuarios perderán la confianza en nuestro formulario de contacto y aún siendo el mejor en cuanto a usabilidad dejarán de utilizarlo.</p>
<p>Algunas empresas centran toda su energía en la calidad del personal que responderá los mensajes de contacto, otras se preocupan más por la usabilidad del formulario en la web que por lo anterior.</p>
<p>¿A cuál de las dos actividades le dedicaría usted más esfuerzos?</p>
<p>Por <a href="http://www.maestrosdelweb.com/autores/reynier-matos-padilla/" title="Otros artculos de Reynier Matos Padilla">Reynier Matos Padilla</a></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/delaweb.wordpress.com/10/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/delaweb.wordpress.com/10/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/delaweb.wordpress.com/10/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/delaweb.wordpress.com/10/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/delaweb.wordpress.com/10/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/delaweb.wordpress.com/10/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/delaweb.wordpress.com/10/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/delaweb.wordpress.com/10/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/delaweb.wordpress.com/10/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/delaweb.wordpress.com/10/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/delaweb.wordpress.com/10/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/delaweb.wordpress.com/10/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=delaweb.wordpress.com&blog=3085418&post=10&subd=delaweb&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://delaweb.wordpress.com/2008/03/12/usabilidad-al-disenar-formularios-de-contacto/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/da964e9902c7f4c396c3d6943ea0f226?s=96&#38;d=identicon" medium="image">
			<media:title type="html">jppm30</media:title>
		</media:content>

		<media:content url="http://www.maestrosdelweb.com/images/formulariocontacto.jpg" medium="image">
			<media:title type="html">Formulario de Contacto</media:title>
		</media:content>
	</item>
		<item>
		<title>Optimizando tu HTML</title>
		<link>http://delaweb.wordpress.com/2008/03/12/optimizando-tu-html/</link>
		<comments>http://delaweb.wordpress.com/2008/03/12/optimizando-tu-html/#comments</comments>
		<pubDate>Wed, 12 Mar 2008 05:07:19 +0000</pubDate>
		<dc:creator>jppm30</dc:creator>
				<category><![CDATA[Desarrollo Web]]></category>

		<guid isPermaLink="false">http://delaweb.wordpress.com/2008/03/12/optimizando-tu-html/</guid>
		<description><![CDATA[Por Reynier Matos Padilla  		 &#124; 2,632 Lecturas
Las principales aspiraciones de todos los administradores de sitios son: que su web esté completamente indexada en los buscadores más populares y que se encuentre posicionada entre los primeros lugares en los resultados de búsquedas. En este artículo trataremos algunos aspectos importantes que debemos tener en cuenta [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=delaweb.wordpress.com&blog=3085418&post=9&subd=delaweb&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Por <a href="http://www.maestrosdelweb.com/autores/reynier-matos-padilla/" title="Otros artculos de Reynier Matos Padilla">Reynier Matos Padilla</a>  		 | 2,632 Lecturas<span class="intro"></span></p>
<p><span class="intro">Las principales aspiraciones de todos los administradores de sitios son: que su web esté completamente indexada en los buscadores más populares y que se encuentre posicionada entre los primeros lugares en los resultados de búsquedas. En este artículo trataremos algunos aspectos importantes que debemos tener en cuenta en el diseño del HTML de nuestras páginas para lograr esto.</span><span></span></p>
<h3>Validación del HTML</h3>
<p>Los buscadores indexan el contenido de nuestras páginas a través de motores de búsqueda que funcionan de forma similar al navegador que utilizamos en nuestro ordenador (Firefox, Opera, Internet Explorer, Safari, etc.).</p>
<p>El primer aspecto a tener en cuenta para lograr que los robots exploren completamente nuestros sitios es facilitarles el trabajo. Esto lo podemos lograr validando nuestro <a href="http://www.maestrosdelweb.com/editorial/htmlhis/">HTML</a> con el <a href="http://validator.w3.org/">Validador de código HTML</a> que implementa en su sitio el <a href="http://www.maestrosdelweb.com/editorial/historiaw3c/">consorcio W3C</a>, encargado de establecer estándares web.</p>
<p>Logrando que nuestro HTML cumpla con los <a href="http://www.maestrosdelweb.com/editorial/estandaresweb/">estándares</a> estaremos dando el primer paso de optimización de código. Con esto no solo le facilitamos la exploración a los robots de los buscadores; también estaremos garantizando que el sitio se visualice de forma correcta en todos <a href="http://www.maestrosdelweb.com/editorial/%C2%BFcomo-elegir-un-navegador-web/">los navegadores</a> para los usuarios que nos visiten.</p>
<h3>La etiqueta de título</h3>
<p>Probablemente sea ésta la etiqueta de más importancia de una página en cuanto a posicionamiento web. Ella ofrece al visitante una descripción de la página donde está ubicado; se muestra en la barra de título de los navegadores y también es este título el que aparece en la primera línea de los resultados de búsquedas.</p>
<p>Para la optimización del sitio y lograr atraer al visitante el título debe ser una frase llamativa, bien redactada con palabras claves de peso, que describa de forma precisa el contenido de la página. Algo que se puede ver en algunos sitios de Internet es que todas las páginas llevan el mismo título.</p>
<p>Un sitio con esta característica no explica al visitante sobre el contenido de las páginas, además no muestra al robot de indexación el tema principal de éstas. Para evitar esto debemos colocar a cada página un título que describa de forma clara el contenido de ella. En el caso de las empresas, en vez del nombre se deben colocar los productos o servicios que oferta, la localidad, etc.</p>
<h3>La etiqueta meta de palabras claves</h3>
<p>Hace unos años la etiqueta meta keywords se consideraba el factor más importante a tener en cuenta por los motores de búsqueda. Aunque su importancia hoy ha decaído en los buscadores más populares, siempre vale la pena optimizarlo para el resto de los buscadores que todavía lo utilizan.</p>
<p>Un error que se observa con frecuencia es la colocación de las mismas palabras claves en la etiqueta de cada página del sitio. Deberíamos utilizar palabras que describan el contenido de cada página independientemente. También debemos tener en cuenta que la cantidad de palabras a colocar en esta etiqueta es limitada, por lo que es recomendable usar de entre ocho y doce palabras por páginas.</p>
<p>En el caso de la forma de separar las palabras claves de esta etiqueta: es una buena práctica separar las palabras por espacios. Con esto damos la posibilidad al buscador de crear varias frases combinando las palabras que hemos escrito; además que podremos obtener más combinaciones con menos palabras.</p>
<h3>La etiqueta meta de descripción</h3>
<p>Esta etiqueta, como la de palabras claves keywords ha perdido protagonismo en los motores de búsqueda, aunque aún tiene influencia en los buscadores, ya que muchos emplean este texto como descripción de nuestra página o del sitio.</p>
<p>La meta etiqueta <b>description</b> no debe contener la misma frase que hemos colocado en la de título y en las palabras claves. Debemos tener en cuenta que los buscadores no mostrarán más de 250 caracteres en esta etiqueta, por lo que su redacción debe ser corta y precisa.</p>
<h3>Las etiquetas de cabecera</h3>
<p>La mayoría de los buscadores valoran más y colocan más alto en el ranking a las páginas con HTML mejor programado. Una de las etiquetas que aportan a esto son las de cabecera o head tags ya que los buscadores dan mucha importancia al texto que escribimos entre estas etiquetas.</p>
<p>Es importante no abusar del uso de ellas, por aquello de que se nos penalice en los buscadores. Es conveniente destinar la etiqueta &lt;H1&gt; al texto más importante de nuestras páginas y reservar &lt;H2&gt; y &lt;H3&gt; para título de secciones u otras frases a destacar.</p>
<p>Por lo general estas etiquetas no tienen un aspecto visual de elegancia. Utilicemos las hojas de estilos <a href="http://www.maestrosdelweb.com/editorial/introcss/">CSS</a> para proveerlas de un formato visual que se ajuste a la apariencia de nuestro sitio.</p>
<h3>La propiedad ALT en las etiquetas de imágenes</h3>
<p>Una buena práctica en cuando a accesibilidad y posicionamiento es definir siempre la propiedad <b>ALT</b> de las etiquetas de imágenes. Los buscadores no pueden ver el contenido de nuestras imágenes, ni el texto que tengamos en ellas; es por esto siempre intentarán leer esta propiedad a modo de interpretar el contenido de nuestra imagen.</p>
<p>Esta propiedad también es importante para los usuarios que omiten las imágenes en sus navegadores o para personas con problemas visuales que utilizan navegadores destinados específicamente para ellos, que leen en voz alta el contenido de las páginas.</p>
<p>Este tipo de navegadores leen la propiedad <b>ALT</b> cuando aparecen imágenes en las páginas, definiendo claramente esta propiedad estaremos dando la posibilidad de que estas personas tengan una idea de la imagen que estamos mostrando.</p>
<h3>El texto de los enlaces</h3>
<p>Los enlaces son los reyes del posicionamiento. La mayoría de los buscadores basan la popularidad de una web en la cantidad de enlaces que tenga apuntando hacia ella, y utilizan como palabras claves las que contengan este enlace.</p>
<p>Es por esto que debemos construirlos de la mejor forma posible para lograr buenas posiciones en los buscadores. Es recomendable no usar la dirección del enlace en el texto de éste, sino mostrar un texto que describa con buenas palabras claves hacia dónde estamos enlazando. Algo así como esto:</p>
<div class="codigo">
<pre>&lt;a href=”http://www.maestrosdelweb.com”&gt;El punto de encuentro para desarrolladores web&lt;/a&gt;</pre>
</div>
<p>También es importante definir en las etiquetas de enlace la propiedad <b>TITLE</b>, ya que los buscadores también indexarán este contenido. Además, ayudará a tener una mejor idea del enlace a personas con problemas visuales que utilicen navegadores destinado para este fin, como comentaba en párrafos anteriores.</p>
<h3>CSS en lugar de tablas</h3>
<p>Un aspecto importante y que se ha difundido bastante en los últimos tiempos es el uso de etiquetas <b>DIV</b> en lugar de tablas y mediante el uso de hojas de estilo lograr una apariencia similar. Esta práctica tiene muchas ventajas entre las que podemos destacar:</p>
<ul>
<li>Se escribe un código HTML más limpio y menos pesado cuando nuestras páginas no contienen tablas, ya que para estas debemos definir varios TR y TD con las correspondientes propiedades de cada una de ellas, algo que no es necesario utilizando DIV. Escribimos menos código y hacemos más liviano nuestro HTML.</li>
<li>Los motores de búsqueda indexan más fácil y rápidamente nuestras páginas. En las tablas estos se demoran más porque deben leer todas las etiquetas TR y TD con sus respectivas propiedades. Si se interrumpe el proceso de indexación por cualquier motivo todas las páginas de nuestro sitio no se mostrará en los buscadores. Como comentaba en otro tema, los buscadores posicionan más alto en el ranking a páginas con HTML más limpio y legible.</li>
<li>Para los navegadores tiene un mayor costo leer y dibujar una tabla que un DIV, si a esto le sumamos que hay sitios que tienen en sus páginas muchas tablas y algunas de ellas anidadas, esto provoca una demora notable en la carga de la página, y trae consigo mayor uso de recursos por parte del navegador.</li>
<li>Utilizando DIV en lugar de tablas y hojas de estilo separamos el contenido de la página de su presentación. De esta forma tenemos la posibilidad de lograr un cambio de apariencia radical en nuestro sitio con solo realizar algunas modificaciones en el archivo CSS.</li>
</ul>
<h3>Cuidado con el uso excesivo del javascript</h3>
<p>Los navegadores por lo general no interpretan el contenido del código <a href="http://www.maestrosdelweb.com/editorial/%C2%BFque-es-javascript/">javascript</a> en nuestras páginas. Esto es algo que debemos tener en cuenta a la hora de desarrollar un sitio, sobretodo para el diseño de los menús de navegación, que generalmente son el “índice” de nuestros sitios.</p>
<p>Con menús javascript podemos lograr una apariencia magnífica en estos, implementarles efectos, sombras, imágenes, etc. Pero tiene la desventaja de que los enlaces en éstos no serán indexados por los motores de búsqueda. Por lo que es más recomendable construir menús utilizando listas desordenadas y diseñar su apariencia con hojas de estilo. He aquí un ejemplo de un menú como el que recomendamos:</p>
<div class="codigo">
<pre>&lt;div id="pie_accesos_editorial"&gt;
	&lt;strong&gt;Editorial&lt;/strong&gt;
	&lt;ul&gt;
		&lt;li&gt;&lt;a href="/editorial/" title="Todos los editoriales"&gt;Todos los editoriales&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="/leido/" title="Lo más leido"&gt;Lo más leido&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="/comentado/" title="Lo más comentado"&gt;Lo más comentado&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="/editorial/aspectos-tecnicos/" title="Notas de Aspectos Técnicos (dominios, hosting, optimización y seguridad)"&gt;Aspectos técnicos&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="/editorial/desarrollo-web/" title="Notas de Desarrollo Web (ajax, bases de datos, css, estándares, php, xhtml, ...)"&gt;Desarrollo Web&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="/editorial/c-diseno/" title="Notas de Diseño (accesibilidad, maquetación, usabilidad)"&gt;Diseño&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="/editorial/negocios/" title="Notas de Negocios (eBusiness, Marketing, SEO)"&gt;Negocios&lt;/a&gt;&lt;/li&gt;			&lt;li&gt;&lt;a href="/principiantes/" title="Notas para principiantes"&gt;Principiantes&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="/editorial/sitios/" title="Navegando por sitios Web"&gt;Navegando&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="/editorial/semblanza/" title="Semblanzas de personajes destacados"&gt;Semblanza&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="/sitio/colaborar/" title="Enviar colaboración"&gt;Enviar colaboración&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;
&lt;/div&gt;</pre>
</div>
<p>Debemos emplear javascript y <a href="http://www.maestrosdelweb.com/editorial/ajax/">AJAX</a> en páginas donde verdaderamente son de mucha utilidad y en las que no sea interés nuestro que se indexen en los buscadores, como por ejemplo páginas de inicio de sesión, formularios de contacto, etc.</p>
<h3>Accesibilidad y usabilidad</h3>
<p>Es muy importante para nuestros sitios que sean indexados por los buscadores y permanecer en las primeras posiciones; pero en nuestra contienda en la optimización del HTML no debemos descuidar aspectos tan importantes como el contenido, la apariencia, <a href="http://www.tawdis.net/taw3/cms/es">la accesibilidad</a> y <a href="http://www.maestrosdelweb.com/editorial/usabilidad/">usabilidad</a> de nuestras páginas.</p>
<p>Porque de nada nos servirá permanecer en los primeros lugares del ranking si los visitantes al entrar en nuestras páginas no se sienten a gusto, no la entienden o se pierden al navegar entre ellas. Debemos mantener un equilibrio entre todos estos aspectos y no olvidar que nuestro compromiso es con el usuario que nos visita.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/delaweb.wordpress.com/9/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/delaweb.wordpress.com/9/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/delaweb.wordpress.com/9/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/delaweb.wordpress.com/9/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/delaweb.wordpress.com/9/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/delaweb.wordpress.com/9/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/delaweb.wordpress.com/9/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/delaweb.wordpress.com/9/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/delaweb.wordpress.com/9/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/delaweb.wordpress.com/9/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/delaweb.wordpress.com/9/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/delaweb.wordpress.com/9/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=delaweb.wordpress.com&blog=3085418&post=9&subd=delaweb&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://delaweb.wordpress.com/2008/03/12/optimizando-tu-html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/da964e9902c7f4c396c3d6943ea0f226?s=96&#38;d=identicon" medium="image">
			<media:title type="html">jppm30</media:title>
		</media:content>
	</item>
		<item>
		<title>Las 8 tendencias que revolucionan el turismo en internet</title>
		<link>http://delaweb.wordpress.com/2008/03/12/las-8-tendencias-que-revolucionan-el-turismo-en-internet/</link>
		<comments>http://delaweb.wordpress.com/2008/03/12/las-8-tendencias-que-revolucionan-el-turismo-en-internet/#comments</comments>
		<pubDate>Wed, 12 Mar 2008 05:03:45 +0000</pubDate>
		<dc:creator>jppm30</dc:creator>
				<category><![CDATA[Tendencias]]></category>

		<guid isPermaLink="false">http://delaweb.wordpress.com/?p=8</guid>
		<description><![CDATA[El turismo ha sido una de las industrias donde el auge de Internet y ahora la Web 2.0 han representado un cambio radical en su modelo de negocio. En este artículo presentamos 8 tendencias que han afectado a este sector.
Internet es un medio de gran potencial y lleno de oportunidades para todos los “jugadores” del [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=delaweb.wordpress.com&blog=3085418&post=8&subd=delaweb&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><span class="intro">El turismo ha sido una de las industrias donde el auge de Internet y ahora la Web 2.0 han representado un cambio radical en su modelo de negocio. En este artículo presentamos 8 tendencias que han afectado a este sector.</span><span></span></p>
<p><img src="http://www.maestrosdelweb.com/images/salidas.jpg" alt="salidas" style="float:right;padding:5px;" />Internet es un medio de gran potencial y lleno de oportunidades para todos los “jugadores” del sector turístico: no sólo para los proveedores, agencias y operadores tradicionales, sino además para las nuevas webs de servicios e información relacionadas con el turismo y sobre todo para los usuarios -turistas- a quienes se les abre una gran gama de posibilidades que van mucho más allá de las que tenían acceso como “cliente tradicional”.</p>
<p>Las cifras que muestran el auge y potencial del mix “<b>turismo + Internet</b>” son muy claras:</p>
<ul>
<li>En los Estados Unidos durante el 2007 el 51% de los viajes se vendieron a través de Internet. En el 2008 se proyecta un crecimiento al 56%, alcanzando un 60% en el 2009. (PhocusWright’s “Consumer Travel Trends Survey”).</li>
<li>En España durante 2007 la facturación por venta de viajes en Internet tuvo un crecimiento del 40% superando los 5,000 millones de Euros. En el 2008 se espera un crecimiento del 30%. (Informe Especial de DBK: “Comercio Electrónico de Viajes”).</li>
</ul>
<p>Pero, ¿Qué ha originado este extraordinario crecimiento? Definitivamente el hecho de que el sector turismo sea uno de los pioneros en implementar y sacar provecho a las tendencias de las <a href="http://www.maestrosdelweb.com/editorial/web2/">Web 2.0</a> tiene mucho que ver.</p>
<p>¿Cuáles son los servicios y funcionalidades que han hecho que el sector turismo sea una de las mayores industrias de la Web 2.0 y que están marcando el éxito del llamado <a href="http://www.travelmarketing.biz/blog/index.php/mensajes-travel-marketing-blog/lo-que-todo-profesional-del-turismo-debe-saber-sobre-el-turismo-20/">Turismo 2.0</a>?</p>
<p>A continuación se presentan las 8 tendencias más importantes que integran la nueva ola de <a href="http://www.travelmarketing.biz/blog/index.php/turismo-20/las-redes-sociales-turisticas-mas-populares/">Webs de Turismo 2.0</a> que están impulsando “la revolución del turismo en Internet”:</p>
<p>Por <a href="http://www.maestrosdelweb.com/autores/aleyda-solis/" title="Otros artculos de Aleyda Solis">Aleyda Solis</a></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/delaweb.wordpress.com/8/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/delaweb.wordpress.com/8/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/delaweb.wordpress.com/8/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/delaweb.wordpress.com/8/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/delaweb.wordpress.com/8/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/delaweb.wordpress.com/8/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/delaweb.wordpress.com/8/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/delaweb.wordpress.com/8/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/delaweb.wordpress.com/8/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/delaweb.wordpress.com/8/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/delaweb.wordpress.com/8/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/delaweb.wordpress.com/8/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=delaweb.wordpress.com&blog=3085418&post=8&subd=delaweb&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://delaweb.wordpress.com/2008/03/12/las-8-tendencias-que-revolucionan-el-turismo-en-internet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/da964e9902c7f4c396c3d6943ea0f226?s=96&#38;d=identicon" medium="image">
			<media:title type="html">jppm30</media:title>
		</media:content>

		<media:content url="http://www.maestrosdelweb.com/images/salidas.jpg" medium="image">
			<media:title type="html">salidas</media:title>
		</media:content>
	</item>
	</channel>
</rss>