<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="0.92" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Ideas Frescas - rss</title>
<link>http://www.ideasfrescas.es/es/paginas-web.php</link>
<language>es-ES</language>
<description><![CDATA[Agencia de Publicidad]]></description>
<generator>ideasfrescas.es by 8th Art Studio S.L. - sherguedas@ideasfrescas.es</generator>
<managingEditor>webmaster@ideasfrescas.es</managingEditor>
<webMaster>webmaster@ideasfrescas.es</webMaster>
<image>
<title>Ideas Frescas - rss</title>
<url>http://www.ideasfrescas.es/modulos/img/logo.jpg</url>
<link>http://www.ideasfrescas.es/es/paginas-web.php</link>
<width>120</width>
<height>71</height>
</image>


<item>
<title><![CDATA[Googlebot-News el Nuevo Agente de Google]]></title>
<link>http://www.ideasfrescas.es/es/blog-paginas-web/buscadores/google/googlebot-news.php</link>
<pubDate>Sat, 04 Feb 2012 13:16:09 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[articulos]]></category>
<description><![CDATA[<p><strong><img class="img_derecha" title="Google logo" src="http://ww2.ideasfrescas.es/includes/img/google-20091229113547.jpg" alt="Google logo" width="220" height="94" />Google</strong> ha desarrollado un nuevo agente de usuario (user-agent) para robots.txt, que se llama <strong>Googlebot-News</strong>, que proporciona a los editores de noticias y art&iacute;culos m&aacute;s control sobre su contenido.</p>
<p>Googlebot-News trabaja sobre <strong>robots.txt</strong>, buscando si tiene permiso para rastrear e indexar una p&aacute;gina web, podemos indicarle exactamente lo queremos que indexe y m&aacute;s importante lo que no queremos que indexe de la misma forma que hac&iacute;amos con Googlebot. Pudiendo distinguir los permisos para cada agente de google. Los due&ntilde;os de las p&aacute;ginas web pueden especificar que p&aacute;ginas web deber&iacute;an rastrearse y aparecer en Google Noticias.</p>
<p><strong>Ejemplos para editores de robots.txt para agentes de Google Googlebot y Googlebot-News</strong> :</p>
<p><strong>Incluir p&aacute;ginas tanto en la b&uacute;squeda web de Google como en Noticias</strong>:</p>
<div class="codigo"><pre class="brush: xhtml">User-agent: Googlebot
Disallow:</pre></div>
<p>Este es el caso m&aacute;s sencillo. De hecho, no se necesita un archivo robots.txt para este caso. </p>
<p><strong>Incluir p&aacute;ginas en la b&uacute;squeda web de Google, pero no en Noticias</strong>:</p>
<div class="codigo"><pre class="brush: xhtml">User-agent: Googlebot
Disallow:
User-agent: Googlebot-News
Disallow: /</pre></div>
<p>Este archivo robots.txt dice que no hay ning&uacute;n archivo al que no se puede acceder para el rastreador general de Google para la web, llamado Googlebot; pero el agente de usuario "Googlebot-News" tiene bloqueado el acceso a todos los archivos del sitio web.</p>
<p><strong>Incluir p&aacute;ginas en Google Noticias, pero no en la b&uacute;squeda web de Google</strong>:</p>
<div class="codigo"><pre class="brush: xhtml">User-agent: Googlebot
Disallow: /
User-agent: Googlebot-News
Disallow:</pre></div>
<p>Cuando se mira un archivo robots.txt, Google ataja las directivas m&aacute;s espec&iacute;ficas. Las dos primeras l&iacute;neas nos dicen que <strong>Googlebot</strong> (el agente de usuario para el &iacute;ndice web de Google) est&aacute; bloqueado para rastrear cualquier p&aacute;gina del sitio web. La siguiente directiva, que es para un agente de usuario m&aacute;s espec&iacute;fico, para Google Noticias, suprime el bloqueo de <strong>Googlebot</strong> y da permiso a Google Noticias para rastrear las p&aacute;ginas de su sitio web.</p>
<p><strong>Bloquear grupos diferentes de p&aacute;ginas de la b&uacute;squeda web de Google y Google Noticias</strong>:</p>
<div class="codigo"><pre class="brush: xhtml">ser-agent: Googlebot
Disallow: /latest_news
User-agent: Googlebot-News
Disallow: /archives</pre></div>
<p>Las p&aacute;ginas bloqueadas para la b&uacute;squeda web de Google y Google Noticias pueden controlarse de forma independiente. Este archivo robots.txt bloquea para la b&uacute;squeda web de Google las noticias m&aacute;s recientes (las URL que est&aacute;n en la carpeta /latest_news), pero permite que &eacute;stas aparezcan en Google Noticias. En cambio, bloquea contenido premium a Google Noticias (las URL que est&aacute;n en la carpeta /archives folder), pero permite que aparezcan en la b&uacute;squeda web de Google.</p>
<p><strong>Evitar que se rastreen p&aacute;ginas para la b&uacute;squeda web de Google y para Google Noticias</strong>:</p>
<div class="codigo"><pre class="brush: xhtml">User-agent: Googlebot
Disallow: /</pre></div>
<p>Este archivo robots.txt le dice a Google que Googlebot, el agente de usuario para nuestro rastreador de la b&uacute;squeda web, no deber&iacute;a rastrear ninguna p&aacute;gina de este sitio web. Y debido a que no se ha especificado ninguna directiva a Googlebot-News, nuestra b&uacute;squeda de Noticias seguir&aacute; la gu&iacute;a general que de Googlebot, y no rastrear&aacute; p&aacute;ginas para Google Noticias.</p>]]></description>
</item>

<item>
<title><![CDATA[Shadowbox]]></title>
<link>http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/shadowbox.php</link>
<pubDate>Sat, 04 Feb 2012 13:16:09 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[articulos]]></category>
<description><![CDATA[<p><a title="Shadowbox" rel="nofollow" href="http://shadowbox-js.com/" target="_blank"><strong>Shadowbox</strong></a> es una aplicación en línea para el visonado de medios web más populares (JPG, GIF, PNG, Flash, QuickTiem, Windows Media Player, Flip4Mac, HTML, PHP, ASP, etc..).</p>
<p><strong>Shadowbox</strong> está escrito totalmente en JavaScript y CSS siendo altamente configurable y editable. <strong>Shadowbox</strong> permite, a los desarrolladores de páginas web, mostrar una amplia variedad de medios de comunicación en los principales navegadores, sin tener que visitar las páginas web externas que poseén los medios.</p>
<p><img title="Logotipo Internet Explorer" src="http://ww3.ideasfrescas.es/includes/img/internet-explorer-20091230162846.jpg" alt="Logotipo Internet Explorer" width="24" height="24" /> <strong>Internet Explorer 6+</strong>     <img title="Logotipo Firefox" src="http://ww3.ideasfrescas.es/includes/img/firefox-20091230162745.jpg" alt="Logotipo Firefox" width="24" height="24" /> <strong>FireFox 1.5+</strong>     <img title="Logotipo Google Chrome" src="http://ww3.ideasfrescas.es/includes/img/google-chrome-20091230162822.jpg" alt="Logotipo Google Chrome" width="24" height="24" /> <strong>Google Chrome 1</strong>     <img title="Logotipo Safari" src="http://ww3.ideasfrescas.es/includes/img/safari-20091230162914.jpg" alt="Logotipo Safari" width="24" height="24" /> <strong>Safari 2+</strong>     <img title="Logotipo Opera" src="http://ww3.ideasfrescas.es/includes/img/opera-20091230162901.jpg" alt="Logotipo Opera" width="24" height="24" /> <strong>Opera 9+</strong></p>
<p>Aunque <strong>Shadowbox</strong> también destaca como un recurso inmejorable para mostrar elementos dentro del propio sitio web, de forma personalizada para sus múltiples páginas web.</p>
<h2>Características de Shadowbox</h2>
<p><strong>Estándares Internacionales</strong>: <strong>Shadowbox</strong> es validado mediante el estándar internacional web HTML de w3.org.
<strong>Sin Marcos</strong>: Aunque <strong>Shadowbox</strong> tiene la capacidad de adaptarse a cualquier marco de JavaScript, y es capaz de ejecutarse como una aplicación independiente, dando al desarrollador de una gran flexibilidad.
<strong>Flexible</strong>: <strong>Shadowbox</strong> soporta los formatos más populares de medios de publicación web, incluyendo imágenes, QuickTime, Windows Media Player, Flash, vídeo de Flash, HTML, e incluso las páginas web externas.
<strong>Personalizable</strong>: Soporta una gran cantidad de opciones que hacen que <strong>Shadowbox</strong> sea altamente configurable y editable. Si no te gusta la manera en que funciona algo, puedes cambiarlo.
<strong>Ordenado y compacto</strong>: El código de <strong>Shadowbox</strong> es limpio, modular y compacto.</p>
<h2>Ejemplos de aplicaciones para Shadowbox</h2>
<p>Shadowbox como galería de imágenes</p>
<p><img title="Shadowbox ejemplos" src="http://ww3.ideasfrescas.es/includes/img/shadowbox-ejemplos-20091230153446.jpg" alt="Shadowbox ejemplos" width="400" height="275" /></p>
<p>Shadowbox como reproductor de videos de YouTube</p>
<p><img title="Shadowbox videos" src="http://ww3.ideasfrescas.es/includes/img/shadowbox-videos-20091230153515.jpg" alt="Shadowbox videos" width="400" height="324" /></p>
<p>Shadowbox y GoogleMaps</p>
<p><img title="Shadowbox Google Maps" src="http://ww3.ideasfrescas.es/includes/img/shadowbox-google-maps-20091230153547.jpg" alt="Shadowbox Google Maps" width="400" height="256" /></p>
<h2>Llamada a las librerías y el objeto Shadowbox
</h2>
<p>Guadamos las librerías que hemos descargado [ <a title="Descagar Shadowbox" rel="nofollow" href="http://shadowbox-js.com/download.html" target="_blank">Descargar 
Shadowbox.js</a> ] en la carpeta shadowbox, y las llamamos tanto las css como los ficheros javascript:</p>
<p>
<div class="codigo"><pre class="brush: xhtml">&lt;link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css" mce_href="shadowbox/shadowbox.css" /&gt;</pre></div>
<div class="codigo"><pre class="brush: javascript"><script type="text/javascript" src="shadowbox/shadowbox.js" mce_src="shadowbox/shadowbox.js"></script>
<script type="text/javascript" src="shadowbox/shadowbox-funciones.js" mce_src="shadowbox/shadowbox-funciones.js"></script>
<script type="text/javascript"><!--
Shadowbox.init();
// --></script></pre></div>
<h2>¿Cómo puedo abrir Shadowbox desde una película de Flash?</h2>
<p>Usando ActionScript y la función getURL para llamar al código de <strong>Shadowbox</strong>. La forma más fácil es definir una función de JavaScript de llamada similar a la siguiente función:</p>
<p>
<div class="codigo"><pre class="brush: javascript"><script type="text/javascript"><!--
	function openShadowbox(content, player, title)
	{
		Shadowbox.open({
			content: content,
			player: player,
			title: title
		});
	}
// --></script></pre></div>
<p>Puedes poner esta función en la etiqueta <span class="txtCodigo">head</span>, o bien incluirlo como archivo externo mediante un <span class="txtCodigo">script</span>. Luego, en la película Flash se utiliza <span class="txtCodigo">getURL</span> para llamar a su función de llamada del <strong>Shadowbox</strong>:</p>
<p>
<div class="codigo"><pre class="brush: javascript">getURL(&quot;javascript: openShadowbox( 'movie.swf', 'swf', 'Title')&quot;);</pre></div>
<h2>¿Cómo puedo abrir Shadowbox desde un iframe?</h2>
<p>Cuando un iframe se coloca dentro de otra ventana, esa ventana se convierte en la ventana principal de ese iframe. Para ejecutar JavaScript en la ventana padre desde el interior de un iframe, debes encontrar la manera de hacer llamadas a objetos generados en la ventana padre.
Por lo tanto, se puede utilizar el código siguiente dentro del documento iframe para acceder al objeto <strong>Shadowbox</strong> que se encuentra en la ventana padre:</p>
<p>
<div class="codigo"><pre class="brush: javascript">var = Shadowbox window.parent.Shadowbox;/ / Hacer lo que quieras con Shadowbox aquí</pre></div>
<p>Una vez que se tiene acceso al objeto <strong>Shadowbox</strong>, podemos utilizarlo como se haría normalmente. Todas las acciones tendrán lugar en la ventana principal. Para utilizar <strong>Shadowbox</strong> dentro de un iframe, debemos incluir el código del <strong>Shadowbox</strong> en la parte superior del documento dentro del iframe.</p>
<h2>¿Cómo puedo cerrar un Shadowbox desde el propio Shadowbox?</h2>
<p>Para cerrar el objeto <strong>Shadowbox</strong> debemos quenerar una función de llamada en JavaScript en la ventana padre o superior que generó el objeto <strong>Shadowbox</strong> original, ya que un objeto <strong>Shadowbox</strong> puede llamar a otro objeto <strong>Shadowbox</strong>.</p>
<p>
<div class="codigo"><pre class="brush: javascript"><script type="text/javascript"><!--
	function closeShadow()
	{
		Shadowbox.close();
	}
// --></script></pre></div>
<p>Enlaces de Shadowbox.js: [ <a title="Descagar Shadowbox" rel="nofollow" href="http://shadowbox-js.com/download.html" target="_blank">Descargar Shadowbox.js</a> ] [ <a title="DEMO Shadowbox" rel="nofollow" href="http://shadowbox-js.com/index.html" target="_blank">DEMO Shadowbox</a> ] [ <a title="API Shadowbox" rel="nofollow" href="http://shadowbox-js.com/api.html" target="_blank">API Shadowbox</a> ]</p>
<p>Otros Artículos relacionados con Shadowbox: <a href="http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/opciones-shadowbox.php" target="_blank">Opciones de Shadowbox</a> - <a title="Shadowbox con Google Maps" href="http://www.ideasfrescas.es/es/blog-paginas-web/buscadores/google/shadowbox-google-maps.php" target="_blank">Shadowbox y Google Maps 
</a> - <a title="shadowbox galeria imagenes" href="http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/galeria-de-imagenes-con-shadowbox.php" target="_blank">Galería de Imágenes con Shadowbox</a> - <a title="Shadowbox problema con ie6" href="http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/shadowbox-problema-ie6.php" target="_blank">Shadowbox problemas con IE6</a> - <a title="Flash con Shadowbox" href="http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/flash-shadowbox.php" target="_blank">Flash y Shadowbox</a></p>]]></description>
</item>

<item>
<title><![CDATA[Google Maps en Páginas Web]]></title>
<link>http://www.ideasfrescas.es/es/blog-paginas-web/buscadores/google/google-maps.php</link>
<pubDate>Sat, 04 Feb 2012 13:16:09 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[articulos]]></category>
<description><![CDATA[<h2>Caracter&iacute;sticas de Google Maps</h2>
<p><img class="img_derecha" title="Google Maps" src="http://ww4.ideasfrescas.es/includes/img/google-maps-20100118144024.jpg" alt="Google Maps" width="300" height="299" />La caracter&iacute;stica que sin duda m&aacute;s llama la atenci&oacute;n del funcionamiento de <strong>Google Maps</strong> es su interactividad.</p>
<p>Podemos pinchar una y otra vez en el mapa de <strong>Google Maps</strong> para movernos por el mundo, hacer zoom y elegir el tipo del mapa sin necesidad de recargar la p&aacute;gina, todo ello de forma f&aacute;cil e intuitiva.</p>
<p>Este tipo de aplicaci&oacute;n web se encuadra dentro de la tecnolog&iacute;a que Adaptive Path ha dado por denominar AJAX (Asynchronous Javascript + XML).</p>
<h2>Google Maps Key</h2>
<p>El primer paso para usar <strong>Google Maps</strong> es obtener una clave o key para el dominio donde lo vamos a insertar <strong>Google Maps</strong>, que se nos concede cuando nos damos de [<a rel="nofollow" href="http://code.google.com/intl/es-ES/apis/maps/signup.html" target="_blank">alta el servicio Google Maps</a>]. Esta key de Google Maps es &uacute;nica para cada usuario y dominio, y es restrictiva en lo que se refiere a su uso.</p>
<h2>Configurar Google Maps</h2>
<p>Primero incluimos la librer&iacute;a donde est&aacute; el API Javascript para los mapas de Google.</p>
<div class="codigo"><pre class="brush: javascript">&lt;script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=TU KEY GOOGLE MAPS" mce_src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=TU KEY GOOGLE MAPS" type="text/javascript"&gt;&lt;/script&gt;
//funcion que carga Google Maps
&lt;script type="text/javascript"&gt;&lt;!--
	function load()
	{
		if (GBrowserIsCompatible())
		{
			var map = new GMap2(document.getElementById("mapa_google"));
			map.openInfoWindowHtml(new GLatLng(latitudGoogle,longitudGoogle),Midireccion);
			map.addControl(new GSmallMapControl());
			map.addControl(new GOverviewMapControl());
			map.setCenter(new GLatLng(latitudGoogle,longitudGoogle), 17);
		}
	}
// --&gt;&lt;/script&gt;
//Capa donde se muestra google maps
&lt;div id="mapa_google"&gt;&lt;/div&gt;</pre></div>
<h2>Calcular la Longitud y la Latitud</h2>
<p>Para calcular las geocoordenadas longitud y latitud que te pide <strong>Google Maps</strong>, utiliza el siguietne enlace.</p>
<p>Enlace para [<a rel="nofollow" href="http://www.mygeoposition.com/" target="_blank">calcular las coordenadas</a>]&nbsp;</p>
<h2>Par&aacute;metros de Google Maps</h2>
<div class="codigo"><pre class="brush: javascript">map.setMapType(G_SATELLITE_TYPE);</pre></div>
<p><strong>setMapType</strong> nos permite especificar el tipo de mapa que queremos visualizar. Como puede verse en los selectores situados arriba a la derecha en el mapa, podemos elegir entre las vistas "Map" (mapa vectorial), "Satellite" (fotograf&iacute;a de sat&eacute;lite) y "Hybrid" (combina ambas vistas). &nbsp;En nuestro caso, ya que Google todav&iacute;a no dispone de mapas vectoriales para Espa&ntilde;a, hemos elegido la vista de satelite que nos muestra la fotograf&iacute;a a&eacute;rea de la zona.</p>
<p>Adem&aacute;s existen otras 2 vistas de google maps.</p>
<p>&bull;&nbsp;&nbsp;&nbsp; Street View&nbsp; vista del mapa a pie de calle y desplazarse por ellas.</p>
<p>&bull;&nbsp;&nbsp;&nbsp; Tr&aacute;fico: esta vista es id&eacute;ntica a la vista de mapa (mira m&aacute;s abajo), pero tambi&eacute;n ofrece informaci&oacute;n sobre el tr&aacute;fico si est&aacute; disponible en el &aacute;rea mostrada en ese momento. El color rojo indica un tr&aacute;fico denso, el amarillo tr&aacute;fico lento, el verde velocidad normal y el gris indica que no hay datos disponibles acerca del tr&aacute;fico.</p>
<div class="codigo"><pre class="brush: javascript">map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());</pre></div>
<p><strong>addControl</strong> nos permite incorporar elementos de control al mapa, tal y como son el control de zoom que vemos a la izquierda y el selector de tipo de mapa.</p>
<p>Dependiendo de nuestras necesidades podemos incorporar estos controles, o incluso versiones de menor tama&ntilde;o (GSmallMapControl) para mapas en tama&ntilde;o reducido. &nbsp;Por defecto el mapa se muestra sin controles.   <strong class="verde"></strong></p>
<div class="codigo"><pre class="brush: javascript">map.centerAndZoom(new GPoint (latitud,longitud), 3);</pre></div>
<p>Con esta sentencia indicamos a nuestro GMap qu&eacute; lugar queremos que muestre, mediante el m&eacute;todo <strong>centerAndZoom</strong>.</p>
<p>Los par&aacute;metros son un GPoint (que generamos a continuaci&oacute;n a partir de su latitud y longitud) y el nivel de zoom que queremos mostrar, de 1 a 16, siendo el nivel 1 el m&aacute;s cercano y el 16 el m&aacute;s alejado.</p>
<p><strong>Google Maps</strong> ubica los puntos en los mapas a partir de su latitud y longitud.</p>
<p>Esta informaci&oacute;n debemos suministrarla nosotros, y para ello lo m&aacute;s adecuado es usar alguno de los servicios de geocoding disponibles en la red.   Uno de ellos es por ejemplo el de InfoSports, en el que con simplemente pulsar en cualquier punto del mapa obtendremos la latitud y longitud deseadas para ese punto.</p>
<p>Existen otros servicios de geocoding disponibles de forma gratuita en la red que no exigen buscar el punto f&iacute;sico en el mapa, tales como Geocoder.us y geonames.org, en los que podemos realizar b&uacute;squedas a partir del nombre de la ubicaci&oacute;n que buscamos.</p>
<p>Podemos crear marcadores de diversos puntos en el mapa.</p>
<div class="codigo"><pre class="brush: javascript">var point = new GPoint (latitud, longitud);
var marker = new GMarker(point);
map.addOverlay(marker);
map.centerAndZoom(point, 3);</pre></div>
<p>Creamos en punto con Gpoint. Creamos un marcador en el punto correspondiente y centramos el mapa en dicho punto.</p>
<p>Vistas adicionales:</p>
<p><strong>Street View: </strong>En algunas ubnicaciones puedes ver im&aacute;genes a pie de calle y desplazarte por ellas.</p>
<p><strong>Tr&aacute;fico</strong>: esta vista es id&eacute;ntica a la vista de mapa (mira m&aacute;s abajo), pero tambi&eacute;n ofrece informaci&oacute;n sobre el tr&aacute;fico si est&aacute; disponible en el &aacute;rea mostrada en ese momento. El color rojo indica un tr&aacute;fico denso, el amarillo tr&aacute;fico lento, el verde velocidad normal y el gris indica que no hay datos disponibles acerca del tr&aacute;fico.</p>
<p>Enlace al [<a rel="nofollow" href="http://code.google.com/intl/es/apis/maps/documentation/reference.html" target="_blank">manual de referencia de la API de Google Maps</a>]</p>
<h2>Asistente de Google Maps</h2>
<p>Otra opci&oacute;n es a&ntilde;adir el mapa de google con el [<a rel="nofollow" href="http://www.google.com/uds/solutions/wizards/mapsearch.html" target="_blank">asistente de Google Maps</a>]</p>
<h2>A&ntilde;adir una Ubicaci&oacute;n, Lugar o Direcci&oacute;n a Google Maps</h2>
<p>Busca el lugar que te gustar&iacute;a a&ntilde;adir en <strong>Google Maps</strong>, para averiguar si ya se ha incluido. Si no est&aacute; incluido, haz clic en A&ntilde;adir un lugar al mapa en el panel de la izquierda.</p>
<p>Se mostrar&aacute; un marcador en el centro del mapa. Arrastra el marcador a la ubicaci&oacute;n correcta o escribe una direcci&oacute;n. Haz clic en Siguiente. A&ntilde;ade los detalles del lugar y haz clic en Guardar.</p>
<p>Si eres el propietario de una empresa, puedes a&ntilde;adir tu empresa a <strong>Google Maps</strong> y verificarla utilizando [<a rel="nofollow" href="http://www.google.com/local/add" target="_blank">Local Business Center</a>]. Si quieres a&ntilde;adir un lugar o una empresa de la que no eres el propietario, observa este [<a rel="nofollow" href="http://www.youtube.com/watch?v=xNT-JRyWykM&amp;feature=player_embedded" target="_blank">v&iacute;deo sobre c&oacute;mo a&ntilde;adir lugares a <strong>Google Maps</strong></a>] (en ingl&eacute;s).</p>]]></description>
</item>

<item>
<title><![CDATA[Google Map Maker]]></title>
<link>http://www.ideasfrescas.es/es/blog-paginas-web/buscadores/google/google-map-maker.php</link>
<pubDate>Sat, 04 Feb 2012 13:16:09 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[articulos]]></category>
<description><![CDATA[<p><a rel="nofollow" href="http://www.google.com/mapmaker" target="_blank">Google Map Maker</a> permite colaborar, compartir y editar informaci&oacute;n sobre los mapas de Google Maps de <a rel="nofollow" href="http://maps.google.com/support/bin/answer.py?hl=es&amp;answer=155415" target="_blank">174 pa&iacute;ses y territorios</a>.</p>
<p><strong>Google Map Maker</strong> te ofrece varias herramientas con las que podr&aacute;s crear y editar los elementos de los mapas, mejorando la calidad de los mapas y la informaci&oacute;n local de tu regi&oacute;n.</p>
<p><a rel="nofollow" href="http://maps.google.com/support/bin/answer.py?hl=es&amp;answer=155406" target="_blank">Haz clic aqu&iacute;</a> para ver c&oacute;mo empezar con <strong>Google Map Maker</strong>.</p>
<p><img title="GOOGLE MAP MAKER" src="http://www.ideasfrescas.es/includes/img/google-map-maker-20100122140400.jpg" alt="GOOGLE MAP MAKER" width="400" height="241" /></p>
<p>Tele Atlas: puedes informarles de un error en sus mapas utilizando el sistema <a rel="nofollow" href="http://mapinsight.teleatlas.com/" target="_blank">Map Insight</a> de Google Maps.</p>]]></description>
</item>

<item>
<title><![CDATA[Google Maps Rutas en Coche]]></title>
<link>http://www.ideasfrescas.es/es/blog-paginas-web/buscadores/google/google-maps-rutas-en-coche.php</link>
<pubDate>Sat, 04 Feb 2012 13:16:09 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[articulos]]></category>
<description><![CDATA[<p><img class="img_derecha" title="Google Maps" src="http://ww2.ideasfrescas.es/includes/img/google-maps-20100118144024.jpg" alt="Google Maps" width="300" height="299" /></p>
<p>Hay varias formas de obtener indicaciones de <strong>rutas en coche con Google Maps</strong>:</p>
<p>- Haz clic en una ubicaci&oacute;n del mapa para ver la ventana desplegable la informaci&oacute;n del punto. A continuaci&oacute;n, sigue estos pasos:</p>
<ul>
<li>Haz clic en &prime;Hasta aqu&iacute;&prime;.</li>
<li>Escribe tu direcci&oacute;n de inicio.</li>
<li>Haz clic en &prime;C&oacute;mo llegar&prime;.</li>
</ul>
<p>- Incluye las palabras "hasta" o "desde" en tu b&uacute;squeda en el cuadro de b&uacute;squeda principal. Por ejemplo, puedes escribir [Valladolid hasta calle de la Princesa 15, Madrid] para obtener la <strong>ruta en coche con Google Maps</strong> desde Valladolid hasta la direcci&oacute;n de Madrid.</p>
<p>- Haz clic en el enlace &prime;C&oacute;mo llegar&prime; en la parte superior del panel izquierdo de Google Maps, introduce las direcciones de origen y destino y haz clic en el bot&oacute;n &prime;C&oacute;mo llegar&prime;. Haz clic en la doble flecha derecha para intercambiar el origen y el destino y obtener la ruta de vuelta.</p>
<p>Para todo lo anterior, <strong>Google Maps muestra la ruta en coche</strong> y proporciona instrucciones paso a paso. Puedes hacer clic en cualquier instrucci&oacute;n para aumentar el tama&ntilde;o del mapa o las vistas de sat&eacute;lite y relieve.</p>
<p>&nbsp;</p>
<h2>Consejos para Google Maps y Rutas en Coche</h2>
<p>A&ntilde;ade varias paradas en una sola ruta haciendo clic en A&ntilde;adir destino en el panel izquierdo.  Para cambiar tramos de la ruta, arrastra y suelta los destinos en el panel de la izquierda. Para personalizar la ruta, arrastra y suelta los puntos de la l&iacute;nea de ruta violeta en una ubicaci&oacute;n del mapa. Google Maps vuelve a crear las rutas en el mapa y el panel izquierdo, y actualiza la duraci&oacute;n del viaje y la distancia estimados. Selecciona la casilla de la parte superior del panel izquierdo para evitar autopistas.</p>]]></description>
</item>

