<?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>xploit29 &#187; HTML</title>
	<atom:link href="http://www.xploit29.com/tag/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.xploit29.com</link>
	<description>Bienvenidos a xploit29, un blog de lo ultimo de la informacion acerca de tecnologia, web 2.0, usabilidad web y más.</description>
	<lastBuildDate>Wed, 17 Mar 2010 20:41:25 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Redireccionar p&#225;ginas a trav&#233;s de JavaScript</title>
		<link>http://www.xploit29.com/2008/12/redireccionar-pginas-a-travs-de-javascript/</link>
		<comments>http://www.xploit29.com/2008/12/redireccionar-pginas-a-travs-de-javascript/#comments</comments>
		<pubDate>Wed, 03 Dec 2008 14:40:00 +0000</pubDate>
		<dc:creator>xploit29</dc:creator>
				<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Ir]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Nueva pagina]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Programación]]></category>
		<category><![CDATA[Redireccion]]></category>
		<category><![CDATA[Script]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.xploit29.com/2008/12/redireccionar-pginas-a-travs-de-javascript/</guid>
		<description><![CDATA[La redirección de páginas web es una práctica muy común en los blogs, cuando migran desde una plataforma a otra y dejan atrás una URL para pasar a ser otra URL, ya sea al adquirir un dominio propio o al migrar de plataforma gratuita (de WordPress a Blogger). Sea como sea, en muchos de éstos [...]]]></description>
			<content:encoded><![CDATA[<p align="justify">La redirección de páginas web es una práctica muy común en los blogs, cuando migran desde una plataforma a otra y <strong>dejan atrás una URL para pasar a ser otra URL</strong>, ya sea al adquirir un dominio propio o al migrar de plataforma gratuita (de <a href="http://wordpress.com">WordPress</a> a <a href="http://blogger.com">Blogger</a>). Sea como sea, en muchos de éstos casos de hace uso de redirecciones a través de la etiqueta <code>meta</code> y esta redirección es mal vista cuando <a href="http://google.dirson.com/googlebot.php">Google indexa nuestro sitio web</a>, sin embargo existen otros métodos como la redirección a través de <a href="http://es.wikipedia.org/wiki/JavaScript">JavaScript</a>.</p>
<p align="justify">La redirección común a través de la etiqueta <code>meta</code> es la siguiente (la se debe evitar):</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">meta</span> <span style="color: #000066;">http-equiv</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;refresh&quot;</span> <span style="color: #000066;">content</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;5; url=http://www.xploit29.com&quot;</span>&gt;</span></pre></div></div>

<p align="justify">Y respecto a redirección a través de JavaScript tenemos las siguientes opciones:</p>
<p align="justify"><strong><span style="text-decoration: underline;">QUE SE IMPRIMA TEXTO HTML A TRAVÉS DE JAVASCRIPT</span></strong><br />
Tal y como lo dice el sub-título, podemos realizar una redirección haciendo que java script imprima texto en HTML, ya que al bot de <a href="http://google.com">Google</a> se le hace difícil entender <a href="http://es.wikipedia.org/wiki/JavaScript">JavaScript</a>:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #003366; font-weight: bold;">var</span> string <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>location.<span style="color: #660066;">href</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> getit <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Array<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> getit <span style="color: #339933;">=</span> string.<span style="color: #660066;">split</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'/'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> result <span style="color: #339933;">=</span> getit<span style="color: #009900;">&#91;</span> getit.<span style="color: #660066;">length</span><span style="color: #339933;">-</span><span style="color: #CC0000;">1</span> <span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> filename <span style="color: #339933;">=</span> result.<span style="color: #660066;">split</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'.'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;&lt;meta http-equiv='refresh'&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;content='0; url=http://www.xploit29.com/&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>filename<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">==</span><span style="color: #3366CC;">&quot;html&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
&nbsp;
	document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span>getit<span style="color: #009900;">&#91;</span>getit.<span style="color: #660066;">length</span><span style="color: #339933;">-</span><span style="color: #CC0000;">3</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;/&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span>getit<span style="color: #009900;">&#91;</span>getit.<span style="color: #660066;">length</span><span style="color: #339933;">-</span><span style="color: #CC0000;">2</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;/&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span>filename<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;/&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #009900;">&#125;</span>
&nbsp;
document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;'/&gt;&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></div></div>

<p align="justify"><strong>Modificamos</strong> el tiempo (segundos) en que deseamos que se genere la redirección y indicamos la URL a la que desee que sus visitantes lleguen luego de la redirección.</p>
<p align="justify">
<p align="justify"><strong><span style="text-decoration: underline;">ESTABLECIENDO UNA NUEVA DIRECCIÓN A LA PÁGINA</span></strong><br />
A través del siguiente código, se establece una <strong>nueva URL</strong> a la página a la cual será redirigida en el tiempo que se establezca:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span>
&nbsp;
    <span style="color: #003366; font-weight: bold;">var</span> pagina <span style="color: #339933;">=</span> <span style="color: #3366CC;">'http://www.xploit29.com'</span><span style="color: #339933;">;</span>
    <span style="color: #003366; font-weight: bold;">var</span> segundos <span style="color: #339933;">=</span> <span style="color: #CC0000;">5</span><span style="color: #339933;">;</span>
    <span style="color: #003366; font-weight: bold;">function</span> redireccion<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        document.<span style="color: #660066;">location</span>.<span style="color: #660066;">href</span><span style="color: #339933;">=</span>pagina<span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
    setTimeout<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;redireccion()&quot;</span><span style="color: #339933;">,</span>segundos<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></div></div>

<p align="justify"><strong>Modificamos</strong> la página y el tiempo (segundos)</p>
<p align="justify">
<p align="justify"><span style="text-decoration: underline;"><strong>EXTRA</strong>: redirección con PHP</span><br />
De forma adicional también es posible redireccionar una página web haciendo uso de PHP a través del siguiente código:</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?</span> <span style="color: #990000;">header</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;location: http://www.xploit29.com&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p><strong>Modificamos</strong> la URL</p>

	<h4>Entradas relacionadas</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.xploit29.com/2008/05/javascript-un-pequeno-gran-amigo/" title="JavaScript un pequeño gran amigo (13 mayo, 2008)">JavaScript un pequeño gran amigo</a></li>
	<li><a href="http://www.xploit29.com/2008/07/dale-forma-a-cualquier-texto-con-css-text-wrap/" title="Dale forma a cualquier texto con CSS Text Wrap (16 julio, 2008)">Dale forma a cualquier texto con CSS Text Wrap</a></li>
	<li><a href="http://www.xploit29.com/2008/10/crear-tabs-para-cualquier-sitio-con-jquery/" title="Crear tabs para cualquier sitio con jQuery (Parte I) (13 octubre, 2008)">Crear tabs para cualquier sitio con jQuery (Parte I)</a></li>
	<li><a href="http://www.xploit29.com/2008/10/adquiere-libros-de-diseno-web/" title="Adquiere libros de dise&ntilde;o web (15 octubre, 2008)">Adquiere libros de dise&ntilde;o web</a></li>
	<li><a href="http://www.xploit29.com/2008/11/hackosis-que-tan-buena-es-tu-contrasea/" title="Hackosis, que tan buena es tu contrase&ntilde;a (11 noviembre, 2008)">Hackosis, que tan buena es tu contrase&ntilde;a</a></li>
	<li><a href="http://www.xploit29.com/2008/12/disponible-wordpress-27-versin-final/" title="Disponible WordPress 2.7 versi&oacute;n Final (10 diciembre, 2008)">Disponible WordPress 2.7 versi&oacute;n Final</a></li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.xploit29.com/2008/12/redireccionar-pginas-a-travs-de-javascript/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Adquiere libros de dise&#241;o web</title>
		<link>http://www.xploit29.com/2008/10/adquiere-libros-de-diseno-web/</link>
		<comments>http://www.xploit29.com/2008/10/adquiere-libros-de-diseno-web/#comments</comments>
		<pubDate>Thu, 16 Oct 2008 03:03:26 +0000</pubDate>
		<dc:creator>xploit29</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Aprendiendo Web]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Desiño]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Librería]]></category>
		<category><![CDATA[Libros]]></category>
		<category><![CDATA[Manuales]]></category>
		<category><![CDATA[Semática]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.xploit29.com/2008/10/adquiere-libros-de-diseno-web/</guid>
		<description><![CDATA[Aprendiendo Web es una bitácora (blog) que nos enseña y motiva al buen uso de los lenguajes de CSS, XHTML y más. En cada post nos indica pequeños aspectos a tomar en cuenta en el momento en el que desarrollemos una página web. Germán Martínez quien está a cargo de Aprendiendo Web, ha creado a [...]]]></description>
			<content:encoded><![CDATA[<p align="justify"><a href="http://aprendiendoweb.com/"><strong><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="librosonline" src="http://www.xploit29.com/wp-content/uploads/2008/10/librosonline.png" alt="librosonline" width="450" height="251" /> Aprendiendo Web</strong></a> es una bitácora (blog) que nos <strong>enseña y motiva al buen uso de los lenguajes de CSS, XHTML y más</strong>. En cada post nos indica pequeños aspectos a tomar en cuenta en el momento en el que desarrollemos una página web.</p>
<p align="justify">Germán Martínez quien está a cargo de Aprendiendo Web, ha <strong>creado</strong> a través de <a href="http://amazon.com">Amazon</a> una “<strong><a href="http://astore.amazon.com/preblo-20">librería virtual</a></strong>” en la que se <a href="http://aprendiendoweb.com/2008/10/compra-los-mejores-libros-de-diseno-web">muestran libros</a> relativos al temas de la semántica, las nuevas prácticas en el diseño web, uso correcto y muchos otros libros interesantes que estoy seguro que valen la pena adquirir. El que nos recomienda para iniciar es uno titulado: <strong>Head First HTML with CSS &amp; XHTML.</strong></p>
<p align="justify">Como el mismo menciona, <strong>no se trata de un beneficio monetario</strong> sino que se trata de que en la medida que personas adquieran libros a través de su tienda, él pueda recibir libros como obsequio y así enseñar más cosas. Excelente oportunidad para todos los interesados, y <strong>que mejor recomendación antes de comprar un libro que la de un experto</strong>.</p>
<p>Yo por mi parte, seguiré ahorrando para adquirir uno de esos libros tan pronto sea posible.</p>
<p align="right">Enlace | <a href="http://astore.amazon.com/preblo-20">AW Design Store</a><br />
Enlace | <a href="http://aprendiendoweb.com/">Aprendiendo Web (AW)</a></p>

	<h4>Entradas relacionadas</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.xploit29.com/2008/12/redireccionar-pginas-a-travs-de-javascript/" title="Redireccionar p&aacute;ginas a trav&eacute;s de JavaScript (3 diciembre, 2008)">Redireccionar p&aacute;ginas a trav&eacute;s de JavaScript</a></li>
	<li><a href="http://www.xploit29.com/2008/07/dale-forma-a-cualquier-texto-con-css-text-wrap/" title="Dale forma a cualquier texto con CSS Text Wrap (16 julio, 2008)">Dale forma a cualquier texto con CSS Text Wrap</a></li>
	<li><a href="http://www.xploit29.com/2008/08/crear-esquinas-redondeadas-con-cornershop/" title="Crear esquinas redondeadas con CornerShop (19 agosto, 2008)">Crear esquinas redondeadas con CornerShop</a></li>
	<li><a href="http://www.xploit29.com/2008/09/twitter-cambia-su-interfaz/" title="Twitter cambia su interfaz (18 septiembre, 2008)">Twitter cambia su interfaz</a></li>
	<li><a href="http://www.xploit29.com/2008/06/gua-css-para-el-envo-de-emails/" title="Gu&iacute;a CSS para el env&iacute;o de email&#8217;s (18 junio, 2008)">Gu&iacute;a CSS para el env&iacute;o de email&#8217;s</a></li>
	<li><a href="http://www.xploit29.com/2008/05/bug-en-css-permite-saber-que-redes-sociales-usan-usuarios/" title="Bug en CSS permite saber que redes sociales usan usuarios (29 mayo, 2008)">Bug en CSS permite saber que redes sociales usan usuarios</a></li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.xploit29.com/2008/10/adquiere-libros-de-diseno-web/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Crear esquinas redondeadas con CornerShop</title>
		<link>http://www.xploit29.com/2008/08/crear-esquinas-redondeadas-con-cornershop/</link>
		<comments>http://www.xploit29.com/2008/08/crear-esquinas-redondeadas-con-cornershop/#comments</comments>
		<pubDate>Tue, 19 Aug 2008 23:48:35 +0000</pubDate>
		<dc:creator>xploit29</dc:creator>
				<category><![CDATA[Utilidades]]></category>
		<category><![CDATA[CornerShop]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Curvas]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Esquinas]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://www.xploit29.com/2008/08/crear-esquinas-redondeadas-con-cornershop/</guid>
		<description><![CDATA[CornerShop con la cuál podemos simplificar minutos en crear las esquinas redondeadas para nuestro proyecto en alguna aplicación de diseño como Photoshop o Corel Draw. Es muy fácil y sencilla de usar ya que únicamente tenemos que ingresar 4 datos y listo. Los datos necesarios para realizar el proceso son el código de color del [...]]]></description>
			<content:encoded><![CDATA[<p align="justify"><a href="http://wigflip.com/cornershop/">CornerShop</a> con la cuál podemos simplificar minutos en crear las esquinas redondeadas para nuestro proyecto en alguna aplicación de diseño como Photoshop o Corel Draw.</p>
<p align="center"><a href="http://www.xploit29.com/wp-content/uploads/2008/08/cornershop.jpg" rel="lightbox"><img title="cornershop" height="467" alt="cornershop" src="http://www.xploit29.com/wp-content/uploads/2008/08/cornershop-thumb.jpg" width="400" /></a> </p>
<p align="justify">Es muy fácil y sencilla de usar ya que únicamente <strong>tenemos que ingresar 4 datos y listo</strong>. Los datos necesarios para realizar el proceso son el código de <strong>color del plano y de fondo</strong>; <strong>la medida de la esquina </strong>(en píxeles) que se desea crear y también no menos importante, si deseamos que alguno de los colores de plano o fondo sean transparentes. </p>
<p align="justify">Y si con ello no basta luego de haberse creado las 4 imágenes (1 por cada esquina) esta utilidad nos muestra un <strong>ejemplo de como agregar estas esquinas en nuestro código fuente</strong>, tanto en la CSS como en la HTML.</p>
<p align="justify">Una herramienta muy útil para ahorrarnos unos minutos y darle algo más de estilo a los sitios web ya que se ha vuelto una tendencia el diseño de los sitios con estas formas.</p>
<p align="right">Enlace | <a href="http://wigflip.com/cornershop/">CornerShop</a>    <br />Vía | <a href="http://geeksroom.com/2008/07/23/cornershop/">Geeks Room</a></p>

	<h4>Entradas relacionadas</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.xploit29.com/2008/06/utilidades-7-creative-docs-net/" title="Utilidades 7: Creative Docs .NET (16 junio, 2008)">Utilidades 7: Creative Docs .NET</a></li>
	<li><a href="http://www.xploit29.com/2008/09/twitter-cambia-su-interfaz/" title="Twitter cambia su interfaz (18 septiembre, 2008)">Twitter cambia su interfaz</a></li>
	<li><a href="http://www.xploit29.com/2008/06/gua-css-para-el-envo-de-emails/" title="Gu&iacute;a CSS para el env&iacute;o de email&#8217;s (18 junio, 2008)">Gu&iacute;a CSS para el env&iacute;o de email&#8217;s</a></li>
	<li><a href="http://www.xploit29.com/2008/10/adquiere-libros-de-diseno-web/" title="Adquiere libros de dise&ntilde;o web (15 octubre, 2008)">Adquiere libros de dise&ntilde;o web</a></li>
	<li><a href="http://www.xploit29.com/2008/06/ya-es-hora-download-day-de-firefox-3/" title="Ya es hora&hellip; Download Day de Firefox 3 (17 junio, 2008)">Ya es hora&hellip; Download Day de Firefox 3</a></li>
	<li><a href="http://www.xploit29.com/2008/12/windows-vista-wordpress-theme/" title="Windows Vista WordPress Theme (9 diciembre, 2008)">Windows Vista WordPress Theme</a></li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.xploit29.com/2008/08/crear-esquinas-redondeadas-con-cornershop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
