<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>redribera Blog &#187; html</title>
	<atom:link href="http://www.redribera.es/blog/category/tutoriales/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.redribera.es/blog</link>
	<description>El blog de redribera</description>
	<lastBuildDate>Thu, 09 Feb 2012 22:36:48 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Alternativa Flash</title>
		<link>http://www.redribera.es/blog/alternativa-flash/</link>
		<comments>http://www.redribera.es/blog/alternativa-flash/#comments</comments>
		<pubDate>Mon, 22 Mar 2010 19:22:22 +0000</pubDate>
		<dc:creator>redribera</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://www.redribera.es/blog/?p=170</guid>
		<description><![CDATA[Si se considera Usted webmaster y gusta de utilizar Flash en sus páginas web, planteese desde ya ofrecer una alternativa para el contenido Flash, tanto a sus usuarios como a los motores de busqueda. ]]></description>
			<content:encoded><![CDATA[<p>A la hora de crear sitios webs, suelen aparecer una serie de dudas iniciales, que tienden a aumentar tiempo después&#8230;. entre ellas una de las eternas preguntas <strong>¿Utilizo Flash?</strong></p>
<p>No es algo nuevo, y es un debate ya algo cansino. Mi experiencia personal , me indica que Flash es un elemento que gusta a aquellos que gustan del diseño y html a aquellos que se consideran mas expertos en computación, programación o gustosos del buen SEO.</p>
<p>En cualquier caso, para quien a estas alturas todavía se plantee utilizar Flash o html a la hora de generar contenido o elementos de un sitio web, tengo la respuesta <strong>¡Utilicen ambos!</strong></p>
<p>Desde hace algunos años &#8230; y quizás debido a ciertos problemas de patentes de Microsoft &#8230;. se viene utilizando la librería JavaScript <a href="http://code.google.com/p/swfobject/" target="_blank">swfobject</a> , para incluir contenido Flash en una página web.</p>
<p><strong>swfobject </strong>(actualmente en versión 2.2) permite embeber código Flash (formato swf) en una página, siempre y cuando se detecte que el navegador es capaz de mostrar contenido Flash, y al mismo tiempo a aquellos navegadores o robots de motores de busqueda que no utilizan JavaScript, simplemente indicarles el código html creado para dicha sección. Código este que deberemos de ser nosotros, webmasters quienes indiquemos, para nuestros propositos y deseos, cuando un &#8220;usuario&#8221; no dispone de un Flash Player para observar nuestro contenido.</p>
<p>Sirva como ejemplo la visualización de la cabecera de menús de este sitio web:</p>
<p>La cabecera de menú rápido de redribera, está creada con Flash y no es mas que una botonera que dirige a las secciones principales de nuestro sitio web. Cuando un navegador es capaz de interprtar Flash (en la versión para la que fue compilada la película Flash), la cabecera de menú de redribera mostrará este aspecto:</p>
<p><img class="aligncenter size-full wp-image-171" title="menu rapido redribera.es" src="http://www.redribera.es/blog/wp-content/uploads/2010/03/conflash-header.jpg" alt="menu rapido redribera.es" width="550" height="100" /></p>
<p>¿La reconoce?&#8230;Posiblemente sea capaz de verla en la parte superior de nuestra web. ¿Por que hecemos esto con Flash?&#8230;. Pues mire usted, principalmente porque nos gusta. ¿Podría estar hecho con html?&#8230; pues posiblemente no igual, pero contestando a su pregunta si !. Pero bueno, la cuestión es que si me gusta porque no lo voy a hacer. Esto tiene un inconveniente ¿Que pasa con aquellas personas que no son capaces de ver contenido Flash?</p>
<p>No son pocas estas personas, comenzando por las que no son personas, los robots de los motores de busqueda, incapaces, parece ser, de interpretar contenido Flash. Pero no solo ellos, también los mas importantes, nuestros usuarios, o al menos aquellos que no disponen de un plugin Flash para su navegador, o la versión adecuada del mismo. Para ellos, tenemos una alternativa. Tenemos Una alternativa a Flash, y es esta:</p>
<p><img class="aligncenter size-full wp-image-172" title="alternativa flash" src="http://www.redribera.es/blog/wp-content/uploads/2010/03/sinflash-header.jpg" alt="alternativa flash" width="550" height="100" /></p>
<p>Bueno, quizás no sea tan bonita, pero les aseguro que esto no se debe a la alternativa a Flash que planteamos con swfobject. Son enlaces directos a las mismas secciones importantes, creados via html, que tanto robots de motores de busquedas, como usuarios sin flash pueden ver, y que permitirán por nuestra parte indicarles que secciones importantes hay en nuestra web.</p>
<p>Sin ir mas lejos a fecha de hoy (es por lo que nos decidimos a hacer esta implementación en redribera), los usuarios de un telefono iPhone de Apple, son incapaces de ver contenido Flash en el navegador incorporado, safari.</p>
<p>¿Cómo? crear páginas web con con contenido Flash y sus alternativas lo pueden encontrar en la <a href="http://code.google.com/p/swfobject/wiki/documentation" target="_blank">documentación de swfobject</a> . Les recomiendo que la lean y la tengan muy presente para publicar contenido o elementos flash en sus sitios web.</p>
<p>Usted como webmaster tiene la última decisión de que es lo que debe mostrar su web, como lo debe mostrar, el tiempo que está dispuesto a invertir en su desarrollo y si merecerá la pena invertir determinados recursos para obtener, a menudo, inciertos resultados. Sin embargo espero que gracias a este artículo sea consciente de que existe una <strong>alternativa a Flash</strong>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.redribera.es/blog/alternativa-flash/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>favicon.ico , la imagen que identifica tu web en el navegador.</title>
		<link>http://www.redribera.es/blog/favicon-ico-la-imagen-que-identifica-tu-web-en-el-navegador/</link>
		<comments>http://www.redribera.es/blog/favicon-ico-la-imagen-que-identifica-tu-web-en-el-navegador/#comments</comments>
		<pubDate>Tue, 19 Jan 2010 11:15:28 +0000</pubDate>
		<dc:creator>redribera</dc:creator>
				<category><![CDATA[html]]></category>
		<category><![CDATA[favicon]]></category>
		<category><![CDATA[iconos]]></category>
		<category><![CDATA[imagen de marca]]></category>
		<category><![CDATA[imagenes]]></category>
		<category><![CDATA[marketing]]></category>

		<guid isPermaLink="false">http://www.redribera.es/blog/?p=133</guid>
		<description><![CDATA[Mi experiencia con esos pequeños iconos que muestran los navegadores para una web. Eso que se conoce como favicon.ico, y como poner uno propio en nuestras páginas webs.]]></description>
			<content:encoded><![CDATA[<p><img style="border:0px;padding:5px;" title="Favicons" src="http://www.redribera.es/blog/wp-content/uploads/2010/01/Favicons.jpg" alt="Favicons" width="198" height="197" align="right"/></p>
<p>Hace ya bastante tiempo que, aunque sea como afición, me dedico al desarrollo de sitios web. Y aunque el tip que os voy a contar hoy, existe desde tiempos inmemoriales, no ha sido hasta hece unos dias que ha llamado mi atención. Se trata de ese <em>&#8216;pequeño icono</em>&#8216; , que se puede visualizar en la barra de direcciones, pestañas o marcadores del navegador web. Lo que se conoce como <strong>favicon</strong>.</p>
<p>Nunca hasta ahora me había parecido algo importante para una página web. Pensaba que era algo insignificante que todo el mundo que navega por internet pasaba por alto. Sin embargo el otro dia, cuando observaba a mi hijo y mi sobrino jugando en el PC en algunas famosas webs de juegos, me di cuenta como entre ellos comentaban cosas como &#8216;<em>&#8230;es esa &#8230;. la del dibujo de la flor!&#8217; .</em> Se referían a la web donde suelen jugar online. El navegador tenía varias pestañas abiertas y ellos identificaban la suya por el dibujito de la flor. También lo hacen cuando quieren acceder a la página utilizando los marcadores del navegador. Esta claro, ellos <span style="text-decoration: underline;">no saben leer</span>, pero si reconocen los dibujitos y saben desplegar los marcadores del navegador y poner la web que les gusta.</p>
<p>Este detalle, realmente me hizo pensar un poco y darme cuenta que en realidad no es solo una cosa de niños. Es algo que yo mismo hago, sin darme cuenta. Echo un vistazo rápido a los marcadores de mi web, y realmente los sitios que disponen de ese pequeño icono (no todos), son los primeros que identifico y a los que me dirijo, sin ni siquiera leer el texto. Conclusión <strong>Las webs que disponen de un icono de identificación aportan un plus de información, que las que no disponen de el.</strong></p>
<p><img title="Favicons" src="http://www.redribera.es/blog/wp-content/uploads/2010/01/favicontip.png" alt="Favicon" width="319" height="81" align="center"/></p>
<p>Yo ya sabía que existía alguna forma de poner esos pequeños iconos en una web, un dia lo llegué a hacer, pero no me acordaba de como. Bueno averiguarlo fue sencillo, solo tuve que buscar una web que lo incorporara y echar un vistazo a su código fuente html. ¡ Et Voila ! &#8230;.. este es el código mágico:</p>
<div class="codesnip-container" >
<div class="codesnip" style="font-family: monospace;"><span class="sc2"><a href="http://december.com/html/4/element/link.html"><span class="kw2">&lt;link</span></a> <span class="kw3">rel</span>=<span class="st0">&quot;shortcut icon&quot;</span> <span class="kw3">type</span>=<span class="st0">&quot;image/x-icon&quot;</span> <span class="kw3">href</span>=<span class="st0">&quot;/favicon.ico&quot;</span><span class="kw2">&gt;</span></span></div>
</div>
<p>Es un código que se pone entra las etiquetas <em>&lt;head&gt; &lt;/head&gt;</em> de una página html. Usualmente solo es necesario ponerlo en la página que sirve como indice de toda la web&#8230;..tu index.html o index.php o la que sea página principal.</p>
<p>No parece dificil. Tan solo debemos ubicar este código en la página principal (un puntazo que no haya que hacerlo en todas, yo pensaba que si), y por supuesto disponer del archivo del icono en cuestión <em><strong>favicon.ico</strong></em>, o como quieras llamarlo, aunque aconsejo no cambiar esto.</p>
<p>Como conseguir un fichero con extensión <em><strong>.ico</strong></em>, es fácil si dispones del software adecuado, aunque realmente no es ni siquiera necesario si dispones de conexión a internet, ya que existen unos cuantos cientos de millones <img src='http://www.redribera.es/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  , quizás algunos menos, de páginas webs que nos permiten generar el fichero <em><strong>favicon.ico</strong></em>, a partir de una imagen en nuestro ordenador en un formato gráfico habitual: jpg, gif, png.</p>
<p>Una simple <a href="http://www.google.es/#hl=es&amp;q=generador+favicon&amp;meta=&amp;aq=f&amp;oq=generador+favicon&amp;fp=120d73706d7f3736" target="_blank">busqueda en google por las keys &#8216;generador favicon&#8217;</a> nos arrojará unos cuantos resultados favorables para nuestra misión.</p>
<p>No es que tenga una particular predilección por ninguna de ellas, pero para ir 100% a lo seguro, voy a recomendar la misma que he utilizado yo para generar los del sitio de redribera y que es el <a href="http://tools.dynamicdrive.com/favicon/" target="_blank">Generador de favicon de Dynamic Drive</a> , que es muy completa, con instrucciones y muy rápida (al fin y al cabo consigue su objetivo). No quiero ni pensar las visitias que tendrá esa página gracias a ser la primera en los resultados de busqueda por &#8216;<em>favicon</em>&#8216; y &#8216;<em>generator</em>&#8216;.</p>
<p>Desde luego con este artículo no he inventado la penicilina, pero espero que pueda servirle a alguien.</p>
<p>Saludos!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.redribera.es/blog/favicon-ico-la-imagen-que-identifica-tu-web-en-el-navegador/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