<item>
<title><![CDATA[Shadowbox con Google Maps]]></title>
<link>http://www.ideasfrescas.es/es/blog-paginas-web/buscadores/google/shadowbox-google-maps.php</link>
<pubDate>Sat, 04 Feb 2012 13:16:09 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[articulos]]></category>
<description><![CDATA[<p><img class="img_derecha" title="Shadowbox y Google Maps" src="http://ww3.ideasfrescas.es/includes/img/shadowbox-google-maps-20100126130546.jpg" alt="Shadowbox y Google Maps" width="350" height="237" />Para mostar mapas de <strong>Google Maps</strong> dentro de nuestras páginas web, podemos utilizar <strong>Shadowbox</strong>. </p>
<p>Para ello, antes de nada, debemos descargar las <a rel="nofollow" href="http://shadowbox-js.com/download.html" target="_blank">librerías de Shadowbox</a>; también sería conveniente que echarais un vistazo al artículo <a href="http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/shadowbox.php" target="_blank">Shadowbox</a>, donde detallamos algunas funciones muy útiles de manejo de <strong>shadowbox</strong> y propiedades. </p>
<p>De igual forma echar un vistazo a <a href="http://www.ideasfrescas.es/es/blog-paginas-web/buscadores/google/google-maps.php" target="_blank">Google Maps</a> donde detallamos como detallar la localización y descripción del sitio que deseamos mostrar, como su integración dentro de la página web.
</p>
<p>Una vez que hemos repasado esto, incluimos la siguiente función JavaScript que lanza la llamada al objeto <strong>Shadowbox</strong> mendiante la función Shadowbox.open(), que a su vez carga el objeto <strong>Google Maps</strong>:</p>
<p>
<div class="codigo"><pre class="brush: javascript">function GoogleMaps(latitud,longitud,texto)
{
    Shadowbox.open({
        player:     &prime;html&prime;,
        content:    &prime;&prime;,
        height:     300,    //alto de la ventana del Shadowbox
        width:      500,    //ancho de la ventana del Shadowbox
        options:    {
   overlayColor: &quot;#644224&quot;,  //el color para la seccion inactiva de la pantalla del Shadowbox
            onFinish: function(item){
                if(GBrowserIsCompatible()){
                    var body = document.getElementById(Shadowbox.contentId());
                    var map = new GMap2(body);
//centramos el mapa en la posición señalada
                    map.setCenter(new GLatLng(latitud,longitud), 16);
                         //mostramos en bocadillo del mapa con el texto pasado como parámetro
         map.openInfoWindowHtml(new GLatLng(latitud,longitud),&quot;&quot;+texto+&quot;&quot;);   
 
                    // añadimos algunos controles de Google Maps para la visualización 
                    map.addControl(new GSmallMapControl());
                    map.addControl(new GOverviewMapControl());
                    map.addControl(new GMapTypeControl());
                }
            }
        }
    });
}</pre></div>
<p>Una vez incluida la función del llamada al <strong>Shadowbox</strong>, insertamos la función JavaScript que la realiza dentro de un enlace en la página web:</p>
<p>
<div class="codigo"><pre class="brush: javascript">&lt;a class="option" onclick="GoogleMaps( 41.641265,-4.730043,'Texto descriptivo');" href="#" mce_href="#"&gt;Ver mapa&lt;/a&gt;</pre></div>
<p>En la llamada a la función que lanza el <strong>Shadowbox</strong> pasamos como parámetros las coordenadas de localización del punto, como el texto descriptivo.</p>
<p>Otros Artículos relacionados con <strong>Shadowbox</strong>: <a title="Shadowbox" href="http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/shadowbox.php" target="_blank">Shadowbox</a> - <a title="shadowbox galeria imagenes" href="http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/galeria-de-imagenes-con-shadowbox.php" target="_blank">Galería de Imágenes con Shadowbox</a> - <a title="Shadowbox problema con ie6" href="http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/shadowbox-problema-ie6.php" target="_blank">Shadowbox problemas con IE6</a> - <a title="Flash con Shadowbox" href="http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/flash-shadowbox.php" target="_blank">Flash y Shadowbox</a> - <a title="Flash con Shadowbox" href="http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/flash-shadowbox.php" target="_blank">Opciones de Shadowbox<br /></a></p>]]></description>
</item>

<item>
<title><![CDATA[Generar PDFs con PHP en Web Básico]]></title>
<link>http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/pdf-en-php-en-paginas-web.php</link>
<pubDate>Sat, 04 Feb 2012 13:16:09 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[articulos]]></category>
<description><![CDATA[<p>Para generar o trabajar con <strong>PDFs y PHP</strong> en <strong>p&aacute;ginas web</strong>, os aconsejamos la librer&iacute;a <a title="librer&iacute;a pdfs en php" rel="nofollow" href="http://www.fpdf.org" target="_blank">FPDF</a>.</p>
<p>FPDF es una clase escrita en <strong>PHP</strong> que permite <strong>generar documentos PDF</strong> directamente desde PHP, es decir, sin usar la biblioteca PDFlib. </p>
<p>La F de FPDF significa Free (gratis y libre): puede usted usarla para cualquier prop&oacute;sito y modificarla a su gusto para satisfacer sus necesidades.
FPDF no necesita de ninguna extensi&oacute;n para <strong>PHP</strong> (excepto zlib para activar la compresi&oacute;n y GD para soporte a GIF) y funciona con <strong>PHP4</strong> (&ge; 4.3.10) y <strong>PHP5</strong>.</p>
<p>Entre las funcionalidades que nos ofrece esta librer&iacute;a nos encontramos:
</p>
<p>&bull;	Elecci&oacute;n de la unidad de medida, formato de p&aacute;gina y m&aacute;rgenes</p>
<p>
&bull;	Gesti&oacute;n de cabeceras y pies de p&aacute;gina
</p>
<p>&bull;	Salto de p&aacute;gina autom&aacute;tico
</p>
<p>&bull;	Salto de l&iacute;nea y justificaci&oacute;n del texto autom&aacute;ticos
</p>
<p>&bull;	Admisi&oacute;n de im&aacute;genes (JPEG y PNG)
</p>
<p>&bull;	Colores
&bull;	Enlaces
</p>
<p>&bull;	Admisi&oacute;n de fuentes TrueType, Type1 y codificaci&oacute;n
</p>
<p>&bull;	Compresi&oacute;n de p&aacute;gina
</p>
<p>&bull;	Posibilidad de usar otro idiomas y caracteres especiales.
La instalaci&oacute;n es sencilla, lo copias en el directorio donde guardes las librer&iacute;as e incluyes la ruta en el include_path del php.ini.
Se recomienda leer las preguntas frecuentes antes de empezar a utilizarla.</p>
<h2>&iquest;C&oacute;mo generar un PDF sencillo con PHP?</h2>
<p><strong>Ejemplo b&aacute;sico de PDF:</strong></p>
<div class="codigo"><pre class="brush: php">&lt;?php
require(&prime;fpdf.php&prime;);
$archivo_de_salida=&prime;nombre_fichero&prime;;
$pdf=new FPDF();  //crea el objeto
$pdf-&gt;AddPage();  //a&ntilde;adimos una p&aacute;gina. Origen coordenadas, esquina superior izquierda, posici&oacute;n por defeto a 1 cm de los bordes.
$pdf-&gt;SetFont('Arial','B',16);
$pdf-&gt;Cell(40,10,&prime;&iexcl;Hola, Mundo!&prime;);
$pdf-&gt;Output($archivo_de_salida);//cierra el objeto pdf
?&gt;
</pre></div>
<p>En este caso, el constructor FPDF() se usa con sus valores por defecto. Pero si &eacute;stos cambian se puede declarar de la forma: </p>
<div class="codigo"><pre class="brush: php">FPDF([string orientation [, string unit [, mixed format]]])</pre></div>
<p><strong>Par&aacute;metros de la Clase FPDF:
</strong></p>
<p><span style="text-decoration: underline;">Orientation:</span> Orientaci&oacute;n de la P&aacute;gina del Documento PDF </p>
<p>Valores: P (normal, valor por defecto) o L (apaisado)
</p>
<p><span style="text-decoration: underline;">Unit:</span>   Unidad de medida del usuario.</p>
<p>
	Valores: pt (punto), mm (mil&iacute;metro, valor por defecto), cm (cent&iacute;metro), in (pulgada).
</p>
<p><span style="text-decoration: underline;">Format:</span> Formato de las p&aacute;ginas
	Valores: A3, A4 (valor por defecto), A5, Letter, Legal.
</p>
<p>Antes de que podamos imprimir texto, es obligatorio escoger una fuente con SetFont(), si no, el documento no ser&aacute; v&aacute;lido. Escogemos Arial en negrita de tama&ntilde;o 16: 
</p>
<div class="codigo"><pre class="brush: php">$pdf-&gt;SetFont('Arial','B',16);</pre></div>
<p>Para imprimir o escribir una l&iacute;nea utilizamos la funci&oacute;n Cell(). Una celda es una superficie rectangular, con borde si se quiere, que contiene texto. Especificamos sus dimensiones, el texto (centrado o alineado), si queremos dibujar o no los bordes, y d&oacute;nde se ubicar&aacute; la posici&oacute;n actual despu&eacute;s de imprimir la celda (a la derecha, debajo o al principio de la siguiente l&iacute;nea). </p>
<p>Otros ejemplos: </p>
<div class="codigo"><pre class="brush: php">$pdf-&gt;Cell(40,10,&prime;&iexcl;Hola, Mundo!&prime;,1);//a&ntilde;ade borde
$pdf-&gt;Cell(60,10,&prime;Hecho con FPDF.&prime;,0,1,&prime;C&prime;); //texto centrado y salto de l&iacute;nea.
</pre></div>
<p>Nota: el salto de l&iacute;nea puede provocarse tambi&eacute;n mediante Ln(). Este m&eacute;todo le permite especificar adem&aacute;s la altura del salto.</p>
<p>En el art&iacute;culo <a class="verde" href="http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/pdf-con-php-para-paginas-web.php">Generar PDFs con PHP Avanzado</a> explicamos como incluir la cabecera, el p&iacute;e de p&aacute;gina al documento PDF, y realizar saltos de p&aacute;ginas e insertar im&aacute;genes.</p>
<p><strong>[ <a class="verde" rel="nofollow" href="http://www.fpdf.org/es/download.php" target="_blank">Librer&iacute;a FPDF descarga</a> ]&nbsp;&nbsp; [ <a class="verde" rel="nofollow" href="http://www.fpdf.org/es/doc/index.php" target="_blank">Manual FPDF</a> ] &nbsp; [ <a class="verde" rel="nofollow" href="http://www.fpdf.org/es/FAQ.php" target="_blank">FAQ&rsquo;S</a> ]</strong></p>
<p>&nbsp;</p>]]></description>
</item>

<item>
<title><![CDATA[PDFs con PHP para Páginas Web Avanzado]]></title>
<link>http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/pdf-con-php-para-paginas-web.php</link>
<pubDate>Sat, 04 Feb 2012 13:16:09 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[articulos]]></category>
<description><![CDATA[<p>En un art&iacute;culo anterior <span class="verde"><a href="http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/pdf-en-php-en-paginas-web.php">Generar PDFs con PHP</a></span> explicamos la forma b&aacute;sica de <strong>generar los archivos PDF</strong>, ahora vamos a documentar como insertar la Cabecera, el P&iacute;e, Saltos de p&aacute;gina y a&ntilde;adir im&aacute;genes al <strong>documento PDF con PHP</strong>.</p>
<h2>Ejemplo de PDF en PHP con Cabecera, Pie y Salto de P&aacute;ginas</h2>
<div class="codigo"><pre class="brush: php">&lt;?php
require(&prime;fpdf.php&prime;);
class PDF extends FPDF
{
function Header()//Cabecera de p&aacute;gina
{
    $this-&gt;Image(&prime;logo_pb.png&prime;,10,8,33); //Logo
    $this-&gt;SetFont(&prime;Arial&prime;,&prime;B&prime;,15);
    $this-&gt;Cell(80); //Movernos a la derecha
    $this-&gt;Cell(30,10,&prime;Title&prime;,1,0,&prime;C&prime;); //T&iacute;tulo
    $this-&gt;Ln(20); //Salto de l&iacute;nea
}
function Footer()//Pie de p&aacute;gina
{
    $this-&gt;SetY(-15); //Posici&oacute;n: a 1,5 cm del final
    $this-&gt;SetFont(&prime;Arial&prime;,&prime;I&prime;,8);
    $this-&gt;Cell(0,10,&prime;Page &prime;.$this-&gt;PageNo().&prime;/{nb}&prime;,0,0,&prime;C&prime;); //N&uacute;mero de p&aacute;gina
}
}?&gt;
</pre></div>
<p>Para generar la cabecera del <strong>archivo PDF</strong>, llamamos a la funci&oacute;n Header(), en la que definimos una imagen de fondo, un t&iacute;tulo.De igual forma con la funci&oacute;n Footer(), creamos el pie del <strong>documento PDF</strong>. En la que numeramos las p&aacute;ginas o insertamos diferentes objetos.</p>
<p>Tanto la funci&oacute;n Header() como Footer(), existen en la clase FPDF original, pero no hacen nada. Por ello, tenemos que heredar la clase y sobrescribirlas. </p>
<p>El logotipo se imprime en el <strong>PDF</strong> con el m&eacute;todo Image() especificando su esquina superior izquierda y su anchura. La altura se calcula autom&aacute;ticamente respetando las proporciones de la imagen. </p>
<p>Para imprimir el n&uacute;mero de p&aacute;gina del PDF, se le pasa un valor nulo (null) como ancho de la celda. Eso significa que la celda se extender&aacute; hasta el margen derecho de la p&aacute;gina; puede ser &uacute;til centrar el texto. </p>
<p>El n&uacute;mero actual de la p&aacute;gina se devuelve por el m&eacute;todos PageNo(), mientras que el n&uacute;mero total de p&aacute;ginas se obtiene mediante un valor especial de {nb} que ser&aacute; sustituido cuando se cierre el documento (suponiendo que antes utilizamos AliasNbPages() como se detalla en el siguiente bloque de codigo <strong>PHP</strong>). </p>
<p>A continuaci&oacute;n creamos el objeto de la clase PDF, insertando p&aacute;ginas u objetos:</p>
<div class="codigo"><pre class="brush: php">&lt;?php
$archivo_de_salida=&rsquo;nombre_fichero&rsquo;
//Creaci&oacute;n del objeto de la clase heredada
$pdf=new PDF();
$pdf-&gt;AliasNbPages();
$pdf-&gt;AddPage();
$pdf-&gt;SetFont(&prime;Times&prime;,&prime;&prime;,12);
for($i=1;$i&lt;=40;$i++)
    $pdf-&gt;Cell(0,10,&prime;Imprimiendo l&iacute;nea n&uacute;mero &prime;.$i,0,1);
$pdf-&gt;Output($archivo_de_salida);//cierra el objeto pdf generando el fichero
?&gt;
</pre></div>
<p><strong>[ <span class="verde"><a rel="nofollow" href="http://www.fpdf.org/es/download.php" target="_blank">Descarga de la librer&iacute;a FPDF</a> </span>] &nbsp; [<a rel="nofollow" href="http://www.fpdf.org/es/doc/index.php" target="_blank"> <span class="verde">Manual de FPDF</span></a> ]&nbsp;&nbsp; [ <a class="verde" rel="nofollow" href="http://www.fpdf.org/es/FAQ.php" target="_blank">FAQ&prime;S</a> ]</strong></p>
<p>&nbsp;</p>]]></description>
</item>

<item>
<title><![CDATA[Evitar el SPAM en Foros PhpBB]]></title>
<link>http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/evitar-spam-foros-phpbb.php</link>
<pubDate>Sat, 04 Feb 2012 13:16:09 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[articulos]]></category>
<description><![CDATA[<h2>Herramientas contra el Spam en Foros PhpBB</h2>
<p><img class="img_derecha" title="Foros PhpBB" src="http://ww2.ideasfrescas.es/includes/img/foros-phpbb-20100408132934.jpg" alt="Foros PhpBB" width="206" height="158" />Para <strong>evitar el Spam en nuestros Foros PhpBB</strong>, debemos seguir una serie de pasos, con ellos conseguiremos pararlo parcialmente ya que la evoluci&oacute;n de los bots que causan el Spam, ya son capaces de saltarse protecciones como el Captcha, pero podr&aacute;s evitar el Spam casi en un 100%.</p>
<p><strong>Desactivar la escritura an&oacute;nima del foro phpbb</strong>
Tan solo debes permitir que 
escriban los usuarios registrados en el foro, es una manera sencilla de evitar el
 Spam an&oacute;nimo y poder hacer un seguimiento de las publicaciones de los usuarios registrados en el foro.</p>
<p><strong>Instala el MOD Captcha o M&oacute;dulo Captcha para PhpBB</strong>
Este MOD de PhpBB, muestra una 
imagen aleatoria que el usuario debe de introducir en un campo. Los &uacute;ltimos bots se saltan hasta estas protecciones, podemos realizar acciones como invertir los colores del Captcha para dificultar el reconocimiento por los bots. </p>
<p>Es aconsejable NO llegar a extremos, en los que resulte complicado su identificaci&oacute;n para los usuarios humanos.</p>
<p><strong>Activar la confirmaci&oacute;n visual</strong>
Esta opci&oacute;n se activa desde administraci&oacute;n general del foro phpbb, en <span class="txtCodigo">Configuraci&oacute;n -&gt; Activar confirmaci&oacute;n visual.</span></p>
<p><strong>Activaci&oacute;n de la cuenta por el usuario</strong>
Los usuarios deber&aacute;n activar las cuentas de usuario, una vez registrados por email, para activarlo deb&eacute;is ir a <span class="txtCodigo">Configuraci&oacute;n -&gt; Uusuarios -&gt; Activar cuenta</span></p>
<p><strong>MOD para eliminar la casilla de URL en el registro del foro PhpBB</strong>
Con este m&oacute;dulo de PhpBB, evitamos que los bots introduzcan sus URL cuando se registran, as&iacute; en la mayor&iacute;a de los casos al bot le dar&aacute; un error y no seguir&aacute; con el registro, los usuarios normales podr&aacute;n escribir su URL en su perfil privado una vez activada la cuenta.</p>
<p><strong>&iquest;Eres Humano? en el registro del foro PhpBB</strong>
Este m&oacute;dulo de PhpBB, "&iquest;Eres humano?", permite eliminar el SPAM casi por completo en nuestro foro.</p>]]></description>
</item>

<item>
<title><![CDATA[Excel con PHP para Páginas Web]]></title>
<link>http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/excel-con-php.php</link>
<pubDate>Sat, 04 Feb 2012 13:16:09 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[articulos]]></category>
<description><![CDATA[<p>La librer&iacute;a <strong>PHPExcel</strong> nos permite generar <strong>archivos excel con PHP</strong>. <strong>PHPExcel</strong> permite leer y manipular el contenido de una hoja de c&aacute;lculo hecha con Microsoft Excel. </p>
<p>[ <a class="verde" title="Descargar librer&iacute;a PHPExcel" rel="nofollow" href="http://phpexcel.codeplex.com/releases/view/10719" target="_blank">Descargar PHPExcel</a> ]</p>
<h2>Funciones B&aacute;sicas de PHPExcel
</h2>
<p>
<span class="txtCodigo">$objPHPExcel-&gt;getActiveSheet()-&gt;getCell("A1")-&gt;getValue()</span>: Nos devuelve el texto (getValue())  de la celda A1 (getCell("A1")) de la <strong>hoja Excel</strong> activa (getActiveSheet()).</p>
<p><span class="txtCodigo">$objPHPExcel-&gt;getActiveSheet()-&gt;setCellValue("A1","Pepe")</span>: Asignamos a  la celda A1 (setCellValue()) el valor "Pepe" de la <strong>hoja Excel</strong> activa (getActiveSheet()).
</p>
<h2>Leer un Excel con Php y guardar los datos en una base de datos Mysql
</h2>
<p>Despu&eacute;s de descargar la <strong>librer&iacute;a PHPExcel</strong>, comenzamos con la lectura del <strong>Excel</strong>. Lo que requiere la inserci&oacute;n de las librer&iacute;as <strong>php</strong>:</p>
<div class="codigo"><pre class="brush: php">&lt;?php
// Clases Php
require_once("PHPExcel.php");
require_once("PHPExcel/Reader/Excel2007.php");
?&gt;</pre></div>
<p>Una vez que hemos cargado las <strong>librer&iacute;as de php</strong>, debemos cargar la hoja de calculo <strong>excel</strong> para ello utilizamos el siguiente <strong>c&oacute;digo en php</strong>:</p>
<div class="codigo"><pre class="brush: php">&lt;?php
// Cargando la hoja de c&aacute;lculo excel
//creamos objeto para leer del excel
$objReader = new PHPExcel_Reader_Excel2007(); 
//cargamos el archivo excel(extensi&oacute;n *.xlsx)
$objPHPExcel = $objReader-&gt;load($archivo_loc.$archivo_nom);
// Asignamos el excel activo
$objPHPExcel-&gt;setActiveSheetIndex(0);
?&gt;</pre></div>
<p>Cuando ya hemos creado el objeto <strong>excel</strong>, comenzamos la lectura de los registros, filas o columnas. En el siguiente c&oacute;digo recorremos las filas del <strong>fichero excel</strong> y guardamos los datos en <strong>mysql</strong>:</p>
<div class="codigo"><pre class="brush: php">&lt;?php
//Obtenemos un listado de usuarios desde un archivo excel
$i=1; //Si existiera una fila con los t&iacute;tulos inicial $i=2
//Recorremos las filas del excel
while($objPHPExcel-&gt;getActiveSheet()-&gt;getCell("A".$i)-&gt;getValue() != &prime;&prime;)
{	
$nombre = $objPHPExcel-&gt;getActiveSheet()-&gt;getCell("A".$i)-&gt;getValue();
	$email = $objPHPExcel-&gt;getActiveSheet()-&gt;getCell("B".$i)-&gt;getValue();
	$telefono = $objPHPExcel-&gt;getActiveSheet()-&gt;getCell("C".$i)-&gt;getValue();
	
//inserto los datos en la table usuarios:
$ conexion = mysql_connect("$dbhost", "$dbuser", "$dbpass");
$sql = "INSERT INTO usuarios (nombre, email, telefono) VALUES (&prime;$nombre&prime;, &prime;$email&rsquo;, &prime;$telefono&rsquo;)";
$rst=mysql_query($sql,$conexion); //Ejecutamos la SQL
if(!$rst) //Comprobamos si hay errores
		die("Error MySQL de Inserci&oacute;n de Datos);
$i++;
}
?&gt;&nbsp;</pre></div>
<h2>Escribir un Excel con Php, extrayendo los datos desde una base de datos Mysql</h2>
<p>Despu&eacute;s de descargar la <strong>librer&iacute;a PHPExcel</strong>, comenzamos con la 
lectura del <strong>Excel</strong>. Lo que requiere la inserci&oacute;n de las <strong>librer&iacute;as php</strong>:</p>
<div class="codigo"><pre class="brush: php">&lt;?php
// Clases Php
require_once("PHPExcel.php");
require_once("PHPExcel/Reader/Excel2007.php");
?&gt;</pre></div>
<p>Una vez que hemos cargado las librer&iacute;as de <strong>php</strong>, debemos cargar la 
<strong>hoja de calculo excel</strong> para ello utilizamos el siguiente <strong>c&oacute;digo en php</strong>:</p>
<div class="codigo"><pre class="brush: php">&lt;?php
// Cargando el excel
$objPHPExcel = $objReader-&gt;load($archivo_loc.$archivo_nom); //cargamos el archivo excel (extensi&oacute;n *.xlsx)
$objWriter = new PHPExcel_Writer_Excel2007($objPHPExcel); //objeto de PHPExcel, para escribir en el excel
?&gt;</pre></div>
<p>Cuando ya hemos creado el <strong>objeto excel</strong> para su escritura, comenzamos la lectura de los 
registros desde la <strong>base de datos Mysql</strong>. Y los escribimos en el archivo excel cade registro en una fila:</p>
<div class="codigo"><pre class="brush: php">&lt;?php
//Extraemos los registros de la base de datos mysql
$conexion = mysql_connect("$dbhost", "$dbuser", "$dbpass");
$sql="SELECT  * FROM usuarios;
$rst=mysql_query($sql,$conexion); //Ejecutamos la SQL
if(!$rst) //Comprobamos si hay errores
die("Error MySQL de Extracci&oacute;n de Datos);
while($fila = mysql_fetch_array($rst))
{
$objPHPExcel-&gt;getActiveSheet()-&gt;setCellValue("A".$i, $ fila[nombre]);
$objPHPExcel-&gt;getActiveSheet()-&gt;setCellValue("B".$i, $ fila[email]);
$objPHPExcel-&gt;getActiveSheet()-&gt;setCellValue("C".$i, $ fila[telefono]);
}
	
$objWriter-&gt;save($archivo_loc.$archivo_nom);//guardamos el archivo excel
?&gt;</pre></div>
<p>&nbsp;</p>
<p>[ <a class="verde" rel="nofollow" href="http://www.codeplex.com/PHPExcel " target="_blank">Documentaci&oacute;n PHPExcel</a> ] [ <a class="verde" rel="nofollow" href="http://phpexcel.codeplex.com/wikipage?title=Examples&amp;referringTitle=Home" target="_blank">M&aacute;s ejemplos con PHPExcel</a> ]</p>
<p>&nbsp;</p>]]></description>
</item>

<item>
<title><![CDATA[Meta Tags para Páginas Web]]></title>
<link>http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/meta-tags.php</link>
<pubDate>Sat, 04 Feb 2012 13:16:09 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[articulos]]></category>
<description><![CDATA[<p>Las <strong>meta tags</strong> son etiquetas de html que funcionan como identificadores ocultos de nuestras <strong>p&aacute;ginas web</strong>. Las <strong>Metatags</strong> no se muestran directamente en el navegador al usuario que visita nuestra <strong>p&aacute;gina web</strong>, excepto la <strong>metatags</strong> title, sino que es informaci&oacute;n de nuestras <strong>p&aacute;ginas web</strong> para los buscadores como <strong>Google</strong>. Estas etiquetas Html, bien editadas, pueden mejorar nuestro <strong>posicionamiento en buscadores</strong> y lo que es m&aacute;s importante, ofrecer una referencia de nuestras <strong>p&aacute;ginas web</strong> a los usuarios de los buscadores.</p>
<p>Las Meta Tags en definitiva son la tarjeta de presentaci&oacute;n de nuestras p&aacute;ginas web, para los buscadores como Google. Donde indicamos quienes somos, a que nos dedicamos y como contactarnos...</p>
<h2>Robots y las Meta Tags</h2>
<p>Los Robots de los buscadores como Googlebot, robot de <strong>Google</strong>, son utilizados para rastrear las <strong>p&aacute;ginas web</strong> en internet. Obteniendo la informaci&oacute;n y el contenido de las <strong>p&aacute;ginas web</strong> que les indicamos o sugerimos, mejor dicho.</p>
<p>No todos los buscadores utilizan las <strong>Meta Tags</strong>, para las b&uacute;squedas que ofrecen a sus usuarios. Pero a&uacute;n as&iacute;, es m&aacute;s que recomendable incluirlas para que los buscadores que las utilizan, las encuentren en nuestras web. Y sin olvidar que <strong>Google</strong>, si las valora, y m&aacute;s importante, las muestra en sus resultados de bu&uacute;squeda.</p>
<p>Que nuestras p&aacute;ginas web, est&eacute;n en los resultados de los principales buscadores, solamente por el contenido de nuestras metatags. Es algo que no va a ocurrir !!!, sino que, en el posicionamiento en buscadores como <strong>Google</strong>, hay cientos de factores que intervienen para ofrecer sus resultados de b&uacute;squeda.</p>
<p>Lo que si que es cierto, es que pueden facilitar nuestra aparici&oacute;n en los buscadores por el contenido de nuestras <strong>p&aacute;ginas web</strong>. Siempre es importante, que el contenido de la <strong>p&aacute;gina web</strong> est&eacute; relacionado con las <strong>metatags</strong> que mostramos a los robots de los buscadores.</p>
<h2>Tipos de Meta Tags</h2>
<p>Existen 2 tipos de Meta Tags:</p>
<p><strong>META NAMES</strong> :Informan a los buscadores del continido de la <strong>p&aacute;gina web</strong>. Son utilizadas para la <strong>optimizaci&oacute;n para buscadores</strong>.</p>
<p><strong>HTTP-EQUIV</strong> : Controlan actividades de los exploradores y detallan la informaci&oacute;n de la <strong>p&aacute;gina web</strong>. </p>
<h2>Metatags META NAMES</h2>
<h3>Meta TITLE</h3>
<p>Indica el t&iacute;tulo de nuestra p&aacute;gina web. La <strong>Meta Title</strong>, es una de las metas m&aacute;s importantes, y debe tener la mayor concordancia posible con el contenido de la web. Se recomienda que sea una frase corta y concreta. </p>
<p><strong>Google muestra la Meta Title</strong>, si la considera relevante, en sus resultados de la siguiente forma (texto seleccionado):</p>
<p><img title="Meta Title Google" src="http://ww4.ideasfrescas.es/includes/img/title-google-20100416103803.jpg" alt="Meta Title Google" width="547" height="95" /></p>
<div class="codigo"><pre class="brush: xhtml">&lt;meta name="title" content="Art&iacute;culo Meta Tags"&gt; </pre></div>
<h3>Meta DESCRIPTION</h3>
<p>Esta Metatag facilita la descripci&oacute;n del contenido de nuestra p&aacute;gina web. Se recomienda una frase de mayor tama&ntilde;o que el Meta Title, o un breve p&aacute;rrafo que no supere los 120 y 140 caracteres. Y siempre en relaci&oacute;n con el contenido y otras metas como la Meta Title y la Meta Keywords.</p>
<p><strong>Google muestra la Meta Description</strong>, si la considera relevante, en sus 
resultados de la siguiente forma (texto seleccionado):</p>
<p><img title="Meta Description Google" src="http://ww4.ideasfrescas.es/includes/img/description-google-20100416103825.jpg" alt="Meta Description Google" width="549" height="90" /></p>
<div class="codigo"><pre class="brush: xhtml">&lt;meta name="description" content="Principales Meta tags de html, para que puedas crear tu p&aacute;gina web y que google y otros buscadores la reconozcan" /&gt;
</pre></div>
<h3>Meta KEYWORDS</h3>
<p>Esta metatag indica a los buscadores las palabras por las que deseamos aparecer en sus b&uacute;squedas.&nbsp;Las palabras pueden estar separadas por espacios, por comas o por ambos a la vez. No es recomendable repetir palabras, s&oacute;lo las palabras mas importantes y utilizando may&uacute;sculas s&oacute;lo cuando sea necesario. El n&uacute;mero de palabras para la Meta Keywords, suele ser de 10 a 20.</p>
<div class="codigo"><pre class="brush: php">&lt;meta name="keywords" content="meta tags,metatags,crear meta tags,buscadores,google" /&gt;</pre></div>
<h3>Meta DC LANGUAGE
</h3>
<p>
Esta metatag indica el idioma de nuestras p&aacute;ginas web.</p>
<div class="codigo"><pre class="brush: xhtml">&lt;meta name="DC.Language" scheme="RFC1766" content="Spanish" /&gt;</pre></div>
<h3>Meta REVISIT
</h3>
<p>
Esta metatag indica la configuraci&oacute;n de la cach&eacute; 
                          del explorador, permitiendo la actualizaci&oacute;n 
                          de la p&aacute;gina web durante el periodo de tiempo 
especificado en la meta tag.</p>
<div class="codigo"><pre class="brush: php">&lt;meta name="revisit" content="7 days" /&gt;
</pre></div>
<h3>Meta AUTHOR
</h3>
<p>
Esta metatag indica el autor de la p&aacute;gina web.</p>
<div class="codigo"><pre class="brush: xhtml">&lt;meta name="author" content="www.ideasfrescas.es - jlago@ideasfrescas.es" /&gt;</pre></div>
<h3>Meta ROBOTS
</h3>
<p>
Esta meta tag indica a los <strong>robots de los buscadores</strong>, como indexar nuestra <strong>p&aacute;gina web</strong>. </p>
<p>Listado de atributos de la <strong>Metatag Robots</strong>:</p>
<p>&nbsp;</p>
<p><strong>all</strong> - Todo el contenido de la p&aacute;gina web, es indexado. Tambi&eacute;n archivos relacionados
<strong>none</strong> - No se indexa nada del contenido de la p&aacute;gina web
<strong>index</strong> - Permite la indexaci&oacute;n de la web por los robots de los buscadores
<strong>noindex</strong> - La p&aacute;gina no podr&aacute; ser indexada por los robots.
<strong>follow</strong> - Permite que los robots rastre&eacute;n los enlaces salientes de la p&aacute;gina web
<strong>nofollow</strong> -&nbsp; No se permite que los robots rastre&eacute;n los enlaces salientes de la p&aacute;gina web</p>
<div class="codigo"><pre class="brush: php">&lt;meta name="robots" content="all / index / follow" /&gt;
</pre></div>
<h2>Metatags HTTP-EQUIV</h2>
<h3>Meta Pragma o Cache-Control</h3>
<p>
Esta <strong>metatag</strong> nos permite controlar la cach&eacute; del explorador (donde se guardan las <strong>p&aacute;ginas web</strong> que visitamos). Esta meta tag tiene 2 valores: </p>
<p><strong>cache</strong> : utiliza la memoria cach&eacute; para guardar la <strong>p&aacute;gina web</strong>, con lo cual se cargar&aacute; mas r&aacute;pido en el ordenador.</p>
<p><strong>no-cache</strong> : no utiliza la cach&eacute; del explorador para guardar la <strong>p&aacute;gina web</strong>.
</p>
<div class="codigo"><pre class="brush: php">&lt;meta http-equiv="Cache-Control" content="no-cache"&gt;</pre></div>
<h3>Meta EXPIRES</h3>
<p>
Indicamos al explorador cuando acaba la vida de una p&aacute;gina web, esta metatag limita el uso de una p&aacute;gina web indicando una fecha y una hora determinada.</p>
<div class="codigo"><pre class="brush: xhtml">&lt;meta http-equiv="expires" content="01 Feb 2012 00:00:01 GMT"&gt;</pre></div>
<h3>Meta REFRESH</h3>
<p>
Esta metatag, marca el tiempo en segundos al explorador para redireccionar ana segunda URL, una vez que se haya cargado la p&aacute;gina web que contiene a la meta tag.</p>
<div class="codigo"><pre class="brush: xhtml">&lt;meta http-equiv="refresh" content="10;URL=http://www.url.es"&gt;</pre></div>
<h3>Meta SET-COOKIE</h3>
<p>
Es una de las formas de crear una cookie en el explorador del usuario que visita nuestra <strong>p&aacute;gina web</strong>. La cookie sea guardada en el disco duro del usuario, si indicamos una fecha de expiraci&oacute;n. En caso contrario, la cookie se eliminar&aacute; al acabar la sesi&oacute;n actual.</p>
<div class="codigo"><pre class="brush: xhtml">&lt;meta http-equiv="set-cookie" content="cookievalue=xxx ;expires=Friday, 01-Ene-11 00:00:01 GMT; path=/"/&gt;</pre></div>
<h3>Meta WINDOW-TARGET</h3>
<p>
Esta metatag especifica el nombre de la ventana en la cual se debe visualizar la p&aacute;gina web. Es muy &uacute;til para evitar que nuestra p&aacute;gina web, sea vista en el marco de otra p&aacute;gina web. Puesto que con el par&aacute;metro _top elimina todos los marcos existentes en el explorador. </p>
<p>Valores de la <strong>Metatag</strong>:<br />_black : La p&aacute;gina web se visualiza en una ventana nueva<br />_top : La p&aacute;gina web se visualiza en la ventana superior del explorador, eliminando los marcos que existan<br />_self : La p&aacute;gina web se visualiza en el mismo marco desde el cual se origin&oacute; la llamada</p>
<div class="codigo"><pre class="brush: xhtml">&lt;meta http-equiv="window-target" content="_top" /&gt;</pre></div>]]></description>
</item>

<item>
<title><![CDATA[Shadowbox en IE6]]></title>
<link>http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/shadowbox-problema-ie6.php</link>
<pubDate>Sat, 04 Feb 2012 13:16:09 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[articulos]]></category>
<description><![CDATA[<p>Aunque <strong>Shadowbox</strong> nos indica en su página oficial que soporta <strong>IE6</strong> (<strong>Internet Explorer 6</strong>), podemos encontrarnos con más de un problema en la apertura de un iframe desde <strong>Shadowbox</strong>.</p>
<h2>Problema en la carga de un iframe con Shadowbox en IE6</h2>
<p>Si os estáis volviendo locos, porque en unas ocasiones cuando realizáis la carga de un documento en un iframe con <strong>Shadowbox</strong>, y utilizáis <strong>internet explorer 6</strong>, la página no carga dando error de url. Y en otras ocasiones no ocurre; el problema es de <strong>IE6</strong> es con el <strong>DOCTYPE</strong> que estáis usando.</p>
<p>Para solucionar este problema debemos utilizar cualquiera de las cabeceras de documento que indicamos a continuación, en el archivo que se va ha cargar en el iframe. Donde indicamos que el <strong>DOCTYPE</strong> o tipo de documento html que utilizamos es &prime;strict&prime; o estricto.</p>
<p>
<div class="codigo"><pre class="brush: xhtml">&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
</pre></div>
<div class="codigo"><pre class="brush: xhtml">&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;</pre></div>
<p><strong><span class="verde">NOTA:</span></strong> <strong>Es importante comprobar que en las metas del documento no tenemos el siguiente código</strong>:</p>
<p>
<div class="codigo"><pre class="brush: php">&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;</pre></div>
<p>Ya que nos seguirá dando problemas la carga del <strong>iframe con Shadowbox</strong></p>
<p>Otros Artículos relacionados con <strong>Shadowbox</strong>: <a title="Shadowbox" href="http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/shadowbox.php" target="_blank">Shadowbox</a> - <a title="Shadowbox con Google Maps" href="http://www.ideasfrescas.es/es/blog-paginas-web/buscadores/google/shadowbox-google-maps.php" target="_blank">Shadowbox y Google Maps 
</a> - <a title="shadowbox galeria imagenes" href="http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/galeria-de-imagenes-con-shadowbox.php" target="_blank">Galería de Imágenes con Shadowbox</a> -  <a title="Flash con Shadowbox" href="http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/flash-shadowbox.php" target="_blank">Flash y Shadowbox</a> - <a title="Flash con Shadowbox" href="http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/flash-shadowbox.php" target="_blank"><a href="http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/opciones-shadowbox.php">Opciones del Shadowbox</a><br /></a></p>]]></description>
</item>

<item>
<title><![CDATA[Galería de Imágenes con Shadowbox]]></title>
<link>http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/galeria-de-imagenes-con-shadowbox.php</link>
<pubDate>Sat, 04 Feb 2012 13:16:09 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[articulos]]></category>
<description><![CDATA[<h2>Mostrar una Imagen con Shadowbox</h2>
<p>La forma más sencilla  de <strong>mostrar imágenes con Shadowbox</strong> es de una en una, es decir, con un enlace en la miniatura de la imagen en la <strong>página web</strong>. Cuando el usuario hace clic sobre la miniatura de la imagen, <strong>Shadowbox</strong> se abrirá para mostrar una versión más grande de la imagen.</p>
<p>
<div class="codigo"><pre class="brush: xhtml"><a rel="shadowbox" href="http://www.ideasfrescas.es/includes/img/shadowbox-ejemplos-20091230153446.jpg">
<img alt="ejemplo de una imagen con Shadowbox" title="ejemplo de una imagen con Shadowbox" src="http://www.ideasfrescas.es/includes/img/shadowbox-ejemplos-20091230153446.jpg" />
</a></pre></div>
</p>
<p style="text-align: center;"><span class="verde"><strong>Ejemplo de una imagen en Shadowbox</strong></span></p>
<p style="text-align: center;"><a rel="shadowbox" href="http://www.ideasfrescas.es/includes/img/shadowbox-ejemplos-20091230153446.jpg"><img title="ejemplo de una imagen con Shadowbox" src="http://ww2.ideasfrescas.es/includes/img/shadowbox-ejemplos-20091230153446.jpg" alt="ejemplo de una imagen con Shadowbox" width="100" height="69" /></a></p>
<h2>Galería de Imágenes con Shadowbox</h2>
<p>Cuando lo que queremos es que todas la imágenes estén agrupadas formando una galería, se utiliza el <strong>shadowbox</strong> con el nombre de la galería entre corchetes dentro del atributo &prime;rel&prime; de la etiqueta html &prime;a&prime; :</p>
<p>
<div class="codigo"><pre class="brush: xhtml">rel=shadowbox[nbGaleria] </pre></div>
</p>
<p>Vemos un ejemplo de código html con Shadowbox de la galería de imágenes:</p>
<p class="verde" style="text-align: center;">Ejemplo de galería de imágenes con Shadowbox</p>
<p style="text-align: center;"><a class="option" title="imágenes con Shadowbox" rel="shadowbox[ejemplos]" href="http://www.ideasfrescas.es/includes/img/shadowbox-ejemplos-20091230153446.jpg"><img src="http://ww2.ideasfrescas.es/includes/img/shadowbox-ejemplos-20091230153446.jpg" alt="imágenes con Shadowbox" width="100" height="69" /></a>
<a class="option" title="galería imágenes Shadowbox" rel="shadowbox[ejemplos]" href="http://www.ideasfrescas.es/includes/img/shadowbox-videos-20091230153515.jpg"><img src="http://ww2.ideasfrescas.es/includes/img/shadowbox-videos-20091230153515.jpg" alt="galería imágenes Shadowbox" width="100" height="69" /></a> 
<a class="option" title="galería imágenes con Shadowbox" rel="shadowbox[ejemplos]" href="http://www.ideasfrescas.es/includes/img/shadowbox-google-maps-20091230153547.jpg"><img src="http://ww2.ideasfrescas.es/includes/img/shadowbox-google-maps-20091230153547.jpg" alt="galería imágenes con Shadowbox" width="100" height="69" /></a>
</p>
<p>
<div class="codigo"><pre class="brush: xhtml"><a rel="shadowbox[ejemplos];options={counterType:&prime;skip&prime;}" href="http://www.ideasfrescas.es/includes/img/shadowbox-ejemplos-20091230153446.jpg">
<img alt="galería imágenes con Shadowbox" src="http://ww2.ideasfrescas.es/includes/img/shadowbox-ejemplos-20091230153446.jpg" />
</a>
<a rel="shadowbox[ejemplos];options={counterType:&prime;skip&prime;}" href="http://www.ideasfrescas.es/includes/img/shadowbox-videos-20091230153515.jpg">
<img alt="galería imágenes con Shadowbox" src="http://ww2.ideasfrescas.es/includes/img/shadowbox-videos-20091230153515.jpg" />
</a>
<a rel="shadowbox[ejemplos];options={counterType:&prime;skip&prime;}" href="http://www.ideasfrescas.es/includes/img/shadowbox-google-maps-20091230153547.jpg">
<img alt="galería imágenes con Shadowbox" src="http://ww2.ideasfrescas.es/includes/img/shadowbox-google-maps-20091230153547.jpg" />
</a></pre></div>
</p>
<p> </p>
<p>En este ejemplo de <strong>galería de imágenes</strong>, utilizamos la propiedad de <strong>Shadowbox</strong> <strong>counterType</strong>. Esta opción de Shadowbox se utiliza para mostrar un contador con las fotos de la galería. Valores que toma: &quot; default&quot; o &quot; skip&quot;. Si lo dejamos por defecto muestra la galería de imágenes de esta forma: &quot; 1 de 5&quot;. Cuando le damos el valor Skip muestra las imágenes con un numero (imagen inferior), permitiendo la navegación rápida entre las fotos de la galería de imágenes. El valor que toma por defecto es &quot; default&quot;.:</p>
<p>
<div class="codigo"><pre class="brush: xhtml">rel=&quot;shadowbox[mustang];options={counterType:skip}&quot;</pre></div>
</p>
<p> </p>
<p style="text-align: center;"><img title="Ejemplo galería de imágenes con shadowbox" src="http://ww2.ideasfrescas.es/includes/img/ejemplo-galeria-imagenes-shadowbox-20100625113356.jpg" alt="Ejemplo galería de imágenes con shadowbox" width="500" height="375" /></p>
<p> </p>
<h2>Propiedades para imágenes de Shadowbox</h2>
<p><strong><span class="verde">content</span></strong> - 	El contenido real del objeto (por ejemplo, dirección, código HTML, etc.)</p>
<p>
<strong><span class="verde">player</span></strong>	- El tipo de archivo o contenido que va a contener el  objeto (opcional, la mayoría de los casos lo detecta automáticamente). (* ver opciones)
</p>
<p><strong><span class="verde">title</span></strong>	- 	El título que del objeto (opcional)</p>
<p><strong><span class="verde">gallery</span></strong>		- Nombre de la galería a la que va a pertenecer el objeto (opcional)</p>
<p> 
<strong><span class="verde">height</span></strong>	- 	La altura del objeto (en píxeles, sólo se requiere para las películas y Flash)
</p>
<p><strong><span class="verde">width</span></strong>		- El  ancho del objeto (en píxeles, sólo se requiere para las películas y Flash)</p>
<p><strong><span class="verde">* options</span></strong>		- Conjunto de opciones que se pueden aplicar al objeto shadowbox.</p>
<p>Otros Artículos relacionados con <strong>Shadowbox</strong>: <a title="shadowbox" href="http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/shadowbox.php" target="_blank">Shadowbox</a> - <a title="Shadowbox con Google Maps" href="http://www.ideasfrescas.es/es/blog-paginas-web/buscadores/google/shadowbox-google-maps.php" target="_blank">Shadowbox y Google Maps 
</a> - <a title="Shadowbox problema con ie6" href="http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/shadowbox-problema-ie6.php" target="_blank">Shadowbox problemas con IE6</a> - <a title="Flash con Shadowbox" href="http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/flash-shadowbox.php" target="_blank">Flash y Shadowbox</a> - <a title="Flash con Shadowbox" href="http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/flash-shadowbox.php" target="_blank"></a><a href="http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/opciones-shadowbox.php">Opciones del Shadowbox</a>
</p>]]></description>
</item>

<item>
<title><![CDATA[Opciones del Shadowbox]]></title>
<link>http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/opciones-shadowbox.php</link>
<pubDate>Sat, 04 Feb 2012 13:16:09 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[articulos]]></category>
<description><![CDATA[<p>Cuando inicializamos la librería <strong>Shadowbox</strong> en nuestra <strong>página web</strong> definimos las <strong>opciones</strong> o configuración del <strong>Shadowbox</strong>:</p>
<p>
<div class="codigo"><pre class="brush: javascript">//cargamos la css de shadowbox, el archivo está a nivel del raiz
<link rel="stylesheet" type="text/css" href="shadowbox.css" />
//cargamos la librería javascript de shadoxbox, el archivo está a nivel del raiz
<script type="text/javascript" src="shadowbox.js"></script>
//inicializamos nuestro shadowbox indicando las opciones de configuración
//Las opciones que se pasan a Shadowbox.init, se aplicarán para todas las instancias de Shadowbox
<script type="text/javascript"><!--
Shadowbox.init({
    handleOversize:     "drag",
    displayNav:         false,
    handleUnsupported:  "remove",
    autoplayMovies:     false
});
// --></script>
</pre></div>
</p>
<p>Otra forma de configurar las <strong>opciones</strong> del <strong>Shadowbox</strong> cuando lo llamamos en nuestra <strong>página web</strong> es con:</p>
<p>
<div class="codigo"><pre class="brush: php">//Podemos configurar las opciones del Shadowbox en la propiedad &prime;rel&prime;
<a rel="shadowbox[ejemplos];options={continuous:true}" href="http://www.ideasfrescas.es/includes/img/shadowbox-ejemplos-20091230153446.jpg" >imagen a mostrar</a></pre></div>
</p>
<h2 class="verde">Listado de Opciones de Shadowbox</h2>
<p><span style="text-decoration: underline;"><strong>animate</strong></span>: Poner a false para desactivar todas las animaciones de apertura y cierre de la ventana del Shadowbox. Esto puede mejorar el efecto general en los equipos con bajo rendimiento. Valor por defecto: true.</p>
<p>Ejem. 1: animate: [false | true]
</p>
<p>Ejem. 2: rel=&quot;shadoxbox;options={animate: [false | true]}&quot;</p>
<p><a class="option" title="Ejemplo Shadowbox" rel="shadowbox;options={animate:false}" href="http://www.ideasfrescas.es/includes/img/shadowbox-ejemplos-20091230153446.jpg">ver ejemplo opción shadowbox</a></p>
<p><span style="text-decoration: underline;"><strong>animateFade</strong></span>: Establezca a false para desactivar todas las animaciones de coloración de apertura y cierre de la ventana del Shadowbox. Valor por defecto: true.</p>
<p>Ejem. 1: animateFade: [false | true]</p>
<p>Ejem. 2: rel=&quot;shadoxbox;options={animateFade: [false | true]}&quot;</p>
<p><a class="option" title="Ejemplo Shadowbox" rel="shadowbox;options={animateFade:false}" href="http://www.ideasfrescas.es/includes/img/shadowbox-ejemplos-20091230153446.jpg">ver ejemplo opción shadowbox</a></p>
<p><span style="text-decoration: underline;"><strong>animSequence</strong></span>:  Especifica al shadowbox el efecto debe hacer al pasar a la siguiente animación Shadowbox. Valores: </p>
<p>&prime;wh&prime;: primero el ancho y luego el alto</p>
<p>&prime;hw&prime;: altura primero, y después el ancho.</p>
<p>&prime;sync&prime;: ambos a la vez. (valor por defecto).</p>
<p>Ejem. 1: animSequence: [&amp;lsquo;wh&prime; | &amp;lsquo;hw&prime; | &amp;lsquo;sync&prime;]</p>
<p>Ejem. 2: rel=&quot;shadoxbox;options={animSequence: [&amp;lsquo;wh&prime; | &amp;lsquo;hw&prime; | &amp;lsquo;sync&prime;]}&quot;</p>
<p><span style="text-decoration: underline;"><strong>autoplayMovies</strong></span>: Poner a false, para desactivar automáticamente la reproducción de películas cuando se cargan dentro del Shadowbox. Valor por defecto: true.</p>
<p>Ejem. 1: autoplayMovies: [false | true]</p>
<p>Ejem. 2: rel=&quot;shadoxbox;options={autoplayMovies: [false | true]}&quot;</p>
<p><span style="text-decoration: underline;"><strong>continuous</strong></span>: Establecer a  true para permitir al usuario ir directamente a la primera imagen en una galería a partir de la última, seleccionando la opción &quot;Siguiente&quot;. Valor por defecto: false.</p>
<p>Ejem. 1: continuous: [false | true]</p>
<p>Ejem. 2: rel=&quot;shadoxbox;options={continuous: [false | true]}&quot;</p>
<p><span style="text-decoration: underline;"><strong>counterLimit</strong></span>: Limita el número de enlaces de contador que se muestra en un contador de &quot;skip&quot; de estilo. Si el número real de elementos de la galería es mayor que este valor, el contador se verá limitada a los elementos inmediatamente anteriores y posteriores al elemento actual. Valor por defecto es 10.</p>
<p>Ejem. 1: counterLimit: 20</p>
<p>Ejem. 2: rel=&quot;shadoxbox;options={counterLimit: 6}&quot;</p>
<p><span style="text-decoration: underline;"><strong>counterType</strong></span>: El modo de utilizar para el contador de la galería. Valores: </p>
<p>&quot;default&quot;: muestra la galería con el texto: &quot;1 de 5&quot;. (valor por defecto).</p>
<p>&quot;skip&quot;: muestra un enlace independiente para cada pieza en la galería, lo que permite una navegación más rápida. Ejem. 1 2 3 4 5</p>
<p>Ejem. 1: counterType: [&amp;lsquo;default&prime; | &amp;lsquo;skip&prime;]</p>
<p>Ejem. 2: rel=&quot;shadoxbox;options={counterType: [&amp;lsquo;default&prime; | &amp;lsquo;skip&prime;]}&quot;</p>
<p><span style="text-decoration: underline;"><strong>displayCounter</strong></span>: Establezca a false para ocultar el mensaje que define  counterType. Es decir el texto &quot;1 de 5&quot; para countertype:&prime;default&prime; y el texto 1 2 3 4 5 para countertype:&prime;skip&prime;. Valor por defecto: true.</p>
<p>Ejem. 1: displayCounter: [false | true]</p>
<p>Ejem. 2: rel=&quot;shadoxbox;options={displayCounter: [false | true]}&quot;</p>
<p><span style="text-decoration: underline;"><strong>displayNav</strong></span>: Establezca a false para ocultar los controles de navegación de la galería.  Valor por defecto: true.</p>
<p>Ejem. 1: displayNav: [false | true]</p>
<p>Ejem. 2: rel=&quot;shadoxbox;options={displayNav: [false | true]}&quot;</p>
<p><span style="text-decoration: underline;"><strong>enableKeys</strong></span>: Establezca a false para deshabilitar la navegación del teclado en las galerías de Shadowbox. Valor por defecto es true.</p>
<p>Ejem. 1: enableKeys: [false | true]</p>
<p>Ejem. 2: rel=&quot;shadoxbox;options={enableKeys: [false | true]}&quot;</p>
<p><span style="text-decoration: underline;"><strong>fadeDuration</strong></span>: Establece la duración (en segundos) que debe tardar la atenuación de la carga de las imagenes. El valor predeterminado es 0,35. A más valor más tarda en cargar el shadowbox de la imagen.</p>
<p>Ejem. 1: fadeDuration: 1</p>
<p>Ejem. 2: rel=&quot;shadoxbox;options={fadeDuration: 3}&quot;</p>
<p><a class="option" title="Ejemplo Shadowbox" rel="shadowbox;options={fadeDuration:3}" href="http://www.ideasfrescas.es/includes/img/shadowbox-ejemplos-20091230153446.jpg">ver ejemplo opción shadowbox</a></p>
<p><span style="text-decoration: underline;"><strong>flashParams</strong></span>: Una lista de parámetros (en un objeto de JavaScript) que se pasa a un &prime;object&prime; flash cargado en el Shadowbox. Para obtener una lista parcial de los parámetros disponibles, consulte la página de Adobe. Sólo se especifica un parámetro por defecto: bgcolor. El valor predeterminado es {bgcolor: &quot;# 000000&quot;}.</p>
<p>Ejem. 1: flashParams: {bgcolor: &quot;# 000000&quot;,...}</p>
<p>Ejem. 2: rel=&quot;shadoxbox;options={flashParams: {bgcolor: &quot;# 000000&quot;,...}}&quot;</p>
<p><span style="text-decoration: underline;"><strong>flashVars</strong></span>: Una lista de variables (en un objeto de JavaScript) que se pasará a una película flash como FlashVars. El valor predeterminado es {}.</p>
<p>Ejem. 1: flashVars: {bgcolor: &quot;# 000000&quot;,...}</p>
<p>Ejem. 2: rel=&quot;shadoxbox;options={flashVars: {bgcolor: &quot;# 000000&quot;,...}}&quot;</p>
<p><span style="text-decoration: underline;"><strong>flashVersion</strong></span>: La mínima versión de Flash necesario para reproducir una película flash. Valor por defecto: &quot;9.0.0&quot;.</p>
<p>Ejem. 1: flashVersion: &prime;10.0.0&prime;</p>
<p>Ejem. 2: rel=&quot;shadoxbox;options={ flashVersion: &prime;10.0.0&prime;}&quot;</p>
<p><span style="text-decoration: underline;"><strong>handleOversize</strong></span>: Indica al Shadowbox el modo de utilizar para el manejo de contenido que es demasiado grande para la vista. Valores: </p>
<p>&quot;none&quot;:esta opción no va a alterar las dimensiones de imagen, aunque puede producirse la saturación.</p>
<p>&quot;resize&quot;: esta opción redimensiona el shadowbox en función de la pantalla, ocupando  de gran contenido. En este modo, la altura y la anchura de shadowbox de gran contenido, puede cambiar el tamaño para ajustarse y que pueda ser visto en su totalidad, manteniendo su aspecto original. (Valor por defecto).</p>
<p>&quot;drag&quot;:(sólo para imágenes). Esta opción permite visualizar una imagen de gran tamaño en su resolución original, dando la opción al usuario de arrastrarse dentro de la vista para ver partes que pueden ser recortadas.</p>
<p>Ejem. 1: handleOversize: [&quot;none&quot; | &quot;resize&quot; | &quot;drag&quot;]</p>
<p>Ejem. 2: rel=&quot;shadoxbox;options={handleOversize: [&quot;none&quot; | &quot;resize&quot; | &quot;drag&quot;]}&quot;</p>
<p><span style="text-decoration: underline;"><strong>handleUnsupported</strong></span>: esta opción le indica al shadowbox como se debe interpretar cuando se está reproduciendo en un medio no compatible. Valores: </p>
<p>&quot;link&quot;: muestra un mensaje de error fácil de usar con un enlace a una página en la que necesita el plugin se puede descargar. (Valor por defecto).</p>
<p>&quot;remove&quot;: esta opción, elimina cualquier galería de elementos no compatibles antes de mostrarlo. Los medios de comunicación no son compatibles cuando el plug-in necesario para visualizar correctamente el shadowbox en el navegador no está instalado. </p>
<p>Ejem. 1: handleUnsupported: [&quot;link&quot; | &quot;remove&quot;]</p>
<p>Ejem. 2: rel=&quot;shadoxbox;options={handleUnsupported: [&quot;link&quot; | &quot;remove&quot;]}&quot;</p>
<p><span style="text-decoration: underline;"><strong>initialHeight</strong></span>: La altura de Shadowbox (en píxeles) en que aparece por primera vez en la pantalla. Valor por defecto: 160.</p>
<p>Ejem. 1: initialHeight: 180</p>
<p>Ejem. 2: rel=&quot;shadoxbox;options={initialHeight: 300}&quot;</p>
<p><a class="option" title="Ejemplo Shadowbox" rel="shadowbox;options={initialHeight: 200}" href="http://www.ideasfrescas.es/includes/img/shadowbox-ejemplos-20091230153446.jpg">ver ejemplo opción shadowbox</a></p>
<p><span style="text-decoration: underline;"><strong>initialWidth</strong></span>: : El ancho de Shadowbox (en píxeles) en que aparece por primera vez en la pantalla. Valor por defecto: 320.</p>
<p>Ejem. 1: initialWidth: 180</p>
<p>Ejem. 2: rel=&quot;shadoxbox;options={initialWidth: 300}&quot;</p>
<p><a class="option" title="Ejemplo Shadowbox" rel="shadowbox;options={initialWidth: 200}" href="http://www.ideasfrescas.es/includes/img/shadowbox-ejemplos-20091230153446.jpg">ver ejemplo opción shadowbox</a></p>
<p><span style="text-decoration: underline;"><strong>modal</strong></span>: Establecer a true para evitar clics del ratón en la plantilla fuera de la ventana de cierre del Shadowbox. Valor por defecto: false.</p>
<p>Ejem. 1: modal: [false | true]</p>
<p>Ejem. 2: rel=&quot;shadoxbox;options={modal: [false | true]}&quot;</p>
<p><a class="option" title="Ejemplo Shadowbox" rel="shadowbox;options={modal:true}" href="http://www.ideasfrescas.es/includes/img/shadowbox-ejemplos-20091230153446.jpg">ver ejemplo opción shadowbox</a></p>
<p><span style="text-decoration: underline;"><strong>onChange</strong></span>: función de enlace que se activa cuando los elementos del shadowbox cambian de uno a otro. El único argumento de esta función será el elemento de la galería que está a punto de ser exhibido.</p>
<p><span style="text-decoration: underline;"><strong>onClose</strong></span>: Una función de enlace que se activa cuando se cierra la ventana del Shadowbox. El único argumento de esta función será el elemento de la galería que se mostró por última vez.</p>
<p><span style="text-decoration: underline;"><strong>onFinish</strong></span>: Una función de enlace que se activará cuando la ventana del Shadowbox termine de cargar la pieza de la galería actual (después de que todas las animaciones estan completas). El único argumento de esta función será el elemento actual de la galería.</p>
<p><span style="text-decoration: underline;"><strong>onOpen</strong></span>: Una función de enlace que se activa cuando se abre la venana del Shadowbox.El único argumento de esta función será el elemento actual de la galería. Si es false  se evitará la apertura de la ventana Shadowbox.</p>
<p><span style="text-decoration: underline;"><strong>overlayColor</strong></span>: El color se utilizará para la superposición entre modos de transporte (en hexadecimal). Valor por defecto: &quot;# 000&quot;.</p>
<p>Ejem. 1: overlayColor: &quot;# f00&quot;</p>
<p>Ejem. 2: rel=&quot;shadoxbox;options={overlayColor:&quot;# f00&quot;}&quot;</p>
<p><span style="text-decoration: underline;"><strong>overlayOpacity</strong></span>: La opacidad que va a tener  de utilizar para la superposición modal. Valor por defecto: 0,5.</p>
<p>Ejem. 1: overlayOpacity: 1</p>
<p>Ejem. 2: rel=&quot;shadoxbox;options={overlayOpacity: 1.2}&quot;</p>
<p><span style="text-decoration: underline;"><strong>resizeDuration</strong></span>: La duración (en segundos) que deben tardar las animaciones al cambiar de tamaño. Valor por defecto: 0,35.</p>
<p>Ejem. 1: resizeDuration: 1.9</p>
<p>Ejem. 2: rel=&quot;shadoxbox;options={resizeDuration: 2}&quot;</p>
<p><a class="option" title="Ejemplo Shadowbox" rel="shadowbox;options={resizeDuration:3.5}" href="http://www.ideasfrescas.es/includes/img/shadowbox-ejemplos-20091230153446.jpg">ver ejemplo opción shadowbox</a></p>
<p><span style="text-decoration: underline;"><strong>showOverlay</strong></span> :Determina si la plantilla se muestra de forma absoluta. Valor por defecto: true.</p>
<p>Ejem. 1: showOverlay: [false | true]</p>
<p>Ejem. 2: rel=&quot;shadoxbox;options={showOverlay: [false | true]}&quot;</p>
<p><a class="option" title="Ejemplo Shadowbox" rel="shadowbox;options={showOverlay:false}" href="http://www.ideasfrescas.es/includes/img/shadowbox-ejemplos-20091230153446.jpg">ver ejemplo opción shadowbox</a></p>
<p><span style="text-decoration: underline;"><strong>showMovieControls</strong></span>: Establezca a false para desactivar las barras de control del reproductor de películas QuickTime y Windows Media. Valor por defecto: true.</p>
<p>Ejem. 1: showMovieControls: [false | true]</p>
<p>Ejem. 2: rel=&quot;shadoxbox;options={showMovieControls: [false | true]}&quot;</p>
<p><span style="text-decoration: underline;"><strong>skipSetup</strong></span>: asignar a true para que la ventana que se abre, se salte automáticamente la llamanda Shadowbox.setup cuando el Shadowbox se inicializa. Valor por defecto: true.</p>
<p>Ejem. 1: skipSetup: [false | true]</p>
<p>Ejem. 2: rel=&quot;shadoxbox;options={skipSetup: [false | true]}&quot;</p>
<p><span style="text-decoration: underline;"><strong>slideshowDelay</strong></span>: Un retraso (en segundos) para utilizar presentaciones de diapositivas. Si se establece en algo distinto de 0, este valor determina un intervalo en el que Shadowbox automáticamente se procederá a la siguiente pieza en la galería. Valor por defecto: 0.</p>
<p>Ejem. 1: slideshowDelay: 1</p>
<p>Ejem. 2: rel=&quot;shadoxbox;options={slideshowDelay: 1.5}&quot;</p>
<p><span style="text-decoration: underline;"><strong>troubleElements</strong></span>: se le pasan las etiquetas html de los elementos que deben ser ocultados cuando se produce la superposición con transparencia al abrir el shadowbox. Esta opción existe debido a que algunos navegadores no son capaces de mostrar una capa semitransparente por encima de estos elementos. Estos elementos vuelven a ser mostrados cuando Shadowbox se cierra. Valor por defecto: [&quot;select&quot;, &quot;object&quot;, &quot;embed&quot;, &quot;canvas&quot;].</p>
<p>Ejem. 1: troubleElements: [&quot;select&quot;, &quot;object&quot;, &quot;embed&quot;, &quot;canvas&quot;]</p>
<p>Ejem. 2: rel=&quot;shadoxbox;options={troubleElements: [&quot;select&quot;, &quot;object&quot;, &quot;embed&quot;, &quot;canvas&quot;]}&quot;</p>
<p><span style="text-decoration: underline;"><strong>viewportPadding</strong></span>: le indicas el margen interior (padding) (en píxeles) que debe mantener en todo el borde de la ventana del navegador. Valor por defecto: 20.</p>
<p>Ejem. 1: viewportPadding: 10</p>
<p>Ejem. 2: rel=&quot;shadoxbox;options={viewportPadding: 15}&quot;</p>
<p><a class="option" title="Ejemplo Shadowbox" rel="shadowbox;options={viewportPadding:50}" href="http://www.ideasfrescas.es/includes/img/shadowbox-ejemplos-20091230153446.jpg">ver ejemplo opción shadowbox</a></p>
<p> </p>
<p>Otros Artículos relacionados con <strong>Shadowbox</strong>: <a title="Shadowbox" href="http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/shadowbox.php" target="_blank">Shadowbox</a> - <a title="Shadowbox con Google Maps" href="http://www.ideasfrescas.es/es/blog-paginas-web/buscadores/google/shadowbox-google-maps.php" target="_blank">Shadowbox y Google Maps 
</a> - <a title="shadowbox galeria imagenes" href="http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/galeria-de-imagenes-con-shadowbox.php" target="_blank">Galería de Imágenes con Shadowbox</a> - <a title="Shadowbox problema con ie6" href="http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/shadowbox-problema-ie6.php" target="_blank">Shadowbox problemas con IE6</a> - <a href="http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/flash-shadowbox.php">Flash y Shadowbox</a></p>]]></description>
</item>

<item>
<title><![CDATA[Flash y Shadowbox]]></title>
<link>http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/flash-shadowbox.php</link>
<pubDate>Sat, 04 Feb 2012 13:16:09 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[articulos]]></category>
<description><![CDATA[<p><strong>Shadowbox</strong> soporta todos los formatos y medios, incluyendo imágenes, QuickTime, Windows Media Player, <strong>Flash</strong>, <strong>vídeo Flash</strong>, HTML, e incluso páginas web externas. Esto hace que sea fácil de desplegar el contenido, no importa cual.</p>
<p><strong>Shadowbox</strong> es capaz de mostrar <strong>Flash</strong> mediante el uso del plug-in de Adobe Flash Player. Si <strong>Flash</strong> no está disponible, el usuario tendrá que descargarlo e instalarlo antes de poder ver el contenido.</p>
<p>Además de las imágenes y <strong>Flash</strong>, <strong>Shadowbox</strong> soporta todos los formatos de video más populares en la web, como QuickTime, Flash Video y Windows Media Player.</p>
<p>Para que detecte automáticamente la librería <strong>shadowbox</strong> se pone el parámetro:
<span class="txtCodigo">rel=&quot;shadowbox&quot;</span></p>
<h2>Videos y Archivos con Flash y Shadowbox</h2>
<h2 class="verde">SWF individual</h2>
<p>
<div class="codigo"><pre class="brush: xhtml"><a href="http://www.shadowbox-js.com/gallery/skip.swf" mce_href="http://www.shadowbox-js.com/gallery/skip.swf" rel="shadowbox;width=400;height=300" title="Chica Saltarina">
<img src="http://www.shadowbox-js.com/gallery/skip-thumb.gif" mce_src="http://www.shadowbox-js.com/gallery/skip-thumb.gif" alt="Chica Saltarina" />
</a></pre></div>
</p>
<p>Con la propiedad <span class="txtCodigo">rel=&quot;shadowbox;width=400;height=300&quot;</span> en la etiqueta</p>
<p><a title="Chica Saltarina" rel="shadowbox;width=400;height=300" href="http://www.shadowbox-js.com/gallery/skip.swf">Ver ejemplo de un SWF en Shadowbox</a></p>
<h2 class="verde">Galería SWF con varios Flash Ocultos</h2>
<p>
<div class="codigo"><pre class="brush: xhtml"><a rel="shadowbox[multimedia];width=520;height=390" title="Cavernícola" href="http://www.shadowbox-js.com/gallery/caveman.swf" mce_href="http://www.shadowbox-js.com/gallery/caveman.swf">
<img src="http://www.shadowbox-js.com/gallery/caveman-thumb.gif" mce_src="http://www.shadowbox-js.com/gallery/caveman-thumb.gif" alt="Cavernícola" />
</a>
<a style="visibility:hidden;" mce_style="visibility:hidden;" rel="shadowbox[multimedia];width=600;height=450" title="Hollywood" href="http://www.shadowbox-js.com/gallery/old_man.swf" mce_href="http://www.shadowbox-js.com/gallery/old_man.swf">swf</a>
<a style="visibility:hidden;" mce_style="visibility:hidden;" rel="shadowbox[multimedia];width=400;height=300" title="Chica Saltarina" href="http://www.shadowbox-js.com/gallery/skip.swf" mce_href="http://www.shadowbox-js.com/gallery/skip.swf">swf</a>
</pre></div>
</p>
<p> </p>
<p style="text-align: center;"><img title="Galería SWF con Shadowbox" src="http://ww4.ideasfrescas.es/includes/img/galeria-swf-shadowbox-20100805115741.jpg" alt="Galería SWF con Shadowbox" width="400" height="300" /></p>
<p>Este ejemplo es una galería de archivos multimedia (*.swf) que se abren con la librería shadowbox, dos de ellos están ocultos, pero al tener la propiedad <span class="txtCodigo">rel=&quot;shadowbox[multimedia];....&quot;</span> en la etiqueta </p>
<p><a title="Cavernícola" rel="shadowbox[multimedia];width=520;height=390" href="http://www.shadowbox-js.com/gallery/caveman.swf">Ver ejemplo 1 Galería SWF en Shadowbox</a>
<a style="visibility:hidden;" title="Hollywood" rel="shadowbox[multimedia];width=600;height=450" href="http://www.shadowbox-js.com/gallery/old_man.swf">Ver ejemplo 2 Galería SWF en Shadowbox</a>
<a style="visibility:hidden;" title="Chica Saltarina" rel="shadowbox[multimedia];width=400;height=300" href="http://www.shadowbox-js.com/gallery/skip.swf">Ver ejemplo 3 Galería SWF en Shadowbox</a></p>
<p>Si quitamos el estilo visibility:hidden de los enlaces, este ejemplo vale perfectamente para mostrar todos los multimedia en pequeño, y una vez abierto el shadowbox, navegar a través de todos ellos.</p>
<p><a title="Cavernícola" rel="shadowbox[multimedia];width=520;height=390" href="http://www.shadowbox-js.com/gallery/caveman.swf">Ver ejemplo 1 Galería SWF en Shadowbox</a>
<a title="Hollywood" rel="shadowbox[multimedia];width=600;height=450" href="http://www.shadowbox-js.com/gallery/old_man.swf">Ver ejemplo 2 Galería SWF en Shadowbox</a>
<a title="Chica Saltarina" rel="shadowbox[multimedia];width=400;height=300" href="http://www.shadowbox-js.com/gallery/skip.swf">Ver ejemplo 3 Galería SWF en Shadowbox</a></p>
<h2><span class="verde">Video de YouTube con Shadowbox</span>
</h2>
<p>
<div class="codigo"><pre class="brush: xhtml"><a rel="shadowbox;width=405;height=340;player=swf" title="Ejemplo de video  de YouTube con Shadowbox" href="http://www.youtube.com/v/lSnWhsmlGec&amp;hl=en&amp;fs=1&amp;rel=0&amp;autoplay=1" mce_href="http://www.youtube.com/v/lSnWhsmlGec&amp;hl=en&amp;fs=1&amp;rel=0&amp;autoplay=1">
<img src="http://www.shadowbox-js.com/gallery/mckee-thumb.jpg" mce_src="http://www.shadowbox-js.com/gallery/mckee-thumb.jpg" alt="Ejemplo de video  de YouTube con Shadowbox" />
</a></pre></div>
</p>
<p>En esta ocasión en la propiedad rel se añade el parámetro <span class="txtCodigo">player=swf</span> mediante el cual le decimos a la librería shadowbox que el archivo que va a abrir es del tipo *.swf.</p>
<p> </p>
<p style="text-align: center;"><img title="Vídeo de YouTube con Shadowbox" src="http://ww4.ideasfrescas.es/includes/img/video-youtube-shadowbox-20100805115828.jpg" alt="Vídeo de YouTube con Shadowbox" width="400" height="300" /></p>
<p style="text-align: left;"><a title="Ejemplo de video  de YouTube con Shadowbox" rel="shadowbox;width=405;height=340;player=swf" href="http://www.youtube.com/v/lSnWhsmlGec&amp;hl=en&amp;fs=1&amp;rel=0&amp;autoplay=1">Ver ejemplo de Video de YouTube con Shadowbox</a></p>
<h2 style="text-align: left;"><span class="verde">Video de Quicktime con Shadowbox</span></h2>
<p style="text-align: left;"><div class="codigo"><pre class="brush: xhtml"><a rel="shadowbox;width=480;height=204" title="Ejemplo de video de QuickTime con Shadowbox" href="http://trailers.apple.com/movies/wb/the_dark_knight/the_dark_knight-tlr2_h.480.mov" mce_href="http://trailers.apple.com/movies/wb/the_dark_knight/the_dark_knight-tlr2_h.480.mov">
<img src="http://www.shadowbox-js.com/gallery/darkknight-thumb.jpg" mce_src="http://www.shadowbox-js.com/gallery/darkknight-thumb.jpg" alt="Ejemplo de video de QuickTime con Shadowbox" />
</a></pre></div>
</p>
<p style="text-align: left;"> </p>
<p style="text-align: center;"><img title="Vídeo QuickTime con Shadowbox" src="http://ww4.ideasfrescas.es/includes/img/video-quicktime-shadowbox-20100805115913.jpg" alt="Vídeo QuickTime con Shadowbox" width="400" height="300" /></p>
<h2 style="text-align: left;"><span class="verde">Video de Yahoo! Video con Shadowbox</span></h2>
<p style="text-align: left;"><div class="codigo"><pre class="brush: xhtml"><a rel="shadowbox;width=605;height=360;" title="Ejemplo de video de Yahoo! Video con Shadowbox" href="http://d.yimg.com/static.video.yahoo.com/yep/YV_YEP.swf?ver=2.2.46&amp;id=16582069&amp;vid=6394714&amp;lang;=es-es&amp;intl=es&amp;thumbUrl=http%3A//l.yimg.com/a/i/us/sch/cn/video04/6394714_rndae36363c_19.jpg&amp;embed=1" mce_href="http://d.yimg.com/static.video.yahoo.com/yep/YV_YEP.swf?ver=2.2.46&amp;id=16582069&amp;vid=6394714&amp;lang;=es-es&amp;intl=es&amp;thumbUrl=http%3A//l.yimg.com/a/i/us/sch/cn/video04/6394714_rndae36363c_19.jpg&amp;embed=1">
<img src="http://www.shadowbox-js.com/gallery/sweetness-thumb.jpg" mce_src="http://www.shadowbox-js.com/gallery/sweetness-thumb.jpg" alt="Ejemplo de video de Yahoo! Video con Shadowbox" />
</a></pre></div>
</p>
<p style="text-align: left;"> </p>
<p style="text-align: center;"><img title="Video de YahooVideo con Shadowbox" src="http://ww4.ideasfrescas.es/includes/img/video-yahoovideo-shadowbox-20100805120009.jpg" alt="Video de YahooVideo con Shadowbox" width="400" height="300" /></p>
<p style="text-align: left;"><a title="Ejemplo de video de Yahoo! Video con Shadowbox" rel="shadowbox;width=605;height=360;" href="http://d.yimg.com/static.video.yahoo.com/yep/YV_YEP.swf?ver=2.2.46&amp;id=16582069&amp;vid=6394714&amp;lang=es-es&amp;intl=es&amp;thumbUrl=http%3A//l.yimg.com/a/i/us/sch/cn/video04/6394714_rndae36363c_19.jpg&amp;embed=1">Ver ejemplo de Yahoo! Video con Shadowbox</a></p>
<h2 style="text-align: left;"><span class="verde">Video de Google Video con Shadowbox</span></h2>
<p style="text-align: left;"><div class="codigo"><pre class="brush: xhtml"><a rel="shadowbox;width=600;height=450" title="Ejemplo de video de Google Video con Shadowbox" href="http://video.google.com/googleplayer.swf?docid=1352016870638076087" mce_href="http://video.google.com/googleplayer.swf?docid=1352016870638076087">
<img src=" http://www.shadowbox-js.com/gallery/ukulele-thumb.jpg" mce_src=" http://www.shadowbox-js.com/gallery/ukulele-thumb.jpg" alt="Ejemplo de video de Google Video con Shadowbox" />
</a></pre></div>
</p>
<p style="text-align: left;"> </p>
<p style="text-align: center;"><img title="Video de GoogleVideo con Shadowbox" src="http://ww4.ideasfrescas.es/includes/img/video-googlevideo-shadowbox-20100805120050.jpg" alt="Video de GoogleVideo con Shadowbox" width="400" height="300" /></p>
<p><a title="Ejemplo de video de Google Video con Shadowbox" rel="shadowbox;width=600;height=450" href="http://video.google.com/googleplayer.swf?docid=1352016870638076087">Ver ejemplo de Google Video con Shadowbox</a></p>
<p>Otros Artículos relacionados con <strong>Shadowbox</strong>: <a title="Shadowbox" href="http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/shadowbox.php" target="_blank">Shadowbox</a> - <a title="Shadowbox con Google Maps" href="http://www.ideasfrescas.es/es/blog-paginas-web/buscadores/google/shadowbox-google-maps.php" target="_blank">Shadowbox y Google Maps 
</a> - <a title="shadowbox galeria imagenes" href="http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/galeria-de-imagenes-con-shadowbox.php" target="_blank">Galería de Imágenes con Shadowbox</a> - <a title="Shadowbox problema con ie6" href="http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/shadowbox-problema-ie6.php" target="_blank">Shadowbox problemas con IE6</a> - <a title="Shadowbox problema con ie6" href="http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/shadowbox-problema-ie6.php" target="_blank">Opciones del Shadowbox<br /></a></p>]]></description>
</item>

<item>
<title><![CDATA[Google Web Fonts para páginas web]]></title>
<link>http://www.ideasfrescas.es/es/blog-paginas-web/buscadores/google/google-fuentes-paginas-web.php</link>
<pubDate>Sat, 04 Feb 2012 13:16:09 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[articulos]]></category>
<description><![CDATA[<p><strong><img class="img_derecha" title="Directorio de Fuentes de Google" src="http://www.ideasfrescas.es/includes/img/google-web-fonts-20110816140315.jpg" alt="Directorio de Fuentes de Google" width="222" height="40" /><a title="Google Web Fonts" rel="nofollow" href="http://www.google.com/webfonts#HomePlace:home" target="_blank">Google Web Fonts</a></strong> es un directorio de fuentes o tipografías online para páginas web que cualquiera puede utilizar de forma gratuita. El <a title="Directorio de Fuentes de Google" rel="nofollow" href="http://www.google.com/webfonts#HomePlace:home" target="_blank"><strong>Directorio de Fuentes de Google</strong></a> es un proyecto para webmaster y diseñadores de <strong>páginas web</strong> que permite un acceso sencillo a una amplia selección de tipografías o fuentes de calidad. </p>
<h2>Fuentes gratuitas y de código abierto</h2>
<p>Todas las fuentes del <strong>Directorio de Fuentes de Google</strong> son de código abierto. Esto significa que son de libre uso, independientemente de si estás trabajando en un proyecto privado o comercial.</p>
<h2>¿Cómo usar las fuentes del Directorio de Google?
</h2>
<p>Sólo necesitamos 3 pasos para comenzar a usar las fuentes en nuestra página web:</p>
<p><strong><span class="verde">1. Elegimos la fuente:</span></strong>
Buscamos entre cientos de familias de fuentes, y añadirmos las que nos gustan para nuestra página web a nuestra colección.</p>
<p style="text-align: center;"><img title="Google Directorio Fuentes" src="http://www.ideasfrescas.es/includes/img/google-directorio-fuentes-20110816140334.jpg" alt="Google Directorio Fuentes" width="600" height="306" /></p>
<p><strong><span class="verde">2. Revisión de las fuentes de la colección:</span></strong>
Compara entre todas las fuentes de tu colección, para ver los estilos en un diseño web dinámico.</p>
<p style="text-align: center;"><img title="Fuentes Google para páginas web" src="http://www.ideasfrescas.es/includes/img/google-directorio-fuentes-paginas-web-20110816140409.jpg" alt="Fuentes Google para páginas web" width="600" height="304" /></p>
<p><strong><span class="verde">3. Usamos las fuentes seleccionadas para la página web:</span></strong>
Copia el código necesario que ofrece en tres formas distintas, y ya estás listo para añadir la fuente a tus páginas web.</p>
<p style="text-align: center;"><img title="Google Fuentes páginas web" src="http://www.ideasfrescas.es/includes/img/google-fuentes-web-20110816140428.jpg" alt="Google Fuentes páginas web" width="600" height="288" /></p>
<h2 style="text-align: left;">Implementar una tipografía de Google Web Fonts en nuestra página web
</h2>
<p style="text-align: left;">Una vez seleccionada la tipo que quieres, para configurarla en tu páginas web, Google nos ofrece tres formas distintas:</p>
<p style="text-align: left;"><strong><span class="verde">1.	Stantdar:</span></strong> A través de la etiqueta Link, como cualquier otro estilo css, (dentro de las etiquetas head de la página web).</p>
<p style="text-align: left;"><div class="codigo"><pre class="brush: xhtml">&lt;link href="http://fonts.googleapis.com/css?family=Fuentes+Escogidas+Google" rel='stylesheet' type='text/css'&gt;</pre></div>
</p>
<p style="text-align: left;"><strong><span class="verde">2. @import:</span></strong> Haciendo un include de la fuente directamente en el archivo de estilos css (ejemplo style.css).</p>
<p style="text-align: left;"><div class="codigo"><pre class="brush: css ">@import url(http://fonts.googleapis.com/css?family=Fuentes+Escogidas+Google);</pre></div>
</p>
<p style="text-align: left;"><strong><span class="verde">3. Javascript:</span></strong> A través de un script de javascript (dentro las etiquetas head de la página web).</p>
<p style="text-align: left;"><div class="codigo"><pre class="brush: javascript"><script type="text/javascript"><!--
  WebFontConfig = {
    google: { families: [ &prime;Fuentes+Escogidas+Google&prime; ] }
  };
  (function() {
    var wf = document.createElement(&prime;script&prime;);
    wf.src = (&prime;https:&prime; == document.location.protocol ? &prime;https&prime; : &prime;http&prime;) +
      &prime;://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js&prime;;
    wf.type = &prime;text/javascript&prime;;
    wf.async = &prime;true&prime;;
    var s = document.getElementsByTagName(&prime;script&prime;)[0];
    s.parentNode.insertBefore(wf, s);
  })();
// --></script>
</pre></div>
</p>
<p class="verde" style="text-align: left;"><span style="text-decoration: underline;"><strong>Para usar la fuente o tipografía seleccionada e implementada, solamente hay que indicarlo en la propiedad Font-family:</strong></span></p>
<p style="text-align: left;"><div class="codigo"><pre class="brush: css ">h1 { font-family: 'Metrophobic', Arial, serif; font-weight: 400; }</pre></div>
</p>
<p style="text-align: left;"><a title="Directorio de fuentes de Google para páginas web" rel="nofollow" href="http://www.google.com/webfonts#HomePlace:home" target="_parent">[Directorio de fuentes de Google para páginas web]</a></p>]]></description>
</item>

<item>
<title><![CDATA[Botón Google +1]]></title>
<link>http://www.ideasfrescas.es/es/blog-paginas-web/buscadores/google/boton-google-1.php</link>
<pubDate>Sat, 04 Feb 2012 13:16:09 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[articulos]]></category>
<description><![CDATA[<p>El <strong>Botón Google +1</strong> es una forma rápida de indicar que un contenido de una página web, es interesante o merece la pena que otras personas lo vean. </p>
<p>El <strong>Botón +1 de Google</strong> tiene la funcionalidad de &quot;almacenar&quot;, de alguna manera, el contenido al que le hemos dado clic, para luego poder buscarlo en nuestro perfil de Google.</p>
<p>Para poder hacer +1 en una página web, necesitas un perfil público de Google. Esto permite a otros usuarios saber quién hizo una recomendación. </p>
<p>Los <strong>Botones Google+1</strong>  se guardan en una nueva pestaña de tu perfil de Google. Puedes mostrar tu pestaña de +1s a todo el mundo o bien configurarla como privada, y utilizarla sólo para administrar personalmente todo lo que encuentras en Internet y que te encanta. </p>
<p>El <strong>botón +1 de Google</strong> puede aparecer en diferentes sitios web. Por ejemplo, puede ver un botón +1 para un resultado de búsqueda de Google, un anuncio de Google o junto a un artículo que esté leyendo en una página web. </p>
<p><span style="text-decoration: underline;">Tus recomendaciones de +1 ayudan a mejorar el contenido que aparece en las Búsquedas de Google</span></p>
<p style="text-align: center;"><img title="Buscador Google +1" src="http://ww2.ideasfrescas.es/includes/img/buscador-google+1-20110623092943.jpg" alt="Buscador Google +1" width="400" height="160" /></p>
<p> </p>
<h2 class="verde">¿Qué sucede cuando se realiza una recomendación de Google +1 a una página web?
</h2>
<p>Cuando se realiza una recomendación del <strong>Botón Google +1</strong> a un enlace de una <strong>página web</strong>, el botón +1 cambiará a color azul y se agregará a la pestaña de recomendaciones de +1 de tu perfil de Google.</p>
<p> </p>
<p style="text-align: center;"><img title="Botón Google +1" src="http://ww2.ideasfrescas.es/includes/img/google+1-20110623092904.jpg" alt="Botón Google +1" width="64" height="54" /></p>
<p style="text-align: left;">Independientemente de si has decidido compartir públicamente su pestaña de recomendaciones de Google +1, dichas recomendaciones seguirán siendo visibles para los demás usuarios que vean el contenido que has recomendado. </p>
<p style="text-align: center;"><img title="Google +1 en página web" src="http://ww2.ideasfrescas.es/includes/img/google+1-pagina-web-20110623093001.jpg" alt="Google +1 en página web" width="596" height="270" /></p>
<p style="text-align: left;">Por ejemplo, su recomendación del Botón Google +1 podría aparecer como parte de un recuento acumulado anónimo de las personas que también han recomendado lo mismo con el botón +1. Tu nombre también podría aparecer junto a +1 para ayudar a sus amigos y contactos a identificar el contenido que les puede resultar más útil de las páginas web.</p>
<p style="text-align: center;"><img title="Google +1" src="http://ww2.ideasfrescas.es/includes/img/boton-google+1-20110623092928.jpg" alt="Google +1" width="400" height="158" /></p>
<h2 style="text-align: left;"><span class="verde">¿Cómo implementar el botón +1 de Google en mi sitio web?</span>
</h2>
<p style="text-align: left;">Para añadir el botón +1 de Google en nuestro sitio sólo debemos seguir los siguientes pasos (<a title="Código Botón Google +1" rel="nofollow" href="http://www.google.com/webmasters/+1/button/index.html" target="_blank">Descargar botón +1 de Google personalizado</a>):</p>
<p style="text-align: left;">- Añadimos la siguiente etiqueta javascript en nuestro  </p>
<p style="text-align: left;"><div class="codigo"><pre class="brush: javascript">&lt;script type=&amp;rdquo;text/javascript&amp;rdquo; src="&amp;rdquo;http://apis.google.com/js/plusone.js&amp;rdquo;"&gt;&lt;/script&gt;</pre></div>
</p>
<p style="text-align: left;">- Colocamos el siguiente código donde queramos mostrar el botón Google +1Tan fácil cómo eso, no olvidéis cambiar el href con la url de vuestras páginas web. </p>
<p style="text-align: left;"><div class="codigo"><pre class="brush: xhtml">&lt;g:plusone size="medium" href="http://www.tudominio.com/"&gt;&lt;/g:plusone&gt;</pre></div>
</p>
<p>Si quieres instalar el botón +1 de Google en vuestro blog wordpress, 
pueden seguir estos pasos en el archivo post.php o bien esperar a que 
salga algún plugin que cubra dicha función (si no está disponible ya).</p>
<p> </p>
<p> </p>
<p style="text-align: center;">
<object width="560" height="349" data="http://www.youtube.com/v/OAyUNI3_V2c?version=3&amp;hl=es_ES&amp;rel=0" type="application/x-shockwave-flash">
<param name="allowFullScreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="src" value="http://www.youtube.com/v/OAyUNI3_V2c?version=3&amp;hl=es_ES&amp;rel=0" />
<param name="allowfullscreen" value="true" />
</object>
</p>
<p style="text-align: left;"> </p>
<p style="text-align: left;"><span class="verde">NOTA</span>: <span style="text-decoration: underline;">Google no da soporte del botón Google +1 para los navegadores Internet Explorer 6 y 7, por lo que el botón pierde su funcionalidad y no se muestra</span>.</p>]]></description>
</item>

<item>
<title><![CDATA[Herramientas para Desarrolladores Páginas Web I]]></title>
<link>http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/herramientas-desarrollo-paginas-web.php</link>
<pubDate>Sat, 04 Feb 2012 13:16:09 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[articulos]]></category>
<description><![CDATA[<p>Os presentamos algunas de las extensiones y plugins para navegadores que hemos ido utilizando y probando durante estos años. Deseamos que os sean de utilidad y sobre todo que os ayuden en el diseño de vuestras <strong>páginas web</strong>.</p>
<h2><img title="Firebug" src="http://ww3.ideasfrescas.es/includes/img/firebug-20110823095807.png" alt="Firebug" width="32" height="32" /> Firebug 
</h2>
<p><strong>Firebug</strong> se integra en el navegador Firefox, poniendo una gran cantidad de herramientas de desarrollo web a nuestra disposición. Nos permitee editar, depurar y monitorear CSS, HTML y JavaScript en vivo en cualquier <strong>página web</strong>.</p>
<p style="text-align: center;"><img title="Firebug Extensión Mozilla" src="http://ww3.ideasfrescas.es/includes/img/firebug-mozilla-20110823100246.jpg" alt="Firebug Extensión Mozilla" width="600" height="309" /></p>
<h3>HTML</h3>
<p><strong>Firebug</strong> hace que sea fácil de encontrar elementos <strong>HTML</strong> dentro de la página web. Una vez que hayas encontrado lo que buscas, <strong>Firebug</strong> nos da gran cantidad de información, y nos permite modificar el HTML en vivo.</p>
<h3>CSS
</h3>
<p>De igual forma <strong>Firebug</strong> también nos permite localizar código <strong>CSS</strong> y editarlo en vivo, modificando la <strong>página web</strong> al instante.</p>
<h3>JavaScript</h3>
<p><strong>Firebug</strong> incluye un potente depurador de <strong>JavaScript</strong> que permite detener la ejecución en cualquier momento suiguiendo su ejecución. Podemos medir el rendimiento de nuestro JavaScript y encontrar los cuellos de botella de una forma rápida..</p>
<h3>Document Object Model - DOM</h3>
<p><strong>Document Object Model</strong> es un gran jerarquía de objetos y funciones utilizada por JavaScript. <strong>Firebug</strong> nos permite encontrar los objetos DOM de forma rápida yeditarlos sobre la marcha.</p>
<p class="verde"><a class="verde" title="Firebug" rel="nofollow" href="http://getfirebug.com/" target="_blank">[ Firebug Site oficial ]</a>     <a class="verde" title="Firebug extesión firefox" rel="nofollow" href="https://addons.mozilla.org/es-ES/firefox/addon/firebug/" target="_blank">[ Extensión para Firefox ]</a></p>
<h2><img title="Web Developer" src="http://ww3.ideasfrescas.es/includes/img/web-developer-20110823102619.png" alt="Web Developer" width="32" height="32" /> Extensión Web Developer 
</h2>
<p>La <strong>extensión Web Developer</strong> agrega varias herramientas de desarrollo web a un navegador, facilitando la depuración y edición de las páginas web. La extensión <strong>Web Developer</strong> está disponible para Firefox y Chrome, y se pueden ejecutar en cualquier plataforma que soporte estos navegadores, incluyendo Windows, Mac OS X y Linux.</p>
<p style="text-align: center;"><img title="Web Developer Extensión" src="http://ww3.ideasfrescas.es/includes/img/web-developer-extension-20110823102556.jpg" alt="Web Developer Extensión" width="600" height="256" /></p>
<p><a title="Web Developer" rel="nofollow" href="https://addons.mozilla.org/es-ES/firefox/addon/web-developer/?src=dp-dl-oftenusedwith" target="_blank">[ Web developer Extensión Firefox ]</a></p>
<h2><img title="ColorZilla" src="http://ww3.ideasfrescas.es/includes/img/colorzilla-20110823104802.png" alt="ColorZilla" width="32" height="32" /> ColorZilla 
</h2>
<p>Este plugin para Firefox permite &quot;capturar&quot; valores de colores de una <strong>página web</strong> mediante un gotero. <strong>ColorZilla</strong> es muy útil para los diseñadores web.</p>
<p><a title="ColorZilla" rel="nofollow" href="http://www.colorzilla.com/firefox/" target="_blank">[ Sitio oficial de ColorZilla ]</a> <span class="verde"><a title="Extensión ColorZilla Firefox" rel="nofollow" href="https://addons.mozilla.org/es-ES/firefox/addon/colorzilla/?src=dp-dl-oftenusedwith" target="_blank">[ Extensión ColorZilla para Firefox ]</a></span></p>
<h2><img title="HTML Validator" src="http://ww3.ideasfrescas.es/includes/img/htmlvalidator-20110823105920.png" alt="HTML Validator" width="32" height="25" /> HTML Validator</h2>
<p><strong>HTML Validator</strong> es una extensión para Mozilla, que añade validación de <strong>HTML</strong> dentro de Firefox y Mozilla. El número de errores de una <strong>página web</strong> HTML se muestra mediante un icono en la barra de estado.</p>
<p>La extensión <strong>HTML Validator</strong> puede validar el HTML enviado por el servidor o el HTML en la memoria (después de la ejecución Ajax).</p>
<p>Los detalles de los errores se ve cuando se mira el código fuente HTML de la página web.</p>
<p>La extensión se basa en Tidy y OpenSP (analizador SGML). Ambos algoritmos están incrustados dentro de Firefox y hace que la validación a nivel local, sin necesidad de enviar HTML a un servidor externo.</p>
<p>- El analizador SGML es el mismo programa de validator.w3.org.</p>
<p>- Tidy ha comprobar la accesibilidad de los tres niveles definidos en el WAI.</p>
<p>- W3 en línea de validación para validar HTML 5 en páginas web.</p>
<p style="text-align: center;"><img title="HTML Validator Firefox" src="http://ww3.ideasfrescas.es/includes/img/html-validator-firefox-20110823110311.jpg" alt="HTML Validator Firefox" width="600" height="450" /></p>
<p class="verde"><a title="HTML Validator" rel="nofollow" href="https://addons.mozilla.org/es-ES/firefox/addon/html-validator/?src=dp-dl-oftenusedwith" target="_blank">[ HTML Validator para Firefox ]
</a></p>
<h2><img title="YSlow" src="http://ww3.ideasfrescas.es/includes/img/yslow-20110823111614.png" alt="YSlow" width="32" height="32" /> YSlow
</h2>
<p><strong>YSlow</strong> analiza las <strong>páginas web</strong> y sugiere formas para mejorar su rendimiento, sobre la base del conjunto de reglas de alto rendimiento de Yahoo!. <strong>YSlow</strong> es un complemento para Firefox, y se integra con la herramienta de desarrollo web <strong>Firebug</strong>. </p>
<p> Ofrece sugerencias para mejorar el rendimiento de la <strong>página web</strong>, mediante un resumen de los componentes y mostrando las estadísticas obtenidas. También proporciona herramientas para el análisis de rendimiento, como Smush.it <sup>TM</sup> y JSLint.</p>
<p style="text-align: center;"><img title="YSlow Firefox" src="http://ww3.ideasfrescas.es/includes/img/yslow-firefox-20110823111748.jpg" alt="YSlow Firefox" width="600" height="223" /></p>
<p class="verde"><a title="YSlow" rel="nofollow" href="https://addons.mozilla.org/es-ES/firefox/addon/yslow/?src=dp-dl-oftenusedwith " target="_blank">[ YSlow extesión para Firefox ]</a></p>]]></description>
</item>

<item>
<title><![CDATA[Carrusel de Imágenes Coin Slider]]></title>
<link>http://www.ideasfrescas.es/es/blog-paginas-web/web/articulos-web/carrusel-imagenes.php</link>
<pubDate>Sat, 04 Feb 2012 13:16:09 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[articulos]]></category>
<description><![CDATA[<p>Os proponemos un <strong>carrusel de imágenes</strong> con JQuery, de fácil implementación para <strong>páginas web</strong>.</p>
<p> </p>
<p style="text-align: center;"><img title="Carrusel de imágenes" src="http://ww4.ideasfrescas.es/includes/img/carrusel-imagenes-20111213164939.jpg" alt="Carrusel de imágenes" width="565" height="325" /></p>
<h2>Características del carrusel de imágenes Coin Slider</h2>
<p>- Efectos de transición únicos</p>
<p>- Compatible con Internet Explorer 6 +, Firefox 2, Safari 2 +, Google Chrome 3 +, Opera 9 +</p>
<p>- Configuración flexible</p>
<p>- Movimiento  automático de diapositivas</p>
<p>- Botones de Navegación</p>
<p>- Ligero (sólo 8kb)</p>
<p>- Vinculación de imágenes</p>
<p>- Libre de uso bajo licencia MIT</p>
<p>- Totalmente personalizable mediante CSS</p>
<p>- Compatible con iPhone y Android</p>
<h2>Descargar de librerías de Coin Slider
</h2>
<p>Lo primero es <strong>descargar la librería JQuery</strong> o enlazarla remotamente:</p>
<p><a title="descargar jquery" rel="nofollow" href="http://docs.jquery.com/Downloading_jQuery#Download_jQuery" target="_blank">Descargar JQuery</a></p>
<p>Enlace desde Google APIs</p>
<p>
<div class="codigo"><pre class="brush: javascript">&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;</pre></div>
</p>
<p>Descargamos los archivos javascript y CSS necesarios para el Carrusel Coin Slider:</p>
<p><a title="librerias coin slider" rel="nofollow" href="http://www.ideasfrescas.es/ejemplos/librerias-coin-slider.zip" target="_blank">Descargar librerías de Coin Slider</a></p>
<h2>¿Cómo implementarlo dentro de la página web?</h2>
<p>Incluimos las librerías:</p>
<p><!--[if gte mso 9]><xml>
 <w:WordDocument>
  <w:View>Normal</w:View>
  <w:Zoom>0</w:Zoom>
  <w:TrackMoves />
  <w:TrackFormatting />
  <w:HyphenationZone>21</w:HyphenationZone>
  <w:PunctuationKerning />
  <w:ValidateAgainstSchemas />
  <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
  <w:IgnoreMixedContent>false</w:IgnoreMixedContent>
  <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
  <w:DoNotPromoteQF />
  <w:LidThemeOther>ES</w:LidThemeOther>
  <w:LidThemeAsian>X-NONE</w:LidThemeAsian>
  <w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript>
  <w:Compatibility>
   <w:BreakWrappedTables />
   <w:SnapToGridInCell />
   <w:WrapTextWithPunct />
   <w:UseAsianBreakRules />
   <w:DontGrowAutofit />
   <w:SplitPgBreakAndParaMark />
   <w:DontVertAlignCellWithSp />
   <w:DontBreakConstrainedForcedTables />
   <w:DontVertAlignInTxbx />
   <w:Word11KerningPairs />
   <w:CachedColBalance />
  </w:Compatibility>
  <m:mathPr>
   <m:mathFont m:val="Cambria Math" />
   <m:brkBin m:val="before" />
   <m:brkBinSub m:val=" " />
   <m:smallFrac m:val="off" />
   <m:dispDef />
   <m:lMargin m:val="0" />
   <m:rMargin m:val="0" />
   <m:defJc m:val="centerGroup" />
   <m:wrapIndent m:val="1440" />
   <m:intLim m:val="subSup" />
   <m:naryLim m:val="undOvr" />
  </m:mathPr></w:WordDocument>
</xml><![endif]--><!--[if gte mso 9]><xml>
 <w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"
  DefSemiHidden="true" DefQFormat="false" DefPriority="99"
  LatentStyleCount="267">
  <w:LsdException Locked="false" Priority="0" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="Normal" />
  <w:LsdException Locked="false" Priority="9" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="heading 1" />
  <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2" />
  <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3" />
  <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4" />
  <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5" />
  <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6" />
  <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7" />
  <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8" />
  <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9" />
  <w:LsdException Locked="false" Priority="39" Name="toc 1" />
  <w:LsdException Locked="false" Priority="39" Name="toc 2" />
  <w:LsdException Locked="false" Priority="39" Name="toc 3" />
  <w:LsdException Locked="false" Priority="39" Name="toc 4" />
  <w:LsdException Locked="false" Priority="39" Name="toc 5" />
  <w:LsdException Locked="false" Priority="39" Name="toc 6" />
  <w:LsdException Locked="false" Priority="39" Name="toc 7" />
  <w:LsdException Locked="false" Priority="39" Name="toc 8" />
  <w:LsdException Locked="false" Priority="39" Name="toc 9" />
  <w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption" />
  <w:LsdException Locked="false" Priority="10" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="Title" />
  <w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font" />
  <w:LsdException Locked="false" Priority="11" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="Subtitle" />
  <w:LsdException Locked="false" Priority="22" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="Strong" />
  <w:LsdException Locked="false" Priority="20" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="Emphasis" />
  <w:LsdException Locked="false" Priority="59" SemiHidden="false"
   UnhideWhenUsed="false" Name="Table Grid" />
  <w:LsdException Locked="false" UnhideWhenUsed="false" Name="Placeholder Text" />
  <w:LsdException Locked="false" Priority="1" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="No Spacing" />
  <w:LsdException Locked="false" Priority="60" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light Shading" />
  <w:LsdException Locked="false" Priority="61" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light List" />
  <w:LsdException Locked="false" Priority="62" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light Grid" />
  <w:LsdException Locked="false" Priority="63" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Shading 1" />
  <w:LsdException Locked="false" Priority="64" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Shading 2" />
  <w:LsdException Locked="false" Priority="65" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium List 1" />
  <w:LsdException Locked="false" Priority="66" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium List 2" />
  <w:LsdException Locked="false" Priority="67" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 1" />
  <w:LsdException Locked="false" Priority="68" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 2" />
  <w:LsdException Locked="false" Priority="69" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 3" />
  <w:LsdException Locked="false" Priority="70" SemiHidden="false"
   UnhideWhenUsed="false" Name="Dark List" />
  <w:LsdException Locked="false" Priority="71" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful Shading" />
  <w:LsdException Locked="false" Priority="72" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful List" />
  <w:LsdException Locked="false" Priority="73" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful Grid" />
  <w:LsdException Locked="false" Priority="60" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light Shading Accent 1" />
  <w:LsdException Locked="false" Priority="61" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light List Accent 1" />
  <w:LsdException Locked="false" Priority="62" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light Grid Accent 1" />
  <w:LsdException Locked="false" Priority="63" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Shading 1 Accent 1" />
  <w:LsdException Locked="false" Priority="64" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Shading 2 Accent 1" />
  <w:LsdException Locked="false" Priority="65" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium List 1 Accent 1" />
  <w:LsdException Locked="false" UnhideWhenUsed="false" Name="Revision" />
  <w:LsdException Locked="false" Priority="34" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="List Paragraph" />
  <w:LsdException Locked="false" Priority="29" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="Quote" />
  <w:LsdException Locked="false" Priority="30" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="Intense Quote" />
  <w:LsdException Locked="false" Priority="66" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium List 2 Accent 1" />
  <w:LsdException Locked="false" Priority="67" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 1 Accent 1" />
  <w:LsdException Locked="false" Priority="68" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 2 Accent 1" />
  <w:LsdException Locked="false" Priority="69" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 3 Accent 1" />
  <w:LsdException Locked="false" Priority="70" SemiHidden="false"
   UnhideWhenUsed="false" Name="Dark List Accent 1" />
  <w:LsdException Locked="false" Priority="71" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful Shading Accent 1" />
  <w:LsdException Locked="false" Priority="72" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful List Accent 1" />
  <w:LsdException Locked="false" Priority="73" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful Grid Accent 1" />
  <w:LsdException Locked="false" Priority="60" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light Shading Accent 2" />
  <w:LsdException Locked="false" Priority="61" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light List Accent 2" />
  <w:LsdException Locked="false" Priority="62" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light Grid Accent 2" />
  <w:LsdException Locked="false" Priority="63" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Shading 1 Accent 2" />
  <w:LsdException Locked="false" Priority="64" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Shading 2 Accent 2" />
  <w:LsdException Locked="false" Priority="65" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium List 1 Accent 2" />
  <w:LsdException Locked="false" Priority="66" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium List 2 Accent 2" />
  <w:LsdException Locked="false" Priority="67" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 1 Accent 2" />
  <w:LsdException Locked="false" Priority="68" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 2 Accent 2" />
  <w:LsdException Locked="false" Priority="69" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 3 Accent 2" />
  <w:LsdException Locked="false" Priority="70" SemiHidden="false"
   UnhideWhenUsed="false" Name="Dark List Accent 2" />
  <w:LsdException Locked="false" Priority="71" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful Shading Accent 2" />
  <w:LsdException Locked="false" Priority="72" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful List Accent 2" />
  <w:LsdException Locked="false" Priority="73" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful Grid Accent 2" />
  <w:LsdException Locked="false" Priority="60" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light Shading Accent 3" />
  <w:LsdException Locked="false" Priority="61" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light List Accent 3" />
  <w:LsdException Locked="false" Priority="62" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light Grid Accent 3" />
  <w:LsdException Locked="false" Priority="63" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Shading 1 Accent 3" />
  <w:LsdException Locked="false" Priority="64" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Shading 2 Accent 3" />
  <w:LsdException Locked="false" Priority="65" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium List 1 Accent 3" />
  <w:LsdException Locked="false" Priority="66" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium List 2 Accent 3" />
  <w:LsdException Locked="false" Priority="67" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 1 Accent 3" />
  <w:LsdException Locked="false" Priority="68" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 2 Accent 3" />
  <w:LsdException Locked="false" Priority="69" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 3 Accent 3" />
  <w:LsdException Locked="false" Priority="70" SemiHidden="false"
   UnhideWhenUsed="false" Name="Dark List Accent 3" />
  <w:LsdException Locked="false" Priority="71" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful Shading Accent 3" />
  <w:LsdException Locked="false" Priority="72" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful List Accent 3" />
  <w:LsdException Locked="false" Priority="73" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful Grid Accent 3" />
  <w:LsdException Locked="false" Priority="60" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light Shading Accent 4" />
  <w:LsdException Locked="false" Priority="61" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light List Accent 4" />
  <w:LsdException Locked="false" Priority="62" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light Grid Accent 4" />
  <w:LsdException Locked="false" Priority="63" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Shading 1 Accent 4" />
  <w:LsdException Locked="false" Priority="64" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Shading 2 Accent 4" />
  <w:LsdException Locked="false" Priority="65" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium List 1 Accent 4" />
  <w:LsdException Locked="false" Priority="66" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium List 2 Accent 4" />
  <w:LsdException Locked="false" Priority="67" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 1 Accent 4" />
  <w:LsdException Locked="false" Priority="68" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 2 Accent 4" />
  <w:LsdException Locked="false" Priority="69" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 3 Accent 4" />
  <w:LsdException Locked="false" Priority="70" SemiHidden="false"
   UnhideWhenUsed="false" Name="Dark List Accent 4" />
  <w:LsdException Locked="false" Priority="71" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful Shading Accent 4" />
  <w:LsdException Locked="false" Priority="72" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful List Accent 4" />
  <w:LsdException Locked="false" Priority="73" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful Grid Accent 4" />
  <w:LsdException Locked="false" Priority="60" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light Shading Accent 5" />
  <w:LsdException Locked="false" Priority="61" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light List Accent 5" />
  <w:LsdException Locked="false" Priority="62" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light Grid Accent 5" />
  <w:LsdException Locked="false" Priority="63" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Shading 1 Accent 5" />
  <w:LsdException Locked="false" Priority="64" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Shading 2 Accent 5" />
  <w:LsdException Locked="false" Priority="65" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium List 1 Accent 5" />
  <w:LsdException Locked="false" Priority="66" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium List 2 Accent 5" />
  <w:LsdException Locked="false" Priority="67" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 1 Accent 5" />
  <w:LsdException Locked="false" Priority="68" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 2 Accent 5" />
  <w:LsdException Locked="false" Priority="69" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 3 Accent 5" />
  <w:LsdException Locked="false" Priority="70" SemiHidden="false"
   UnhideWhenUsed="false" Name="Dark List Accent 5" />
  <w:LsdException Locked="false" Priority="71" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful Shading Accent 5" />
  <w:LsdException Locked="false" Priority="72" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful List Accent 5" />
  <w:LsdException Locked="false" Priority="73" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful Grid Accent 5" />
  <w:LsdException Locked="false" Priority="60" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light Shading Accent 6" />
  <w:LsdException Locked="false" Priority="61" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light List Accent 6" />
  <w:LsdException Locked="false" Priority="62" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light Grid Accent 6" />
  <w:LsdException Locked="false" Priority="63" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Shading 1 Accent 6" />
  <w:LsdException Locked="false" Priority="64" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Shading 2 Accent 6" />
  <w:LsdException Locked="false" Priority="65" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium List 1 Accent 6" />
  <w:LsdException Locked="false" Priority="66" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium List 2 Accent 6" />
  <w:LsdException Locked="false" Priority="67" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 1 Accent 6" />
  <w:LsdException Locked="false" Priority="68" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 2 Accent 6" />
  <w:LsdException Locked="false" Priority="69" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 3 Accent 6" />
  <w:LsdException Locked="false" Priority="70" SemiHidden="false"
   UnhideWhenUsed="false" Name="Dark List Accent 6" />
  <w:LsdException Locked="false" Priority="71" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful Shading Accent 6" />
  <w:LsdException Locked="false" Priority="72" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful List Accent 6" />
  <w:LsdException Locked="false" Priority="73" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful Grid Accent 6" />
  <w:LsdException Locked="false" Priority="19" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="Subtle Emphasis" />
  <w:LsdException Locked="false" Priority="21" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="Intense Emphasis" />
  <w:LsdException Locked="false" Priority="31" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="Subtle Reference" />
  <w:LsdException Locked="false" Priority="32" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="Intense Reference" />
  <w:LsdException Locked="false" Priority="33" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="Book Title" />
  <w:LsdException Locked="false" Priority="37" Name="Bibliography" />
  <w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading" />
 </w:LatentStyles>
</xml><![endif]--><!--[if gte mso 10]>
<mce:style><! 
 /* Style Definitions */
 table.MsoNormalTable
	{mso-style-name:"Tabla normal";
	mso-tstyle-rowband-size:0;
	mso-tstyle-colband-size:0;
	mso-style-noshow:yes;
	mso-style-priority:99;
	mso-style-qformat:yes;
	mso-style-parent:"";
	mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
	mso-para-margin-top:0cm;
	mso-para-margin-right:0cm;
	mso-para-margin-bottom:10.0pt;
	mso-para-margin-left:0cm;
	line-height:115%;
	mso-pagination:widow-orphan;
	font-size:11.0pt;
	font-family:"Calibri","sans-serif";
	mso-ascii-font-family:Calibri;
	mso-ascii-theme-font:minor-latin;
	mso-fareast-font-family:"Times New Roman";
	mso-fareast-theme-font:minor-fareast;
	mso-hansi-font-family:Calibri;
	mso-hansi-theme-font:minor-latin;
	mso-bidi-font-family:"Times New Roman";
	mso-bidi-theme-font:minor-bidi;}
-->
<!--[endif] -->
</p>
<p>
<div class="codigo"><pre class="brush: xhtml"><script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="coin-slider.min.js"></script>
<link rel="stylesheet" href="coin-slider-styles.css" /> </pre></div>
</p>
<p>Añadimos la capa que contiene el <strong>carrusel de imágenes</strong>, creando un div con el id. E incluimos las imágenes con sus descripciones de la siguiente forma:</p>
<p>
<div class="codigo"><pre class="brush: xhtml"><div id=&prime;coin-slider&prime;>
	<a href="img01_url">
		<img src="img01.jpg" >
		<span>
			Description for img01
		</span>
	</a>
	......
	......
	<a href="imgN_url">
		<img src="imgN.jpg" >
		<span>
			Description for imgN
		</span>
	</a>
</div>
</pre></div>
</p>
<p>Para terminar, y que funcione el carrusel, añadimos la llamada al <strong>Carrusel Coin Slider</strong>:</p>
<p>
<div class="codigo"><pre class="brush: xhtml"><script type="text/javascript"><!--
	$(document).ready(function() {
		$(&prime;#coin-slider&prime;).coinslider();
	});
// --></script
</pre></div>
</p>
<h2>Opciones disponibles del Carrusel de imágenes</h2>
<p>El <strong>carrusel de imágenes Coin Slider</strong> tiene muchas opciones para de configuración.</p>
<p><strong>width: 565,</strong> // ancho del contenedor del carrusel
<strong>height: 290,</strong> // alto del contenedor del carrusel
<strong>spw: 5,</strong> // ancho de los cuadrados de los efectos, a un número menor el cuadrado es mayor
<strong>sph: 3,</strong> // alto de los cuadrados pequeños, a un número menor el cuadrado es mayor
<strong>delay: 3000,</strong> // tardanza en millisegundos entre imágenes
<strong>sDelay: 30,</strong> // retardo en milisegundos entre cuadrados
<strong>opacity: 0.7,</strong> // opacidad del título y la navegación
<strong>titleSpeed: 500,</strong> // rapidez de aparición del título en milisegundos
<strong>effect: &prime;&prime;,</strong> // efecto al azar, valores: random, swirl, rain, straight
<strong>navigation: true,</strong> // mostrar/ocultar botones anterior y siguiente
<strong>links : true,</strong> // mostrar las imágenes como enlaces
<strong>hoverPause: true</strong> // hacer una pausa al estar el ratón encima</p>
<p>
<div class="codigo"><pre class="brush: xhtml"><script type="text/javascript"><!--
	$(document).ready(function() {
		$(&prime;#coin-slider&prime;).coinslider({ width: 900, navigation: false, delay: 5000 });
	});
// --></script>
</pre></div>
</p>
<p class="verde">NOTA</p>
<p><span style="text-decoration: underline;">Tener cuidado con las propiedades spw y sph, porque una cifra muy alta puede causar problemas en las transiciones, ya que los cuadrados son más pequeños y tardará más.
Si no se establece efecto, todos los efectos se ejecutarán al azar.</span></p>
<p>[ <a title="demo carrusel de imágenes coin slider" rel="nofollow" href="http://www.ideasfrescas.es/ejemplos/carrusel-coin-slider" target="_blank">DEMO Carrusel de imágenes Coin Slider</a> ]</p>
<p>[ <a title="página web coin slider" rel="nofollow" href="http://workshop.rs/projects/coin-slider " target="_blank">Página web Coin Slider</a> ]</p>]]></description>
</item>

<item>
<title><![CDATA[Google Chrome OS, ¿Cómo funciona?]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2009/diciembre/google-os-chrome.php</link>
<pubDate>Wed, 09 Dec 2009 10:12:51 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p><img class="img_derecha" title="Google OS Chrome" src="http://www.ideasfrescas.es/includes/img/google-os-chrome-20091209115553.jpg" alt="Google OS Chrome" width="300" height="194" />&iquest;C&oacute;mo es <strong>Google OS Chrome</strong>?, por lo que hasta ahora hemos ido viendo supone una revoluci&oacute;n dentro de los SO para el gran p&uacute;blico.</p>
<p><strong>Google OS Chrome</strong> destaca principalmente en un par de conceptos como la velocidad de encendido, que apenas unos segundos nos permitir&aacute; estar navegando por internet a trav&eacute;s de su propio navegador, el <strong>Google Chrome</strong>, del que toma la interfaz gr&aacute;fica y la navegaci&oacute;n por pesta&ntilde;as, que en el caso del sistema operativo, har&aacute; la funci&oacute;n de barra de inicio.</p>
<p><strong>Google OS Chrome</strong> implementa un sistema operativo con un concepto totalmente novedoso hasta la fecha. Utilizando m&uacute;ltiples recursos de la red o Internet, sin necesidad de estar instalados en la propia m&aacute;quina, de esta forma <strong>Google Chrome OS</strong> necesitar&aacute;n muchas menos prestaciones de hardware.</p>
<p>Aplicaciones ofim&aacute;ticas (Google Docs), gestores de correo (Gmail), agendas (Google Calendar) o incluso los juegos podremos ejectuarlos y utilizarlos directamente desde internet, por lo que no necesitaremos instalar nada en nuestro equipo.</p>
<p>Google ha puesto a disposici&oacute;n de todos los usuarios el c&oacute;digo fuente de su nuevo sistema operativo <strong>Google OS Chrome</strong>. Surgiendo numerosas modificaciones y versiones, tan &uacute;tiles e interesantes como un un netbook portable en USB con el <strong>OS Chrome de Google</strong>.</p>
<p><img title="Google logo" src="http://www.ideasfrescas.es/includes/img/google-20091229113547.jpg" alt="Google logo" width="220" height="94" /></p>]]></description>
</item>

<item>
<title><![CDATA[Google y Bing pagarán a Twitter por sus contenidos]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2009/diciembre/google-bing-pagaran-a-twitter-por-contenidos.php</link>
<pubDate>Tue, 29 Dec 2009 11:12:55 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p><strong>Google y Bing</strong> tendr&aacute;n que abonar a <strong>Twitter</strong>, 25 millones de d&oacute;lares (17,5 millones de euros) por <strong>mostrar en tiempo real los contenidos de la red social</strong>, seg&uacute;n los t&eacute;rminos del acuerdo firmado el pasado octubre.</p>
<p>El acuerdo, que contempla el pago de 10,5 millones de euros por parte de Google y siete millones de euros por parte de Bing.Twitter prev&eacute; para 2009 unos beneficios de cinco milllones de euros.</p>
<p>Aunque el cofundador de la red social, Biz Stone, ha rechazado comentar este acuerdo, ya escribi&oacute; en su d&iacute;a un comunicado en el que se mostraba "orgulloso" de los logros conseguidos en 2009.  Objetivo: rentabilizar el negocio.</p>
<p>La andadura de Twitter para rentabilizar su negocio comenz&oacute; con la apuesta por captar suscriptores, lo que suscit&oacute; las dudas de varios analistas financieros. Tambi&eacute;n redujo gastos mediante la renegociaci&oacute;n de los contratos con empresas de telecomunicaciones que distribu&iacute;an millones de mensajes de texto entre sus usuarios.</p>
<p>Esta reducci&oacute;n en los gastos ha supuesto una "descarga" en la situaci&oacute;n econ&oacute;mica de la compa&ntilde;&iacute;a que le ha aportado "tranquilidad" para acometer nuevas iniciativas, asegura una fuente de la compa&ntilde;&iacute;a. "Estos costes han desaparecido en favor de los usuarios", se&ntilde;ala la citada fuente.</p>
<p><img title="Google logo" src="http://ww2.ideasfrescas.es/includes/img/google-20091229113547.jpg" alt="Google logo" width="220" height="94" /></p>]]></description>
</item>

<item>
<title><![CDATA[Google URL Shortener acorta las URLs]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2010/enero/google-url-shortener.php</link>
<pubDate>Mon, 11 Jan 2010 16:01:38 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p><img style="float: right;" title="Google logo" src="http://ww3.ideasfrescas.es/includes/img/google-20091229113547.jpg" alt="Google logo" width="220" height="94" /></p>
<p>Recientemente ofrece un nuevo servicio de acortamiento de URL de Google, llamado <strong>Google URL Shortener</strong>.</p>
<p>Herramienta incluida en la barra Google como en FeedBurner.  <strong>Google URL Shortener</strong> se desarrolla por el gran numero de enlaces compartidos en l&iacute;nea. Esto es especialmente cierto al aumentar la popularidad de los servicios de microblogging como Twitter.</p>
<p>Las personas que usan la barra Google y FeedBurner se beneficiar&aacute;n ya que es de f&aacute;cil acceso, y por lo tanto es m&aacute;s r&aacute;pido y m&aacute;s f&aacute;cil el hecho de compartir, publicar y enviar enlaces por correo electr&oacute;nico.</p>
<p><strong>Google URL Shortener </strong>se ha integrado en la infraestructura global de Google para poder ofrecer:</p>
<p><span class="verde">Estabilidad</span>: la infraestructura de Google, escalable y con m&uacute;ltiples centros de datos, proporciona una gran disponibilidad y un servicio fiable a los usuarios de Google.</p>
<p><span class="verde">Seguridad</span>: igual que hace Google con la b&uacute;squeda web, las URL abreviadas se comprueban autom&aacute;ticamente para detectar que los sitios no sean malintencionados y, de ser as&iacute;, advertir a los usuarios.</p>
<p><span class="verde">Velocidad</span>: Google prefiere los productos r&aacute;pidos, y seguir&aacute;n mejorando la velocidad de Google URL Shortener.</p>
<p><strong>Google URL Shortener</strong> no es un servicio independiente, no se puede utilizar para acortar enlaces directamente. Actualmente, <strong>Google URL Shortener</strong> s&oacute;lo est&aacute; disponible en la barra Google y FeedBurner. Si el servicio resulta &uacute;til, podr&iacute;a estar disponible para un p&uacute;blico m&aacute;s amplio en el futuro.</p>]]></description>
</item>

<item>
<title><![CDATA[Mozilla Firefox Multiproceso]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2010/enero/mozilla-firefox-multiproceso.php</link>
<pubDate>Fri, 15 Jan 2010 10:01:10 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p><strong><img class="img_izquierda" title="Logotipo Firefox" src="http://ww4.ideasfrescas.es/includes/img/firefox-20091230162745.jpg" alt="Logotipo Firefox" width="24" height="24" />Firefox cerca del sistema multiproceso.</strong> Con el fin de aumentar la estabilidad del navegador, <strong>Firefox</strong> prepara el lanzamiento del <strong>sistema multiproceso</strong>. Consiguiendo que hasta las mismas pesta&ntilde;as sean separadas en procesos independientes.</p>
<p>La principal ventaja del <strong>multiproceso</strong> es que la carga del proceso principal del navegador ser&aacute; menor, a&ntilde;adiendo a su vez de mayor estabilidad en el sistema en caso de que un plugin se cuelgue, ya que no afectar&iacute;a a los dem&aacute;s procesos y no obligar&iacute;a a <strong>Firefox</strong> a cerrarse.</p>
<p><strong>Firefox</strong> planean lanzar la funcionalidad multiproceso para plugins en forma de actualizaci&oacute;n para este mismo trimestre.</p>
<p>&nbsp;</p>]]></description>
</item>

<item>
<title><![CDATA[EL móvil de Google, Nexus One]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2010/enero/movil-google-nexus-one.php</link>
<pubDate>Fri, 15 Jan 2010 11:01:23 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p><img class="img_derecha" title="Movil de Google Nexus One" src="http://www.ideasfrescas.es/includes/img/nexus-one-20100115112345.jpg" alt="Movil de Google Nexus One" width="300" height="542" />El nuevo <strong>m&oacute;vil de Google</strong>, el <strong>Nexus One</strong> es r&aacute;pido, ligero y multitarea pero no entiende nuestro idioma. A&uacute;n no se sabe a&uacute;n cu&aacute;ndo lograr&aacute; entender las &oacute;rdenes que el usuario le d&eacute;, un gran avance, en una lengua que no sea el ingl&eacute;s.</p>
<p>Ayer, en su presentaci&oacute;n en Espa&ntilde;a deslumbr&oacute; por su capacidad. El m&oacute;vil de Google permite dictar correos electr&oacute;nicos, notas dictadas, b&uacute;squedas online con solo decir la palabra. Google no ha fijado una fecha para su comercializaci&oacute;n en Espa&ntilde;a.</p>
<h2><strong>Caracter&iacute;sticas de Nexus One</strong></h2>
<p>Se maneja con 4 botones y su pantalla t&aacute;ctil que posee un escritorio amplio, con 5 pantallas personalizables. Te permite conocer las &uacute;ltimas noticias y la previsi&oacute;n meteorol&oacute;gica.</p>
<p><strong>Caracter&iacute;sticas t&eacute;cnicas</strong>:</p>
<p>- Procesador Qualcomm Snapdragon de 1 Ghz.</p>
<p>- 512 MB de memoria ROM y 512MB de RAM</p>
<p>- Conexi&oacute;n wi-fi, bluetooth y GPS</p>
<p>- Pesa 130 gramos</p>
<p>- C&aacute;mara de fotos y video con una definici&oacute;n de 640x480</p>
<p>Este hardware permite al <strong>m&oacute;vil de Google</strong> abrir m&uacute;ltiples programas, como el navegador, un reproductor de mp3 y el correo al mismo tiempo sin perder rendimiento.</p>
<p>En su contra se puede decir que el software, viene con menos aplicaciones que el iPhone en su versi&oacute;n de lanzamiento.</p>
<p>El m&oacute;vil de Google,l Nexus One, s&oacute;lo se vende actualmente en el Reino Unido, Singapur, Hong Kong y Estados Unidos. A Europa llegar&aacute; libre y con Vodafone, pero no lo har&aacute; en exclusiva, a Google no le gusta lo exclusivo :P</p>]]></description>
</item>

<item>
<title><![CDATA[Aumenta la Oferta Inmobiliaria en Internet]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2010/enero/inmobiliarias-internet.php</link>
<pubDate>Mon, 18 Jan 2010 16:01:12 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p>La mayor&iacute;a de los portales inmobiliarios registran subidas en las consultas de sus p&aacute;ginas web, para informarse de viviendas en venta o alquiler, especialmente estas &uacute;ltimas.</p>
<p>La oferta inmobiliaria anunciada en portales de internet ha crecido en torno al 45%, seg&uacute;n datos de estos portales inmobiliarios. Las razones de este incremento en la oferta, es el par&oacute;n de ventas que supone un aumento en el tiempo en que las propiedades se encuentran en venta y la incorporaci&oacute;n de activos inmobiliarios de entidades financieras a la web.</p>
<p>Se calcula que en Espa&ntilde;a, cada mes, hay m&aacute;s de 6 millones de personas consultando informaci&oacute;n de propiedades inmobiliarias en internet.&nbsp;</p>
<p>El tr&aacute;fico de los portales se ve aumentado tambi&eacute;n por diversas acciones de comunicaci&oacute;n en redes sociales, como Facebook o Twitter.</p>]]></description>
</item>

<item>
<title><![CDATA[ICQ 7]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2010/enero/icq7.php</link>
<pubDate>Wed, 20 Jan 2010 09:01:57 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p><img class="img_derecha" title="ICQ 7" src="http://ww3.ideasfrescas.es/includes/img/icq7-20100120102255.jpg" alt="ICQ 7" width="212" height="189" />El servicio de mensajer&iacute;a instant&aacute;nea <strong>ICQ</strong> se renueva con la versi&oacute;n <strong>ICQ7</strong>, integr&aacute;ndose a las redes sociales como Facebook, Twitter, YouTube, Flickr, Canales Feeds, etc. <strong>ICQ7</strong> incorpora adem&aacute;s ola posibilidad de intercambiar fotograf&iacute;as y otros contenidos, aparte de una serie de servicios y programas adicionales.</p>
<p>Si llevas en esto de internet unos cuantos a&ntilde;os, recordar&aacute;s <strong>ICQ</strong> como unos de los pioneros de la mensajer&iacute;a instant&aacute;nea. Relegado a ser un secundario durante los &uacute;ltimos a&ntilde;os parece que <strong>ICQ</strong> regresa reforzado de arriba a abajo, como punto m&aacute;s fuerte la integraci&oacute;n en redes sociales, comunidades y su capacidad de distribuci&oacute;n como consulta de contenidos. <strong></strong></p>
<p><strong>ICQ7</strong> tambi&eacute;n destaca por su capacidad de personalizaci&oacute;n, permiti&eacute;ndonos elegir colores, sonidos, skins, pesta&ntilde;as de estado y como no la foto de nuestro perfil.</p>
<p>Veremos si la nueva propuesta de <strong>ICQ</strong> denominada <strong>ICQ7</strong>, consigue hacerse con un cacho del pastel dentro de la mensajer&iacute;a instant&aacute;nea, y mucho m&aacute;s interesante ver como resulta la apuesta de una central completa de diversos servicios sociales.</p>
<p>[ <a rel="nofollow" href="http://ftp.icq.com/pub/ICQ7/install_icq7.exe" target="_blank"><strong>Descargar ICQ7</strong></a> ]</p>]]></description>
</item>

<item>
<title><![CDATA[El 44% de los Internautas sólo lee las Noticias en Google]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2010/enero/44-por-ciento-de-internautas-lee-las-noticias-en-google.php</link>
<pubDate>Fri, 22 Jan 2010 14:01:12 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p><img class="img_derecha" title="Google Noticias" src="http://ww4.ideasfrescas.es/includes/img/google-noticias-espana-20100122143904.jpg" alt="Google Noticias" width="250" height="70" />El 44% de los lectores diarios online de noticias, s&oacute;lo lo hacen a trav&eacute;s de <strong>Google News</strong>, no entran en las p&aacute;ginas web de otros medios de comunicaci&oacute;n.</p>
<p>&Eacute;sta es una de las conclusiones del estudio sobre h&aacute;bitos de lectura en internet de la consultora Outsell. El 57% de los lectores de noticias de actualidad acceden a las fuentes digitales, aumentando esta cifra en un 14% en los &uacute;ltimos a&ntilde;os.</p>
<p>Una tendencia que se presupone aumento progresivo durante los pr&oacute;ximos a&ntilde;os de los lectores de actualidad en las diferentes p&aacute;ginas web de medio de comunicaci&oacute;n y difusi&oacute;n de noticias.</p>
<p>Los usuarios digitales, son 3 veces m&aacute;s propensos a recurrir a un agregador de noticias o feeds del medio digital, que al portal de peri&oacute;dico u otros sitios.</p>
<p>En resumidas cuentas, la informaci&oacute;n de actualidad cada d&iacute;a se consume m&aacute;s en medios digitales que facilitan su distribuci&oacute;n como su clasificaci&oacute;n. Permitiendo al usuario configurar a la carta la informaci&oacute;n que desea.</p>]]></description>
</item>

<item>
<title><![CDATA[Extensiones para el Navegador Google Chrome]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2010/enero/extensiones-chrome.php</link>
<pubDate>Mon, 25 Jan 2010 19:01:25 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p><img class="img_derecha" title="Extensions para Chrome" src="http://www.ideasfrescas.es/includes/img/extensiones-chrome-20100125193901.jpg" alt="Extensions para Chrome" width="400" height="255" />Hoy, la nueva versi&oacute;n de <strong>Google Chrome</strong> para Windows incluye un conjunto de funcionalidades para el navegador, incluyendo extensiones HTML y JavaScript API. Con la tecnolog&iacute;a multiproceso que consigue que Chrome sea el navegador m&aacute;s r&aacute;pido y seguro.</p>
<p>Extensions est&aacute; disponible para todos los usuarios, permitiendo ofrecer funcionalidades adicionales no s&oacute;lo en sus p&aacute;ginas web, sino para traer el contenido y la funcionalidad de sus p&aacute;ginas web al navegador. Y eso sin que el usuario haya tenido que acceder a su sitio web, sino que ya est&aacute;n incluidas en su navegador.</p>
<p>Un gran paso para Chrome y una gran oportunidad para los webmaster de muchas p&aacute;ginas web, que sabr&aacute;n ver un aliado en las Extensiones para Google Chrome.</p>]]></description>
</item>

<item>
<title><![CDATA[Pagina Web de la Fundación Vicente Ferrer]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2010/febrero/pagina-web-fundacion-vicente-ferrer.php</link>
<pubDate>Thu, 11 Feb 2010 18:02:31 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p>Las acciones para lograr que la <strong>Fundaci&oacute;n Vicente Ferrer</strong> (FVF) logre el Premio Nobel de la Paz arrancaron ayer con la presentaci&oacute;n de una <strong>p&aacute;gina web</strong> que muestra el modelo de desarrollo humano, social y econ&oacute;mico que desde hace 40 a&ntilde;os promueve esta fundaci&oacute;n en la India. El director general de la Fundaci&oacute;n Vicente Ferrer , Jordi Folgado, y el impulsor de la plataforma de apoyo a esta candidatura, Rafael Vilasanjuan, se&ntilde;alaron ayer que la web www.nobeldelapaz.org ser&aacute; el gran veh&iacute;culo para dar a conocer el trabajo que se ha hecho contra la pobreza extrema y que ha devuelto la dignidad a los pobres a los que ha ayudado.</p>
<p>Destacaron que esta labor, que promueve valores como la dignidad, la libertad y la capacidad de decidir construyendo un camino de paz, se conoce en Espa&ntilde;a y en la India, y que ahora trabajar&aacute;n para proyectarla en el exterior, especialmente en &aacute;mbitos de paz, en organismos internacionales y en la sociedad noruega.</p>
<p>Insistieron en que el modelo de desarrollo de la Fundaci&oacute;n demuestra que reducir la pobreza extrema es posible a trav&eacute;s de la educaci&oacute;n, la salud, la ecolog&iacute;a, los derechos sociales y la integraci&oacute;n de la mujer y de las personas con discapacidad, y que luchar contra la pobreza sirve para fomentar la paz. La web, que forma parte de la campa&ntilde;a &laquo;La vuelta al mundo por la Paz&raquo;, contiene una paloma virtual que recorrer&aacute; 50.000 kil&oacute;metros alrededor del mundo, desde Anantapur (India), en donde empez&oacute; el trabajo de Vicente Ferrer, hasta Noruega, donde se fallar&aacute; el Nobel de la Paz el pr&oacute;ximo mes de octubre.</p>
<p>La paloma se desplaza sobre un mapa de Google y recorre dos kil&oacute;metros por cada firma de apoyo que se registra, (ya se han logrado m&aacute;s de 68.000). La plataforma de apoyo ha lanzado tambi&eacute;n una campa&ntilde;a de recogida de microdonativos de dos euros a trav&eacute;s de esta p&aacute;gina para financiar la campa&ntilde;a de apoyo.</p>]]></description>
</item>

<item>
<title><![CDATA[Páginas web que alerta de los peligros de las redes sociales]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2010/febrero/paginas-web-peligros-redes-sociales.php</link>
<pubDate>Fri, 19 Feb 2010 11:02:56 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p><strong>PleaseRobMe.com</strong> ("Por favor r&oacute;bame"), bas&aacute;ndose en lo que la gente publica en <strong>p&aacute;ginas web</strong> y <strong>redes sociales</strong>, asegura que se puede averiguar f&aacute;cilmente&nbsp; los lugares donde hay casas vac&iacute;as, algo que los ladrones tambi&eacute;n saben y cada vez utilizan con mayor frecuencia.  Los holandeses creadores de esta <strong>p&aacute;gina web</strong> han se&ntilde;alado a la BBC que lo dise&ntilde;aron para demostrar los peligros de compartir en la red &lsquo;informaci&oacute;n precisa sobre d&oacute;nde se encuentran los usuarios&rsquo;. La <strong>p&aacute;gina web</strong> obtiene informaci&oacute;n sobre los usuarios de internet que participan en Foursquare, un juego basado en el lugar donde se encuentra una persona en el mundo real, y&nbsp; han elegido dar a conocer su ubicaci&oacute;n autom&aacute;ticamente en Twitter.</p>
<p>Los creadores de la <strong>p&aacute;gina web</strong> comentan:</p>
<p>"Todo comenz&oacute; cuando un amigo y yo empezamos a ver lo que nos llegaba por Twitter y nos dimos cuenta que cada vez hab&iacute;a m&aacute;s mensajes de Foursquare</p>
<p>"La gente se conectaba en sus casa, en la casa de su pareja o de sus amigos y compart&iacute;an la direcci&oacute;n. Creo que no se enteraban de la cantidad de informaci&oacute;n que estaban dando a conocer".</p>
<p>"La p&aacute;gina web no es un instrumento para cometer robos en casas, lo que queremos destacar es que hasta no hace mucho era cuestionable compartir nuestro nombre completo en internet. Desde hace ya mucho rato que pasamos ese punto".</p>]]></description>
</item>

<item>
<title><![CDATA[El Móvil Pink de Microsoft]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2010/abril/movil-pink-de-microsoft.php</link>
<pubDate>Wed, 07 Apr 2010 10:04:06 +0200</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p><strong><img class="img_derecha" title="Telefono M&oacute;vil Pink de Microsoft" src="http://ww4.ideasfrescas.es/includes/img/telefono-pink-microsoft-20100407100522.jpg" alt="Telefono M&oacute;vil Pink de Microsoft" width="300" height="278" />Microsoft</strong> la compa&ntilde;&iacute;a de Bill Gates ha hecho una invitaci&oacute;n para presentar sus terminales <strong>M&oacute;viles Pink</strong> a mediados de Abril. En el evento que se espera para el d&iacute;a 12, tambi&eacute;n se presentar&aacute;n otros productos como el <strong>Windows Phone 7</strong>.
Con el Slogan It&rsquo;s time to share, Es hora de compartir se espera que presenten sus productos m&aacute;s novedosos, as&iacute; como la integraci&oacute;n con redes sociales. </p>
<p>El <strong>Pink Phones de Microsoft</strong>, est&aacute; orientado a Redes Sociales. Tambi&eacute;n est&aacute; confirmada la asistencia de la compa&ntilde;&iacute;a Verizon, operadora que se encarga de distribuir en Estados Unidos HTC con Android y que tambi&eacute;n ha distribuido productos de <strong>Microsoft</strong>.</p>
<p>Los nuevos terminales <strong>M&oacute;viles de Microsoft</strong> pretenden mostrar su participaci&oacute;n en el Dise&ntilde;o de los mismos, ya que como norma sol&iacute;a aportar el Sistema operativo, y ahora presenta los Pink Phones o incluso el Windows Phone 7.</p>
<p><img title="Tel&eacute;fono M&oacute;vil Windows 7 Serie" src="http://ww4.ideasfrescas.es/includes/img/windows-phone-7-series-20100407100602.jpg" alt="Tel&eacute;fono M&oacute;vil Windows 7 Serie" width="300" height="296" /></p>
<p>&nbsp;</p>]]></description>
</item>

<item>
<title><![CDATA[Google compra la plataforma de vídeo online Episodic]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2010/abril/google-compra-plataforma-de-video-episodic.php</link>
<pubDate>Thu, 08 Apr 2010 09:04:52 +0200</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p><strong>Episodic</strong> declara, que independientemente de su fusi&oacute;n con <strong>Google</strong>, continuar&aacute; ofreciendo v&iacute;deo para equipos de sobremesa y port&aacute;tiles, tel&eacute;fonos m&oacute;viles y dispositivos de IPTV. </p>
<p><strong>Episodic</strong> asegura que no habr&aacute; interrupci&oacute;n en el servicio para sus actuales clientes, aunque por ahora se ha suspendido la apertura de nuevas cuentas de usuario. Episodic confiesa compartir visiones con <strong>Google</strong>, por lo que ambas empresas seguir&aacute;n abocadas a la producci&oacute;n de tecnolog&iacute;as de v&iacute;deo innovadoras para sus clientes y espectadores.</p>
<p>La <strong>plataforma de video online de Episodic</strong>, permite a las empresas y creadores de contenidos obtener ingresos por sus v&iacute;deos mediante la publicidad y ventas en l&iacute;nea.</p>
<p>Una de las posibles aplicaciones de las tecnolog&iacute;as de <strong>Episodic</strong> ser&iacute;a en YouTube.</p>
<p>No se revelaron los detalles econ&oacute;micos de la fusi&oacute;n entre <strong>Google y Episodic</strong>.</p>
<p><img title="Google logo" src="http://www.ideasfrescas.es/includes/img/google-20091229113547.jpg" alt="Google logo" width="220" height="94" /></p>
<p>&nbsp;</p>]]></description>
</item>

<item>
<title><![CDATA[Indexar las Imágenes de tus Páginas Web desde el Sitemap]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2010/abril/indexar-imagenes-sitemap-paginas-web.php</link>
<pubDate>Wed, 28 Apr 2010 18:04:17 +0200</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p>Los <strong>sitemaps</strong> es una de las herramietas que facilita Google, a los webmaster para poder indicar que <strong>p&aacute;ginas web</strong> quieren que se indexen o destacar del resto de <strong>p&aacute;ginas web</strong>.</p>
<p>Los <strong>sitemaps</strong> son un recurso inestimable para los motores de b&uacute;squeda, ya que pueden destacar el contenido importante de un sitio web y permitir que los rastreadores lo encuentren r&aacute;pidamente. Ahora tambi&eacute;n se puede indicar que im&aacute;genes de una <strong>p&aacute;gina web</strong> quieres que se indexen, ya que las im&aacute;genes son un elemento importante de muchos sitios web, por lo que los motores de b&uacute;squeda tambi&eacute;n se podr&iacute;an beneficiar de la identificaci&oacute;n de las im&aacute;genes que el usuario considera importantes. </p>
<p>Esto es especialmente &uacute;til en el caso de im&aacute;genes a las que s&oacute;lo se puede acceder a trav&eacute;s de formularios JavaScript, o de las <strong>p&aacute;ginas web</strong> que contienen un gran n&uacute;mero de im&aacute;genes, de las que s&oacute;lo algunas son importantes para el contenido de la p&aacute;gina.</p>
<p>Para indicar que im&aacute;genes queremos indexar, debemos utilizar una extensi&oacute;n de <strong>sitemaps</strong> para proporcionar esta informaci&oacute;n a Google con exactitud. Para cada una de las URL indicadas en el <strong>sitemap</strong>, se puede a&ntilde;adir informaci&oacute;n adicional sobre las im&aacute;genes importantes incluidas en esa <strong>p&aacute;gina web</strong>. </p>
<p>No es necesario crear un nuevo <strong>sitemap</strong>, ya que simplemente se puede a&ntilde;adir informaci&oacute;n sobre las im&aacute;genes al <strong>sitemap</strong> que ya se est&eacute; utilizando para tu sitio web.</p>
<div class="codigo"><pre class="brush: xhtml">&lt;?xml version="1.0" encoding="UTF-8"?&gt;
 &lt;urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
  xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"&gt;
 &lt;url&gt;
   &lt;loc&gt;http://example.com/sample.html&lt;/loc&gt;
   &lt;image:image&gt;
     &lt;image:loc&gt;http://example.com/image.jpg&lt;/image:loc&gt;
   &lt;/image:image&gt;
   &lt;image:image&gt;
     &lt;image:loc&gt;http://example.com/photo.jpg&lt;/image:loc&gt;
   &lt;/image:image&gt;
 &lt;/url&gt; 
&lt;/urlset&gt; </pre></div>
<p>
<br />
<table border="1" cellspacing="0" cellpadding="3" bordercolor="#000000">
<tbody>
<tr>
<td><code>&lt;image:image&gt;</code></td>
<td>Yes</td>
<td>Encloses all information about a single image. Each URL (&lt;loc&gt;
 tag) can include up to 1,000 &lt;image:image&gt; tags.</td>
</tr>
<tr>
<td><code>&lt;image:loc&gt;</code></td>
<td>Yes</td>
<td>The URL of the image.</td>
</tr>
<tr>
<td><code>&lt;image:caption&gt;</code>
</td>
<td>Optional</td>
<td>The caption of the image.</td>
</tr>
<tr>
<td><code>&lt;image:geo_location&gt;</code></td>
<td>Optional</td>
<td>The geographic location of the image. For example, <code>&lt;image:geo_location&gt;Limerick,
 Ireland&lt;/image:geo_location&gt;</code>.</td>
</tr>
<tr>
<td><code>&lt;image:title&gt;</code></td>
<td>Optional</td>
<td>The title of the image.</td>
</tr>
<tr>
<td><code>&lt;image:license&gt;</code></td>
<td>Optional</td>
<td>A URL to the license of the image.</td>
</tr>
</tbody>
</table>
</p>]]></description>
</item>

<item>
<title><![CDATA[Decálogo de la navegación segura en las páginas web de Internet]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2010/mayo/decalogo-navegacion-segura-paginas-web-internet.php</link>
<pubDate>Tue, 25 May 2010 16:05:32 +0200</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p>ESET,&nbsp; especialista en seguridad inform&aacute;tica, pone a disposici&oacute;n de los usuarios su dec&aacute;logo de seguridad, para celebrar el D&iacute;a Mundial de Internet haciendo un uso responsable de la red y sus <strong>p&aacute;ginas web</strong>.</p>
<p><strong>Evitar los enlaces sospechosos</strong><br />Uno de los medios m&aacute;s utilizados para direccionar a las v&iacute;ctimas a sitios maliciosos son los hiperv&iacute;nculos o enlaces. Evitar hacer clic en &eacute;stos previene el acceso a <strong>p&aacute;ginas web</strong> que posean amenazas capaces de infectar al usuario.</p>
<p><strong>No acceder a sitios web de dudosa reputaci&oacute;n</strong><br />A trav&eacute;s de t&eacute;cnicas de Ingenier&iacute;a Social, muchos p&aacute;ginas web suelen promocionarse con datos que pueden llamar la atenci&oacute;n del usuario -como descuentos, primicias o materiales exclusivos de noticias de actualidad, etc.-. Es recomendable que el usuario est&eacute; atento a estos mensajes y evite acceder a p&aacute;ginas o sitios web con estas caracter&iacute;sticas.</p>
<p><strong>Actualizar el sistema operativo y aplicaciones</strong><br />El usuario debe mantener actualizados con los &uacute;ltimos parches de seguridad no s&oacute;lo el sistema operativo, sino tambi&eacute;n el software instalado.</p>
<p><strong>Descargar aplicaciones desde p&aacute;ginas web oficiales</strong><br />Muchos sitios simulan ofrecer programas populares que son alterados, modificados o suplantados por versiones que contienen alg&uacute;n tipo de malware y descargan el c&oacute;digo malicioso cuando el usuario lo instala en el sistema.</p>
<p><strong>Utilizar tecnolog&iacute;as de seguridad</strong><br />Las soluciones antivirus, firewall y antispam representan las aplicaciones m&aacute;s importantes para la protecci&oacute;n del equipo ante las principales amenazas que se propagan por Internet.</p>
<p><strong>Evitar el ingreso de informaci&oacute;n personal en formularios dudosos</strong><br />Cuando el usuario se enfrente a un formulario web que contenga campos con informaci&oacute;n sensible (por ejemplo, usuario y contrase&ntilde;a), es recomendable verificar la legitimidad de la <strong>p&aacute;gina web</strong>.</p>
<p><strong>Tener precauci&oacute;n con los resultados arrojados por buscadores web</strong><br />A trav&eacute;s de t&eacute;cnicas de Black Hat SEO, los atacantes suelen posicionar sus p&aacute;ginas web entre los primeros lugares en los resultados de los buscadores, especialmente en los casos de b&uacute;squedas de palabras clave muy utilizadas por el p&uacute;blico, como temas de actualidad, noticias extravagantes o tem&aacute;ticas populares.</p>
<p><strong>Aceptar s&oacute;lo contactos conocidos</strong><br />Tanto en los clientes de mensajer&iacute;a instant&aacute;nea como en redes sociales, es recomendable aceptar e interactuar s&oacute;lo con contactos conocidos. De esta manera se evita acceder a los perfiles creados por los atacantes para comunicarse con las v&iacute;ctimas y exponerlas a diversas amenazas como malware, phishing, cyberbullying u otras.</p>
<p><strong>Evitar la ejecuci&oacute;n de archivos sospechosos</strong><br />La propagaci&oacute;n de malware suele realizarse a trav&eacute;s de archivos ejecutables. Es recomendable evitar la ejecuci&oacute;n de archivos a menos que se est&eacute; seguro de su seguridad y su procedencia sea confiable (tanto si proviene de un contacto en la mensajer&iacute;a instant&aacute;nea, un correo electr&oacute;nico o una p&aacute;gina web).</p>
<p><strong>Utilice contrase&ntilde;as fuertes</strong><br />Muchos servicios en Internet est&aacute;n protegidos con una clave de acceso, de forma de resguardar la privacidad de la informaci&oacute;n. Si esta contrase&ntilde;a fuera sencilla o com&uacute;n un atacante podr&iacute;a adivinarla y por lo tanto acceder indebidamente como si fuera el usuario verdadero. Por este motivo se recomienda la utilizaci&oacute;n de contrase&ntilde;as fuertes, con distintos tipos de caracteres y una longitud de al menos 8 caracteres.</p>
<p>Fuente: ESET.</p>
<p>&nbsp;</p>]]></description>
</item>

<item>
<title><![CDATA[Averigua si la página web que vas a visitar tiene virus o malware]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2010/junio/paginas-web-urlvoid.php</link>
<pubDate>Tue, 01 Jun 2010 17:06:11 +0200</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p>Navegar por la Red supone estar expuesto a ataques e infecciones de virus o malware. Al visitar una <strong>p&aacute;gina web</strong> puede que nos llevemos una desagradable sorpresa. Para evitar esto y ofrecer seguridad  al internauta ante <strong>p&aacute;ginas web</strong> desconocidas, se ha desarrollado <a title="p&aacute;gina web urlvoid" rel="nofollow" href="http://www.urlvoid.com/" target="_blank">URLvoid</a>, un servicio que detecta si la p&aacute;gina web a la que quieres llegar es peligrosa.</p>
<p><a title="p&aacute;gina web urlvoid" rel="nofollow" href="http://www.urlvoid.com/" target="_blank">URLvoid</a>&nbsp; ha sido desarrollado por la compa&ntilde;&iacute;a NoVirusThanks, y escan&eacute;a las <strong>p&aacute;ginas web</strong>. Utilizando para ello motores de McAfee Site Advisor, Norton SafeWeb o Google Diagnostic, entre otros, como indican desde la <strong>p&aacute;gina web</strong> de <a title="p&aacute;gina web urlvoid" rel="nofollow" href="http://www.urlvoid.com/" target="_blank">URLvoid</a>.</p>
<p>Para utilizar esta herrmaienta hay que entrar en la <strong>p&aacute;gina web</strong> de&nbsp;<a title="p&aacute;gina web urlvoid" rel="nofollow" href="http://www.urlvoid.com/" target="_blank">URLvoid</a> y pegar la URL de la <strong>p&aacute;gina web</strong> sospechosa en el campo habilitado para ello. Y se mostrar&aacute;n resultados que pueden ir desde "clean" (limpio) hasta "Suspicious" (sospechoso), ayudandonos a tomar la decisi&oacute;n m&aacute;s segura en nuestra navegaci&oacute;n por la red.</p>
<p><img class="img_derecha" title="P&aacute;gina Web de URLVoid" src="http://ww4.ideasfrescas.es/includes/img/pagina-web-urlvoid-20100601175031.jpg" alt="P&aacute;gina Web de URLVoid" width="598" height="358" /></p>]]></description>
</item>

<item>
<title><![CDATA[Cada Fan de Facebook vale 58€ más para una Marca]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2010/junio/cada-fan-en-facebook-vale-58-euros.php</link>
<pubDate>Wed, 16 Jun 2010 11:06:43 +0200</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p>Los <strong>fans</strong> en <strong>Facebook</strong>, que presionan el bot&oacute;n "me gusta", compran 58&euro;(71$) m&aacute;s de media en productos de la marca, seg&uacute;n un estudio realizado por Syncapse y publicado en la revista Mashable.</p>
<p>La encuesta de Syncapse analiz&oacute; las respuestas de 4.000 personas y usuarios de <strong>Facebook</strong>, y se contrapone con otra investigaci&oacute;n llevada a cabo por Vitrue el mes pasado, donde el valor estaba asignado por la diferencia entre el coste de un anuncio online que llegara al mismo target.</p>
<p>La compra de productos no fue el &uacute;nico factor beneficioso para las marcas que se publicitan en <strong>Facebook</strong>, ya que Syncapse determin&oacute; que tambi&eacute;n hab&iacute;a un aumento de la lealtad, de la afinidad.</p>]]></description>
</item>

<item>
<title><![CDATA[Caffeine el nuevo Indexador de páginas web de Google]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2010/junio/caffeine-google-indexador-paginas-web.php</link>
<pubDate>Fri, 25 Jun 2010 09:06:31 +0200</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p><strong>Google</strong> ha anunciado la finalizaci&oacute;n de <strong>Caffeine</strong>. El nuevo sistema de indexaci&oacute;n de <strong>p&aacute;ginas web</strong> es un 50 por ciento m&aacute;s recientes que su indexador anterior. Ahora con el buscador <strong>Google</strong> se podr&aacute; acceder a enlaces del contenido web mucho m&aacute;s r&aacute;pido que antes, independientemente de que sea una noticia, un blog o una publicaci&oacute;n en un foro.</p>
<p><strong>Google</strong> ha desarrollado <strong>Caffeine</strong>, <strong>el nuevo indexador de p&aacute;ginas web</strong>, ya que el contenido de la <strong>Web</strong> no deja de crecer, tanto en tama&ntilde;o como en la riqueza de contenidos. Siendo cada vez m&aacute;s necesarias las actualizaciones en tiempo real.</p>
<p>El antiguo sistema de indexaci&oacute;n de <strong>p&aacute;ginas web</strong> de Google estaba formado por varias capas y algunas se actualizaban m&aacute;s r&aacute;pido que otras. La capa principal se actualizaba 
cada dos semanas. Para actualizar una capa del antiguo &iacute;ndice era 
necesario analizar toda la <strong>Web</strong>. Por este motivo, transcurr&iacute;a un tiempo 
considerable desde que Google encontr&aacute;ba una <strong>p&aacute;gina web</strong> hasta que el usuario 
pod&iacute;a acceder a ella.</p>
<p>En la imagen que aparece a continuaci&oacute;n se puede ver las diferencias de funcionamiento entre el antiguo sistema de <strong>indexaci&oacute;n de Google</strong> y <strong>Caffeine</strong>:</p>
<p>&nbsp;</p>
<p style="text-align: center;"><img title="Esquema de Caffeine el indexador de paginas web de Google" src="http://ww2.ideasfrescas.es/includes/img/caffeine-google-indexador-paginas-web-20100625100626.jpg" alt="Esquema de Caffeine el indexador de paginas web de Google" width="400" height="174" /></p>
<p><strong>Caffeine</strong> permite analizar la <strong>Web</strong> en peque&ntilde;as partes y actualizar el &iacute;ndice de b&uacute;squeda de forma continua y global, pudiendo a&ntilde;adir al &iacute;ndice nuevas <strong>p&aacute;ginas web</strong> o informaci&oacute;n en p&aacute;ginas existentes. <strong>Caffeine</strong> permite indexar <strong>p&aacute;ginas web</strong> a grand&iacute;sima escala, el sistema procesa cientos de miles de <strong>p&aacute;ginas web</strong> de forma simult&aacute;nea cada segundo.</p>
<p>&prime;Si apil&aacute;semos estas p&aacute;ginas web como hojas de papel, la monta&ntilde;a aumentar&iacute;a en una proporci&oacute;n superior a 5.000 metros por segundo&prime;</p>
<p> En cada base de datos de <strong>Caffeine</strong> se almacenan casi 100 millones de gigabytes de datos, y la informaci&oacute;n aumenta a un ritmo de cientos de miles de gigabytes al d&iacute;a.</p>
<p>El sistema de <strong>indexaci&oacute;n web Caffeine</strong> llega a un presente donde ya era necesario. Aunque podr&iacute;amos considerarlo un sistema del futuro, puesto que romper&aacute; m&aacute;s de una cadena que a&uacute;n se resist&iacute;a a que la informaci&oacute;n fluyera en tiempo real por la <strong>Web</strong>.</p>
<p>&nbsp;</p>]]></description>
</item>

<item>
<title><![CDATA[Consejos de la OCU para contratar vacaciones en páginas web]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2010/julio/contratar-vacaciones-internet.php</link>
<pubDate>Tue, 06 Jul 2010 13:07:36 +0200</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p><a rel="nofollow" href="http://www.ocu.org" target="_blank"><img class="img_derecha" title="P&aacute;gina Web de la OCU" src="http://ww3.ideasfrescas.es/includes/img/pagina-web-ocu-20100706133940.jpg" alt="P&aacute;gina Web de la OCU" width="180" height="120" /></a>La OCU (Organizaci&oacute;n de Usuarios y Consumidores) ha echo p&uacute;blica una serie de consejos destinados a quienes contratan sus viajes en las diferentes <strong>p&aacute;ginas web</strong> de Internet. </p>
<p>Advirtiendo desde la OCU, que la contrataci&oacute;n de los servicios en las 
<strong>p&aacute;ginas web</strong> del sector "ofrecen poca flexibilidad cuando se trata de 
contratar un viaje combinado concreto o dificultan una respuesta 
personalizada a las dudas".</p>
<p>Aunque el sector a inclementado sus contrataciones y ventas en los &uacute;ltimos a&ntilde;os. Dado que la oferta en las diferentes <strong>p&aacute;ginas web</strong> es m&aacute;s amplia que en la agencia tradicional, y los precios mucho m&aacute;s competitivos, son muchos los usuarios de internet que escogen contratar vacaciones online en p&aacute;ginas web del sector.</p>
<p>La mitad de las <strong>compras online</strong> se relacionan a viajes, billetes a&eacute;reos y reservas de hoteles, la OCU advierte que cualquier reserva debe tener al menos la informaci&oacute;n imprescindible como:</p>
<p>- precio final</p>
<p>- descripci&oacute;n del viaje </p>
<p>- derechos del viajero.</p>
<p>Tambi&eacute;n nos acosejan tener un contrato escrito, donde se detalle cada punto de la transacci&oacute;n, y conservar esta documentaci&oacute;n para reclamar por los derechos llegado el caso.</p>
<p>En la <strong>p&aacute;gina web</strong> de la <a rel="nofollow" href="http://www.ocu.org/consultorio/" target="_blank">OCU</a> puedes ver todos los consejos para contratar tus <strong>vacaciones online</strong>.</p>
<p>&nbsp;</p>]]></description>
</item>

<item>
<title><![CDATA[Las Empresas se Vuelcan para Publicitarse en Redes Sociales y Páginas Web]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2010/julio/paginas-web-empresas-redes-sociales.php</link>
<pubDate>Mon, 26 Jul 2010 09:07:20 +0200</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p>Las empresas se vuelcan con los medios online como <strong>p&aacute;ginas web</strong> y <strong>redes sociales</strong>, ya que los clientes los que van a ellas y no al contrario. Contando en cientos de millones los usuarios de redes sociales como Facebook, MySpace, Twitter, Tuenti, etc.; y en muchos casos, los usuarios se encuentran en m&aacute;s de una (ComScore en 2010 indica que el 62% de los usuarios de Tuenti, tambi&eacute;n est&aacute; en Facebook).</p>
<p>Las empresas estudian las <strong>redes sociales</strong> y sus <strong>p&aacute;ginas web</strong> con mayor atenci&oacute;n, ya que son un medio de comunicaci&oacute;n que las permite llegar de una forma efectiva a sus clientes potenciales, como antes ning&uacute;n medio publicitario hab&iacute;a logrado, con cuotas impensables para los medios cl&aacute;sicos de publicidad.</p>
<p>Las <strong>p&aacute;ginas web</strong> y las <strong>redes sociales</strong> han conseguido que una marca llegue de forma exclusiva a su p&uacute;blico objetivo. Con los medios cl&aacute;sicos de publicidad se pod&iacute;a afinar el impacto de los anuncios, pero con Google (que ya supuso un gran cambio) y las redes sociales el impacto es mucho m&aacute;s preciso.</p>
<p>El inconveniente que presentan las redes sociales, es que no todo el mundo est&aacute; en ellas, y es porque a no todo el mundo le gustan o porque las han probado y han decidido no seguir haciendo lo. Esto suele ser relacionado con problemas de privacidad.</p>
<p>De momento en la batalla de las <strong>redes sociales</strong> en Espa&ntilde;a, la ganadora es Facebook. Por su f&aacute;cil acceso, no como en Tuenti, donde no todo el mundo puede acceder, y destacar la posibilidad de encontrar p&aacute;ginas web exclusivas como aplicaciones. Tuenti ha sido elegida por los adolescentes y Facebook se ha convertido en una red social generalista.</p>
<p>Podemos pensar que las <strong>redes sociales</strong>, ya no son algo nuevo, pero nada m&aacute;s lejos de la realidad. Ya que podemos ver como d&iacute;a a d&iacute;a nacen nuevas redes especializas en los intereses de los usuarios, que hacen evolucionar el mercado publicitario y las t&eacute;cnicas de las empresas para sacar el mayor partido de &eacute;l.</p>
<p><img class="img_izquierda" title="Facebook" src="http://ww4.ideasfrescas.es/includes/img/facebook-20100726102151.jpg" alt="Facebook" width="198" height="63" /><img class="img_izquierda" title="Tuenti" src="http://ww4.ideasfrescas.es/includes/img/tuenti-20100726102050.jpg" alt="Tuenti" width="198" height="63" /><img title="Twitter" src="http://ww4.ideasfrescas.es/includes/img/twitter-20100726102101.jpg" alt="Twitter" width="198" height="63" /></p>]]></description>
</item>

<item>
<title><![CDATA[Tuenti Páginas]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2010/agosto/tuenti-paginas.php</link>
<pubDate>Wed, 11 Aug 2010 10:08:11 +0200</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p>Con la creaci&oacute;n de las &prime;<strong>Tuenti P&aacute;ginas</strong>&prime;, <strong>Tuenti</strong> permite una nueva forma de &prime;promoci&oacute;n en cadena&prime; para marcas, productos, negocios y empresas. Con las <strong>Tuenti P&aacute;ginas</strong>, la informaci&oacute;n llega de una forma r&aacute;pida y clara a miles de usuarios dentro de la red social.</p>
<p>Esta funcionalidad era m&aacute;s que reclamada por negocios y marcas, que hasta el momento no ten&iacute;an una forma clara de promoci&oacute;n dentro de la red. Las P&aacute;ginas Web ya son utilizadas en otras redes sociales como Facebook. &lsquo;Mis sitios&prime; hasta ahora era la herramienta, con la que <strong>Tuenti</strong> permit&iacute;a identificar un negocio o empresa, insuficiente para una promoci&oacute;n efectiva.</p>
<p>Cada usuario de <strong>Tuenti</strong> est&aacute; limitado a crear un m&aacute;ximo de una  &lsquo;<strong>Tuenti p&aacute;gina</strong>&prime; al d&iacute;a, cada d&iacute;a est&aacute;n surgiendo cientos de nuevas &lsquo;<strong>Tuenti P&aacute;ginas</strong>&prime; con todo tipo de finalidad como el t&iacute;pico grupo de fans o la promoci&oacute;n de alg&uacute;n evento, buscado tener &eacute;xito y conseguir miles de seguidores.</p>
<p><span class="verde"><a title="Tuenti P&aacute;ginas Ideas Frescas" rel="nofollow" href="http://www.tuenti.com/#m=Page&amp;func=index&amp;page_key=1_430_65479171" target="_blank">Tuenti P&aacute;ginas Ideas Frescas</a></span></p>
<p style="text-align: center;"><img title="Tuenti" src="http://www.ideasfrescas.es/includes/img/tuenti-20100811105057.jpg" alt="Tuenti" width="240" height="100" /></p>
<p>&nbsp;</p>]]></description>
</item>

<item>
<title><![CDATA[Diseño del Logotipo de WOLF Wild Life &amp; Farmers]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2010/septiembre/logotipo-wolf-wild-life.php</link>
<pubDate>Tue, 07 Sep 2010 13:09:40 +0200</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p><img class="img_derecha" title="Proyecto WOLF WILD LIFE &amp;amp; FARMERS" src="http://ww2.ideasfrescas.es/includes/img/proyecto-wolf-wild-life-farmers-20100907141545.jpg" alt="Proyecto WOLF WILD LIFE &amp;amp; FARMERS" width="362" height="100" />El Proyecto de Cooperaci&oacute;n transnacional WOLF, pretende sentar las bases para
la realizaci&oacute;n de una correcta gesti&oacute;n del lobo en todos los territorios participantes, con
el fin de lograr una concertaci&oacute;n social, econ&oacute;mica y medioambiental que no suponga
ning&uacute;n riesgo para la especie animal y el ser humano.
</p>
<p>De este modo, el <strong>proyecto WOLF</strong> representa nuevamente una apuesta por el
desarrollo sostenible de todos los territorios participantes tanto en lo que respecta a
la conservaci&oacute;n de la biodiversidad del planeta, como al desarrollo de metodolog&iacute;as
aplicables a otros territorios a trav&eacute;s de la metodolog&iacute;a LEADER.</p>
<p>Nos complace presentaros el <strong>logotipo</strong> realizado por Ideas Frescas, y elegido por concurso para el proyecto de cooperaci&oacute;n transnacional <strong>&prime;WOLF: Wild Life &amp; Farmers</strong>&prime;:</p>
<p>&nbsp;</p>
<p style="text-align: center;"><img title="Logotipo WOLF WILD LIFE &amp;amp; FARMERS" src="http://ww2.ideasfrescas.es/includes/img/logotipo-wolf-wild-life-farmers-20100907141500.jpg" alt="Logotipo WOLF WILD LIFE &amp;amp; FARMERS" width="220" height="275" /></p>
<p>La mano del hombre, causante en gran parte del entorno en el que se desarrolla
la vida del planeta actualmente, es la protagonista de este <strong>logotipo</strong>.
</p>
<p>La existencia del lobo, o mejor dicho su extinci&oacute;n, ha dependido del odio ac&eacute;rrimo
del hombre a &eacute;ste al suponer, en su momento, una amenaza a su subsistencia.
La mano que ha llevado casi hasta el l&iacute;mite del exterminio a esta especie es la que
puede, y debe, solucionar esta situaci&oacute;n permitiendo de nuevo la existencia y cohabitaci&oacute;n
en las zonas y entornos naturales de este animal.
</p>
<p>La forma de una mano humana supersuesta sobre la silueta de la cabeza de
un lobo evoca las sombras chinescas, la mano proyecta la ilusi&oacute;n de lo que puede
conseguirse, y lo que ahora mismo es apenas una sombra de la poblaci&oacute;n de esta
especie en las zonas en las que anta&ntilde;o fueran su h&aacute;bitat natural, pretende convertise
en algo tangible y material que se integre en un conjunto donde todos los elementos
convivan de una manera armoniosa e incluso lucrativa y sostenible.
</p>
<p>Para la representaci&oacute;n gr&aacute;fica de estas ideas se ha optado por emplear un
estilo infantil e inocente que recuerde m&aacute;s a las ilustraciones de los cuentos y nos
aleje de una imagen realista, fuerte y hermosa pero, de connotaciones muy negativas
en los sectores a los que se quiere concienciar para conseguir el &eacute;xito de este
proyecto.</p>]]></description>
</item>

<item>
<title><![CDATA[Google Instant e Impresiones en los Resultados de Búsqueda]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2010/septiembre/google-instant-impresiones.php</link>
<pubDate>Fri, 10 Sep 2010 13:09:41 +0200</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p>Se est&aacute;n produciendo cambios en las impresiones de las <strong>p&aacute;ginas web</strong>, en los resultados de b&uacute;squeda, debido al lanzamiento de Google Instant. </p>
<p>Ahora, con <strong>Google Instant</strong> la p&aacute;gina de Google se actualiza de modo din&aacute;mico, mostrando los primeros resultados para la b&uacute;squeda web del usuario. Esto significa que los usuarios podr&iacute;an encontrar y visitar una <strong>p&aacute;gina web</strong> mucho m&aacute;s r&aacute;pido que antes, incluso sin apretar el bot&oacute;n de "buscar" o la tecla "intro".</p>
<p>&nbsp;</p>
<p style="text-align: center;"><img title="Google Instant Impresiones" src="http://ww3.ideasfrescas.es/includes/img/google-instant-impresiones-20100910130600.jpg" alt="Google Instant Impresiones" width="500" height="248" /></p>
<p>Google ha avisado del posible aumento en el n&uacute;mero de impresiones debido a que las <strong>p&aacute;ginas web</strong> aparecer&aacute;n en los resultados de b&uacute;squeda mientras los usuarios escriben. </p>
<p><strong>Google Instant</strong> mide las impresiones en los resultados de b&uacute;squeda de tres modos:</p>
<p>   1 - La p&aacute;gina web aparece en los resultados de b&uacute;squeda tras una b&uacute;squeda completa o finalizada. (Por ejemplo, al pulsar "intro" o al seleccionar una sugerencia de la lista de sugerencias). <span style="text-decoration: underline;">Este es el modelo tradicional.</span></p>
<p>      Adem&aacute;s <strong>Google Instant</strong> cuenta como impresiones los siguientes 2 casos:</p>
<p>   2 - El usuario empieza a escribir en la caja de b&uacute;squeda de Google y hace clic en alg&uacute;n enlace en la p&aacute;gina, ya sea un resultado de b&uacute;squeda, un anuncio o una b&uacute;squeda relacionada.</p>
<p>   3 - El usuario deja de escribir, y los resultados aparecen desplegados durante un m&iacute;nimo de 3 segundos.</p>
<p>Por ejemplo, supongamos que una <strong>p&aacute;gina web</strong> recibe muchas impresiones para [hoteles] y [hoteles valladolid]. Ahora, debido a que Instant despliega resultados r&aacute;pidamente mientras el usuario escribe, el usuario podr&iacute;a ver tu sitio en los resultados de b&uacute;squeda para [hoteles] despu&eacute;s de escribir tan s&oacute;lo [hote]. Si un usuario escribe la b&uacute;squeda parcial [hote] y seguidamente hace clic en cualquier resultado en la p&aacute;gina de [hoteles], eso contar&iacute;a como una impresi&oacute;n para tu sitio web. Dicha impresi&oacute;n aparecer&iacute;a bajo la b&uacute;squeda [hoteles]. El t&eacute;rmino "hoteles" tambi&eacute;n se incluir&iacute;a en el referente HTTP cuando el usuario haga clic para visitar tu p&aacute;gina web.</p>
<p>&nbsp;</p>
<p style="text-align: center;"><img title="Google Instant" src="http://ww3.ideasfrescas.es/includes/img/google-instant-20100910130625.jpg" alt="Google Instant" width="500" height="330" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>]]></description>
</item>

<item>
<title><![CDATA[Internet Explorer 9]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2010/septiembre/internet-explorer-9.php</link>
<pubDate>Fri, 17 Sep 2010 08:09:06 +0200</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p><img class="img_derecha" title="Internet Explorer 9" src="http://ww4.ideasfrescas.es/includes/img/internet-explorer-9-20100917085701.jpg" alt="Internet Explorer 9" width="320" height="157" />Ayer, Microsoft ha puesto a disposición de los usuarios la versión final del navegador <strong>Internet Explorer 9</strong>. Con esta nueva versión del navegador, Microsoft busca dar prioridad a los contenidos de la web con un novedoso sistema aceleración por hardware, el objetivo de la empresa es recuperar terreno ante el avance los navegadores Mozilla Firefox y Chrome.</p>
<p><strong>Internet Explorer 9</strong> aprovecha elementos desarrollados por otros navegadores, como Chrome de Google, mostrando un diseño minimalista y los avances en la interoperabilidad del mismo. Quedando pendiente en <strong>IE9</strong> la posibilidad de añadir agregados, lo que permite a los usuarios personalizar al máximo su navegador y su navegación por la red.</p>
<p>Lo más destacado de <strong>IE9</strong> es su motor de aceleración por hardware basado 
javascript, que aprovecha mejor las aceleradoras gráficas, 
quitándo trabajo al CPU. Mejorando los anteriores aceleradores utilizados por Firefox de Mozilla. Con todo ello y 
comparado con las versiones más recientes de otros navegadores, <strong>Internet Explorer 9</strong> es un poco más lento.</p>
<p><strong>Internet Explorer 9</strong> incorpora soporte para los estándares web HTML5, CSS3 y SVG, sigue la línea de interoperabilidad y contenidos en línea actual. Algo que Microsoft no ha querido hacer con sus sistemas operativos como Windos XP, ya que
<strong>IE9</strong> solamente puede ser utilizado en Windows Vista Service Pack 2 y Windows 7.</p>
<p>Para reforzar la potencia del diseño y su motor gráfico, Microsoft ha lanzado la <strong>página web</strong> <a rel="nofollow" href="http://www.labellezadeinternet.com" target="_blank">www.labellezadeinternet.com</a>, donde se reúnen las <strong>páginas web</strong> de Internet cuyo contenido visual más se destaca. Y para disfrutar de ello <strong>Internet Explorer 9</strong>.</p>
<p> </p>
<p>
<object width="640" height="385" data="http://www.youtube.com/v/RZPJNAuTaLg?fs=1&amp;hl=es_ES" type="application/x-shockwave-flash">
<param name="allowFullScreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="src" value="http://www.youtube.com/v/RZPJNAuTaLg?fs=1&amp;hl=es_ES" />
<param name="allowfullscreen" value="true" />
</object>
</p>
<p><span class="verde">[ <a rel="nofollow" href="http://windows.microsoft.com/es-XL/internet-explorer/products/ie-9/home?os=winxp&amp;arch=a&amp;browser=other" target="_blank">Descargar Internet Explorer 9</a> ]</span></p>]]></description>
</item>

<item>
<title><![CDATA[Web 2.0]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2010/octubre/web-2.php</link>
<pubDate>Wed, 27 Oct 2010 14:10:35 +0200</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p>Todos habrán oído hablar de la <strong>Web 2.0</strong>, algunos se atreven ya a reivindicar la <strong>Web 3.0</strong>.
 Nos hablan de tecnologías punteras que requieren inversiones 
importantísimas, que la mayoría de ustedes no verán retornar nunca.</p>
<p>Personalmente trabajo en este "mundo" desde el año 1998, he tenido la
 suerte de colaborar en proyectos de gran envergadura, viví en el 2002 
el primer "Reventón" de las empresas de Internet llamadas "punto.com" 
(estas compañías perdieron el 95 % de su valor en bolsa y fueron 
despedidos 500.000 trabajadores) con grandísimas inversiones de Capital 
Riesgo, todo el mundo maldecía a Internet y sus falsas expectativas de 
negocio...</p>
<h2>¿Internet Genera Grandes Oportunidades de Negocio?</h2>
<p>Sólo han pasado 8 años, y uno de los casos más actuales ha sido la compra de la <strong>página web</strong>
 de Tuenti por Telefónica. La cifra exacta no se sabe, pero hablan de 70
 millones de &euro;, una pequeña empresa creada en España por cuatro jóvenes 
universitarios y financiada con capital family&amp;friend (parientes y 
amigos). </p>
<p>Creo que la pregunta tiene la respuesta evidente, Internet genera 
negocio, pero hay que tener imaginación y frescura, lo mismo pasa con la
 <strong>Web 2.0</strong>, no hace falta grandes inversiones en tecnología puntera, esa ya vendrá posteriormente si es necesaria.</p>
<p>La <strong>Web 2.0</strong> es una actitud hacia sus usuarios, una forma de 
interactuar con ellos, como lo hacen cuando entran por la puerta de su 
negocio físico.</p>
<p>Si quieren más información sobre <strong>páginas web</strong>, no duden en ponerse en contacto con nosotros.</p>
<p> </p>]]></description>
</item>

<item>
<title><![CDATA[¿Mañana se Presentara el &quot;Teléfono Facebook&quot;?]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2010/noviembre/telefono-facebook.php</link>
<pubDate>Tue, 02 Nov 2010 18:11:37 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p>AGENCIAS. Washington (EE UU)</p>
<p class="esasi">El misterio sobre el anuncio que mañana realizará Facebook en torno a móviles siguió creciendo hoy ante el mutismo total de la empresa sobre la naturaleza del evento y las especulaciones que van desde el lanzamiento de un &quot;teléfono Facebook&quot; hasta un &quot;app&quot; para el iPad. </p>
<p>La red social de internet ha enviado una invitación a medios de comunicación para que asistan mañana en la sede central de la empresa, en la localidad californiana de Palo Alto, a &quot;un evento de móviles&quot; que se iniciará a las 10.30 de la mañana, hora local (las 17.30 GMT).</p>
<p>La invitación incluye un gráfico que sugiere un teléfono lo que ha sido aprovechado por websites y blogs para revivir el rumor, que apareció originalmente en septiembre en el sitio TechCrunch.com, que Facebook está preparándose para lanzar su propio teléfono.</p>
<p>Facebook, que cuenta con 500 millones de usuarios en todo el mundo, negó entonces que estuviese preparando su propio hardware telefónico pero reconoció que estaba profundizando en su estrategia con respecto a móviles ahondando la integración de la red social en los celulares de algunos fabricantes.</p>
<p>Mientras el rumor de un &quot;teléfono Facebook&quot; ha resurgido, otros sitios sugieren hoy que el anuncio de mañana se centrará en una aplicación para el popular iPad de Apple.</p>
<p>Aunque Facebook si cuenta con un &quot;app&quot; para el iPhone, que puede ejecutarse en la tableta de Apple, cuando se instala en el iPad no dispone de todos las funciones, entre ellas no está la de colgar fotos. </p>
<p> </p>]]></description>
</item>

<item>
<title><![CDATA[PDF integrado en Google Chrome]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2010/noviembre/pdf-paginas-web-integrado-google-chrome.php</link>
<pubDate>Tue, 09 Nov 2010 09:11:53 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p><strong><img class="img_derecha" title="Google Chrome" src="http://ww3.ideasfrescas.es/includes/img/google-chrome-20101109100459.jpg" alt="Google Chrome" width="300" height="300" />PDF</strong> es un formato de archivo que se utiliza para la entrega de documentos en las <strong>páginas web</strong>. Para abrir un documento PDF, normalmente necesitarías instalar software adicional o un plug-in del navegador para poder verlo. El visor integrado <strong>Chrome PDF</strong> ya está disponible en versión beta de Chrome, y ahora puedes abrir un documento PDF en Chrome sin necesidad de instalar software adicional. </p>
<p>El documento PDF se carga más rápido y sin problemas, como una página web normal en el navegador.</p>
<p>Al igual que con las <strong>páginas web</strong> visitadas en Chrome, se crea una capa adicional de seguridad llamada &quot;caja de arena&quot; en el visor para PDF de <strong>Google Chrome</strong>, para ayudarte a proteger de los ataques de malware y de seguridad que están dirigidos a los archivos PDF. </p>
<p> </p>]]></description>
</item>

<item>
<title><![CDATA[Google Maps y el conflicto territorial fronterizo entre Nicaragua y Costa Rica]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2010/noviembre/google-maps-confricto-territorial-nicaragua-costa-rica.php</link>
<pubDate>Wed, 10 Nov 2010 17:11:41 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p><img class="img_derecha" title="Google Noticias" src="http://ww4.ideasfrescas.es/includes/img/google-noticias-espana-20100122143904.jpg" alt="Google Noticias" width="250" height="70" /><strong>Google</strong> ha facilitado la siguiente información en una de sus páginas web oficiales:</p>
<p>&quot; Se ha reabierto un <strong>conflicto territorial fronterizo entre Nicaragua y Costa Rica</strong> y se ha intentado involucrar a <strong>Google Maps</strong> en la disputa, a causa de una inexactitud en sus mapas. Los datos son provistos por terceros. Si bien, los mapas de Google tienen una altísima calidad y Google trabaja constantemente para mejorar y actualizar la información existente, de ninguna manera pueden ser tomados como referencia al momento de decidir acciones militares entre dos naciones.</p>
<p>Los mapas de Google contienen en sus términos de servicios claras referencias que deslindan la responsabilidad de la empresa sobre la precisión de su contenido que, por diferentes motivos, puede en ocasiones no ser exacto. Cuando esta es la situación, Google trabaja rápidamente para solucionar el problema.</p>
<p>Unos meses atrás, publicamos actualizaciones que mejoraron la calidad y exactitud de nuestras fronteras a nivel global. Si bien hacemos todos los esfuerzos posibles, los mapeos son de una complejidad extraordinaria y siempre hay lugar para discrepancias ocasionales. Es impensable basarse en un producto dirigido a consumidores y empresas para tomar decisiones militares. Este tipo de situaciones requieren obviamente de productos de otras características.</p>
<p>En esta ocasión, Google determinó que hubo una inexactitud en la conformación de la frontera entre Costa Rica y Nicaragua y está trabajando para actualizar la información lo más rápidamente posible.&quot;</p>
<p>Sin comentarios !!</p>
<p> </p>
<p> </p>
<p> </p>]]></description>
</item>

<item>
<title><![CDATA[Google News lanza nuevas Metatags]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2010/noviembre/metatags-google-news.php</link>
<pubDate>Wed, 17 Nov 2010 09:11:43 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p><img class="img_derecha" title="Google Noticias" src="http://www.ideasfrescas.es/includes/img/google-noticias-espana-20100122143904.jpg" alt="Google Noticias" width="250" height="70" /></p>
<p><strong>Google News</strong> ha lanzado unas nuevas metatags para indicar la <strong>página web</strong> o fuente original de la noticia publicada.</p>
<h2>Metatags Google News</h2>
<p><strong class="verde">syndication-source</strong> : Cuando se realiza una versión de un artículo o se utiliza el mismo que en otra fuente o página web, Google pide que usemos la sindicación de código que apunta a la que les gustaría utilizar para Google Noticias.</p>
<div class="codigo"><pre class="brush: xhtml">&lt;meta name="syndication-source" content="http://www.ideasfrescas.es/matatags-google-news.php" /&gt;</pre></div>
<p><strong class="verde">original-source</strong> : Esta metatag enlaza la fuente o página web original de la noticia. Utilizándola para votar o dar crédito la noticia original.</p>
<div class="codigo"><pre class="brush: xhtml">&lt;meta name="original-source" content="http://www.ideasfrescas.es/matatags-google-news.php" /&gt;</pre></div>
<p>Google ha informado que estas <strong>metatags</strong> no afectarán al ranking de noticias en <strong>Google News</strong>, y que es un método prometedor para la detección de la originalidad, mejorando de esta forma Google News.</p>
<p>Alguién ve a los periodicos digitales votándose entre ellos? o tu mismo votando a la <strong>página web</strong> de la competencia?</p>]]></description>
</item>

<item>
<title><![CDATA[Vista previa instantánea de las páginas web en Google]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2010/noviembre/vista-previa-instantanea-paginas-web-google.php</link>
<pubDate>Fri, 26 Nov 2010 13:11:59 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p>El buscador Google tiene ya disponible la <strong>vista previa instantánea de páginas web</strong>, una nueva funcionalidad de búsqueda que ayuda a los usuarios a encontrar información más rápidamente mostrando una vista previa de cada resultado. Tradicionalmente, los resultados de las búsquedas, como el título, la URL y la descripción (el fragmento de texto descriptivo que aparece en cada resultado), ayudaban a los usuarios a juzgar qué resultados eran los mejores para su búsqueda. La <strong>vista previa instantánea de páginas web</strong> alcanza el mismo objetivo mostrando una representación visual de cada página web y del lugar donde se encuentra el contenido relevante, en lugar de una descripción de texto. Para la comunidad de webmasters, esto representa una oportunidad para revelar el diseño de su sitio web y por qué su página web es relevante para una consulta en particular.</p>
<p> </p>
<p style="text-align: center;"><img title="Vista previa de páginas web en Google" src="http://ww2.ideasfrescas.es/includes/img/vista-previa-paginas-web-google-20101126134328.jpg" alt="Vista previa de páginas web en Google" width="650" height="251" /></p>
<p>En primer lugar, es importante entender qué hace la nueva característica. Cuando alguien hace clic en la lupa de cualquier resultado, a la derecha de los resultados aparece una vista instantánea reducida de la página web en cuestión. Unas marcas de color naranja indican dónde se encuentra el resultado más relevante de la página web y unas indicaciones de texto muestran los términos de la búsqueda en contexto. Estos elementos permiten a los usuarios saber qué pueden esperar de una página web si hacen clic sobre ese resultado y por qué es relevante para su consulta. Las pruebas de Google muestran que esta funcionalidad realmente ayuda a seleccionar el resultado adecuado. Usar la vista previa instantánea para páginas web hace que quienes buscan tengan un 5% más de probabilidades de estar satisfechos con los resultados elegidos.</p>
<p>Muchos hemos trabajado y pensado mucho sobre la estructura de los sitios web, la distribución de las páginas web y la información que se da a los visitantes. La vista previa instantánea permite a los usuarios tener una visión rápida de ese diseño web e indica por qué tus páginas web son relevantes para una búsqueda en particular.</p>
<p> </p>]]></description>
</item>

<item>
<title><![CDATA[Page Speed Online para páginas web]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2011/abril/page-speed-online.php</link>
<pubDate>Mon, 25 Apr 2011 10:04:30 +0200</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p>Google lanza una nueva herramienta online en Google Labs, <strong>Page Speed Online</strong>, que analiza el rendimiento de <strong>páginas web</strong>. Proporcionando sugerencias específicas para hacer que las <strong>páginas web</strong> funcionen más de prisa. </p>
<p>También ofrece la nueva función de <strong>Page Speed para móviles</strong> de una <strong>página web</strong>, especialmente para teléfonos inteligentes. Muy útil por la capacidad relativamente limitada de las CPU de los dispositivos móviles, la larga duración de la transferencia de datos en las redes para móviles y el rápido crecimiento de su uso.</p>
<p style="text-align: center;"><img title="Page Speed Online" src="http://ww3.ideasfrescas.es/includes/img/page-speed-online-20110425105313.jpg" alt="Page Speed Online" width="400" height="226" /></p>
<p> </p>]]></description>
</item>

<item>
<title><![CDATA[Página Web de la Fundación Española del Aparato Digestivo]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2011/abril/pagina-web-fead.php</link>
<pubDate>Thu, 28 Apr 2011 11:04:44 +0200</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p><img class="img_derecha" title="Página web de la Fundación Española del Aparato Digestivo" src="http://ww4.ideasfrescas.es/includes/img/pagina-web-fead-20110428113534.jpg" alt="Página web de la Fundación Española del Aparato Digestivo" width="450" height="309" />Os presentamos la nueva <strong>página web</strong> de la <strong>Fundación Española del Aparato Digestivo</strong> (<strong>FEAD</strong>), creada como medio de consulta y punto de información para el gran público. Por ello, durante su realización se ha hecho hincapié en la usabilidad y sencillez en la navegación y claridad de contenidos.</p>
<p>La <strong>página web</strong> aporta contenidos de interés como información sobre enfermedades, pruebas diagnósticas, vídeos, interactivos multimedia e información diaria sobre salud. También cabe destacar la integración de las redes sociales para la difusión de sus contenidos.</p>
<p>Deseamos que os guste la nueva <strong>página web</strong> de la <strong>Fundación Española del Aparato Digestivo</strong> (FEAD).</p>
<p><a title="Página web Fundación Española del Aparato Digestivo" rel="nofollow" href="http://www.saludigestivo.es" target="_blank">ver página web</a></p>]]></description>
</item>

<item>
<title><![CDATA[¿Puedes hacer que mi página web sea el n.º 1 en Google?]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2011/junio/puedes-hacer-que-mi-pagina-web-sea-el-n-1-en-google.php</link>
<pubDate>Mon, 06 Jun 2011 09:06:10 +0200</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p>Esta pregunta es muy habitual entre aquellos que quieren promocionar su página web en Google. Así que os ponemos la respuesta que ofrece Matt Cutts, responsable internacional de Google en calidad de búsqueda sobre el tema.</p>
<p> </p>
<p style="text-align: center;">
<object width="400" height="320" data="http://www.youtube.com/v/a6zGjcf6Snw?version=3" type="application/x-shockwave-flash">
<param name="allowFullScreen" value="true" />
<param name="allowScriptAccess" value="always" />
<param name="src" value="http://www.youtube.com/v/a6zGjcf6Snw?version=3" />
<param name="allowfullscreen" value="true" />
</object>
</p>
<p style="text-align: center;"> </p>
<h2 style="text-align: left;"><strong>Transcripción de ¿Puedes hacer que mi página web sea el n.º 1 en Google?</strong></h2>
<p>Hoy tenemos una pregunta enviada desde Colorado. La pregunta es: &quot;Con muchos de mis
clientes potenciales, las primeras palabras que mencionan al construir su página web son: &quot;¿Puedes hacer que mi página web sea n.º 1 en Google?&quot; Esta pregunta es sumamente incómoda para mí. ¿Cómo puedo responderla de forma profesional y honrada?&quot;</p>
<p>
Es una buena pregunta. Creo que una de las cosas que puedes hacer es enviar a la gente a la página web que tenemos en Google acerca de los optimizadores para motores de búsqueda y cómo encontrar un buen optimizador para motores de búsqueda, porque creemos que dice directamente que nadie puede garantizar la primera posición en los resultados de búsqueda de Google. Así que, puedes decir, directamente desde el principal responsable, directamente desde Google, que nadie puede garantizar la clasificación en primera posición.</p>
<p>
La verdad es que, si eres, por ejemplo, fontanero, probablemente no quieras aparecer en primera posición como fontanero, porque recibirías llamadas de todo el mundo y de cualquier parte de los Estados Unidos, donde ni siquiera podrías atenderlas. Probablemente quieras aparecer en primera posición como fontanero en, pongamos por caso, Sunnyvale, California, o la población que te interese en particular. La realidad es que, la pregunta &quot;¿Puedes hacer que mi sitio aparezca en primera posición en Google?&quot;, a menudo hace que la gente acabe haciendo cosas más bien discutibles.</p>
<p>
Yo podría, probablemente, aparecer en primera posición fácilmente por &quot;cambiar mi impresora predeterminada en Firefox usando Lennox Ubuntu&quot;, ¿verdad? Se trata de una frase de búsqueda muy larga. No hay demasiada gente que use tantas palabras distintas, así que no es tan difícil aparecer en primera posición para ellas.</p>
<p>
Algunos SEO sintonizan esa onda y dicen: &quot;Sí, lograremos la primera posición, y será para una frase exacta de cinco palabras que contenga palabras más bien raras y oscuras&quot;. Y otras personas dicen, &quot;Oh, voy a aparecer en primera posición&quot;, y no se paran a pensar en esas frases en las que realmente quieren lograr una buena clasificación. Es mucho mejor aparecer en tercer, cuarto o quinto lugar con una frase que genere buenas conversiones, que obtenga una cantidad razonable de tráfico y esté bastante orientada hacia lo que te interesa, en lugar de cosas totalmente ajenas al tema que te ocupa.</p>
<p>
Yo estaría satisfecho de contar a la gente que, muchas veces, si eres el cliente de un SEO, no tienes la intuición de decir: ¿Cuál es la frase que pueda dar buenas conversiones? ¿Cuáles son las frases que vale la pena comprar? ¿Cuáles son las frases a las que realmente deberías prestar atención frente a las grandes frases en las que crees que quieres lograr una buena clasificación?</p>
<p>
Los optimizadores para motores de búsqueda deben gestionar esto muy a menudo. Si tuviese que decir una sola cosa, diría: &quot;Mira, no te centres en obtener la primera posición, en particular si se trata de una frase que no va a servir de nada. Busca resultados que puedan soportar el paso del tiempo. Busca construir un gran sitio web y después podrás trabajar para lograr los resultados que realmente te importan&quot;. Como alternativa, te invitamos a indicarles esa página de Google sobre optimización para motores de búsqueda, para que puedan leer que Google, por su parte, dice exactamente lo mismo.</p>
<p><strong>Nota publicada en el blog oficial de Google para Webmaster</strong></p>
<p style="text-align: center;"><strong><img title="Google logo" src="http://www.ideasfrescas.es/includes/img/google-20091229113547.jpg" alt="Google logo" width="220" height="94" /><br /></strong></p>]]></description>
</item>

<item>
<title><![CDATA[Nuevas Funcionalidades de Google]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2011/junio/google-nuevas-funcionalidades.php</link>
<pubDate>Mon, 20 Jun 2011 09:06:22 +0200</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p><strong>Google</strong> presenta las nuevas funcionalidades de su buscador. Estas nos permiten realizar consultas por la voz o mejorar la gestión de las imágenes. Prestando especial atención a los dispositivos móviles. El tráfico procedente de los móviles se multiplicó por cinco desde 2009.</p>
<p>Una de las funciones deja las versiones beta, y nos permite buscar páginas web usando la voz con el navegador Chrome y un micrófono. Por el momento, sólo admite las búsquedas en inglés y no en todos los países, pero Google explicó que se irá extendiendo y aumentando los idiomas a lo largo de los próximos meses.</p>
<p>La segunda función es la búsqueda inversa de imágenes, con Google Images, el buscador especializado en imágenes de <strong>páginas web</strong>. Un pequeño icono con una cámara indica si el navegador puede hacer esta clase de búsqueda, que consiste en cargar una imagen desde el ordenador o con una imagen que ya se encuentre en Internet. Google muestra como resultado nuevas imágenes sobre ese objeto o lugar, planos diferentes de la imagen y puede también reconocer el lugar que aparecen.</p>
<p>Instant Pages, es la otra función presesentada. Una tecnología de carga que agiliza los resultados de una búsqueda. Las <strong>páginas web</strong> empezarán a cargarse cuando el navegador está seguro de que una de ellas es lo que se buscaba, reduciendo el tiempo de carga de la <strong>página web</strong> entre 2 y 5 segundos de promedio. </p>
<p>Esta función está solo disponible en las versiones de prueba del sistema operativo Chrome, cuyos primeros portátiles comenzaban a comercializarse en estos días. </p>
<p>Además, Google también ha presentado la nueva versión de la web para teléfonos, con la que pretende simplificar las búsquedas de restaurantes y tiendas.</p>
<p> </p>
<p style="text-align: center;">
<object width="560" height="349" data="http://www.youtube.com/v/t99BfDnBZcI?version=3&amp;hl=es_ES&amp;rel=0" type="application/x-shockwave-flash">
<param name="allowFullScreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="src" value="http://www.youtube.com/v/t99BfDnBZcI?version=3&amp;hl=es_ES&amp;rel=0" />
<param name="allowfullscreen" value="true" />
</object>
</p>
<p style="text-align: center;"><img title="Google logo" src="http://ww2.ideasfrescas.es/includes/img/google-20091229113547.jpg" alt="Google logo" width="220" height="94" /></p>]]></description>
</item>

<item>
<title><![CDATA[Lanzamiento Mundial Botón +1 de Google para Páginas Web]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2011/junio/lanzamiento-mundial-boton1-google-paginas-web.php</link>
<pubDate>Tue, 28 Jun 2011 09:06:51 +0200</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p>Hace algunos meses, <strong>Google</strong> lanzó el <strong>botón +1</strong> en los resultados de búsqueda en inglés de google.com. Y hace poco, Google habilitó el botón +1 para <strong>páginas web</strong>, facilitando así que los usuarios que visitan las <strong>páginas web</strong> puedan recomendar su contenido en el buscador Google.</p>
<p>Hoy, los +1 empezarán a aparecer en las páginas de resultados de búsqueda de Google en todo el mundo. Además Google se ha asociado con unos cuantos sitios web, donde se podrá el botón +1 en los próximos días.</p>
<p style="text-align: center;"><img title="Páginas Web Botón+1 Google" src="http://ww3.ideasfrescas.es/includes/img/paginas-web-boton1-google-20110628092241.jpg" alt="Páginas Web Botón+1 Google" width="400" height="300" /></p>
<p>Añadiendo el botón +1 a tus <strong>páginas web</strong>, puedes hacer que tu sitio destaque gracias a las recomendaciones personales de usuarios que aparecerán justo en el momento de las búsquedas en Google. </p>
<p><span class="verde"><a title="Botón +1 Google Páginas Web" href="http://www.google.es/webmasters/+1/button/index.html" target="_blank">Herramienta de configuración del botón +1 de Google para páginas web</a></span></p>]]></description>
</item>

<item>
<title><![CDATA[Like +1 unifica los botones &quot;Me gusta&quot; de Facebook y &quot;+1&quot; de Google]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2011/julio/like-1.php</link>
<pubDate>Thu, 28 Jul 2011 09:07:46 +0200</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p><strong><img class="img_derecha" title="Complemento Google Chrome Like +1" src="http://ww4.ideasfrescas.es/includes/img/complemento-google-chrome-like+1-20110728093147.jpg" alt="Complemento Google Chrome Like +1" width="330" height="74" />Like +1</strong> es una extensión que unifica el botón &prime;Me gusta&prime; de Facebook y el &prime;+1&prime; de Google. Ambos botones tienen la funcionalidad de almacenar información sobre el contenido que hemos recomendado o valorado. Esta información se muestra en nuestros perfiles de Facebook o Google. </p>
<p>Con <strong>Like +1</strong> unificamos la acción de los botones de Facebook y Google, enviando la información a ambas redes sociales (por supuesto debemos tener iniciada la sesión en ambos sitios, sino no funciona bien). Para ello, simplemente, es necesario instalar la <strong>extensión Like+1</strong> que está disponible en  todos los navegadores Safari, Firefox, Google Chrome e Internet Explorer 9.</p>
<p>Si encuentras el botón &quot;Me gusta&quot; de Facebook en una <strong>página web</strong> y tienes instada la <strong>extensión Like+1</strong>, el &quot;Me gusta&quot; de Facebook cambiará la apariencia por el logo de &quot;me gusta&quot; y el &quot;+1&amp;Prime;. Por lo tanto, basta con hacer clic en ese botón para que se registre como se estuviésemos haciendo clic en dos botones diferentes.</p>
<p><a class="verde" title="like +1" rel="nofollow" href="http://www.likeplusone.org/" target="_blank">Descargar extesión Like +1</a></p>
<p style="text-align: center;"><img title="Botones Me Gusta Facebook y +1 Google" src="http://ww4.ideasfrescas.es/includes/img/botones-megusta-facebook-+1-google-20110728093436.jpg" alt="Botones Me Gusta Facebook y +1 Google" width="245" height="185" /></p>]]></description>
</item>

<item>
<title><![CDATA[Google actualiza su algoritmo para páginas web de alta calidad &prime;Google Panda&prime;]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2011/agosto/google-panda-algoritmo-paginas-web.php</link>
<pubDate>Mon, 22 Aug 2011 09:08:01 +0200</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p><img class="img_derecha" title="Google Panda Algoritmo Búsquedas" src="http://www.ideasfrescas.es/includes/img/google-panda-algoritmo-busquedas-20110822094925.jpg" alt="Google Panda Algoritmo Búsquedas" width="340" height="131" />Google ha defendido, desde hace tiempo, una política de la calidad para los contenidos que muestra en sus búsquedas, y con la actualización del <strong>algoritmo de alta calidad</strong> para <strong>páginas web</strong> &prime;<strong>Google Panda</strong>&prime; lo refuerza.</p>
<p>A principios de este año, Google lanzó la actualización del algoritmo de calidad &prime;<strong>Google Panda</strong>&prime; en las búsquedas en inglés a nivel mundial. Y tras comprobar la mejora de los resultados ofrecidos en los resultados de búsqueda durante estos meses, Google ha implantado el algoritmo de calidad para las búsquedas en otros idiomas y entre ellos el español.</p>
<p>Google anuncia un impacto en los resultados de búsqueda del 6 al 9% de las consultas, un valor menor que el del lanzamiento inicial de &prime;Google Panda&prime; que afectó al 12% de las consultas en inglés.</p>
<p>Esta nueva actualización del algoritmo de búsquedas de Google, valora la calidad de los contenidos, la originalidad y la corrección ortográfica de las <strong>páginas web</strong>, algo que se ha ido sugiriendo desde hace tiempo en los canales de información de Google para webmaster.</p>
<p>La implantación el pasado 12 de agosto, ha generado variaciones drásticas en las posiciones de muchas páginas web, lo que también implica la misma variación en el tráfico recibido.</p>
<p class="verde"><a title="google panda algoritmo actualización" rel="nofollow" href="http://googlewebmaster-es.blogspot.com/2011/08/lanzamiento-en-otros-idiomas-del.html?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed%3A+ElBlogParaWebmasters+%28El+Blog+para+Webmasters%29&amp;utm_content=Google+Reader" target="_blank">Artículo original de Google Webmaster</a></p>]]></description>
</item>

<item>
<title><![CDATA[Anuncios Circulares de Google Adwords]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2011/octubre/anuncios-circulares.php</link>
<pubDate>Thu, 06 Oct 2011 11:10:02 +0200</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p><img class="img_derecha" title="anuncios circulares" src="http://ww2.ideasfrescas.es/includes/img/anuncios-circulares-20111006112633.jpg" alt="anuncios circulares" width="400" height="300" />Google en su sistema publicitario <strong>Google Adwords</strong>, está probando un nuevo tipo de bloque de anuncios llamado &quot;<strong>Anuncios Circulares</strong>&quot;, creados para imitar las inserciones a página completa que se suelen encontrar en las <strong>páginas web</strong> de los periódicos. </p>
<p>Los <strong>Anuncios Circulares</strong> serán presentados esta semana en el evento Advertising Week en Manhattan.</p>
<p>Nick Fox, vicepresidente de gestión de producto de Google, dijo que esta propuesta se ha diseñado en respuesta a las peticiones de los minoristas de la publicidad de <strong>Google Adwords</strong>. Para la promoción de los &quot;Anuncios Circulares&quot;, Google va a lanzar una campaña de marketing que incluyen Internet y medios impresos.</p>
<p>Otro ejemplo de los cambios como los anuncios multimedia basados  en la localización del usuario y en su ámbito social ya se mostró en el <a title="Blog oficial de Google" rel="nofollow" href="http://googleblog.blogspot.com/2011/10/ads-are-just-answers.html" target="_blank">blog oficial de Google</a></p>
<p> </p>
<p style="text-align: center;">
<object width="520" height="428" data="http://www.youtube.com/v/4uLwC5PAi7g" type="application/x-shockwave-flash">
<param name="src" value="http://www.youtube.com/v/4uLwC5PAi7g" />
</object>
</p>]]></description>
</item>

<item>
<title><![CDATA[Google Analytics Premium]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2011/octubre/google-analytics-premium.php</link>
<pubDate>Thu, 06 Oct 2011 12:10:44 +0200</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p><strong><img class="img_derecha" title="Google Analytics Premium" src="http://ww3.ideasfrescas.es/includes/img/google-analytics-premium-20111006122711.jpg" alt="Google Analytics Premium" width="400" height="117" />Google Analytics</strong> nació con la idea de democratizar el acceso a la información, dando a todos los dueños de <strong>páginas web</strong>, grandes y pequeños, la habilidad de aprender de sus visitantes. Muchas <strong>páginas web</strong> usan <strong>Google Analytics</strong>, desde blogs personales hasta grandes empresas cuyos productos y servicios usamos todos a diario. </p>
<p>Pero ahora nace <strong>Google Analytics Premium</strong> orientado a cubrir las necesidades específicas de clientes más grandes.</p>
<p><strong>Google Analytics Premium</strong> se basa en 4 pilares: mayor visibilidad de datos, herramientas avanzadas, garantías y soporte dedicado. </p>
<h2>Que nos aporta Google Analytics Premium</h2>
<p>    <span style="text-decoration: underline;">Poder de procesamiento extendido</span>: Recolección extendida de datos, más variables personalizadas e informes descargables sin muestreos.</p>
<p><span style="text-decoration: underline;">Análisis Avanzado</span>: Herramientas para generar modelos de atribución que permiten probar distintas formas para atribuir conversiones.</p>
<p><span style="text-decoration: underline;">Servicio y soporte</span>: Expertos para guiar implementaciones personalizadas y gestión de cuentas dedicada en un esquema 24/7.</p>
<p><span style="text-decoration: underline;">Garantías</span>: Acuerdos de nivel de Servicio (SLA) para recolección de datos y generación de informes.</p>
<p><strong>Google Analytics Premium</strong> se pone a disposición de todos los clientes de Google en los Estados Unidos, Canadá y el Reino Unido. Es necesario contratarlo por una cuota fija en los Estados Unidos, Canadá y el Reino Unido. </p>
<p>Los clientes pueden adquirirlo directamente de Google o a través de alguno de sus Distribuidores Autorizados de <strong>Google Analytics Premium</strong>.</p>
<p> Google Analytics Premium aún no está disponible en España y Latinoamérica, pero en breve se anuncia su lanzamiento. </p>
<p>Si estás interesado en <strong>Google Analytics Premium</strong>, puedes mandar tus datos a Google desde esta <a title="Contratar Google Analytics Premium" rel="nofollow" href="http://www.google.com/analytics/premium/contact.html" target="_blank">página web</a>.</p>
<p> </p>
<p style="text-align: center;">
<object width="550" height="453" data="http://www.youtube.com/v/XNIQ7lxIXxg" type="application/x-shockwave-flash">
<param name="src" value="http://www.youtube.com/v/XNIQ7lxIXxg" />
</object>
</p>
<p> </p>]]></description>
</item>

<item>
<title><![CDATA[Googlebot-Mobile de smartphones]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2012/enero/googlebot-smartphones.php</link>
<pubDate>Tue, 10 Jan 2012 10:01:42 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p><img class="img_derecha" title="Google Noticias" src="http://ww4.ideasfrescas.es/includes/img/google-noticias-espana-20100122143904.jpg" alt="Google Noticias" width="250" height="70" />?El número de usuarios de <strong>smartphones</strong> crece rápidamente y cada vez hay más <strong>páginas web</strong> que ofrecen contenido diseñado específicamente para este tipo de dispositivos. </p>
<p>Google ha anunciado que <strong>Googlebot-Mobile</strong> utiliza un user-agent de <strong>smartphones</strong> además de los user-agents anteriores de teléfonos móviles tradicionales para rastrear contenido.</p>
<h2>    Googlebot-Mobile de teléfonos móviles tradicionales</h2>
<p>        SAMSUNG-SGH-E250/1.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 UP.Browser/6.2.3.3.c.1.101 (GUI) MMP/2.0 (compatible; Googlebot-Mobile/2.1; +http://www.google.com/bot.html) </p>
<p>        DoCoMo/2.0 N905i(c100;TB;W24H16) (compatible; Googlebot-Mobile/2.1; +http://www.google.com/bot.html)</p>
<h2>    Googlebot-Mobile de smartphones</h2>
<p>        Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_1 like Mac OS X; en-us) AppleWebKit/532.9 (KHTML, like Gecko) Version/4.0.5 Mobile/8B117 Safari/6531.22.7 (compatible; Googlebot-Mobile/2.1; +http://www.google.com/bot.html)</p>
<h2>El Contenido rastreado por Googlebot-Mobile de smartphones</h2>
<p>Es utilizado para mejorar la experiencia de usuario al realizar búsquedas móviles. Pudiendo encontrar contenido optimizado específicamente para <strong>smartphones</strong>, así como redireccionamientos específicos para este tipo de dispositivos.</p>
<p>También presenta una nueva función que permite ignorar los redireccionamientos de las páginas web optimizadas para <strong>smartphones</strong> y que utiliza estas indicaciones, modificando los resultados de búsqueda para que el usuario acceda directamente a la URL para <strong>smartphones</strong>. Eliminando la latencia adicional del redireccionamiento que suponer un retardo medio de entre 0,5 y 1 segundos.</p>]]></description>
</item>

<item>
<title><![CDATA[Marketing Online 2011]]></title>
<link>http://www.ideasfrescas.es/es/noticias-publicidad/2012/enero/marketing-online-2011.php</link>
<pubDate>Fri, 20 Jan 2012 09:01:22 +0100</pubDate>
<creator>ideasfrescas.es by 8th Art Studio S.L.</creator>
<category><![CDATA[noticias]]></category>
<description><![CDATA[<p><img class="img_derecha" title="Google Noticias" src="http://www.ideasfrescas.es/includes/img/google-noticias-espana-20100122143904.jpg" alt="Google Noticias" width="250" height="70" />En 2011 nuevas plataformas y soportes han irrumpido y se han consolidado en el <strong>marketing online</strong> - desde aplicaciones, sitios móviles, redes sociales hasta las tabletas. Como respuesta Google ha realizado avances para unificar este complejo panorama a través del análisis específico de dispositivos y plataformas, para conectar los puntos midiendo y valorando la ruta de clientes a través de múltiples canales.</p>
<p>Los dispositivos móviles e Internet, han colaborado en que los consumidores utilicen las <strong>tiendas online</strong> para llenar sus carritos de compras en 2011. De acuerdo con las cifras totales de las <strong>páginas web</strong> que deciden compartir sus datos con Google, hubo un salto del 63% en el volumen mensual de transacciones en línea de diciembre de 2010 a diciembre de 2011, y en promedio, el número de transacciones de comercio electrónico creció un 1.2% cada semana en 2011.</p>
<p> </p>]]></description>
</item>
</channel>
</rss> 
