<?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>Álvaro Felipe &#187; Web 2.0</title>
	<atom:link href="http://alvarofelipe.com/tag/web-20/feed/" rel="self" type="application/rss+xml" />
	<link>http://alvarofelipe.com</link>
	<description>Profesor, geek y escritor</description>
	<lastBuildDate>Sat, 13 Mar 2010 21:24:01 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Cómo agregar código a tu post de WordPress</title>
		<link>http://alvarofelipe.com/2010/03/03/como-agregar-codigo-a-tu-post-de-wordpress/</link>
		<comments>http://alvarofelipe.com/2010/03/03/como-agregar-codigo-a-tu-post-de-wordpress/#comments</comments>
		<pubDate>Wed, 03 Mar 2010 20:12:11 +0000</pubDate>
		<dc:creator>Álvaro Felipe</dc:creator>
				<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[Codigo]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://alvarofelipe.com/?p=3696</guid>
		<description><![CDATA[Cuando estaba en WordPress.com todo era más fácil si quería añadir código, usaba u shortcode y listo. Sin embargo, si bien es cierto que en un alojamiento propio WordPress se beneficia con los plugins, también es cierto que hay tantos (y que hacen lo mismo) que es desmoralizador ponerse a buscar  uno determinado.
Si yo quiero [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><a href="http://alvarofelipe.com/wp-content/uploads/2010/03/código-html.jpg"><img class="alignright size-full wp-image-3703" style="margin: 0px 0px 10px 20px;" title="código-html" src="http://alvarofelipe.com/wp-content/uploads/2010/03/código-html.jpg" alt="" width="380" height="285" /></a>Cuando estaba en WordPress.com todo era más fácil si quería añadir código, usaba u shortcode y listo. Sin embargo, si bien es cierto que en un alojamiento propio WordPress se beneficia con los plugins, también es cierto que hay tantos (y que hacen lo mismo) que es desmoralizador ponerse a buscar  uno determinado.</p>
<p style="text-align: justify;">Si yo quiero añadir código a un post (html, php, css, javascript, entre otros) el problema es que el sistema lo ejecutará. La otra forma es escribirlo directamente en el contenido del post como:</p>
<p>&lt;span style=&#8221;color:red&#8221;&gt;Rojo&lt;/span&gt;</p>
<p style="text-align: justify;">Con todos los problemas que esto implica (el código anterior en realidad no es código -texto plano- sino texto con formato, por citar el más obvio).</p>
<p style="text-align: justify;">Después de bucear entre muchos plugins para mostra código, de visitar blogs que ya lo hacen y preguntar a los autores que plugin usan he encontrado la que me parece una solución excelente (sin problemas tontos como que hay que quedarnos en la vista html porque se pierde el código al pasar al editor visual) es combinar el uso de dos plugins. Sí, dos, no basta uno solo.</p>
<p style="text-align: justify;"><span id="more-3696"></span></p>
<h4>PLUGIN 1: WP-SYNTAX</h4>
<p style="text-align: justify;">Descarga el plugin <a href="http://wordpress.org/extend/plugins/wp-syntax/" target="_blank">desde su página</a> e instalalo. O, mucho mejor, instálalo directamente desde tu tablero de WordPress.</p>
<p style="text-align: justify;">Una vez instalado, para mostrar el código debes ir a la vista HTML del editor, escribir el código y rodearlo de &lt;pre&gt;&lt;/pre&gt;, adicionalmente debes añadir el atributo lang para especificar el tipo de código y el atributo line si quieres que se muestren los números de línea. Por ejemplo, algo como:</p>
<p>&lt;pre lang=&#8221;php&#8221; line=&#8221;1&#8243;&gt;</p>
<p>&lt;?php echo &#8217;Hola &#8217;, htmlspecialchars($_POST['usuario']); ?&gt;</p>
<p>&lt;/pre&gt;</p>
<p>se vería así (usando WP_Syntax):</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">'Hola '</span><span style="color: #339933;">,</span> <span style="color: #990000;">htmlspecialchars</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'usuario'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p style="text-align: justify;">Sin embargo, este método trae problemas como incompatibilidades al pasar al modo visual o el hecho mismo de que hay navegar en el código html para hacer pequeñas modificaciones y que hay que indicar a mano los atributos lang y line.</p>
<h4>PLUGIN 2:  WP-SYNTAX BUTTON</h4>
<p style="text-align: justify;">Este plugin inserta un botón en el editor visual que permite ahorrarse toda la escritura de etiquetas y atributos que requiere el plugin anterior.  <a href="http://wordpress.org/extend/plugins/wp-syntax-button/" target="_blank">WP-Syntax button</a> obviamente no trabaja por sí solo, sino como &#8220;una extensión&#8221; de WP-Syntax. Puedes instalar este plugin descargándolo desde <a href="http://wordpress.org/extend/plugins/wp-syntax-button/" target="_blank">esta página</a> o desde el tablero de WordPress.</p>
<p style="text-align: justify;">Una vez instalado, verás un botón nuevo en el editor visual:</p>
<p style="text-align: justify;">
<div id="attachment_3700" class="wp-caption aligncenter" style="width: 514px"><a href="http://alvarofelipe.com/wp-content/uploads/2010/03/wp-syntax-button.jpg"><img class="size-full wp-image-3700" title="wp-syntax-button" src="http://alvarofelipe.com/wp-content/uploads/2010/03/wp-syntax-button.jpg" alt="" width="504" height="87" /></a><p class="wp-caption-text">En el editor visual se añade el botón &quot;Code&quot;</p></div>
<p style="text-align: justify;">El uso es bastante sencillo. Escribe tu código directamente en el editor visual, seleccionalo, pulsa el botón code y escoge el tipo de código. Es todo. Adicionalmente escribe el número de línea desde el que quieres que comience el código (esto es opcional).</p>
<p style="text-align: justify;">
<div id="attachment_3701" class="wp-caption aligncenter" style="width: 403px"><a href="http://alvarofelipe.com/wp-content/uploads/2010/03/code-button.jpg"><img class="size-full wp-image-3701" title="code-button" src="http://alvarofelipe.com/wp-content/uploads/2010/03/code-button.jpg" alt="" width="393" height="351" /></a><p class="wp-caption-text">Al pulsar el botón Code aparece este cuadro. En el se debe elegir el tipo de código a mostrar y, opcionalmente, el número de línea desde el que comenzará el conteo</p></div>
<h4 style="text-align: justify;">A TENER EN CUENTA</h4>
<p style="text-align: justify;">Aún existe un problema con esta combinación de plugins, aunque considero que es mínimo en comparación con los que traen otros y es que es preferible escribir el código en un editor de texto plano en vez que escribirlo directamente en el editor visual de WordPress. ¿La razón?, pues que el editor visual salta de párrafo al presionar Enter y en el caso del código tendríamos saltos de línea de dos en dos. Por ejemplo, al escribir esto en el editor visual:</p>
<p style="text-align: justify;">&lt;table&gt;</p>
<p style="text-align: justify;">&lt;tr&gt;</p>
<p style="text-align: justify;">&lt;td&gt;&lt;/td&gt;</p>
<p style="text-align: justify;">&lt;/tr&gt;</p>
<p style="text-align: justify;">&lt;/table&gt;</p>
<p style="text-align: justify;">Se mostraría esto (fíjate que quedan líneas vacías):</p>
<p style="text-align: justify;">

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
</pre></td><td class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">table</span>&gt;</span>
&nbsp;
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">tr</span>&gt;</span>
&nbsp;
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span>
&nbsp;
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">tr</span>&gt;</span>
&nbsp;
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">table</span>&gt;</span></pre></td></tr></table></div>

<p style="text-align: justify;">Aquí un ejemplo de los dos plugins combinados para mostrar código:</p>
<p style="text-align: justify;">

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
</pre></td><td class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #00bbdd;">&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;</span>
<span style="color: #009900;">&lt;html&lt;?php echo $direction ?&gt;</span>&gt;
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">head</span>&gt;</span>
 <span style="color: #009900;">&lt;?php echo $meta ?&gt;</span>
 <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">meta</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;keywords&quot;</span> <span style="color: #000066;">content</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;moodle, &lt;?php echo $title ?&gt;</span></span> &quot; /&gt;
 <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">title</span>&gt;&lt;?php echo $title ?&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">title</span>&gt;</span>
 <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">link</span> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;shortcut icon&quot;</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;&lt;?php echo $CFG-&gt;</span></span>themewww .'/'. current_theme() ?&gt;/favicon.ico&quot; /&gt;
 <span style="color: #009900;">&lt;?php include<span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;$CFG-&gt;</span></span>javascript&quot;); ?&gt;
 <span style="color: #009900;">&lt;?php include<span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;js.php&quot;</span><span style="color: #66cc66;">&#41;</span>; ?&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">head</span>&gt;</span>
<span style="color: #009900;">&lt;body&lt;?php</span>
<span style="color: #009900;"> echo <span style="color: #ff0000;">&quot; $bodytags&quot;</span>;</span>
<span style="color: #009900;"> if <span style="color: #66cc66;">&#40;</span>$focus<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span></span>
<span style="color: #009900;"> echo <span style="color: #ff0000;">&quot; onload=\&quot;</span>setfocus<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>\<span style="color: #ff0000;">&quot;&quot;</span>;</span>
<span style="color: #009900;"> <span style="color: #66cc66;">&#125;</span></span>
<span style="color: #009900;"> ?&gt;</span>&gt;
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;page&quot;</span>&gt;</span>
<span style="color: #009900;">&lt;?php if <span style="color: #66cc66;">&#40;</span>$home<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span> ?&gt;</span>
 <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;background&quot;</span>&gt;</span> <span style="color: #808080; font-style: italic;">&lt;!-- closed in footer.html --&gt;</span>
 <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">table</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;wrapper&quot;</span>&gt;</span> <span style="color: #808080; font-style: italic;">&lt;!-- closed in footer.html --&gt;</span>
 <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">tr</span>&gt;</span>
 <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;</span>
 <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;header-home&quot;</span>&gt;</span>
 <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;logo&quot;</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;&lt;?php echo $CFG-&gt;</span></span>wwwroot; ?&gt;&quot;&gt;<span style="color: #ddbb00;">&amp;nbsp;</span><span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>&gt;</span>
 <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">h1</span>&gt;&lt;?php echo $heading ?&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">h1</span>&gt;</span>
 <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span>&gt;&lt;?php echo $menu ?&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span>
 <span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span>
<span style="color: #009900;">&lt;?php include<span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;menu.php&quot;</span><span style="color: #66cc66;">&#41;</span>; ?&gt;</span>
 <span style="color: #009900;">&lt;?php <span style="color: #66cc66;">&#125;</span> else if <span style="color: #66cc66;">&#40;</span>$heading<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>  ?&gt;</span>
 <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;background&quot;</span>&gt;</span> <span style="color: #808080; font-style: italic;">&lt;!-- closed in footer.html --&gt;</span>
 <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">table</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;wrapper&quot;</span>&gt;</span> <span style="color: #808080; font-style: italic;">&lt;!-- closed in footer.html --&gt;</span>
 <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">tr</span>&gt;</span>
 <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;</span>
 <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;header&quot;</span>&gt;</span>
 <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;logo&quot;</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;&lt;?php echo $CFG-&gt;</span></span>wwwroot; ?&gt;&quot;&gt;<span style="color: #ddbb00;">&amp;nbsp;</span><span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>&gt;</span>
 <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">h1</span>&gt;&lt;?php echo $heading ?&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">h1</span>&gt;</span>
 <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span>&gt;&lt;?php echo $menu ?&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span>
 <span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span>
<span style="color: #009900;">&lt;?php include<span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;menu.php&quot;</span><span style="color: #66cc66;">&#41;</span>; ?&gt;</span>
 <span style="color: #009900;">&lt;?php <span style="color: #66cc66;">&#125;</span> ?&gt;</span>
<span style="color: #009900;">&lt;?php if <span style="color: #66cc66;">&#40;</span>$navigation<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span> ?&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span>&gt;</span>
 <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span>&gt;&lt;?php print_navigation<span style="color: #66cc66;">&#40;</span>$navigation<span style="color: #66cc66;">&#41;</span>; ?&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span>
 <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span>&gt;&lt;?php echo $button; ?&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span>
 <span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span>
 <span style="color: #009900;">&lt;?php <span style="color: #66cc66;">&#125;</span> else if <span style="color: #66cc66;">&#40;</span>$heading<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span> ?&gt;</span>
<span style="color: #009900;">&lt;?php <span style="color: #66cc66;">&#125;</span> ?&gt;</span>
<span style="color: #808080; font-style: italic;">&lt;!-- END OF HEADER --&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;content&quot;</span>&gt;</span></pre></td></tr></table></div>


	Etiquetas: <a href="http://alvarofelipe.com/tag/codigo/" title="Codigo" rel="tag">Codigo</a>, <a href="http://alvarofelipe.com/tag/plugin/" title="Plugin" rel="tag">Plugin</a>, <a href="http://alvarofelipe.com/tag/tips/" title="Tips" rel="tag">Tips</a>, <a href="http://alvarofelipe.com/tag/web-20/" title="Web 2.0" rel="tag">Web 2.0</a>, <a href="http://alvarofelipe.com/tag/wordpress/" title="wordpress" rel="tag">wordpress</a><br />

	<br /><br /><h5>Si este artículo te gustó también puedes leer:</h5>
	<ul class="st-related-posts">
	<li><a href="http://alvarofelipe.com/2008/10/18/%c2%bfwordpress-o-blogger/" title="¿Wordpress o Blogger? (18 Octubre 2008)">¿Wordpress o Blogger?</a> (3 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/04/08/wordpresscom-anade-widget-para-twitter/" title="Wordpress.com añade widget para twitter (8 Abril 2009)">Wordpress.com añade widget para twitter</a> (4 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/08/23/nuevo-tema-en-wordpress-com-inove/" title="Nuevo tema en WordPress.com: iNove (23 Agosto 2009)">Nuevo tema en WordPress.com: iNove</a> (1 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/04/12/curso-de-wordpresscom-4-widgets/" title="Curso de WordPress.com: 4 &#8211; Widgets (12 Abril 2009)">Curso de WordPress.com: 4 &#8211; Widgets</a> (2 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/05/05/%c2%a1un-ano/" title="¡Un año! (5 Mayo 2009)">¡Un año!</a> (4 comentarios)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://alvarofelipe.com/2010/03/03/como-agregar-codigo-a-tu-post-de-wordpress/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Cómo instalar Drupal &#8211; Tutorial</title>
		<link>http://alvarofelipe.com/2010/02/20/como-instalar-drupal-tutorial/</link>
		<comments>http://alvarofelipe.com/2010/02/20/como-instalar-drupal-tutorial/#comments</comments>
		<pubDate>Sat, 20 Feb 2010 19:10:27 +0000</pubDate>
		<dc:creator>Álvaro Felipe</dc:creator>
				<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[Anecdotario docente]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[Drupal]]></category>
		<category><![CDATA[Tic]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://alvarofelipe.com/?p=3622</guid>
		<description><![CDATA[Drupal es, sin duda alguna, el mejor CMS que existe. Pero, también es cierto que su curva de aprendizaje es lenta y que se necesitan conocimientos avanzados para sacarle el máximo partido. De ahí que la mayoría se incline por Joomla que, a decir verdad, se aprende a manejar en cinco minutos (en algún artículo [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><a href="http://alvarofelipe.com/"><img class="alignright size-full wp-image-3629" style="margin: 0px 0px 10px 20px;" title="drupal-logo" src="http://alvarofelipe.com/wp-content/uploads/2010/02/drupal-logo.jpg" alt="" height="200" /></a>Drupal es, sin duda alguna, el mejor CMS que existe. Pero, también es cierto que su curva de aprendizaje es lenta y que se necesitan conocimientos avanzados para sacarle el máximo partido. De ahí que la mayoría se incline por Joomla que, a decir verdad, se aprende a manejar en cinco minutos (en algún artículo hablaré también de Joomla).</p>
<p style="text-align: justify;">Y tan cierto es que no es muy sencillo administrar Drupal, su instalación misma es un dolor de cabeza. En realidad es sencilla, pero la casi nula documentación en español hace que uno se complique más de lo necesario. Por eso escribo este tutorial.</p>
<h4>PASO 1: CONSEGUIR DRUPAL Y SU TRADUCCIÓN AL ESPAÑOL</h4>
<p style="text-align: justify;">Son dos paquetes los que hay que descargar:</p>
<ul>
<li><a href="http://ftp.drupal.org/files/projects/drupal-6.15.tar.gz">Drupal 6.15</a> (versión actual)</li>
<li><a href="http://ftp.drupal.org/files/projects/es-6.x-1.x-dev.tar.gz">Traducción al español </a></li>
</ul>
<p><span id="more-3622"></span></p>
<h4>PASO 2: SUBIR LA CARPETA DRUPAL Y LA TRADUCCIÓN AL SERVIDOR</h4>
<p style="text-align: justify;">Conectate a tu servidor por FTP (o por el administrador de archivos de Cpanel) y sube los contenidos del paquete de Drupal (luego de descomprimir) en la carpeta donde instalarás Drupal. Si quieres que Drupal administre tu sitio web, debes subir los contenidos del paquete drupal directamente a la carpeta public_html (si estás en localhost, las carpetas son /var/www o /opt/lampp/htdocs según el metodo que hayas usado, como explico aquí).</p>
<p style="text-align: justify;">Una vez que hayas subido los contenidos del paquete drupal, debes subir los contenidos de la traducción al español (luego de descomprimir) en la misma carpeta en la que se encuentran los compoenentes de Drupal.</p>
<h4>PASO 2: FORMA RÁPIDA</h4>
<p style="text-align: justify;">Si te complica todo lo anterior, he empaquetado El paquete de drupal y su traducción en un zip (<a href="http://alvarofelipe.com/wp-content/uploads/2010/02/drupal.zip">bajatelo desde aquí</a>). Solo sube ese zip a tu servidor y descomprímelo en public_html.</p>
<h4>PASO 3: PREPARAR EL ARCHIVO settings.php</h4>
<p style="text-align: justify;">Lo siguiente es entrar a la carpeta /sites/default . Dentro de ella encontrarás un archivo llamado default.settings.php. Cópialo y a la copia cámbiale el nombre por settings.php. ¡Ojo! No le cambies el nombre solamente, primero copia y luego cámbiale el nombre a la copia. No digas que no te avisé.</p>
<blockquote><p><strong>Nota</strong>: Si usas el zip que yo he empaquetado, puedes saltarte este paso, pues ya he preparado el archivo.</p></blockquote>
<h4>PASO 4: CREAR LA BASE DE DATOS</h4>
<p style="text-align: justify;">Si usas Cpanel en tu servidor, ve a <strong>Bases de datos MySQL</strong>, si estas en localhost, ve a <strong>localhost/phpmyadmin</strong> en tu navegador. Si no sabes como crear la base de datos, fijate en este artículo.</p>
<p><strong>PASO 5: INICIAR LA INSTALACIÓN:</strong></p>
<p style="text-align: justify;">Entra al sitio en el que deseas instalar drupal usando tu navegador. Debes ver algo así (en caso obtengas algún mensaje de error en alguno de los pasos debes modificar los permisos de los archivos o carpetas que se te indiquen):</p>
<p><a href="http://alvarofelipe.com/"><img class="size-full wp-image-3623 alignnone" title="drupal1" src="http://alvarofelipe.com/wp-content/uploads/2010/02/drupal1.png" alt="" width="600" height="333" /></a></p>
<p>Escoge el idioma español y continua. En la siguiente página escribe la configuración de la base de datos que creaste en el paso 4:</p>
<p><a href="http://alvarofelipe.com/"><img class="alignnone size-full wp-image-3624" title="drupal2" src="http://alvarofelipe.com/wp-content/uploads/2010/02/drupal2.png" alt="" width="600" height="424" /></a></p>
<p>Luego Drupal empezará a instalarse hasta mostrar el siguiente aviso:</p>
<p><a href="http://alvarofelipe.com/"><img class="alignnone size-full wp-image-3625" title="drupal3" src="http://alvarofelipe.com/wp-content/uploads/2010/02/drupal3.png" alt="" width="600" /></a></p>
<p>Anula los permisos de escritura para <strong>/sites/default/settings.ph</strong>p llena los datos que se solicitan y listo. Ya tienes tu web con drupal lista para administrar:</p>
<p><a href="http://alvarofelipe.com/"><img class="alignnone size-full wp-image-3626" title="drupal4" src="http://alvarofelipe.com/wp-content/uploads/2010/02/drupal4.png" alt="" width="600" height="355" /></a></p>
<p>¿Viste que no era tan difícil? Tu nuevo sitio (todavía vacío), debe verse así:</p>
<p><a href="http://alvarofelipe.com/"><img class="alignnone size-full wp-image-3627" title="drupal5" src="http://alvarofelipe.com/wp-content/uploads/2010/02/drupal5.png" alt="" width="600" height="454" /></a></p>
<p>Una vez que empiece a añadir contenido la página anterior desaparecerá. Pero no es el momento de explicar cómo hacerlo. Para otro artículo será.</p>

	Etiquetas: <a href="http://alvarofelipe.com/tag/anecdotario-docente/" title="Anecdotario docente" rel="tag">Anecdotario docente</a>, <a href="http://alvarofelipe.com/tag/cms/" title="CMS" rel="tag">CMS</a>, <a href="http://alvarofelipe.com/tag/drupal/" title="Drupal" rel="tag">Drupal</a>, <a href="http://alvarofelipe.com/tag/tic/" title="Tic" rel="tag">Tic</a>, <a href="http://alvarofelipe.com/tag/tutoriales/" title="Tutoriales" rel="tag">Tutoriales</a>, <a href="http://alvarofelipe.com/tag/web-20/" title="Web 2.0" rel="tag">Web 2.0</a><br />

	<br /><br /><h5>Si este artículo te gustó también puedes leer:</h5>
	<ul class="st-related-posts">
	<li><a href="http://alvarofelipe.com/2010/01/08/url-limpias-en-drupal/" title="URL limpias en Drupal (8 Enero 2010)">URL limpias en Drupal</a> (7 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2010/02/18/como-crear-los-mejores-sitios-web-sabes-que-es-un-cms/" title="Cómo crear los mejores sitios web &#8211; ¿sabes qué es un CMS? (18 Febrero 2010)">Cómo crear los mejores sitios web &#8211; ¿sabes qué es un CMS?</a> (1 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2010/02/11/montar-un-servidor-local-localhost-en-ubuntu/" title="Montar un servidor local (localhost) en Ubuntu (11 Febrero 2010)">Montar un servidor local (localhost) en Ubuntu</a> (8 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/02/20/manual-de-moodle-capitulo-9-cambiar-la-apariencia-de-moodle-con-los-temas/" title="Manual de Moodle, capítulo 9: Cambiar la apariencia de Moodle con los temas (20 Febrero 2009)">Manual de Moodle, capítulo 9: Cambiar la apariencia de Moodle con los temas</a> (2 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2008/09/12/capitulo-7-moodle-en-espanol/" title="Manual de Moodle, capítulo 7: Moodle en español (12 Septiembre 2008)">Manual de Moodle, capítulo 7: Moodle en español</a> (0 comentarios)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://alvarofelipe.com/2010/02/20/como-instalar-drupal-tutorial/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Nuevo tema en WordPress.com: iNove</title>
		<link>http://alvarofelipe.com/2009/08/23/nuevo-tema-en-wordpress-com-inove/</link>
		<comments>http://alvarofelipe.com/2009/08/23/nuevo-tema-en-wordpress-com-inove/#comments</comments>
		<pubDate>Sun, 23 Aug 2009 13:25:02 +0000</pubDate>
		<dc:creator>Álvaro Felipe</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[Blog gratis]]></category>
		<category><![CDATA[Curso de WordPress.com]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Menú desplegable]]></category>
		<category><![CDATA[Tips de WordPress.com]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://alvarofelipe.com/?p=3396</guid>
		<description><![CDATA[

Demostrando nuevamente que son quienes marcan la hora en el bloggin gratuito a nivel mundial, la gente de WordPress.com ha añadido un nuevo tema a los más de setenta diseños entre los que pueden escoger quienes arman sus blogs gratuitos con ellos. Y este tema sí que se las trae pues es uno de los [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">
<div id="attachment_3397" class="wp-caption aligncenter" style="width: 710px"><a href="http://alvarofelipe.com/wp-content/uploads/2009/08/inove1.png"><img class="size-full wp-image-3397" title="inove1" src="http://alvarofelipe.com/wp-content/uploads/2009/08/inove1.png" alt="i Nove, nuevo tema para WordPress.com que soporta menús desplegables" width="700" height="440" /></a><p class="wp-caption-text">i Nove, nuevo tema para WordPress.com que soporta menús desplegables</p></div>
<p style="text-align: justify;"><span id="more-3396"></span></p>
<p style="text-align: justify;">Demostrando nuevamente que son quienes marcan la hora en el bloggin gratuito a nivel mundial, la gente de <a href="http://es.wordpress.com" target="_blank">WordPress.com</a> ha añadido un nuevo tema a los más de setenta diseños entre los que pueden escoger quienes arman sus blogs gratuitos con ellos. Y este tema sí que se las trae pues es uno de los más famosos entre los blogs de hospedaje pagado. Diseño elegante, comentarios anidados, colore sobrios e iconos atractivos. Pero de lo mejor es que <a href="http://en.blog.wordpress.com/2009/08/13/new-theme-inove/" target="_blank">ES EL PRIMER TEMA DE WORDPRESS.COM QUE TIENE MENÚS DESPLEGABLES</a>. ¿A que no me creen? De veras, de veritas, con este diseño tu blog gratuito puede lucir como uno profesional; solamente crea las páginas, añade subpáginas y listo. La plantilla se encarga de ordenarlos.</p>
<p style="text-align: justify;">He aplicado el diseño <a href="http://alvarofelipe.wordpress.com" target="_blank">en mi blog de WordPress.com</a> para que vean como quedaría en el suyo.</p>

	Etiquetas: <a href="http://alvarofelipe.com/tag/blog-gratis/" title="Blog gratis" rel="tag">Blog gratis</a>, <a href="http://alvarofelipe.com/tag/curso-de-wordpress-com/" title="Curso de WordPress.com" rel="tag">Curso de WordPress.com</a>, <a href="http://alvarofelipe.com/tag/diseno/" title="Diseño" rel="tag">Diseño</a>, <a href="http://alvarofelipe.com/tag/menu-desplegable/" title="Menú desplegable" rel="tag">Menú desplegable</a>, <a href="http://alvarofelipe.com/tag/tips-de-wordpress-com/" title="Tips de WordPress.com" rel="tag">Tips de WordPress.com</a>, <a href="http://alvarofelipe.com/tag/web-20/" title="Web 2.0" rel="tag">Web 2.0</a>, <a href="http://alvarofelipe.com/tag/wordpress/" title="wordpress" rel="tag">wordpress</a><br />

	<br /><br /><h5>Si este artículo te gustó también puedes leer:</h5>
	<ul class="st-related-posts">
	<li><a href="http://alvarofelipe.com/2009/04/12/curso-de-wordpresscom-4-widgets/" title="Curso de WordPress.com: 4 &#8211; Widgets (12 Abril 2009)">Curso de WordPress.com: 4 &#8211; Widgets</a> (2 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2008/10/18/%c2%bfwordpress-o-blogger/" title="¿Wordpress o Blogger? (18 Octubre 2008)">¿Wordpress o Blogger?</a> (3 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/04/08/wordpresscom-anade-widget-para-twitter/" title="Wordpress.com añade widget para twitter (8 Abril 2009)">Wordpress.com añade widget para twitter</a> (4 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/04/13/curso-de-wordpresscom-41-widgets-delicious/" title="Curso de WordPress.com: 4.1 &#8211; Widgets (Del.icio.us) (13 Abril 2009)">Curso de WordPress.com: 4.1 &#8211; Widgets (Del.icio.us)</a> (4 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/04/10/curso-de-wordpresscom-3-cambia-el-diseno/" title="Curso de WordPress.com: 3 &#8211; Cambia el diseño (10 Abril 2009)">Curso de WordPress.com: 3 &#8211; Cambia el diseño</a> (5 comentarios)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://alvarofelipe.com/2009/08/23/nuevo-tema-en-wordpress-com-inove/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Servicios web 2.0 &#8211; box.net</title>
		<link>http://alvarofelipe.com/2009/04/21/servicios-web-20-boxnet/</link>
		<comments>http://alvarofelipe.com/2009/04/21/servicios-web-20-boxnet/#comments</comments>
		<pubDate>Tue, 21 Apr 2009 23:09:52 +0000</pubDate>
		<dc:creator>Álvaro Felipe</dc:creator>
				<category><![CDATA[Informática]]></category>
		<category><![CDATA[Tic]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Box]]></category>
		<category><![CDATA[Box.net]]></category>
		<category><![CDATA[Compartir archivos]]></category>
		<category><![CDATA[Disco duro virtual]]></category>
		<category><![CDATA[FTP]]></category>

		<guid isPermaLink="false">http://alvarofelipe.wordpress.com/?p=2950</guid>
		<description><![CDATA[
Box.net es un servicio que busca ser un disco duro virtual (en la web). Es decir, que en él podremos alamacenar nuestros archivos, crear carpetas y compartirlas con amigos o familiares. Existen documentos importantes que uno quisiera siempre tener a la mano y no necesariamente dependiendo de una memoria USB o de otro dispositivo de [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align:justify;">
<div id="attachment_2961" class="wp-caption aligncenter" style="width: 310px"><img class="size-full wp-image-2961" title="icon_boxlogo" src="http://alvarofelipe.files.wordpress.com/2009/04/icon_boxlogo.jpg" alt="Box.net un disco duro de 1GB totalmente gratis en la web" width="300" height="181" /><p class="wp-caption-text">Box.net un disco duro de 1GB totalmente gratis en la web</p></div>
<p style="text-align:justify;">Box.net es un servicio que busca ser un disco duro virtual (en la web). Es decir, que en él podremos alamacenar nuestros archivos, crear carpetas y compartirlas con amigos o familiares. Existen documentos importantes que uno quisiera siempre tener a la mano y no necesariamente dependiendo de una memoria USB o de otro dispositivo de almacenamiento, sino directamente en la web. En sus cuentas gratuitas, Box.net ofrece 1GB de espacio de disco.</p>
<p style="text-align:justify;">Cuando ingresamos al servicio desde <a href="http://box.net" target="_blank">http://box.net</a> esta es su apariencia:</p>
<div id="attachment_2952" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-2952" title="box1" src="http://alvarofelipe.files.wordpress.com/2009/04/box1.jpg" alt="Página principal de Box.net" width="500" height="428" /><p class="wp-caption-text">Página principal de Box.net</p></div>
<p style="text-align:justify;">La misma empresa nos informa sobre su servicio:</p>
<p style="text-align:justify;"><span id="more-2967"></span></p>
<ol style="text-align:justify;">
<li><strong>Olvídate del FTP</strong>. Olvídate de la frustración. Box simplifica la transferencia de archivos entre compañeros de trabajo, clientes y equipos. Olvidate del FTP o archivos adjuntos, solo envía un link.</li>
<li><strong>Al alcance de la mano, literalmente</strong>. Con Box el conocimiento colectivo es almacenado en un servidor de seguridad en línea. Accesible desde cualquier lugar, en cualquier momento.</li>
<li><strong>Salga de su bandeja de entrada</strong>. Con Box, todas las decisiones, documentos o debates pueden salir de su bandeja de entrada y compartirse a través de la web.</li>
</ol>
<p style="text-align:justify;">Diez cosas que la gente ama de box.net (según la misma empresa)</p>
<ol style="text-align:justify;">
<li><strong>Trabajo en línea</strong>. Crea espacios de trabajo compartidos e invita fácilmente a miembros de tu equipo a subir archivos, iniciar debates y colaborar en línea.</li>
<li><strong>Compartir archivos</strong>. Fácilmente puede compartir archivos de gran tamaño sin usar FTP o los adjuntos del correo electrónico. Incluso puede saber cuando descargan sus archivos.</li>
<li><strong>Carpetas y subcarpetas</strong>. Cree y organice carpetas y subcarpetas que sustituyan a las de su servidor para el uso de toda su empresa.</li>
<li><strong>Acceso móvil</strong>. Puede ver sus archivos desde cualquier navegador, incluso en en un iPhone o un Blackberry.</li>
<li><strong>Comentarios en archivos, grupos de discusión y documentos en línea</strong>. Puede dejar comentarios a un documento, iniciar una discusión de grupo o compartir u documento.</li>
<li><strong>Actualizaciones</strong>. Como parte de su trabajo compartido, puede mantenerse al día de toda la actividad desde su correo electrónico o su cuenta de box.net</li>
<li><strong>Historial de versiones</strong>. Puede ver las versiones anterior de sus archivos incluso después de haber realizado cambios (solamente en la cuenta business).</li>
<li><strong>Gestión de usuarios</strong>. Puede administrar a los usuarios, restringir los permisos y controlar su actividad desde la consola de administrador (solo en la cuenta business)</li>
<li><strong>Controles de seguridad</strong>. Puede establecer distintos niveles de perisos, también crear un plazo para que un documento o un enlace se autoelimine. También proteger carpetas y documentos con contraseña (solo en la cuenta business).</li>
<li><strong>Fácil de usar</strong>. No es necesario que quienes usen box.net sean expertos o reciban largas capacitaciones. Además no es necesario comprar software ni hardware, está listo para usarse en cuestión de minutos.</li>
</ol>
<p style="text-align:justify;">Para empezar a usar box.net debemos crear una cuenta haciendo clic en el botón<strong> Sign up</strong> que se encuentra en la parte superior derecha de la página principal. Existen tres tipos de cuentas:</p>
<ul style="text-align:justify;">
<li>Lite. Cuenta siempre gratuita, almacenamiento de 1 GB, máximo tamaño de documentos subidos de 25 MB. Hasta 3 carpetas compartidas.</li>
<li>Individual. Tiene un costo de 19.95 dólares al mes. Ofrece 15 GB de almacenamiento, 1 GB de tamaño máximo para archivos subidos, soporte por teléfono 24/7, aceleración en la subida de archivos e historial de versiones.</li>
<li>Business. Cuenta para empresas pues se cobra por usuario 15 dólares al mes (siendo 3 el mínimo de usuarios permitidos). Da 15 GB de espacio, máximo de archivos subidos de 1 GB, soporte por teléfono 24/7, aceleración de subidas, consola de administrador.</li>
</ul>
<p style="text-align:justify;">Una vez que hayas creado tu cuenta (Lite en este caso), se te pedirá crear tu primera carpeta. Yo le he puesto &#8220;Mi primera carpeta&#8221;:</p>
<p style="text-align:center;">
<div id="attachment_2954" class="wp-caption aligncenter" style="width: 404px"><img class="size-full wp-image-2954" style="border:1px solid black;" title="carpetanueva" src="http://alvarofelipe.files.wordpress.com/2009/04/carpetanueva.jpg" alt="Escoge el nombre de tu carpeta, luego quien puede acceder a ella escoge &quot;Just me&quot; para que sea privada y &quot;Invite people to upload or download files&quot; para que sea compartida, luego puedes añadir los correos electrónicos de las personas con las que deseas compartir la carpeta (puedes dejarlo en blanco por ahora). Por último, elige si deseas solo ver la carpeta UViewer) o empezar a editarla (Editor). Finalmente presiona &quot;Create Folder&quot;, aunque, si deseas crear posteriormente tu carpeta puedes pulsar &quot;Not yet&quot;" width="394" height="343" /><p class="wp-caption-text">Escoge el nombre de tu carpeta, luego quien puede acceder a ella escoge &quot;Just me&quot; para que sea privada y &quot;Invite people to upload or download files&quot; para que sea compartida, luego puedes añadir los correos electrónicos de las personas con las que deseas compartir la carpeta (puedes dejarlo en blanco por ahora). Por último, elige si deseas solo ver la carpeta UViewer) o empezar a editarla (Editor). Finalmente presiona &quot;Create Folder&quot;, aunque, si deseas crear posteriormente tu carpeta puedes pulsar &quot;Not yet&quot;</p></div>
<p style="text-align:justify;">Ya hemos creado nuestra primera carpeta, pero antes de continuar, debemos llevar nuestra cuenta de box.net al español. Para eso vamos a settings (esquina superior derecha de la ventana de box.net). Luego escogemos nuestro idioma y nuestra zona horaria. Para Lima es GMT -5.00</p>
<p style="text-align:justify;">Ahora podemos continuar trabajando con box.net ya en español.</p>
<p style="text-align:justify;">
<div id="attachment_2955" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-2955" style="border:1px solid black;" title="menu" src="http://alvarofelipe.files.wordpress.com/2009/04/menu.jpg" alt="Menú principal de tu cuenta en box.net" width="500" height="30" /><p class="wp-caption-text">Menú principal de tu cuenta en box.net</p></div>
<p style="text-align:justify;">El menú principal tiene los siguientes elementos:</p>
<ul style="text-align:justify;">
<li><strong>Actualizaciones</strong>. Muestra tu actividad reciente, lo últimos archivos subidos, los últimos comentarios escritos, etc.</li>
<li>Mis archivos. Muestra tus documentos ordenados en las carpetas que hayas especificado.</li>
<li><strong>Colaboradores</strong>. Permite especificar con quienes compartimos carpetas. Para compartir una carpeta con un amigo o cliente este debe ser también usuario de box.net, de tal manera que verá en su cuenta la carpeta compartida como una más.</li>
<li><strong>Profile</strong>. Nuestro perfil en box.net, podemos editarlo, añadirle una foto e información personal.</li>
<li><strong>Servicios</strong>. Añade funcionalidades de otros servicios web 2.0 que se combinan con nuestros archivos de box.net. Estos servicios son:</li>
</ul>
<p style="text-align:justify;">
<div class="mceTemp mceIEcenter" style="text-align:justify;">
<dl class="wp-caption aligncenter">
<dt class="wp-caption-dt"><img class="size-full wp-image-2958" style="border:1px solid black;" title="servicios-box" src="http://alvarofelipe.files.wordpress.com/2009/04/servicios-box.jpg" alt="Servicios web 2.0 que pueden vincularse con box.net (la traducción es mía)." width="500" height="2363" /></dt>
<dd class="wp-caption-dd">Servicios web 2.0 que pueden vincularse con box.net (la traducción es mía).</dd>
</dl>
</div>
<p style="text-align:justify;">Podemos subir archivos desde el botón subir, además podemos crear nuevas carpetas y documentos web rápidos.</p>
<p style="text-align:justify;"><em><strong>Álvaro Felipe</strong></em><br />
<span style="color:#0000ff;"> afelipech@gmail.com</span></p>

	Etiquetas: <a href="http://alvarofelipe.com/tag/box/" title="Box" rel="tag">Box</a>, <a href="http://alvarofelipe.com/tag/boxnet/" title="Box.net" rel="tag">Box.net</a>, <a href="http://alvarofelipe.com/tag/compartir-archivos/" title="Compartir archivos" rel="tag">Compartir archivos</a>, <a href="http://alvarofelipe.com/tag/disco-duro-virtual/" title="Disco duro virtual" rel="tag">Disco duro virtual</a>, <a href="http://alvarofelipe.com/tag/ftp/" title="FTP" rel="tag">FTP</a>, <a href="http://alvarofelipe.com/tag/web-20/" title="Web 2.0" rel="tag">Web 2.0</a><br />

	<br /><br /><h5>Si este artículo te gustó también puedes leer:</h5>
	<ul class="st-related-posts">
	<li><a href="http://alvarofelipe.com/2008/10/18/%c2%bfwordpress-o-blogger/" title="¿Wordpress o Blogger? (18 Octubre 2008)">¿Wordpress o Blogger?</a> (3 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/04/08/wordpresscom-anade-widget-para-twitter/" title="Wordpress.com añade widget para twitter (8 Abril 2009)">Wordpress.com añade widget para twitter</a> (4 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/03/19/web-20/" title="Web 2.0 (19 Marzo 2009)">Web 2.0</a> (7 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/01/08/tus-fotos-de-zooomr-en-tu-blog-de-wordpresscom/" title="Tus fotos de Zooomr en tu blog de WordPress.com (8 Enero 2009)">Tus fotos de Zooomr en tu blog de WordPress.com</a> (0 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/08/23/nuevo-tema-en-wordpress-com-inove/" title="Nuevo tema en WordPress.com: iNove (23 Agosto 2009)">Nuevo tema en WordPress.com: iNove</a> (1 comentarios)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://alvarofelipe.com/2009/04/21/servicios-web-20-boxnet/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>iGoogle</title>
		<link>http://alvarofelipe.com/2009/04/16/igoogle/</link>
		<comments>http://alvarofelipe.com/2009/04/16/igoogle/#comments</comments>
		<pubDate>Thu, 16 Apr 2009 23:30:17 +0000</pubDate>
		<dc:creator>Álvaro Felipe</dc:creator>
				<category><![CDATA[Informática]]></category>
		<category><![CDATA[Tic]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[Gadgets]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[iGoogle]]></category>
		<category><![CDATA[Página de inicio]]></category>
		<category><![CDATA[Temas]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://alvarofelipe.wordpress.com/?p=2939</guid>
		<description><![CDATA[
El buscador Google es tan genial y útil que casi todas las personas lo colocan como página de inciio de sus navegadores. Sin embargo, la apariencia del buscador no es muy atractiva que digamos, para esto tenemos a iGoogle que es la página de inicio personalizada de Google.

Para usarla abrimos la página principal de Google [...]]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-2943" title="igoogle" src="http://alvarofelipe.files.wordpress.com/2009/04/igoogle.png" alt="igoogle" width="175" height="70" /></p>
<p style="text-align:justify;">El buscador <strong>Google</strong> es tan genial y útil que casi todas las personas lo colocan como página de inciio de sus navegadores. Sin embargo, la apariencia del buscador no es muy atractiva que digamos, para esto tenemos a <strong>iGoogle</strong> que es la página de inicio personalizada de <strong>Google</strong>.</p>
<p style="text-align:justify;"><span id="more-2960"></span></p>
<p style="text-align:justify;">Para usarla abrimos la página principal de <strong>Google</strong> y pulsamos el botón Acceder (necesitamos tener una cuenta de <strong>Google</strong>; si no la tenemos, la creamos):</p>
<div id="attachment_2940" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-2940" style="border:1px solid black;" title="0" src="http://alvarofelipe.files.wordpress.com/2009/04/0.jpg" alt="En la parte superior derecha de la página principal de Google se encuentra el botón &quot;Acceder&quot;" width="500" height="294" /><p class="wp-caption-text">En la parte superior derecha de la página principal de Google se encuentra el botón &quot;Acceder&quot;</p></div>
<p style="text-align:justify;">Recuerda que nuestra cuenta de <strong>Google</strong> nos permite usar todos los servicios <strong>Google</strong>, incluido el correo de <strong>Gmail</strong>. Cuando hayas accedido, notarás que en la parte superior de la página aparece tu cuenta de Google (<strong>tucuenta@gmail.com</strong>) Ahora podemos hacer clic en el botón <strong>iGoogle</strong>:</p>
<div id="attachment_2944" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-2944" style="border:1px solid black;" title="1" src="http://alvarofelipe.files.wordpress.com/2009/04/1.jpg" alt="1" width="500" height="268" /><p class="wp-caption-text">Cuando hemos accedido a Google aparece nuestro correo electrónico de Gmail en la parte superior (resaltado en amarillo en la imagen)</p></div>
<p style="text-align:justify;"><strong>Nota:</strong></p>
<blockquote>
<p style="text-align:justify;"><em>Si eres observador, habrás notado que el botón de <strong>iGoogle</strong> aparece incluso antes de haber accedido con nuestra cuenta. Entonces, te preguntarás: ¿para qué accedemos? La respuesta es sencilla: si accedemos, todos los cambios en nuestro <strong>iGoogle</strong> se mantendrán en cualquier computadora que utilicemos y solo serán visibles con nuestro usuario y nuestra contraseña. Si no accedemos, el <strong>iGoogle</strong> que configuremos servirá solo para la computadora donde lo creamos y para todos los usuarios (no será privado).</em></p>
</blockquote>
<p style="text-align:justify;">Una vez que entramos a iGoogle la apariencia será la siguiente:</p>
<p style="text-align:center;">
<div id="attachment_2945" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-2945" style="border:1px solid black;" title="igoogle-completo" src="http://alvarofelipe.files.wordpress.com/2009/04/igoogle-completo.jpg" alt="Interfaz predeterminada de iGoogle" width="500" height="576" /><p class="wp-caption-text">Interfaz predeterminada de iGoogle</p></div>
<p style="text-align:justify;">Debajo del buscador aparece una barra azul con sugerencias para añadir a nuestra página de inicio. Podemos añadir elementos y hacer clic en Guardar o hacer clic en Cancelar si no queremos añadir nada. Hecho eso, la barra azul desaparece y en su lugar aparecen los siguientes botones:</p>
<ul style="text-align:justify;">
<li><strong>Acceder a temas de artistas</strong>. Permite cambiar el diseño de iGoogle por uno inspirado en alguna celebridad (músicos, actores y actrices, diseñadores, modelos, etc.)</li>
<li><strong>Cambiar tema predeterminado</strong>. Permite cambiar el diseño de iGoogle por una gran cantidad de diseños disponibles.</li>
<li><strong>Añadir más</strong>. Permite añadir Gadgets. Los gadgets son los pequeños cuadros de contenido que se encuentran debajo del buscador.</li>
</ul>
<p style="text-align:justify;">Empezaremos añadiendo un nuevo diseño. Yo he elegido el botón cambiar tema predeterminado y añadí el tema París, tu puedes escoger el que prefieras:</p>
<p><img class="aligncenter size-full wp-image-2946" title="igoogle-paris" src="http://alvarofelipe.files.wordpress.com/2009/04/igoogle-paris.jpg" alt="igoogle-paris" width="500" height="110" /></p>
<p>Algunos temas cambian con el tiempo mostrando el atardecer, anochecer o amanecer por ejemplo. Para eso debes escoger tu ubicación en el cuadro que aparecerá en iGoogle:</p>
<p><img class="aligncenter size-full wp-image-2947" title="ubicacion-tema" src="http://alvarofelipe.files.wordpress.com/2009/04/ubicacion-tema.jpg" alt="ubicacion-tema" width="292" height="218" /></p>
<p style="text-align:justify;">Listo, ya tenemos un tema vistoso. Solo nos falta añadir Gadgets. Los gadgets son cuadros de contenido que podemos acomodar arrastrando y soltando en iGoogle. Para añadirlos pulsamos el botón Añadir más y escogemos los gadgets que nos gusten (a la izquierda se ve una lista por categorías). Yo he añadido un reloj, un gadget de youtube y uno para usar el messenger de hotmail desde iGoogle (tú puedes añadir los que te agraden):</p>
<p style="text-align:justify;"><img class="aligncenter size-full wp-image-2948" title="igoogle-final" src="http://alvarofelipe.files.wordpress.com/2009/04/igoogle-final.jpg" alt="igoogle-final" width="500" height="507" /></p>
<p style="text-align:justify;">Puedes probar añadiendo cuantos gadgets quieras o crear los tuyos. Además, puedes organizar los contenidos por pestañas.</p>
<p style="text-align:justify;">Por último, no olvides que acceder a Google te permite utilizar todos sus servicios (como Gmail, Google Reader o Google Docs, por ejemplo), así que fácilmente iGoogle se convertirá en tu página de inicio antes que la aburrida página tradicional de Google.</p>
<p style="text-align:right;"><em><strong>Álvaro Felipe</strong></em><br />
<span style="color:#0000ff;"> afelipech@gmail.com</span></p>

	Etiquetas: <a href="http://alvarofelipe.com/tag/gadgets/" title="Gadgets" rel="tag">Gadgets</a>, <a href="http://alvarofelipe.com/tag/google/" title="Google" rel="tag">Google</a>, <a href="http://alvarofelipe.com/tag/igoogle/" title="iGoogle" rel="tag">iGoogle</a>, <a href="http://alvarofelipe.com/tag/pagina-de-inicio/" title="Página de inicio" rel="tag">Página de inicio</a>, <a href="http://alvarofelipe.com/tag/temas/" title="Temas" rel="tag">Temas</a>, <a href="http://alvarofelipe.com/tag/web-20/" title="Web 2.0" rel="tag">Web 2.0</a><br />

	<br /><br /><h5>Si este artículo te gustó también puedes leer:</h5>
	<ul class="st-related-posts">
	<li><a href="http://alvarofelipe.com/2009/04/14/correo-electronico-gmail/" title="Correo electrónico &#8211; Gmail (14 Abril 2009)">Correo electrónico &#8211; Gmail</a> (5 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/04/07/capacitacion-docente-en-tic-sesion-3/" title="Capacitación docente en TIC &#8211; Sesión 3 (7 Abril 2009)">Capacitación docente en TIC &#8211; Sesión 3</a> (3 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2008/10/18/%c2%bfwordpress-o-blogger/" title="¿Wordpress o Blogger? (18 Octubre 2008)">¿Wordpress o Blogger?</a> (3 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2008/08/06/%c2%a1mi-primer-pagerank/" title="¡Mi primer pagerank! (6 Agosto 2008)">¡Mi primer pagerank!</a> (0 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/02/24/%c2%a1gmail-caido/" title="¡Gmail caído! (24 Febrero 2009)">¡Gmail caído!</a> (0 comentarios)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://alvarofelipe.com/2009/04/16/igoogle/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Gmail &#8211; Manejo de contactos y de otras cuentas</title>
		<link>http://alvarofelipe.com/2009/04/15/gmail-manejo-de-contactos-y-de-otras-cuentas/</link>
		<comments>http://alvarofelipe.com/2009/04/15/gmail-manejo-de-contactos-y-de-otras-cuentas/#comments</comments>
		<pubDate>Thu, 16 Apr 2009 03:42:57 +0000</pubDate>
		<dc:creator>Álvaro Felipe</dc:creator>
				<category><![CDATA[Informática]]></category>
		<category><![CDATA[Tic]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[Chat]]></category>
		<category><![CDATA[Contactos]]></category>
		<category><![CDATA[Gmail]]></category>
		<category><![CDATA[Importar cuentas de correo]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://alvarofelipe.wordpress.com/?p=2928</guid>
		<description><![CDATA[El manejo de contactos es una pieza fundamental del correo electrónico, desde un profesional con una apretada agenda de trabajo hasta un adolescente que quiere comunicarse con sus amigos, tener en orden nuestros contactos es crucial para lograr productividad.
Hacemos clic en el menú Contactos del menú principal. Se abrirá una nueva ventana con el siguiente [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align:justify;">El manejo de contactos es una pieza fundamental del correo electrónico, desde un profesional con una apretada agenda de trabajo hasta un adolescente que quiere comunicarse con sus amigos, tener en orden nuestros contactos es crucial para lograr productividad.</p>
<p>Hacemos clic en el menú Contactos del menú principal. Se abrirá una nueva ventana con el siguiente aspecto:</p>
<p style="text-align:justify;">
<p><img class="aligncenter size-full wp-image-2930" title="contactos" src="http://alvarofelipe.files.wordpress.com/2009/04/contactos.jpg" alt="contactos" width="500" height="206" /></p>
<p style="text-align:justify;"><span id="more-2928"></span></p>
<p style="text-align:justify;">Los primeros dos botones de la parte superior (a la izquierda) son para añadir un contacto (el primero) y para añadir un grupo (el segundo). Los grupos son importantes para mantener separados a los contactos del trabajo con los de la familia por ejemplo. Gmail trae “de fábrica” tres grupos preestablecidos: Amigos, Familia y Compañeros.</p>
<p>Añadir un contacto no es nada del otro mundo. Basta presionar el botón y llenar un simple formulario. Lo mismo para crear un grupo.</p>
<div class="mceTemp mceIEcenter" style="text-align:justify;">
<dl class="wp-caption aligncenter">
<dt class="wp-caption-dt"><img class="size-full wp-image-2931" title="contactos-y-grupos" src="http://alvarofelipe.files.wordpress.com/2009/04/contactos-y-grupos.png" alt="Botón &quot;Añadir contacto&quot; (izquierda) y &quot;Añadir grupo&quot; (derecha)" width="114" height="71" /></dt>
<dd class="wp-caption-dd">&#8220;Añadir contacto&#8221; (izquierda) y &#8220;Añadir grupo&#8221; (derecha)</dd>
</dl>
</div>
<p style="text-align:justify;">
<p>Podemos crear grupos incluso para situaciones especiales. Por ejemplo, si estamos organizando una fiesta, podemos crear un grupo con todos los invitados para enviarles correos con los detalles o cambios de última hora.</p>
<p>Para enviar un correo a todo un grupo basta con seleccionarlo desde el panel de contactos. Luego seleccionar a todos los contactos del grupo y hacer clic en correo electrónico.</p>
<p>Recuerda que el límite de envíos es de 500 destinatarios. Si excedes esa cifra, Gmail considerará que tu correo es Spam y bloqueará tu cuenta por 24 horas.</p>
<p>* También se puede enviar un correo a todos los contactos de un grupo si en el campo Para (al redactar el mensaje) se escribe el nombre del grupo.</p>
<h2 style="text-align:justify;">Importación de contactos de otra cuenta</h2>
<p style="text-align:justify;">
Muy bien, todo suena bonito pero aunque Gmail parece ser un correo genial. Si tenemos una cuenta de Hotmail o Yahoo! Nos sentiremos agobiados con la sola de idea de volver a empezar pues ya tenemos mensajes y contactos en nuestra cuenta anterior.</p>
<p>Para importar contactos a Gmail desde otras cuentas primer debemos exportar desde cada una un archivo CSV.</p>
<p>En Hotmail vamos a opciones y luego escojemos Más opciones. Finalmente escogemos exportar contactos, seguimos las instrucciones y listo.</p>
<p>En Yahoo! Hacemos clic en Opciones, luego en Opciones de correo, luego en contactos y luego en Importar y exportar. Por último, en la sección exportar (en la parte inferior de la ventana), escoge Archivo CSV de Yahoo! Y haz clic en exportar ahora.</p>
<p>Una vez que tengamos el archivo CSV en nuestro disco duro, lo podremos importar a Gmail haciendo clic en Importar (dentro del Panel de Contactos) y seleccionando el archivo CSV que habíamos descargado. Es todo, ahora tenemos nuestros contactos de otras cuentas en Gmail.</p>
<h2 style="text-align:justify;">Leer nuestros mensajes de otras cuentas con Gmail</h2>
<p style="text-align:justify;">
Puesto que Hotmail es el servicio de correo más usado hasta ahora, vamos a configurar nuestra cuenta de Gmail para que pueda leer nuestros correos de Hotmail.</p>
<p>Para eso en nuestra cuenta de Gmail vamos a Configuración, luego a la pestaña Cuentas y en Recibir mensajes de otras cuentas hacemos clic en Añadir una cuenta de correo de tu propiedad.</p>
<p>En la ventana que aparece escribimos nuestra cuenta de correo de hotmail y hacemos clic en siguiente. Luego llenamos los siguientes datos:</p>
<p style="text-align:justify;"><img class="aligncenter size-full wp-image-2932" title="hotmail" src="http://alvarofelipe.files.wordpress.com/2009/04/hotmail.jpg" alt="hotmail" width="500" height="313" /></p>
<ul style="text-align:justify;">
<li> Nombre de usuario: Tu correo de Hotmail (no olvides escribir @hotmail al final).</li>
<li> Contraseña. Tu contraseña de Hotmail.</li>
<li> Servidores POP: escribe pop3.live.com y en puerto escoge 995.</li>
<li> Activa la opción Dejar una copia del mensaje recuperado en el servidor. Si no activas esa opción, cada vez que Gmail descargue un mensaje, este se borrará definitivamente de Hotmail.</li>
<li> Activa la opción de usar conexión segura SSL.</li>
<li> Puedes escoger una etiqueta para identificar tus mensajes de Hotmail y no se confundan con los de Gmail. Por defecto (de fábrica) la etiqueta para estos correos es tu dirección de correo de Hotmail.</li>
<li>Desactiva Archivar mensajes entrantes para que veas los correos de Hotmail en tu bandeja de entrada.</li>
<li>Por último haz clic en Añadir cuenta y listo. Demorará algunos minutos dependiendo de la cantidad de mensajes que tengas en la otra cuenta, pero al final podrás leer todos tus correos de Hotmail desde Gmail.</li>
</ul>
<p style="text-align:justify;">
<h2 style="text-align:justify;">Chat en Gmail</h2>
<p style="text-align:justify;">Si bien existen muchas otras funciones interesantes en Gmail y cada usuario puede ahondar en ellas en su momento. Por ahora culminaremos nuestra exploración del correo de Google hablando del chat integrado.</p>
<p style="text-align:justify;">En el panel izquierdo del correo se encuentra el cuadro de chat. Es visible porque aparecerá nuestro nombre con un círculo verde a su izquierda. Si esta contraído, presiona el signo más (+) para expandirlo.</p>
<p><img class="aligncenter size-full wp-image-2933" title="chat-gmail" src="http://alvarofelipe.files.wordpress.com/2009/04/chat-gmail.png" alt="chat-gmail" width="167" height="128" /></p>
<p style="text-align:justify;">Basta con añadir contactos (desde el botón inferior) al chat. El contacto recibirá la invitación y una vez que la acepte podrás chatear con él. Sabrás que un contacto está en línea porque aparece un círculo verde al costado de su nombre.</p>
<p>Basta hacer clic (no doble clic) en un contacto en línea para que se abra una ventana de chat y podamos conversar.</p>

	Etiquetas: <a href="http://alvarofelipe.com/tag/chat/" title="Chat" rel="tag">Chat</a>, <a href="http://alvarofelipe.com/tag/contactos/" title="Contactos" rel="tag">Contactos</a>, <a href="http://alvarofelipe.com/tag/gmail/" title="Gmail" rel="tag">Gmail</a>, <a href="http://alvarofelipe.com/tag/importar-cuentas-de-correo/" title="Importar cuentas de correo" rel="tag">Importar cuentas de correo</a>, <a href="http://alvarofelipe.com/tag/web-20/" title="Web 2.0" rel="tag">Web 2.0</a><br />

	<br /><br /><h5>Si este artículo te gustó también puedes leer:</h5>
	<ul class="st-related-posts">
	<li><a href="http://alvarofelipe.com/2009/04/14/correo-electronico-gmail/" title="Correo electrónico &#8211; Gmail (14 Abril 2009)">Correo electrónico &#8211; Gmail</a> (5 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2008/10/18/%c2%bfwordpress-o-blogger/" title="¿Wordpress o Blogger? (18 Octubre 2008)">¿Wordpress o Blogger?</a> (3 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/02/24/%c2%a1gmail-caido/" title="¡Gmail caído! (24 Febrero 2009)">¡Gmail caído!</a> (0 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2010/02/18/%c2%a1cuidado-robo-masivo-de-contrasenas-de-gmail-pishing/" title="¡Cuidado! &#8211; Robo masivo de contraseñas de Gmail (pishing) (18 Febrero 2010)">¡Cuidado! &#8211; Robo masivo de contraseñas de Gmail (pishing)</a> (1 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/04/08/wordpresscom-anade-widget-para-twitter/" title="Wordpress.com añade widget para twitter (8 Abril 2009)">Wordpress.com añade widget para twitter</a> (4 comentarios)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://alvarofelipe.com/2009/04/15/gmail-manejo-de-contactos-y-de-otras-cuentas/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Correo electrónico &#8211; Gmail</title>
		<link>http://alvarofelipe.com/2009/04/14/correo-electronico-gmail/</link>
		<comments>http://alvarofelipe.com/2009/04/14/correo-electronico-gmail/#comments</comments>
		<pubDate>Wed, 15 Apr 2009 02:39:07 +0000</pubDate>
		<dc:creator>Álvaro Felipe</dc:creator>
				<category><![CDATA[Informática]]></category>
		<category><![CDATA[Tic]]></category>
		<category><![CDATA[Clases]]></category>
		<category><![CDATA[Correo electrónico]]></category>
		<category><![CDATA[Gmail]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://alvarofelipe.wordpress.com/?p=2710</guid>
		<description><![CDATA[
Existen varias empresas que brindan servicio de correo electrónico gratuito como Zoho, Hotmail o Yahoo!, sin embargo, desde la aparición de Gmail hace cinco años, el correo electrónico no volvió a ser el mismo.
Razones para usar Gmail:


Espacio de almacenamiento de 7GB. Google fue el primero en dar gran espacio en disco cuando Hotmail daba apenas [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align:justify;">
<div id="attachment_2896" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-2896" title="gmail" src="http://alvarofelipe.files.wordpress.com/2009/04/gmail.jpg" alt="Google Mail: el mejor servicio de correo electrónico en la actualidad" width="500" height="206" /><p class="wp-caption-text">Google Mail: el mejor servicio de correo electrónico en la actualidad</p></div>
<p style="text-align:justify;">Existen varias empresas que brindan servicio de correo electrónico gratuito como <a href="http://mail.zoho.com" target="_blank"><strong>Zoho</strong></a>, <a href="http://hotmail.com" target="_blank"><strong>Hotmail</strong></a> o <a href="http://mail.yahoo.com" target="_blank"><strong>Yahoo!</strong></a>, sin embargo, desde la aparición de <strong>Gmail</strong> hace cinco años, el correo electrónico no volvió a ser el mismo.</p>
<p style="text-align:justify;">Razones para usar <strong>Gmail</strong>:</p>
<p style="text-align:justify;"><span id="more-2710"></span></p>
<ul style="text-align:justify;">
<li>Espacio de almacenamiento de 7GB. Google fue el primero en dar gran espacio en disco cuando Hotmail daba apenas 20 MB y Yahoo 500 MB.</li>
<li>Buscador integrado. Toda la tecnología del buscador Google está integrada en tu cuenta de Gmail para encontrar cualquier mensaje, entre miles, fácilmente.</li>
<li>Etiquetas en vez de carpetas. Gmail ofreció etiquetas (palabras clave) para organizar rápidamente los mensajes. Por ejemplo, un mensaje no puede pertenecer a dos carpetas distintas, pero si puede tener dos etiquetas distintas.</li>
<li>Accesos de teclado para leer los mensajes y redactarlos.</li>
<li>Posibilidad de visualizar archivos adjuntos (como hojas de word, presentaciones power point, hojas de cálculo o documentos pdf) desde el mismo correo sin abrir un programa adicional.</li>
<li>Excelente sistema de protección de spam.</li>
<li>Chat integrado en el correo electrónico para conversar en tiempo real con nuestros contactos (incluso con audio y video). Además, todas las conversaciones son almacenadas como mensajes de correo.</li>
<li>El equipo de Gmail añade nuevas funcionalidades con mucha frecuencia (a veces hasta de forma quincenal).</li>
</ul>
<p style="text-align:justify;">Para crear una cuenta de Gmail vamos a la web principal mail.google.com (también podemos entrar a gmail.com, que aunque no es la dirección oficial, nos redirecciona al correo de Google) y hacemos clic en el botón <strong>Crear una cuenta</strong>.</p>
<p><img class="aligncenter size-full wp-image-2889" title="gmail-crear-cuenta" src="http://alvarofelipe.files.wordpress.com/2009/04/gmail-crear-cuenta.jpg" alt="gmail-crear-cuenta" width="500" height="424" /></p>
<p>A continuación, debemos rellenar un formulario bastante sencillo con los siguientes campos:</p>
<p><img class="aligncenter size-full wp-image-2890" title="nombre-de-usuario-gmail" src="http://alvarofelipe.files.wordpress.com/2009/04/nombre-de-usuario-gmail.jpg" alt="nombre-de-usuario-gmail" width="500" height="194" /></p>
<p style="text-align:justify;">En <strong>Nombre</strong> y <strong>Apellido</strong> coloca tus datos reales, mientras que en nombre de registro debes escoger (inventar) un nombre para tu correo electrónico. Al final tu correo electrónico será:</p>
<p style="text-align:center;"><span style="color:#0000ff;"><strong>nombrederegistro@gmail.com</strong></span></p>
<p style="text-align:justify;">Ahora bien, puesto que existen millones de personas en el mundo, si te llamas Carlos o José es muy posible que esos nombre de registro ya hayan sido tomados, por lo que debes escoger un nombre que esté disponible (para eso debes pulsar el botón comprobar disponibilidad). Te recomiendo crear un nombre corto e identificativo; algo como nombre y apellido o iniciales. A menos que seas adolescente evita registros como <span style="color:#0000ff;">lanenalinda@gmail</span> o <span style="color:#0000ff;">tuamigoforever@gmail.com</span> o <span style="color:#0000ff;">paticyta3@gmail.com</span> porque solo restan seriedad y profesionalismo al correo.</p>
<p>Luego debes escoger una contraseña. Esta parte es muy importante pues la contraseña es la llave con la que tu solo podrás abrir tu correo. Así que evita contraseñas como 123456 tu fecha de nacimiento o número de teléfono porque son fáciles de averiguar.</p>
<p>La contraseña debe tener al menos ocho caracteres y solo se admiten letras, números y puntos. Además la contraseña diferencia entre mayúsculas y minúsculas para mayor seguridad (es muy recomendable intercalar al menos una letra en mayúscula en la contraseña).</p>
<p style="text-align:center;"><em>* Recuerde desactivar la opción Recordarme en este equipo.</em></p>
<p style="text-align:justify;">La pregunta de seguridad es una pregunta secreta para recuperar nuestra contraseña en caso de que la olvidemos. Así que debes escoger una pregunta y escribir una respuesta.</p>
<p style="text-align:justify;">La dirección de correo electrónico es cualquier otra cuenta de correo que tengamos y se puede usar para recuperar nuestra cuenta de Gmail en alguna emergencia. Pero no es obligatorio llenar este campo.</p>
<p style="text-align:justify;">Luego debes escoger tu ubicación (país) y escribir la palabra que se mostrará en letras torcidas. Esto se hace para verificar que quien crea la cuenta es un ser humano y no una máquina (un software específico).</p>
<p style="text-align:justify;">Por último haz clic en el botón acepto, crear mi cuenta. Una vez creada la cuenta verás una pantalla que te indica las características de Gmail y un botón que dice:</p>
<h2 style="text-align:center;">Estoy listo, lléveme a mi cuenta.</h2>
<p>La apariencia de Gmail será la siguiente:</p>
<p style="text-align:justify;"><img class="aligncenter size-full wp-image-2892" title="interfaz" src="http://alvarofelipe.files.wordpress.com/2009/04/interfaz.jpg" alt="interfaz" width="500" height="360" /></p>
<p style="text-align:justify;">Los elementos son los siguientes:</p>
<ol style="text-align:justify;">
<li><strong>Bandeja de mensajes</strong>. Acá verás tus mensajes, tus conversaciones de chat guardadas, los correos marcados como spam, el contenido de la papelera, etc.</li>
<li> <strong>Menú principal</strong>. Desde este menú se puede leer el correo (Recibidos) escribir un nuevo correo (Redactar), nuestros correos marcados como favoritos (Destacados), nuestras conversaciones de chat guardadas automáticamente (Chat), los correos que hemos escrito (Enviados), los correos que hemos escrito pero no hemos enviado (Borradores), todos los mensajes de todas las etiquetas (Todos), el correo marcado como basura (Spam) y el correo eliminado (Papelera).</li>
<li> <strong>Acciones</strong>. Contiene las acciones que podemos hacer con los mensajes. Archivarlos, borrarlos, marcarlos como basura (spam), moverlos, etc.</li>
<li> <strong>Chat, Etiquetas, Invitaciones</strong>. Muestra a nuestros contactos para chatear con ellos. También nuestras etiquetas y un cuadro para invitar a nuestros amigo a usar Gmail.</li>
<li> <strong>Buscador</strong>. Permite buscar en nuestros mensajes de correo o buscar en la web.</li>
<li> <strong>Configuración</strong>, Ayuda, Salir. Permite establecer los parámetros de nuestra cuenta de correo, ayuda y salir de nuestra cuenta.</li>
<li> <strong>Servicios Google</strong>. Permite acceder a otros servicios de Google además de Gmail.</li>
<li> <strong>Información</strong>. Nos da información sobre nuestra cuenta de correo.</li>
</ol>
<h2 style="text-align:justify;">Configuración de nuestra cuenta de correo.</h2>
<p style="text-align:justify;">Para configurar nuestra cuenta entramos a configuración. Veremos nueve pestañas:</p>
<ol style="text-align:justify;">
<li><strong>General</strong>. Permite establecer el idioma, el número de mensajes por página, activar los atajos de teclado, establecer una imagen, crear una firma, etc.</li>
<li> <strong>Cuentas</strong>. Permite usar Gmail para controlar otras cuentas de correo (recibir mensajes y enviarlos).</li>
<li> <strong>Etiquetas</strong>. Permite administrar las etiquetas para los mensajes.</li>
<li> <strong>Filtros</strong>. Administra los filtros.</li>
<li> <strong>Reenvio y correo POP/IMAP</strong>. Permite activar la descarga o sincronización de correo con otros programas (como Mozilla Thunderbird) a través de POP o IMAP.</li>
<li> <strong>Chat</strong>. Permite establecer las preferencias del chat.</li>
<li> <strong>Clips de la web</strong>. Permite decidir si queremos ver extractos de sitios web encima de nuestros correos recibidos.</li>
<li> <strong>Labs</strong>. Muestra una serie de experimentos en los que trabajan los ingenieros de Google para mejorar Gmail.</li>
<li> <strong>Temas</strong>. Permite escoger un diseño para nuestra cuenta o personalizar nuestros colores.</li>
</ol>
<h2 style="text-align:justify;">Redactar un mensaje de correo electrónico</h2>
<p style="text-align:justify;">Basta con hacer clic en el botón Redactar o presionar la letra C en el teclado. Se mostrarán las siguientes opciones:</p>
<p><img class="aligncenter size-full wp-image-2895" title="redactar" src="http://alvarofelipe.files.wordpress.com/2009/04/redactar.jpg" alt="redactar" width="500" height="444" /></p>
<ul>
<li><strong>Enviar</strong>. Para enviar el mensaje cuando hayamos terminado de redactarlo.</li>
<li><strong>Guardar ahora</strong>. Para guardar el mensaje como borrador. Sin embargo, Gmail irá guardando automáticamente el mensaje mientras escribamos.</li>
<li><strong>Descartar</strong>. Para cancelar el mensaje que estamos escribiendo.</li>
<li><strong>Para</strong>: Aquí se escribe la dirección de correo del destinatario.</li>
<li><strong>Añadir Cc</strong>. Para enviar una copia del correo a otra dirección.</li>
<li><strong>Añadir CCO</strong>. Para enviar una copia oculta del correo.
<ul style="text-align:justify;">
<li><em>Si se desea enviar el mensaje a varias direcciones debes escribirlas separadas por comas.</em></li>
</ul>
</li>
<li><strong>Asunto</strong>. Aca se escribe el título del correo.</li>
<li><strong>Adjuntar un archivo</strong>. Permite enviar un archivo junto con el correo. Debes recordar que el peso máximo de un correo es de 20 MB (incluyendo los archivos adjuntos), si un correo sobrepasa ese tamaño, será devuelto al remitente.</li>
<li><strong>Formato de texto</strong>. Se puede enriquecer el texto del mensaje agregándole formato como tipo de letra, color de letra, lista de viñetas, lista numerada, entre otras. Incluso se puede verificar la ortografía.</li>
<li><strong>Texto</strong>. Al final de las herramientas de formato aparece un botón que dice Texto. Haciendo clic en él se elimina el formato del texto.
<ul style="text-align:justify;">
<li><em>Si has escrito una firma en la configuración de tu cuenta, se mostrará automáticamente al final del texto del mensaje.</em></li>
</ul>
</li>
</ul>
<p style="text-align:right;"><em><strong>Álvaro Felipe</strong></em><br />
<span style="color:#0000ff;"> afelipech@gmail.com</span></p>

	Etiquetas: <a href="http://alvarofelipe.com/tag/clases/" title="Clases" rel="tag">Clases</a>, <a href="http://alvarofelipe.com/tag/correo-electronico/" title="Correo electrónico" rel="tag">Correo electrónico</a>, <a href="http://alvarofelipe.com/tag/gmail/" title="Gmail" rel="tag">Gmail</a>, <a href="http://alvarofelipe.com/tag/google/" title="Google" rel="tag">Google</a>, <a href="http://alvarofelipe.com/tag/tic/" title="Tic" rel="tag">Tic</a>, <a href="http://alvarofelipe.com/tag/web-20/" title="Web 2.0" rel="tag">Web 2.0</a><br />

	<br /><br /><h5>Si este artículo te gustó también puedes leer:</h5>
	<ul class="st-related-posts">
	<li><a href="http://alvarofelipe.com/2009/04/07/capacitacion-docente-en-tic-sesion-3/" title="Capacitación docente en TIC &#8211; Sesión 3 (7 Abril 2009)">Capacitación docente en TIC &#8211; Sesión 3</a> (3 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/02/24/%c2%a1gmail-caido/" title="¡Gmail caído! (24 Febrero 2009)">¡Gmail caído!</a> (0 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/02/20/manual-de-moodle-capitulo-9-cambiar-la-apariencia-de-moodle-con-los-temas/" title="Manual de Moodle, capítulo 9: Cambiar la apariencia de Moodle con los temas (20 Febrero 2009)">Manual de Moodle, capítulo 9: Cambiar la apariencia de Moodle con los temas</a> (2 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2008/09/12/capitulo-7-moodle-en-espanol/" title="Manual de Moodle, capítulo 7: Moodle en español (12 Septiembre 2008)">Manual de Moodle, capítulo 7: Moodle en español</a> (0 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2008/07/04/capitulo-6-estructura-de-carpetas-en-moodle/" title="Manual de Moodle, capítulo 6: Estructura de carpetas en Moodle (4 Julio 2008)">Manual de Moodle, capítulo 6: Estructura de carpetas en Moodle</a> (0 comentarios)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://alvarofelipe.com/2009/04/14/correo-electronico-gmail/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Curso de WordPress.com: 4.1 &#8211; Widgets (Del.icio.us)</title>
		<link>http://alvarofelipe.com/2009/04/13/curso-de-wordpresscom-41-widgets-delicious/</link>
		<comments>http://alvarofelipe.com/2009/04/13/curso-de-wordpresscom-41-widgets-delicious/#comments</comments>
		<pubDate>Tue, 14 Apr 2009 03:57:58 +0000</pubDate>
		<dc:creator>Álvaro Felipe</dc:creator>
				<category><![CDATA[Informática]]></category>
		<category><![CDATA[Tic]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[Crea tu propio blog]]></category>
		<category><![CDATA[Curso de WordPress.com]]></category>
		<category><![CDATA[Delicious]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Widget]]></category>

		<guid isPermaLink="false">http://alvarofelipe.wordpress.com/?p=2861</guid>
		<description><![CDATA[
Del.icio.us.
Delicious.com es un servicio de marcadores sociales. Es decir, podemos crear una cuenta y añadir nuestras páginas web favoritas. Esto no es nada del otro mundo, sino fuera porque podemos compartir esos favoritos con los demás usuarios de delicious. Este widgets muestra tus marcadores de delicious en tu blog. Para usarlo primero debes crear una [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align:center;"><img class="aligncenter size-full wp-image-2828" title="wordpress" src="http://alvarofelipe.files.wordpress.com/2009/04/wordpress.png" alt="wordpress" width="322" height="71" /></p>
<h1><strong>Del.icio.us</strong>.</h1>
<p style="text-align:justify;"><a href="http://delicious.com" target="_blank">Delicious.com</a> es un servicio de marcadores sociales. Es decir, podemos crear una cuenta y añadir nuestras páginas web favoritas. Esto no es nada del otro mundo, sino fuera porque podemos compartir esos favoritos con los demás usuarios de delicious. Este widgets muestra tus marcadores de delicious en tu blog. Para usarlo primero debes crear una cuenta en Delicious y añadir marcadores a tu cuenta.</p>
<p style="text-align:justify;"><span id="more-2861"></span></p>
<p style="text-align:justify;">Para crear un marcador haz clic en el botón Save a new bookmark.</p>
<p style="text-align:justify;">
<div id="attachment_2883" class="wp-caption aligncenter" style="width: 311px"><img class="size-full wp-image-2883" style="border:1px solid black;" title="delicious" src="http://alvarofelipe.files.wordpress.com/2009/04/delicious.jpg" alt="Agregar nuevo marcador" width="301" height="139" /><p class="wp-caption-text">Agregar nuevo marcador</p></div>
<p style="text-align:justify;">Obviamente, existen formas ás productivas de añadir marcadores a Delicious. Una de ellas es usar la extensión oficial de delicious para Firefox. Se instala desde este enlace:</p>
<p style="text-align:center;"><strong><a href="https://addons.mozilla.org/es-ES/firefox/addon/3615" target="_blank">https://addons.mozilla.org/es-ES/firefox/addon/3615</a></strong></p>
<p style="text-align:justify;">
<p style="text-align:justify;">
<p style="text-align:justify;">
<p style="text-align:justify;">Luego, en el tablero de tu blog,  activa este widget, ponle un título, el nombre de tu cuenta en delicious, el número de marcadores que quieres que se muestren y si deseas que solo se muestren los que tengan ciertas etiquetas puedes añadirlas en el espacio inferior (separadas por espacios):</p>
<p style="text-align:justify;">
<div id="attachment_2858" class="wp-caption aligncenter" style="width: 288px"><img class="size-full wp-image-2858" title="delicious1" src="http://alvarofelipe.files.wordpress.com/2009/04/delicious1.png" alt="Configuración del Widget de Delicious" width="278" height="394" /><p class="wp-caption-text">Configuración del Widget de Delicious</p></div>
<p style="text-align:justify;">Es todo, a partir de ahora tus últimos marcadores de <a href="http://delicious.com" target="_blank"><strong>Delicious</strong></a> aparecerán en la barra lateral de tu blog de WordPress.com</p>
<p style="text-align:right;"><em><strong>Álvaro Felipe</strong></em><br />
<span style="color:#0000ff;"> afelipech@gmail.com</span></p>

	Etiquetas: <a href="http://alvarofelipe.com/tag/crea-tu-propio-blog/" title="Crea tu propio blog" rel="tag">Crea tu propio blog</a>, <a href="http://alvarofelipe.com/tag/curso-de-wordpress-com/" title="Curso de WordPress.com" rel="tag">Curso de WordPress.com</a>, <a href="http://alvarofelipe.com/tag/delicious/" title="Delicious" rel="tag">Delicious</a>, <a href="http://alvarofelipe.com/tag/tic/" title="Tic" rel="tag">Tic</a>, <a href="http://alvarofelipe.com/tag/web-20/" title="Web 2.0" rel="tag">Web 2.0</a>, <a href="http://alvarofelipe.com/tag/widget/" title="Widget" rel="tag">Widget</a><br />

	<br /><br /><h5>Si este artículo te gustó también puedes leer:</h5>
	<ul class="st-related-posts">
	<li><a href="http://alvarofelipe.com/2009/04/12/curso-de-wordpresscom-4-widgets/" title="Curso de WordPress.com: 4 &#8211; Widgets (12 Abril 2009)">Curso de WordPress.com: 4 &#8211; Widgets</a> (2 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/04/10/curso-de-wordpresscom-3-cambia-el-diseno/" title="Curso de WordPress.com: 3 &#8211; Cambia el diseño (10 Abril 2009)">Curso de WordPress.com: 3 &#8211; Cambia el diseño</a> (5 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/04/09/curso-de-wordpresscom-2-conoce-tu-tablero/" title="Curso de WordPress.com: 2 &#8211; Conoce tu tablero (9 Abril 2009)">Curso de WordPress.com: 2 &#8211; Conoce tu tablero</a> (3 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/04/09/curso-de-wordpresscom-1-crea-tu-blog/" title="Curso de Wordpress.com: 1 &#8211; Crea tu blog (9 Abril 2009)">Curso de Wordpress.com: 1 &#8211; Crea tu blog</a> (3 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/04/08/wordpresscom-anade-widget-para-twitter/" title="Wordpress.com añade widget para twitter (8 Abril 2009)">Wordpress.com añade widget para twitter</a> (4 comentarios)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://alvarofelipe.com/2009/04/13/curso-de-wordpresscom-41-widgets-delicious/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Curso de WordPress.com: 4 &#8211; Widgets</title>
		<link>http://alvarofelipe.com/2009/04/12/curso-de-wordpresscom-4-widgets/</link>
		<comments>http://alvarofelipe.com/2009/04/12/curso-de-wordpresscom-4-widgets/#comments</comments>
		<pubDate>Sun, 12 Apr 2009 15:03:05 +0000</pubDate>
		<dc:creator>Álvaro Felipe</dc:creator>
				<category><![CDATA[Informática]]></category>
		<category><![CDATA[Tic]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[Crea tu propio blog]]></category>
		<category><![CDATA[Curso de WordPress.com]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Widget]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://alvarofelipe.wordpress.com/?p=2840</guid>
		<description><![CDATA[
Los widgets son bloques de contenido que van a los lados del blog (a veces ban en la parte inferior). Si eliges un tema con dos columnas tendrás una de ellas para widgets, si escoges un tema con tres columnas, dos de ellas serán para los widgets. Por ejemplo, este blog tiene dos columnas con [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align:center;"><img class="aligncenter size-full wp-image-2828" style="border:1px solid black;" title="wordpress" src="http://alvarofelipe.files.wordpress.com/2009/04/wordpress.png" alt="wordpress" width="322" height="71" /></p>
<p style="text-align:justify;">Los widgets son bloques de contenido que van a los lados del blog (a veces ban en la parte inferior). Si eliges un tema con dos columnas tendrás una de ellas para widgets, si escoges un tema con tres columnas, dos de ellas serán para los widgets. Por ejemplo, este blog tiene dos columnas con widgets (a los lados):</p>
<p style="text-align:justify;"><span id="more-2840"></span></p>
<div id="attachment_2841" class="wp-caption aligncenter" style="width: 501px"><img class="size-full wp-image-2841" style="border:1px solid black;" title="alvarofelipe-blog" src="http://alvarofelipe.files.wordpress.com/2009/04/alvarofelipe-blog.jpg" alt="Las columnas que están a la derecha e izquierda de este blog contienen los widgets. Según el tema puede haber una o dos columnas para widgets." width="491" height="1544" /><p class="wp-caption-text">Las columnas que están a la derecha e izquierda de este blog contienen los widgets. Según el tema puede haber una o dos columnas para widgets.</p></div>
<p>Para añadir widgets a tu blog debes ir a la opción widgets desde el menú lateral:</p>
<div id="attachment_2842" class="wp-caption aligncenter" style="width: 195px"><img class="size-full wp-image-2842" style="border:1px solid black;" title="widgets" src="http://alvarofelipe.files.wordpress.com/2009/04/widgets.jpg" alt="Acceder a los widgets desde el menú lateral" width="185" height="164" /><p class="wp-caption-text">Acceder a los widgets desde el menú lateral</p></div>
<p style="text-align:justify;">Hasta el momento, tu blog de WordPress cuenta con 26 widgets (¡la gente de WordPress siempre está creando nuevos widgets!). El último de ellos es el de Twitter (creado hace una semana).</p>
<div id="attachment_2843" class="wp-caption aligncenter" style="width: 238px"><img class="size-full wp-image-2843" style="border:1px solid black;" title="todosloswidgets" src="http://alvarofelipe.files.wordpress.com/2009/04/todosloswidgets.jpg" alt="Son 26 widgets en total con un botón de añadir." width="228" height="1176" /><p class="wp-caption-text">Son 26 widgets en total con un botón de añadir.</p></div>
<p style="text-align:justify;">Para añadir un Widget basta con con pulsar en el botón <strong>Añadir</strong> a su lado. Entonces aparecerá en la lista de widgets utilizados (a la derecha) en color azul. Cada widget tiene un botón de editar con el que se puede cambiar su configuración. Cuando termines de editar presiona el botón <strong>Hecho</strong> y finalmente<strong> Guardar cambio</strong>s para aplicar la nueva configuración.</p>
<p style="text-align:justify;">
<div id="attachment_2863" class="wp-caption aligncenter" style="width: 291px"><img class="size-full wp-image-2863" style="border:1px solid black;" title="widgets-configuracion" src="http://alvarofelipe.files.wordpress.com/2009/04/widgets-configuracion.png" alt="Cada widget añadido tiene un botón Editar (encerrado en rojo en la figura). Cuando haces clic en ese botón se despliegan las opciones del widget y el botón Editar cambia a Cancelar. Si no quieres hacer cambios debes hacer clic en Cancelar. Si, por el contrario, deseas cambiar la configuración del widget, debes pulsar Hecho y luego Guardar cambios (resaltados en amarillo en la figura) después de editar el widget para que los cambios se apliquen" width="281" height="404" /><p class="wp-caption-text">Cada widget añadido tiene un botón Editar (encerrado en rojo en la figura). Cuando haces clic en ese botón se despliegan las opciones del widget y el botón Editar cambia a Cancelar (haz clic en él si no deseas hacer cambios). Después de cambiar al configuración del widget, debes pulsar Hecho y luego Guardar cambios (resaltados en amarillo en la figura) para que los cambios se apliquen</p></div>
<p style="text-align:justify;">Finalmente, los widgets añadidos pueden moverse de lugar con solo arrastrarlos:</p>
<p style="text-align:justify;">
<div id="attachment_2864" class="wp-caption aligncenter" style="width: 416px"><img class="size-full wp-image-2864" style="border:1px solid black;" title="mover-widgets" src="http://alvarofelipe.files.wordpress.com/2009/04/mover-widgets.jpg" alt="Con solo arrastrar podemos mover la posición de los widgets (hacia arriba o hacia abajo). En esta figura estoy recolocando el widget Comentario Recientes." width="406" height="193" /><p class="wp-caption-text">Con solo arrastrar podemos mover la posición de los widgets (hacia arriba o hacia abajo). En esta figura estoy recolocando el widget Comentario Recientes.</p></div>
<p style="text-align:justify;">Finalmente, si quieres borrar un widget, haz clic en el botón Editar, luego en Borrar y finalmente en Guardar cambios.</p>
<p style="text-align:justify;">En las próximas clases explicaré uno a uno los 26 widgets. 26 clases sobre widgets, ¡wow!</p>
<p style="text-align:right;"><em><strong>Álvaro Felipe</strong></em><br />
<span style="color:#0000ff;"> afelipech@gmail.com</span></p>

	Etiquetas: <a href="http://alvarofelipe.com/tag/blog/" title="blog" rel="tag">blog</a>, <a href="http://alvarofelipe.com/tag/crea-tu-propio-blog/" title="Crea tu propio blog" rel="tag">Crea tu propio blog</a>, <a href="http://alvarofelipe.com/tag/curso-de-wordpress-com/" title="Curso de WordPress.com" rel="tag">Curso de WordPress.com</a>, <a href="http://alvarofelipe.com/tag/tic/" title="Tic" rel="tag">Tic</a>, <a href="http://alvarofelipe.com/tag/web-20/" title="Web 2.0" rel="tag">Web 2.0</a>, <a href="http://alvarofelipe.com/tag/widget/" title="Widget" rel="tag">Widget</a>, <a href="http://alvarofelipe.com/tag/wordpress/" title="wordpress" rel="tag">wordpress</a><br />

	<br /><br /><h5>Si este artículo te gustó también puedes leer:</h5>
	<ul class="st-related-posts">
	<li><a href="http://alvarofelipe.com/2009/04/13/curso-de-wordpresscom-41-widgets-delicious/" title="Curso de WordPress.com: 4.1 &#8211; Widgets (Del.icio.us) (13 Abril 2009)">Curso de WordPress.com: 4.1 &#8211; Widgets (Del.icio.us)</a> (4 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/04/10/curso-de-wordpresscom-3-cambia-el-diseno/" title="Curso de WordPress.com: 3 &#8211; Cambia el diseño (10 Abril 2009)">Curso de WordPress.com: 3 &#8211; Cambia el diseño</a> (5 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/04/09/curso-de-wordpresscom-2-conoce-tu-tablero/" title="Curso de WordPress.com: 2 &#8211; Conoce tu tablero (9 Abril 2009)">Curso de WordPress.com: 2 &#8211; Conoce tu tablero</a> (3 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/04/09/curso-de-wordpresscom-1-crea-tu-blog/" title="Curso de Wordpress.com: 1 &#8211; Crea tu blog (9 Abril 2009)">Curso de Wordpress.com: 1 &#8211; Crea tu blog</a> (3 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/04/08/wordpresscom-anade-widget-para-twitter/" title="Wordpress.com añade widget para twitter (8 Abril 2009)">Wordpress.com añade widget para twitter</a> (4 comentarios)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://alvarofelipe.com/2009/04/12/curso-de-wordpresscom-4-widgets/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Wordpress.com añade widget para twitter</title>
		<link>http://alvarofelipe.com/2009/04/08/wordpresscom-anade-widget-para-twitter/</link>
		<comments>http://alvarofelipe.com/2009/04/08/wordpresscom-anade-widget-para-twitter/#comments</comments>
		<pubDate>Wed, 08 Apr 2009 23:26:02 +0000</pubDate>
		<dc:creator>Álvaro Felipe</dc:creator>
				<category><![CDATA[Informática]]></category>
		<category><![CDATA[Noticias]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Widget]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://alvarofelipe.wordpress.com/?p=2812</guid>
		<description><![CDATA[
Lo que muchos (quizá todos) los usuarios de wordpress.com esperábamos de hace tiempo: un widget para nuestros twiteos. Antes nos conformábamos con añadir un widget de RSS para insertar nuestras entradas de Twitter. Pero como siempre, la gente de Wordpress demuestra que no por nada son los primeros en el mundo.

Simplemente ve a tus widgets [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align:justify;">
<div id="attachment_2814" class="wp-caption aligncenter" style="width: 410px"><img class="size-full wp-image-2814" title="twitter-logo" src="http://alvarofelipe.files.wordpress.com/2009/04/twitter-logo.jpg" alt="Wordpress ya tiene widget para Twitter" width="400" height="184" /><p class="wp-caption-text">Wordpress ya tiene widget para Twitter</p></div>
<p style="text-align:justify;">Lo que muchos (quizá todos) los usuarios de wordpress.com esperábamos de hace tiempo: un widget para nuestros twiteos. Antes nos conformábamos con añadir un widget de RSS para insertar nuestras entradas de <a href="http://twitter.com" target="_blank">Twitter</a>. Pero como siempre, la gente de Wordpress demuestra que no por nada son los primeros en el mundo.</p>
<p style="text-align:justify;"><span id="more-2812"></span></p>
<p style="text-align:justify;">Simplemente ve a tus widgets desde la administración de tu blog y añade el de Twitter. Es sencillísimo, basta con escribir tu nombre de usuario, escoger el número de entradas que se mostrarán y listo.</p>
<p style="text-align:justify;">
<div id="attachment_2813" class="wp-caption aligncenter" style="width: 330px"><img class="size-full wp-image-2813" title="twiterwidget" src="http://alvarofelipe.files.wordpress.com/2009/04/twiterwidget.png" alt="Escoge el nombre para el widget, tu nombre de usuario en Twitter y el número de entradas que se mostrarán" width="320" height="227" /><p class="wp-caption-text">Escoge el nombre para el widget, tu nombre de usuario en Twitter y el número de entradas que se mostrarán</p></div>
<p>Información oficial en el blog de Wordpress <a href="http://en.blog.wordpress.com/2009/03/26/twitter-widget/" target="_blank">aquí</a>.</p>
<p style="text-align:right;"><em><strong>Álvaro Felipe</strong></em><br />
<span style="color:#0000ff;"> afelipech@gmail.com</span></p>

	Etiquetas: <a href="http://alvarofelipe.com/tag/twitter/" title="Twitter" rel="tag">Twitter</a>, <a href="http://alvarofelipe.com/tag/web-20/" title="Web 2.0" rel="tag">Web 2.0</a>, <a href="http://alvarofelipe.com/tag/widget/" title="Widget" rel="tag">Widget</a>, <a href="http://alvarofelipe.com/tag/wordpress/" title="wordpress" rel="tag">wordpress</a><br />

	<br /><br /><h5>Si este artículo te gustó también puedes leer:</h5>
	<ul class="st-related-posts">
	<li><a href="http://alvarofelipe.com/2009/04/12/curso-de-wordpresscom-4-widgets/" title="Curso de WordPress.com: 4 &#8211; Widgets (12 Abril 2009)">Curso de WordPress.com: 4 &#8211; Widgets</a> (2 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2008/10/18/%c2%bfwordpress-o-blogger/" title="¿Wordpress o Blogger? (18 Octubre 2008)">¿Wordpress o Blogger?</a> (3 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/08/23/nuevo-tema-en-wordpress-com-inove/" title="Nuevo tema en WordPress.com: iNove (23 Agosto 2009)">Nuevo tema en WordPress.com: iNove</a> (1 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/04/13/curso-de-wordpresscom-41-widgets-delicious/" title="Curso de WordPress.com: 4.1 &#8211; Widgets (Del.icio.us) (13 Abril 2009)">Curso de WordPress.com: 4.1 &#8211; Widgets (Del.icio.us)</a> (4 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2010/03/03/como-agregar-codigo-a-tu-post-de-wordpress/" title="Cómo agregar código a tu post de WordPress (3 Marzo 2010)">Cómo agregar código a tu post de WordPress</a> (1 comentarios)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://alvarofelipe.com/2009/04/08/wordpresscom-anade-widget-para-twitter/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Capacitación docente en TIC &#8211; Sesión 3</title>
		<link>http://alvarofelipe.com/2009/04/07/capacitacion-docente-en-tic-sesion-3/</link>
		<comments>http://alvarofelipe.com/2009/04/07/capacitacion-docente-en-tic-sesion-3/#comments</comments>
		<pubDate>Tue, 07 Apr 2009 05:02:13 +0000</pubDate>
		<dc:creator>Álvaro Felipe</dc:creator>
				<category><![CDATA[Tic]]></category>
		<category><![CDATA[Capacitación docente]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Navegador]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://alvarofelipe.wordpress.com/?p=2808</guid>
		<description><![CDATA[En la sesión 3 hablaremos de la web 3.0 por lo que empezaremos hablando sobre Mozilla Firefox pues sin un buen navegador no sirve de mucho usar las herramientas web 2.0
Luego hablaremos del buscador Google, de Google mail, Google maps y Google calendar.
Como experimento, escribí este material en página horizontal, por eso se verá pequeño, [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align:justify;">En la <strong>sesión 3</strong> hablaremos de la web 3.0 por lo que empezaremos hablando sobre Mozilla Firefox pues sin un buen navegador no sirve de mucho usar las herramientas web 2.0</p>
<p style="text-align:justify;">Luego hablaremos del buscador Google, de Google mail, Google maps y Google calendar.</p>
<p style="text-align:justify;">Como experimento, escribí este material en página horizontal, por eso se verá pequeño, pero al imprimir todo estará bien. Acá el enlace:</p>
<p><a href="http://issuu.com/alvarofelipe/docs/capacitacion-tic-2009-3">http://issuu.com/alvarofelipe/docs/capacitacion-tic-2009-3</a></p>
<p style="text-align:justify;">Ya saben que para descargar el material de esta sesión (y de cualquier sesión) necesitan crear una cuenta de usuario en Issuu.</p>
<p style="text-align:center;"><a href="http://alvarofelipe.wordpress.com/capacitacion-tic/">Índice del curso</a></p>
<p style="text-align:right;"><em><strong>Álvaro Felipe</strong></em><br />
<span style="color:#0000ff;"> afelipech@gmail.com</span></p>

	Etiquetas: <a href="http://alvarofelipe.com/tag/capacitacion-docente/" title="Capacitación docente" rel="tag">Capacitación docente</a>, <a href="http://alvarofelipe.com/tag/firefox/" title="Firefox" rel="tag">Firefox</a>, <a href="http://alvarofelipe.com/tag/google/" title="Google" rel="tag">Google</a>, <a href="http://alvarofelipe.com/tag/navegador/" title="Navegador" rel="tag">Navegador</a>, <a href="http://alvarofelipe.com/tag/tic/" title="Tic" rel="tag">Tic</a>, <a href="http://alvarofelipe.com/tag/web-20/" title="Web 2.0" rel="tag">Web 2.0</a><br />

	<br /><br /><h5>Si este artículo te gustó también puedes leer:</h5>
	<ul class="st-related-posts">
	<li><a href="http://alvarofelipe.com/2009/04/14/correo-electronico-gmail/" title="Correo electrónico &#8211; Gmail (14 Abril 2009)">Correo electrónico &#8211; Gmail</a> (5 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/02/20/manual-de-moodle-capitulo-9-cambiar-la-apariencia-de-moodle-con-los-temas/" title="Manual de Moodle, capítulo 9: Cambiar la apariencia de Moodle con los temas (20 Febrero 2009)">Manual de Moodle, capítulo 9: Cambiar la apariencia de Moodle con los temas</a> (2 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2008/09/12/capitulo-7-moodle-en-espanol/" title="Manual de Moodle, capítulo 7: Moodle en español (12 Septiembre 2008)">Manual de Moodle, capítulo 7: Moodle en español</a> (0 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2008/07/04/capitulo-6-estructura-de-carpetas-en-moodle/" title="Manual de Moodle, capítulo 6: Estructura de carpetas en Moodle (4 Julio 2008)">Manual de Moodle, capítulo 6: Estructura de carpetas en Moodle</a> (0 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2008/07/02/capitulo-5-instalacion-de-moodle/" title="Manual de Moodle, capítulo 5: Instalación de Moodle (2 Julio 2008)">Manual de Moodle, capítulo 5: Instalación de Moodle</a> (0 comentarios)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://alvarofelipe.com/2009/04/07/capacitacion-docente-en-tic-sesion-3/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Web 2.0</title>
		<link>http://alvarofelipe.com/2009/03/19/web-20/</link>
		<comments>http://alvarofelipe.com/2009/03/19/web-20/#comments</comments>
		<pubDate>Thu, 19 Mar 2009 13:56:37 +0000</pubDate>
		<dc:creator>Álvaro Felipe</dc:creator>
				<category><![CDATA[Literatura]]></category>
		<category><![CDATA[Burbuja .com]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[HTTP]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Tim Berners Lee]]></category>
		<category><![CDATA[Web 1.0]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://alvarofelipe.wordpress.com/?p=2666</guid>
		<description><![CDATA[En las dos primeras clases estudiamos de que manera las computadoras se conectan para compartir información, procesos y recursos. También vimos la tecnología de hardware y de software que permiten la existencia de Internet y la web.
Repasemos:

Primera clase:


Internet. Conjunto de tecnologías que permiten que las computadoras se comuniquen.
Web. Conjunto de documentos que se enlazan unos [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align:justify;">En las dos primeras clases estudiamos de que manera las computadoras se conectan para compartir información, procesos y recursos. También vimos la tecnología de hardware y de software que permiten la existencia de Internet y la web.</p>
<p style="text-align:justify;">Repasemos:</p>
<blockquote>
<p style="text-align:justify;"><span style="color:#800000;"><em><strong>Primera clase:</strong><br />
</em></span></p>
<ol style="text-align:justify;">
<li><span style="color:#800000;"><em>Internet. Conjunto de tecnologías que permiten que las computadoras se comuniquen.</em></span></li>
<li><span style="color:#800000;"><em>Web. Conjunto de documentos que se enlazan unos con otros en todo el mundo a través de hipervínculos.</em></span>
<ul>
<li><span style="color:#800000;"><em>Página web. Cada documento que se abre al hacer clic en un enlace.</em></span></li>
<li><span style="color:#800000;"><em>Sitio web. Conjunto organizado de páginas web que pertenecen a una misma institución.</em></span></li>
</ul>
</li>
<li><span style="color:#800000;"><em>Navegador. Programa de computadora que nos permite ver páginas web.</em></span></li>
</ol>
<p style="text-align:justify;"><span style="color:#800000;"><em><strong>Segunda clase:</strong></em></span></p>
<ol style="text-align:justify;">
<li><span style="color:#800000;"><em>Direcciones IP. Código númerico formado por cuatro valores que pueden variar de 0 a 255 y separados por puntos.</em></span></li>
<li><span style="color:#800000;"><em>Dominios. Direcciones que usan letras y números y que suplantan a las IP para navegar fácilmente.</em></span></li>
<li><span style="color:#800000;"><em>Servidores DNS. Servidores que trasnforman los dominios en direcciones IP</em></span></li>
</ol>
</blockquote>
<p style="text-align:justify;">Hoy veremos un concepto que ha revolucionado el mundo de la internet, ha destruido modelos de negocios antiguos y le ha dado poder a gente común y corriente que antes no tenían formas de expresarse (¡este blog es una prueba del poder de la web 2.0!).</p>
<p style="text-align:justify;">Antes de hablar de la web 2.0 (web dos punto cero) demos un vistazo a la teoría.</p>
<p style="text-align:justify;"><span id="more-2666"></span></p>
<h1 style="text-align:justify;"><strong>1. Fundamentos de la web<br />
</strong></h1>
<p style="text-align:justify;">La web fue creada en 1989 por <a href="http://es.wikipedia.org/wiki/Tim_Berners-Lee" target="_blank">Tim Berners Lee</a> y consistía una forma de organizar el contenido usando la Inernet como medio físico de comunicación y usando el protocolo http.</p>
<p style="text-align:justify;">Tim Berners Lee se convenció de la necesidad de que todo el mundo pueda conectarse y compartir contenidos usando la Internet. Para eso unió Internet y HTTP y creó la web.</p>
<h2 style="text-align:justify;"><strong>¿Qué es internet?</strong></h2>
<p style="text-align:justify;">Como ya hemos visto hasta el cansancio, Internet es un conjunto de tecnologías que permiten que las computadoras se comuniquen a nivel mundial.</p>
<h2 style="text-align:justify;"><strong>¿Qué es HTTP?</strong></h2>
<p style="text-align:justify;">Es un protocolo que sirve para ver páginas web. Su nombre viene de HyperText Transference Protocol, que significa protoclo de transferencia de Hipertexto. En otras palabras, es una especie de código universal que se usa para poder ver páginas web. De su nombre deducimos que HTTP permite que las computadores compartan Hipertexto.</p>
<blockquote>
<p style="text-align:justify;"><em>Internet existió desde mucho antes que existiera la web. Y los principales protocolos que se usaban antes de la web eran <strong>FTP</strong>, para compartir archivos y <strong>TELNET</strong> para compartir recursos (o sea, controlar una computadora desde otra).</em></p>
</blockquote>
<h2 style="text-align:justify;"><strong>¿Qué es hipertexto?</strong></h2>
<p style="text-align:justify;">Un hipertexto es un texto en un documento que dirige a otro documento. Por ejemplo, los enlaces como este que esta en color azul y sobre el que puedes hacer clic es un hipertexto. Y como sabemos bien, la web está llena de hiperextos a los que les llamamos enlaces o links.</p>
<p style="text-align:justify;">Además, los enlaces hoy en día no se reducen a textos, pueden existir enlaces en imágenes, videos, y varios objetos más.</p>
<p style="text-align:justify;">Y puesto que un enlace te lleva a un documento, hablando de la web, a través de enlaces todas las páginas web del mundo se conectan.</p>
<p style="text-align:justify;">Por eso es que para visitar páginas web necesitamos el protocolo http y las direcciones comienzan con dicho protocolo:</p>
<p style="text-align:center;"><strong>http</strong>://www.google.com</p>
<blockquote>
<p style="text-align:justify;"><em>Sin embargo, todos los navegadores actualmente añaden por sí solos el protocolo HTTP a las direcciones web, por eso basta escribir www.google.com y el navegador hará el resto (es más ahora ya ni siquiera es necesario escribir www, basta con escribir<strong> google.com</strong> <strong>yahoo.com</strong> o<strong> youtube.com</strong>)</em></p>
</blockquote>
<h3 style="text-align:justify;"><strong>¿Cómo se crean los hipertextos para la web?</strong></h3>
<p style="text-align:justify;">Se crean a través de un lenguaje llamado HTML. La base para la creación de páginas web es conocer el código HTML.</p>
<h3 style="text-align:justify;"><strong>¿Qué es HTML?</strong></h3>
<p style="text-align:justify;">Es un lenguaje usado para crear págnas web. Su nombre proviene de HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto. En pocas palabras, a través de HTML creamos hipertexto, con los hipertextos creamos enlaces a otras páginas web o documentos. HTTP permite solicitar documentos que contengan hipertexto, es decir HTML (páginas web). Por último, Internet nos permite conectarnos alrededor del mundo y si juntamos HTTP e Internet tenemos la web.</p>
<p style="text-align:justify;">
<div id="attachment_2670" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-2670" title="web" src="http://alvarofelipe.files.wordpress.com/2009/03/web.png" alt="La web es la combinación de las tecnologías de Internet y el protocolo HTTP" width="500" /><p class="wp-caption-text">La web es la combinación de las tecnologías de Internet y el protocolo HTTP</p></div>
<h1><strong>2. Web 1.0</strong></h1>
<p style="text-align:justify;">La web 1.0 (web uno punto cero) fue la web inicial, de solo lectura, con páginas web estáticas con las que el usuario no podía interactuar.</p>
<p style="text-align:justify;">Sus características son:</p>
<ul style="text-align:justify;">
<li>Las páginas web están escritas una por una en código HTML y a mano. Así que añadir un enlace nuevo, un nuevo elemento de menú o cambiar los estilos demandaba mucho trabajo.</li>
<li>No usaban bases de datos, es decir, los usuarios solo podían ver contenido como textos y fotos pero jamás inscribirse, comentar, añadir contenido. A lo mucho podían rellenar un formulario que sería una forma rudimentaria de lo que hoy conocemos como comentarios en blogs o redes sociales.</li>
<li>El contenido y el diseño estaban juntos en el código HTML. Por ejemplo, si todos los títulos de 100 páginas web querían cambiarse de color o de tamaño había que cambiarlos ¡uno por uno! En la web 2.0 este problema se soluciona separando el estilo del diseño.</li>
<li>Total falta de respeto al visitante de la web, colores estrafalarios, brillantes, marquesinas que saltaban o bailaban, texto que giraba, fondos negros y letras brillantes. Según los expertos, era como pasearse por una calle de Nueva York o de Tokio, llenas de letreros luminosos que provocan confusión y saturación visual.</li>
<li>No existían usuarios. Al no existir bases de datos, todos eran simplemente visitantes pues no se podía guardar registros de quienes habían visto cada sitio o página web.</li>
<li>El contenido era generado por las grandes empresas. Si queríamos ver fotos, algún video o leer sobre un tema determinado debíamos conformarnos con lo que nos querían mostrar Yahoo, Lycos, Msn o los gigantes de la época.</li>
</ul>
<p style="text-align:justify;">Y para ustedes que viven en Internet, algunos detalles más de la web 1.0 que los dejarán sorprendidos:</p>
<ul style="text-align:justify;">
<li><strong>No existía </strong><strong>Google</strong>. Existía Yahoo!, Altavista, Excite, Copernic y otras pero encontrar algo con esos buscadores era tan complicado que existía gente que se ganaba la vida solo haciendo búsquedas. ¿Pueden creerlo? Te cobraban por encontrar lo que hoy encuentras en la primera o segunda página de resultados en Google.</li>
<li><strong>No existía </strong><strong>YouTube</strong>. No podías subir videos a la web. No podías hacerte famoso bailando o cantando frente a una cámara. Bueno, para ser sinceros, así hubiera, grabar video en esos tiempos era solo para gente con bastante dinero. Y luego convertir ese video de cinta al formato digital para la web requería mucho más dinero aún.</li>
<li><strong>No existía Facebook, MySpace ni Hi5</strong>. Tampoco existían cámaras digitales así que, no había necesidad, ¿no creen? Ya bueno, si existían, pero eran tan costosas como un televisor de plasma de último modelo hoy en día. ¡Y guardaban solo veinte fotos y en un disquete!</li>
<li><strong>No existía Messenger</strong>. Ni messenger ni ningún otro tipo de mensajeria instantánea. Lo que sí había eran canales de chat y el famosísimo (no sé si existe aún) MIRc (que recuerdos chateando por MIRc, los que tengan más de veinticinco levanten la mano). Si ustedes se creen innovadores, les cuento que los emoticones nacieron con MIRc (era un chat solo de texto, nada de imágenes ni webcam) y en texto: <img src='http://alvarofelipe.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' />  <img src='http://alvarofelipe.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  <img src='http://alvarofelipe.com/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' />  :S XD <img src='http://alvarofelipe.com/wp-includes/images/smilies/icon_cool.gif' alt='8)' class='wp-smiley' /> etc. <a href="http://www.eumed.net/grumetes/emoticon.htm" target="_blank">Aquí una bonita recopilación de emoticones en modo texto</a>.</li>
</ul>
<p>En conclusión, usar la web 2.0 era casi casi como no tener Internet.</p>
<h1><strong>3. La burbuja punto com</strong></h1>
<p style="text-align:justify;">La burbuja punto com fue un fenómeno de estupidez colectiva parecida a la fiebre del oro en norteamerica o la de los colonizadores españoles en América. destruyó empresas, puso en crisis la economía mundial pero con su muerte dio paso a la web 2.0</p>
<p style="text-align:justify;">Sucede que a mediados de los noventa surgieron grandes empresas que hicieron mucho (¡MUCHO!) dinero a través de empresas orientadas a la web. De todas ellas destacan tres que sobreviven hasta hoy (y casi con la misma fuerza que al inicio) y que, paradójiamente, fueron las que iniciaron la burbuja punto com: Yahoo!, Ebay y Amazon.</p>
<p style="text-align:justify;">
<div id="attachment_2680" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.yahoo.com" target="_blank"><img class="size-full wp-image-2680" title="yahoo-logo" src="http://alvarofelipe.files.wordpress.com/2009/03/yahoo-logo.jpg" alt="Yahoo! fue durante mucho tiempo el líder mundial en la web" width="300" height="113" /></a><p class="wp-caption-text">Yahoo! fue durante mucho tiempo el líder mundial en la web</p></div>
<p style="text-align:justify;">Yahoo fue creada en 1995 por Jerry Yang y David Filo como una guía de contenidos en Internet. Sucede que en aquellos tiempos, encontrar algo en Internet era demasiado complicado, todo estaba lleno de publicidad y de cosas que no querías. Entonces Yang y Filo empezaron a organizar las sitios web por categorías para que la gente pueda encontrar rápidamente lo que busca. Lo más impresionante fue que toda la organización la hicieron ¡a mano!</p>
<p style="text-align:justify;">
<div id="attachment_2681" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.ebay.com" target="_blank"><img class="size-full wp-image-2681" title="ebay" src="http://alvarofelipe.files.wordpress.com/2009/03/ebay.jpg" alt="Ebay fue creada como una empresa de subastas y remates" width="300" height="141" /></a><p class="wp-caption-text">Ebay fue creada como una empresa de subastas y remates</p></div>
<p style="text-align:justify;">Ebay fue creada en 1995 por Pierre Omidyar quien no era un expero en informática ni nada similar. Él buscaba completar una colección y pensó que podía hacerlo a través de internet. Así nació un sitio donde la gente compraba y vendía baratijas (muñecos, ropa, lámparas viejas, llaveros, etc.) pero pronto el mercado de las subastas creció tanto que Ebay ganó millones en el proceso.</p>
<p style="text-align:justify;">
<div id="attachment_2682" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.amazon.com" target="_blank"><img class="size-full wp-image-2682" title="amazon" src="http://alvarofelipe.files.wordpress.com/2009/03/amazon.png" alt="Amazon es un tienda en la web. Su principal producto son los libos" width="300" height="93" /></a><p class="wp-caption-text">Amazon es un tienda en la web. Su principal producto son los libos</p></div>
<p style="text-align:justify;">Amazon fue fundada por Jeff Bezos en 1994 y consistía en una tienda de libros por Internet. Era una idea atrevida y arriesgada, pero Bezzos (un genio de los negocios) demostró que los libros tenían mucho mercado en Internet. Posteriormente, Amazon ha entrado en el comercio en línea en varios rubros, no solo en los libros, y sus utilidades han crecido en miles de millones de dólares. Actualmente han sacado a la venta el Kindle 2, un lector electrónico de libros, con lo que Amazon ha demostrado que sigue tan fuerte como al inicio y que la venta de libros sigue siendo su principal mercado.</p>
<p style="text-align:justify;"><strong>Yahoo, Ebay, Amazon, muy bonito, muchos millones de dólares pero ¿y la crisis?</strong></p>
<p style="text-align:justify;">Vamos por partes, viendo a tres empresas exitosas como las anteriores uno no ve crisis por ningún lado, sino todo lo contrario. Se ve un mercado nuevo, un mercado que permite que cualquiera con ingenio pueda convertirse en millonario (o multimillonario) en poco tiempo gracias a los capitales de riesgo.</p>
<p style="text-align:justify;"><strong>¿Qués un capital de riesgo?</strong></p>
<p style="text-align:justify;">Es un capital (una cantidad de dinero destinada a montar un negocio) que se da con la espera de que en un futuro una empresa sea rentable y el capital pueda recuperarse. Por eso se llama capital de riesgo, nada garantiza que ese dinero vuelva, la empresa puede fracasar totalmente y todos los millones del capital de riesgo se irían al agua.</p>
<p style="text-align:justify;"><strong>¿Y quién era tan loco como para dar un capital de riesgo?</strong></p>
<p style="text-align:justify;">Aunque no lo crean, existían un montón de locos dispuestos a &#8220;regalar&#8221; millones de dólares solo guíados por su olfato para los negocios. Esos millonarios se conocen como inversionistas de riesgo. Pero ni son tan locos, gracias a ellos existe hoy Yahoo, Google y un montón más. Los creadores de estas web no hubieran podido hacer nada solo con su inteligencia si no tenían un capital de riesgo.</p>
<p style="text-align:justify;"><strong>¿Y la crisis?</strong></p>
<p style="text-align:justify;">Pues sucede que el éxito de estas empresas, fundadas por muchachos jóvenes. muchos de los cuales no habían siquiera terminado la carrera, que convencían a un inversionista de riesgo que les &#8220;regale&#8221; millones para invertir en su sueño y que poco tiempo después se volvían millonarios de menos de treinta años era una historia de fantasía. Muchos otros estudiantes, aficionados y gente de todo tipo empezó a creer que Internet era la gallina de los huevos de oro y empezaron a crear un sinfín de empresas punto com. Los inversionistas de riesgo se volvían locos y daban millones y millones. En la bolsa las acciones subían su valor de forma increíble (Jim Clark, fundador de Netscape, invirtió 2 millones de dólares y ganó casi 200 millones, negocio redondo ¿no?) y todos (casi todos) creían que habían encontrado una veta de oro. Era una fiebre de oro en pleno siglo XX. Pero la verdad era distinta, existen historias de empresas que se gastaban más de la mitad de su capital de riesgo en fiestas de inauguración y que luego no ganaban ni un centavo.</p>
<p style="text-align:justify;"><strong>¿Y cómo terminó todo?</strong></p>
<p style="text-align:justify;">Cómo todas las crisis, en la bolsa. La quiebra de muchas empresas punto com generó el pánico de los inversionistas, las acciones cayeron, la bolsa se desplomó. Como en el cuento, siempre existe un idiota (o varios) que mata a la gallina de los huevos de oro. Muy pocas punto com sobrevivieron después de que reventó la burbuja (se le llamó burbuja justamente porque era una riqueza ficiticia, una oportunidad de negocios irreal, como vivir en una burbuja de fantasía). La web 1.0 cayó, Google recién empezaba a asomar las narices en Internet y un nuvo tipo de web estaba por nacer.</p>
<h1 style="text-align:justify;"><strong>4. Web 2.0</strong></h1>
<p style="text-align:justify;">La web 2.0 es una revolución de la web en dos niveles:</p>
<ul style="text-align:justify;">
<li>A nivel tecnológico por el uso de nuevos elementos como lenguajes de programación, bases de datos, hojas de estilo, etc.</li>
<li>A nivel social porque le permitían a los usuarios interactuar entre ellos además de darles el poder de crear sus propios contenidos.</li>
</ul>
<p style="text-align:justify;">Veamos las características de la web 2.0</p>
<ul style="text-align:justify;">
<li><strong>Usuarios en vez de visitantes</strong>. Usando bases de datos  se pueden crear registros de usuarios, actualizaciones de perfil, comentarios y discusiones entre ellos que hacen que los usuarios sientan la web como suya.</li>
<li><strong>Redes sociales</strong>. Aunque la idea estaba dando vueltas desde antes en Internet, fue con MySpace que comenzaron las redes sociales que hoy son el servicio más usado en toda la web. Las redes sociales permiten que las personas estén en permanente contacto con amigos y familares (incluso con los que no ven hace mucho) y conocer nuevas personas. Vida social a través de internet, ¡genial!</li>
<li><strong>Folcsonomía</strong>. En la web 1.0 el contenido era clasificado por categorías. Por ejemplo, una categoría para deportes, otra para economía, otra para arte, etc. En la web 2.0 las categorías son remplazadas por etiquetas (tags) o palabras clave. De esta forma cada usuario le añade palabras clave a los contenidos (cuantas considere necesario) para clasificarlo.</li>
<li><strong>Aplicaciones web</strong>. Son programas que se instalan en el servidor y se manejan desde la web de los usuarios. De esa forma podían crearse, por ejemplo, actualizaciones de sitios web fácilmente,</li>
<li><strong>Democracia en Internet</strong>. Con la web 2.0 cualquier persona común puede crear su propio espacio, publicar sus fotos, sus videos, sus poemas, las cosas que le interesen, dar su opinión, formar comunidades, etc. Con la web 2.0 la mayor cantidad de contenidos son generados por los usuarios, quienes son capaces de competir de igual a igual con los grandes medios.</li>
<li><strong>Nube computacional</strong>. El futuro de la web está en la nube y ya muchos expertos afirman que estamos cerca de la web 3.0 La nube computacional es una tendencia en la que el navegador remplace al sistema operativo, los servicios web remplacen a las aplicaciones de escritorio, y los espacios en servidor remplacen a los discos duros. Esto permitiría que desde cualquier computadora conectada a Internet tengamos la misma experiencia que sentados frente a nuestra propia computadora.</li>
</ul>
<h1><strong>5. Tipos de servicios en la web 2.0</strong></h1>
<ul style="text-align:justify;">
<li><strong>Redes sociales.</strong> Orientados a mantenerse en contacto con amigos y familiares y conocer nuevas personas, destacan <a href="http://www.facebook.com" target="_blank">Facebook</a> y <a href="http://www.myspace.com" target="_blank">MySpace</a>.<strong><br />
</strong></li>
<li><strong>Compartir fotografías.</strong> Orientados a publicar fotografías en internet. No deben confudirse con las redes sociales. Destacan <a href="http://www.flickr.com" target="_blank">Flickr</a>, <a href="http://picasaweb.google.com" target="_blank">Picasa</a>, <a href="http://photobucket.com/" target="_blank">Photobucket</a> y <a href="http://www.zooomr.com" target="_blank">Zooomr</a><strong><br />
</strong></li>
<li><strong>Compartir video y música. </strong>Permiten subir nuestros videos o audios a la web y compartirlos con la comunidad. Destacan <a href="http://www.youtube.com" target="_blank">YouTube</a>, <a href="http://www.vimeo.com" target="_blank">Vimeo</a> y <a href="http://www.dailymotion.com/es" target="_blank">DailyMotion</a> en cuanto al video; en el audio destaca <a href="http://www.goear.com" target="_blank">Goear</a>.<strong><br />
</strong></li>
<li><strong>Ofimática. </strong>Actualmente existen servicios de ofimática en la web, es decir, que sin instalar Office u otro paquete de oficina, podemos desarrollar los mismos trabajos solo conectados a internet.<strong> </strong>Destaca <a href="http://www.zoho.com" target="_blank">Zoho</a>.<strong><br />
</strong></li>
<li><strong>Foros. </strong>Los foros son salas de debate donde un usuario plantea un tema y los demás usuarios opinan al respecto. Generalmente cada servicio web tiene su propio espacio de foros para que los usuarios compartan experiencias o se ayuden en el manejo del servicio.<strong><br />
</strong></li>
<li><strong>Blog. </strong>La palabra blog se origina de juntar web (red) y log (diario), es decir, los blogs nacen con la idea de ser un diario a  través de internet, pero con el tiempo el concepto se ha expandido al extremo de ser realmente sitios web libres donde el administrador del blog (llamado blogger) crea una comunidad alrededor de él de sus opiniones y sus conocimientos. Mucha gente hoy en día le cree más a los bloggers que a la prensa tradicional.<strong> </strong>Destaca <a href="http://es.wordpress.com" target="_blank">WordPress</a>.<strong><br />
</strong></li>
<li><strong>Microbloggin. </strong>La idea de microbloggin es contar lo que está ocurriendo en determinado momento. Para eso existe un límite de 140 caracteres; es decir, escribir en un microbloggin es como mandar mensajes de texto por celular. Al principio parecía una idea loca, pero la experiencia ha dejado bien en claro que su importancia es enorme. Tan grande que casi todos los servicios han empezado a añadir su plataforma de micrbloggin. Destaca <a href="http://www.twitter.com" target="_blank">Twitter</a>.<strong><br />
</strong></li>
</ul>
<p style="text-align:right;"><em><strong>Álvaro Felipe</strong></em><br />
<span style="color:#0000ff;"> afelipech@gmail.com</span></p>

	Etiquetas: <a href="http://alvarofelipe.com/tag/burbuja-com/" title="Burbuja .com" rel="tag">Burbuja .com</a>, <a href="http://alvarofelipe.com/tag/html/" title="HTML" rel="tag">HTML</a>, <a href="http://alvarofelipe.com/tag/http/" title="HTTP" rel="tag">HTTP</a>, <a href="http://alvarofelipe.com/tag/internet/" title="Internet" rel="tag">Internet</a>, <a href="http://alvarofelipe.com/tag/tim-berners-lee/" title="Tim Berners Lee" rel="tag">Tim Berners Lee</a>, <a href="http://alvarofelipe.com/tag/web-10/" title="Web 1.0" rel="tag">Web 1.0</a>, <a href="http://alvarofelipe.com/tag/web-20/" title="Web 2.0" rel="tag">Web 2.0</a><br />

	<br /><br /><h5>Si este artículo te gustó también puedes leer:</h5>
	<ul class="st-related-posts">
	<li><a href="http://alvarofelipe.com/2008/10/18/%c2%bfwordpress-o-blogger/" title="¿Wordpress o Blogger? (18 Octubre 2008)">¿Wordpress o Blogger?</a> (3 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/05/04/zona-padres-como-bloquear-el-acceso-a-paginas-web-indebidas/" title="Zona Padres &#8211; Cómo bloquear el acceso a páginas web indebidas (4 Mayo 2009)">Zona Padres &#8211; Cómo bloquear el acceso a páginas web indebidas</a> (9 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/04/08/wordpresscom-anade-widget-para-twitter/" title="Wordpress.com añade widget para twitter (8 Abril 2009)">Wordpress.com añade widget para twitter</a> (4 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/01/08/tus-fotos-de-zooomr-en-tu-blog-de-wordpresscom/" title="Tus fotos de Zooomr en tu blog de WordPress.com (8 Enero 2009)">Tus fotos de Zooomr en tu blog de WordPress.com</a> (0 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/04/21/servicios-web-20-boxnet/" title="Servicios web 2.0 &#8211; box.net (21 Abril 2009)">Servicios web 2.0 &#8211; box.net</a> (1 comentarios)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://alvarofelipe.com/2009/03/19/web-20/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Manual de Moodle, capítulo 10: Cambiar la apariencia de Moodle con los temas (II)</title>
		<link>http://alvarofelipe.com/2009/02/21/manual-de-moodle-capitulo-10-cambiar-la-apariencia-de-moodle-con-los-temas-ii/</link>
		<comments>http://alvarofelipe.com/2009/02/21/manual-de-moodle-capitulo-10-cambiar-la-apariencia-de-moodle-con-los-temas-ii/#comments</comments>
		<pubDate>Sat, 21 Feb 2009 23:48:26 +0000</pubDate>
		<dc:creator>Álvaro Felipe</dc:creator>
				<category><![CDATA[Tic]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[Aula Virtual]]></category>
		<category><![CDATA[Aula web]]></category>
		<category><![CDATA[E-Learning]]></category>
		<category><![CDATA[Manual de Moodle]]></category>
		<category><![CDATA[Moodle]]></category>
		<category><![CDATA[Software educativo]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://alvarofelipe.wordpress.com/?p=2301</guid>
		<description><![CDATA[
En la clase anterior vimos qué son los temas:

Los temas de Moodle son paquetes de archivos que contienen imágenes, iconos, hojas de estilo y demás que permiten cambiar totalmente el aspecto de la plataforma.

También vimos que cuando instalamos Moodle, tenemos varios temas para elegir desde el selector.
Ahora veremos que si esos temas no nos satisfacen, [...]]]></description>
			<content:encoded><![CDATA[<div class="wp-caption aligncenter" style="width: 410px"><a href="http://alvarofelipe.wordpress.com/libros/manuales/moodle/"><img src="http://alvarofelipe.files.wordpress.com/2009/02/logo.jpg" alt="" width="400" height="100" /></a><p class="wp-caption-text">Moodle</p></div>
<p style="text-align:center;">
<p style="text-align:justify;">En la clase anterior vimos qué son los temas:</p>
<blockquote>
<p style="text-align:justify;"><em>Los temas de Moodle son paquetes de archivos que contienen imágenes, iconos, hojas de estilo y demás que permiten cambiar totalmente el aspecto de la plataforma.</em></p>
</blockquote>
<p style="text-align:justify;">También vimos que cuando instalamos Moodle, tenemos varios temas para elegir desde el selector.</p>
<p style="text-align:justify;">Ahora veremos que si esos temas no nos satisfacen, podemos descargar más temas desde internet.</p>
<p style="text-align:justify;"><span id="more-2301"></span></p>
<p style="text-align:justify;">El sitio web de Moodle (moodle.org) tiene, en su sección de descargas, varios temas adicionales que podemos usar en nuestra instalación. También existen empresas que se dedican a realizar temas, aunque la mayoría son temas de pago y no podremos descargarlos gratis.</p>
<p style="text-align:justify;">Pero tranquilos, con un poco de esfuerzo y paciencia, podemos crear nuestro tema personalizado y original.</p>
<p style="text-align:justify;">Por ahora veamos los temas que ofrece el sitio web de moodle:</p>
<p><a href="http://moodle.org/mod/data/view.php?id=6552" target="_blank">http://moodle.org/mod/data/view.php?id=6552</a></p>
<p style="text-align:justify;">Como vemos, hay bastantes temas para elegir y algunos de ellos tienen variaciones de colores o de iconos. Además, debajo del link de descarga (<span style="text-decoration:underline;"><strong>download</strong></span>), verán un link que dice <span style="text-decoration:underline;"><strong>Demostration site</strong></span>, hacer clic en él los llevará a un sitio web en el que se usa ese tema y podremos verlo en ejecución.</p>
<h2><strong>Ya descargué un tema que me gusta, ¿y ahora?</strong></h2>
<p style="text-align:justify;">Si ya descargaste el tema, tendrás un paquete zip (algo como tema.zip). Los zip son paquetes comprimidos que hay que descomprimir. En Linux y en Windows se pueden descomprimir haciendo clic derecho y luego en extraer. Claro que la descompresión en Windows es lenta y tediosa, para ese caso te recomiendo usar el programa <a href="http://www.izarc.org/" target="_blank">Izarc</a>, es un programa gratuito (nunca recomendaré un programa de pago) para comprimir y descomprimir archivos y soporta todos los formatos conocidos. Descárgalo e instálalo desde <a href="http://dw.com.com/redir?edId=3&amp;siteId=4&amp;oId=3001-2250_4-10072925&amp;ontId=2250_4&amp;spi=cc4be987b18717448e56c97399afc27f&amp;lop=txt&amp;tag=idl2&amp;pid=10826781&amp;mfgId=87236&amp;merId=87236&amp;pguid=5ZsdTgoPjGAAABmpCkgAAADI&amp;destUrl=http%3a%2f%2fsoftware-files.download.com%2fsd%2fdhdHOAno0ura2pnMRVzVy2Lcj6zlwAbMNDCzjHJCmDECOEd1Hh0mTLcGYBAlk3jabCgWQ50_oNfj9q4WWiVAcH82z72nGAKM%2fsoftware%2f10826781%2f10072925%2f3%2fIZArc_Setup.exe%3flop%3dlink%26ptype%3d1901%26ontid%3d2250%26siteId%3d4%26edId%3d3%26spi%3dcc4be987b18717448e56c97399afc27f%26pid%3d10826781%26psid%3d10072925">este enlace</a>.</p>
<p style="text-align:justify;">Bueno, si ya descomprimiste el zip tendrás una carpeta. Esa carpeta (tal cual, no cambies nada, ni el nombre) deberás colocarla en la carpeta theme de Moodle.</p>
<p>La ruta para Windows sería:</p>
<p style="padding-left:30px;"><strong>C:/Appserv/www/moodle/theme</strong></p>
<p>La ruta para Linux sería:</p>
<p style="padding-left:30px;"><strong>/var/www/moodle/theme</strong></p>
<p style="text-align:justify;">Recuerda que para Linux debes mover la carpeta en modo administrador (sudo nautilus en ubuntu) y luego asignarle permisos a la carpeta (clic derecho, propiedades, permisos o sino sudo chmod 777). En Windows no es necesario hacer nada, basta cortar y pegar la carpeta.</p>
<blockquote>
<p style="text-align:justify;"><em>A primera impresión puede parecer más tedioso, confuso y molesto todo el proceso en Linux, pero ese proceso representa seguridad. En realidad de lo que debes dudar es de la forma tan sencilla de mover archivos en Windows y como no puedes establecerle siquiera permisos. Esos errores de seguridad son vitales al momento de instalar Moodle en un gran servidor.</em></p>
</blockquote>
<p style="text-align:justify;">Si ya copiaste la carpeta del tema en la ubicación indicada, es todo lo que debes hacer. Repite este proceso para cada tema nuevo. Luego ve al selector de temas, escoge el tema que acabas de añadir (que debe salir en la lista) y es todo.</p>
<p style="text-align:justify;">Nos vemos en la siguiente clase.</p>
<p style="padding-left:30px;"><em>PD. Si, en Linux, no ves el nuevo tema que has añadido, revisa los permisos de la carpeta. Si no ves el nuevo tema en Windows&#8230; pues no sé, pásate a Linux.</em></p>
<p style="text-align:center;"><a href="http://alvarofelipe.wordpress.com/2009/02/20/manual-de-moodle-capitulo-9-cambiar-la-apariencia-de-moodle-con-los-temas/">&lt;&lt; Capítulo anterior</a><br />
<a href="../libros/manuales/moodle/"> Índice</a><br />
Capítulo siguiente &gt;&gt;</p>
<p style="text-align:right;"><em><strong>Álvaro Felipe</strong></em><br />
<span style="color:#0000ff;"> afelipech@gmail.com</span></p>

	Etiquetas: <a href="http://alvarofelipe.com/tag/aula-virtual/" title="Aula Virtual" rel="tag">Aula Virtual</a>, <a href="http://alvarofelipe.com/tag/aula-web/" title="Aula web" rel="tag">Aula web</a>, <a href="http://alvarofelipe.com/tag/e-learning/" title="E-Learning" rel="tag">E-Learning</a>, <a href="http://alvarofelipe.com/tag/manual-de-moodle/" title="Manual de Moodle" rel="tag">Manual de Moodle</a>, <a href="http://alvarofelipe.com/tag/moodle/" title="Moodle" rel="tag">Moodle</a>, <a href="http://alvarofelipe.com/tag/software-educativo/" title="Software educativo" rel="tag">Software educativo</a>, <a href="http://alvarofelipe.com/tag/tic/" title="Tic" rel="tag">Tic</a>, <a href="http://alvarofelipe.com/tag/web-20/" title="Web 2.0" rel="tag">Web 2.0</a><br />

	<br /><br /><h5>Si este artículo te gustó también puedes leer:</h5>
	<ul class="st-related-posts">
	<li><a href="http://alvarofelipe.com/2009/02/20/manual-de-moodle-capitulo-9-cambiar-la-apariencia-de-moodle-con-los-temas/" title="Manual de Moodle, capítulo 9: Cambiar la apariencia de Moodle con los temas (20 Febrero 2009)">Manual de Moodle, capítulo 9: Cambiar la apariencia de Moodle con los temas</a> (2 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2008/09/12/capitulo-7-moodle-en-espanol/" title="Manual de Moodle, capítulo 7: Moodle en español (12 Septiembre 2008)">Manual de Moodle, capítulo 7: Moodle en español</a> (0 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2008/07/04/capitulo-6-estructura-de-carpetas-en-moodle/" title="Manual de Moodle, capítulo 6: Estructura de carpetas en Moodle (4 Julio 2008)">Manual de Moodle, capítulo 6: Estructura de carpetas en Moodle</a> (0 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2008/07/02/capitulo-5-instalacion-de-moodle/" title="Manual de Moodle, capítulo 5: Instalación de Moodle (2 Julio 2008)">Manual de Moodle, capítulo 5: Instalación de Moodle</a> (0 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2008/07/02/instalacion-de-moodle-implementacio-del-servidor-ii-2/" title="Manual de Moodle, capítulo 4: Implementación del servidor II (2 Julio 2008)">Manual de Moodle, capítulo 4: Implementación del servidor II</a> (2 comentarios)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://alvarofelipe.com/2009/02/21/manual-de-moodle-capitulo-10-cambiar-la-apariencia-de-moodle-con-los-temas-ii/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Blog de Enrique Dans cumple 6 años</title>
		<link>http://alvarofelipe.com/2009/02/21/blog-de-enrique-dans-cumple-6-anos/</link>
		<comments>http://alvarofelipe.com/2009/02/21/blog-de-enrique-dans-cumple-6-anos/#comments</comments>
		<pubDate>Sat, 21 Feb 2009 16:43:20 +0000</pubDate>
		<dc:creator>Álvaro Felipe</dc:creator>
				<category><![CDATA[Noticias]]></category>
		<category><![CDATA[Opinión]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[Cumpleaños]]></category>
		<category><![CDATA[Enrique Dans]]></category>
		<category><![CDATA[Tendencias web]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://alvarofelipe.wordpress.com/?p=2293</guid>
		<description><![CDATA[
Enrique Dans una de las personas de habla hispana más influyentes y lúcidas en temas de tecnología, profesor de Sistemas y Tecnologías de la Información ha cumplido seis años frente a su blog.
Leerlo es una obligación para cualquiera que se precie o se ufane de conocer la web y las tendencias. Puedes no estar de [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_2294" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.flickr.com/photos/edans/3258238024/" target="_blank"><img class="size-full wp-image-2294" title="edans" src="http://alvarofelipe.files.wordpress.com/2009/02/edans.jpg" alt="Enrique Dans (foto de su Flickr)" width="500" height="281" /></a><p class="wp-caption-text">Enrique Dans (foto de su Flickr)</p></div>
<p style="text-align:justify;"><a href="http://profesores.ie.edu/enrique_dans/" target="_blank">Enrique Dans</a> una de las personas de habla hispana más influyentes y lúcidas en temas de tecnología, profesor de Sistemas y Tecnologías de la Información <a href="http://www.enriquedans.com/2009/02/sexto-cumpleanos.html" target="_blank">ha cumplido seis años frente a su blog</a>.</p>
<p style="text-align:justify;">Leerlo es una obligación para cualquiera que se precie o se ufane de conocer la web y las tendencias. Puedes no estar de acuerdo con él (aunque, asumámoslo, no estar de acuerdo con él es sumamente difícil pues no hay idea que no exponga sin una argumentación bastante sólida) pero no leerlo te hace un outsider.</p>
<p style="text-align:justify;"><span id="more-2293"></span></p>
<p style="text-align:justify;">Los últimos artículos de Edans hay girado en torno a la polémica en España sobre &#8220;espiar&#8221; (no le encuentro un mejor término) las comunicaciones, transferencias de datos y descargas de archivos desde internet. Una especie de espionaje dirigido por el gobierno y el &#8220;Ministerio de Cultura&#8221; que solo lucha en contra de lo que debería defender. La postura de Dans es bastante sólida y, obviamente, a favor de los usuarios y en contra de las grandes empresas que quieren tildar de delincuentes a los usuarios comunes por no darles de comer a los grandes como antes.</p>
<p style="text-align:justify;">En fin. Desde este humilde, mínimo, casi microscópico blog (en comparación al de Enrique), mis felicitaciones, mi respeto y mi recomendación a leerlo.</p>
<p>Si hasta <a href="http://es.wikipedia.org/wiki/Enjuto_Mojamuto" target="_blank">Enjuto Mojamuto</a> (el <a href="http://es.wikipedia.org/wiki/Geek" target="_blank">geek</a> más <a href="http://es.wikipedia.org/wiki/Friki" target="_blank">friki</a> del mundo XD) admira a Enrique Dans:</p>
<div style="text-align:center"><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/uQmlKFyvsek&#038;hl=es_ES&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/uQmlKFyvsek&#038;hl=es_ES&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></div>
<p>Acá los links:</p>
<p><a href="http://www.enriquedans.com/" target="_blank">Blog de Enrique Dans.</a></p>
<p><a href="http://feeds2.feedburner.com/ElBlogDeEnriqueDans" target="_blank">Suscríbete a sus feeds</a></p>
<p style="text-align:right;"><em><strong>Álvaro Felipe</strong></em><br />
<span style="color:#0000ff;"> afelipech@gmail.com</span></p>

	Etiquetas: <a href="http://alvarofelipe.com/tag/blog/" title="blog" rel="tag">blog</a>, <a href="http://alvarofelipe.com/tag/cumpleanos/" title="Cumpleaños" rel="tag">Cumpleaños</a>, <a href="http://alvarofelipe.com/tag/enrique-dans/" title="Enrique Dans" rel="tag">Enrique Dans</a>, <a href="http://alvarofelipe.com/tag/tendencias-web/" title="Tendencias web" rel="tag">Tendencias web</a>, <a href="http://alvarofelipe.com/tag/web-20/" title="Web 2.0" rel="tag">Web 2.0</a><br />

	<br /><br /><h5>Si este artículo te gustó también puedes leer:</h5>
	<ul class="st-related-posts">
	<li><a href="http://alvarofelipe.com/2009/05/05/%c2%a1un-ano/" title="¡Un año! (5 Mayo 2009)">¡Un año!</a> (4 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/04/12/curso-de-wordpresscom-4-widgets/" title="Curso de WordPress.com: 4 &#8211; Widgets (12 Abril 2009)">Curso de WordPress.com: 4 &#8211; Widgets</a> (2 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2008/10/18/%c2%bfwordpress-o-blogger/" title="¿Wordpress o Blogger? (18 Octubre 2008)">¿Wordpress o Blogger?</a> (3 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2010/01/02/%c2%a1welcome-2010/" title="¡Welcome 2010! (2 Enero 2010)">¡Welcome 2010!</a> (4 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/04/08/wordpresscom-anade-widget-para-twitter/" title="Wordpress.com añade widget para twitter (8 Abril 2009)">Wordpress.com añade widget para twitter</a> (4 comentarios)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://alvarofelipe.com/2009/02/21/blog-de-enrique-dans-cumple-6-anos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Manual de Moodle, capítulo 9: Cambiar la apariencia de Moodle con los temas</title>
		<link>http://alvarofelipe.com/2009/02/20/manual-de-moodle-capitulo-9-cambiar-la-apariencia-de-moodle-con-los-temas/</link>
		<comments>http://alvarofelipe.com/2009/02/20/manual-de-moodle-capitulo-9-cambiar-la-apariencia-de-moodle-con-los-temas/#comments</comments>
		<pubDate>Fri, 20 Feb 2009 22:54:49 +0000</pubDate>
		<dc:creator>Álvaro Felipe</dc:creator>
				<category><![CDATA[Informática]]></category>
		<category><![CDATA[Tic]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[Aula Virtual]]></category>
		<category><![CDATA[Aula web]]></category>
		<category><![CDATA[E-Learning]]></category>
		<category><![CDATA[Manual de Moodle]]></category>
		<category><![CDATA[Moodle]]></category>
		<category><![CDATA[Software educativo]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://alvarofelipe.wordpress.com/?p=2282</guid>
		<description><![CDATA[
En el capítulo anterior expliqué a grandes rasgos las diferentes secciones del bloque &#8220;Administración del sitio&#8221;. No olvides que ese bloque es el núcleo del sistema, todos los cambios y operaciones importantes las harás desde ahí.
En ese bloque existe una sección llamada Apariencia y como su nombre lo indica, nos permite manejar el aspecto de [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align:justify;">
<div id="attachment_2285" class="wp-caption aligncenter" style="width: 410px"><img class="size-full wp-image-2285" title="logo" src="http://alvarofelipe.files.wordpress.com/2009/02/logo.jpg" alt="Moodle" width="400" height="100" /><p class="wp-caption-text">Moodle</p></div>
<p style="text-align:justify;">En el capítulo anterior expliqué a grandes rasgos las diferentes secciones del bloque &#8220;Administración del sitio&#8221;. No olvides que ese bloque es el núcleo del sistema, todos los cambios y operaciones importantes las harás desde ahí.</p>
<p style="text-align:justify;">En ese bloque existe una sección llamada Apariencia y como su nombre lo indica, nos permite manejar el aspecto de Moodle. Aunque hay más parámetros, me ocuparé hoy solamente de los temas.</p>
<p style="text-align:justify;">Los temas son paquetes que contienen archivos de configuración e imágenes. Moodle lee el paquete elegido y esto se traduce en un cambio de aspecto de la plataforma. Por suerte, cuando instalamos Moodle, tenemos varios temas disponible. Claro que si niguno nos convence, podemos descargar más temas desde internet o crear nuestro propio tema (esto último puede llegar a ser bastante complejo, dependiendo de lo que queramos).</p>
<p style="text-align:justify;"><span id="more-2282"></span></p>
<p style="text-align:justify;">Para empezar, desde el bloque Administración del sitio vamos a Apariencia y luego escogemos la opción temas. Veremos dos ítems:</p>
<ul style="text-align:justify;">
<li>Ajustes de temas. Permite establecer los parámteros de los temas, los que aparecen en la lista, si cada usuario puede elegir su propio tema, etc.</li>
<li>Selector de temas. Es la lista de todos los temas disponibles en ese momento. Esa lista puede aumentar o disminuir si nosotros añadimos o quitamos temas de la carpeta correspondiente.</li>
</ul>
<p style="text-align:justify;">Veamos cada uno:</p>
<h2>Ajustes de temas:</h2>
<div id="attachment_2283" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-2283" title="ajustes-de-temas" src="http://alvarofelipe.files.wordpress.com/2009/02/ajustes-de-temas.jpg" alt="Ajustes de temas en Moodle (Administración del sitio - Apariencias - Temas - Ajustes de temas)" width="500" height="583" /><p class="wp-caption-text">Ajustes de temas en Moodle (Administración del sitio - Apariencias - Temas - Ajustes de temas)</p></div>
<ul style="text-align:justify;">
<li><strong>Lista de temas</strong>. Podemos escribir los temas que queremos que se muestren en el selector y así ocultar el resto.</li>
<li><strong>Permitir estilos al usuario</strong>. Activar está opción le permitirá a cada usuario tener un menú para cambiar la apariencia de Moodle (esa nueva apariencia será visible solo para él).</li>
<li><strong>Permitir estilos en el curso</strong>. Permite que cada curso tenga un tema (diseño) independiente. Aunque representa un gran trabajo crear un diseño por curso, la apariencia final es excelente. Por ejemplo, dentro del mismo sitio, si un alumno entra al curso de Historia verá un diseño alusivo al área, de forma similar en cursos como Biología, Literatura, entre otros.</li>
<li><strong>Permitir temas por categorías</strong>. Similar al caso anterior, pero ahora con categorías. Las categorías son grupos que contienen cursos. Ejemplos de categorías serían niveles, como categoría cursos de primaria, o categoría cursos de scundaria. O áreas como categoría área de ciencias, categoría área de comunicación, etc. La documentación de Moodle advierte que activar esta opción puede afectar el rendimiento del sistema.</li>
<li><strong>Permitir a los usuarios ocultar bloques</strong>. Los bloques laterales pueden ocultarse presionando un botón. Esta opción permite decidir si los usuarios tendrán o no esa opción.</li>
<li>Mostrar bloques en páginas de módulos. Los módulos son funciones adicionales que permiten añadir actividades a Moodle. Esta opción permite decidir si a dichos módulos se les puede añadir o no bloques laterales.</li>
<li><strong>Ocultar navegación de tipo de actividad</strong>. Permite decidir si se verán los enlaces a las actividades a los usuarios.</li>
</ul>
<h2 style="text-align:justify;">Selector de temas</h2>
<p style="text-align:justify;">De hecho que es esta la opción que nos interesa, acá podemos elegir un tema para nuestro sitio Moodle.</p>
<div id="attachment_2284" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-2284" title="selector-de-temas" src="http://alvarofelipe.files.wordpress.com/2009/02/selector-de-temas.jpg" alt="Todos los temas disponibles después de instalar moodle" width="500" height="2396" /><p class="wp-caption-text">Todos los temas disponibles después de instalar moodle</p></div>
<p style="text-align:justify;">No hay nada que explicar aquí. Escoges el tema que te agrade, le das clic a &#8220;elegir&#8221; y listo, ya tienes un nuevo diseño para Moodle.</p>
<p style="text-align:justify;">Yo he elegido el tema <strong>formal white</strong> y con él trabajaré en las siguientes clases.</p>
<p style="text-align:center;"><a href="http://alvarofelipe.wordpress.com/2009/01/15/manual-de-moodle-capitulo-8-conociendo-el-bloque-administracion-del-sitio/">&lt;&lt; Capítulo anterior</a><br />
<a href="http://alvarofelipe.wordpress.com/libros/manuales/moodle/"> Índice</a><br />
<a href="http://alvarofelipe.wordpress.com/2009/02/21/manual-de-moodle-capitulo-10-cambiar-la-apariencia-de-moodle-con-los-temas-ii/"> Capítulo siguiente &gt;&gt;</a></p>
<p style="text-align:right;"><em><strong>Álvaro Felipe</strong></em><br />
<span style="color:#0000ff;"> afelipech@gmail.com</span></p>

	Etiquetas: <a href="http://alvarofelipe.com/tag/aula-virtual/" title="Aula Virtual" rel="tag">Aula Virtual</a>, <a href="http://alvarofelipe.com/tag/aula-web/" title="Aula web" rel="tag">Aula web</a>, <a href="http://alvarofelipe.com/tag/e-learning/" title="E-Learning" rel="tag">E-Learning</a>, <a href="http://alvarofelipe.com/tag/manual-de-moodle/" title="Manual de Moodle" rel="tag">Manual de Moodle</a>, <a href="http://alvarofelipe.com/tag/moodle/" title="Moodle" rel="tag">Moodle</a>, <a href="http://alvarofelipe.com/tag/software-educativo/" title="Software educativo" rel="tag">Software educativo</a>, <a href="http://alvarofelipe.com/tag/tic/" title="Tic" rel="tag">Tic</a>, <a href="http://alvarofelipe.com/tag/web-20/" title="Web 2.0" rel="tag">Web 2.0</a><br />

	<br /><br /><h5>Si este artículo te gustó también puedes leer:</h5>
	<ul class="st-related-posts">
	<li><a href="http://alvarofelipe.com/2008/09/12/capitulo-7-moodle-en-espanol/" title="Manual de Moodle, capítulo 7: Moodle en español (12 Septiembre 2008)">Manual de Moodle, capítulo 7: Moodle en español</a> (0 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2008/07/04/capitulo-6-estructura-de-carpetas-en-moodle/" title="Manual de Moodle, capítulo 6: Estructura de carpetas en Moodle (4 Julio 2008)">Manual de Moodle, capítulo 6: Estructura de carpetas en Moodle</a> (0 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2008/07/02/capitulo-5-instalacion-de-moodle/" title="Manual de Moodle, capítulo 5: Instalación de Moodle (2 Julio 2008)">Manual de Moodle, capítulo 5: Instalación de Moodle</a> (0 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2008/07/02/instalacion-de-moodle-implementacio-del-servidor-ii-2/" title="Manual de Moodle, capítulo 4: Implementación del servidor II (2 Julio 2008)">Manual de Moodle, capítulo 4: Implementación del servidor II</a> (2 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2008/06/18/capitulo-2-que-es-un-servidor/" title="Manual de Moodle, capítulo 2: ¿Qué es un servidor? (18 Junio 2008)">Manual de Moodle, capítulo 2: ¿Qué es un servidor?</a> (0 comentarios)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://alvarofelipe.com/2009/02/20/manual-de-moodle-capitulo-9-cambiar-la-apariencia-de-moodle-con-los-temas/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Buscar palabras en el diccionario de la Real Academia Española (DRAE)</title>
		<link>http://alvarofelipe.com/2009/01/13/buscar-palabras-en-el-diccionario-de-la-real-academia-espanola-drae/</link>
		<comments>http://alvarofelipe.com/2009/01/13/buscar-palabras-en-el-diccionario-de-la-real-academia-espanola-drae/#comments</comments>
		<pubDate>Wed, 14 Jan 2009 00:44:08 +0000</pubDate>
		<dc:creator>Álvaro Felipe</dc:creator>
				<category><![CDATA[Lenguaje]]></category>
		<category><![CDATA[Diccionario]]></category>
		<category><![CDATA[DRAE]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://alvarofelipe.wordpress.com/2009/01/13/buscar-palabras-en-el-diccionario-de-la-real-academia-espanola-drae/</guid>
		<description><![CDATA[Este es un tip bastante rápido. Si queremos saber el significado de cierta palabra, o cerciorarnos de si la estamos escribiendo bien o no hay una manera rápida de hacerlo mientras estamos navegando por internet.
En la barra de direcciones de tu navegador (ahí donde escribes las direcciones de las web que visitas, como www.google.com o [...]]]></description>
			<content:encoded><![CDATA[<p>Este es un tip bastante rápido. Si queremos saber el significado de cierta palabra, o cerciorarnos de si la estamos escribiendo bien o no hay una manera rápida de hacerlo mientras estamos navegando por internet.</p>
<p>En la barra de direcciones de tu navegador (ahí donde escribes las direcciones de las web que visitas, como www.google.com o www.youtube.com) escribe:</p>
<div>rae.es/<strong>palabra_a_buscar</strong></div>
<p><span id="more-1945"></span></p>
<p>Así nada más, remplaza (obviamente) la expresión en negrita por la palabra que quieras buscar (con tildes y con eñes en caso sean necesarias), presionas enter y listo. Nada de agregar www ni http:// solo</p>
<div>rae.es/<strong>palabra_a_buscar</strong></div>
<p>Ejemplos (copia y pega en tu barra de direcciones):</p>
<blockquote><p>rae.es/coyuntura</p>
<p>rae.es/sinestesia</p>
<p>rae.es/cuña</p>
<p>rae.es/átomo</p></blockquote>
<p><em>*No coloco enlaces porque no se pueden crear enlaces con tildes ni con eñes, por eso digo que copien y peguen en la barra de direcciones de su navegador para ver los ejemplos.</em></p>
<p>Ahora, si es que no están seguros de cómo se escribe una palabra, no se preocupen, escríbanla tal como crean que es (o como crean que no es, da igual) y presionen enter. Si el DRAE (diccionario de la Real Academia Española) no encuentra esa palabra, te sugerirá las palabras similares y así sabrás las formas correctas.</p>
<p>Haz la prueba con:</p>
<blockquote><p>rae.es/exhuberante</p>
<p>rae.es/heroíco</p></blockquote>
<p>Así de simple, espero que les sirva.</p>
<p>Hasta la próxima.</p>
<div><em><strong>Álvaro Felipe</strong></em></div>
<p>Technorati Tags: <a class="performancingtags" rel="tag" href="http://technorati.com/tag/Lenguaje">Lenguaje</a>, <a class="performancingtags" rel="tag" href="http://technorati.com/tag/DRAE">DRAE</a>, <a class="performancingtags" rel="tag" href="http://technorati.com/tag/Diccionario%20de%20la%20Real%20Academia%20Espa%C3%B1ola">Diccionario de la Real Academia Española</a>, <a class="performancingtags" rel="tag" href="http://technorati.com/tag/Buscar%20palabras%20en%20el%20diccionario">Buscar palabras en el diccionario</a></p>

	Etiquetas: <a href="http://alvarofelipe.com/tag/diccionario/" title="Diccionario" rel="tag">Diccionario</a>, <a href="http://alvarofelipe.com/tag/drae/" title="DRAE" rel="tag">DRAE</a>, <a href="http://alvarofelipe.com/tag/web-20/" title="Web 2.0" rel="tag">Web 2.0</a><br />

	<br /><br /><h5>Si este artículo te gustó también puedes leer:</h5>
	<ul class="st-related-posts">
	<li><a href="http://alvarofelipe.com/2008/10/18/%c2%bfwordpress-o-blogger/" title="¿Wordpress o Blogger? (18 Octubre 2008)">¿Wordpress o Blogger?</a> (3 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/04/08/wordpresscom-anade-widget-para-twitter/" title="Wordpress.com añade widget para twitter (8 Abril 2009)">Wordpress.com añade widget para twitter</a> (4 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/03/19/web-20/" title="Web 2.0 (19 Marzo 2009)">Web 2.0</a> (7 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/01/08/tus-fotos-de-zooomr-en-tu-blog-de-wordpresscom/" title="Tus fotos de Zooomr en tu blog de WordPress.com (8 Enero 2009)">Tus fotos de Zooomr en tu blog de WordPress.com</a> (0 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/04/21/servicios-web-20-boxnet/" title="Servicios web 2.0 &#8211; box.net (21 Abril 2009)">Servicios web 2.0 &#8211; box.net</a> (1 comentarios)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://alvarofelipe.com/2009/01/13/buscar-palabras-en-el-diccionario-de-la-real-academia-espanola-drae/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tus fotos de Zooomr en tu blog de WordPress.com</title>
		<link>http://alvarofelipe.com/2009/01/08/tus-fotos-de-zooomr-en-tu-blog-de-wordpresscom/</link>
		<comments>http://alvarofelipe.com/2009/01/08/tus-fotos-de-zooomr-en-tu-blog-de-wordpresscom/#comments</comments>
		<pubDate>Thu, 08 Jan 2009 14:20:46 +0000</pubDate>
		<dc:creator>Álvaro Felipe</dc:creator>
				<category><![CDATA[Literatura]]></category>
		<category><![CDATA[Flickr]]></category>
		<category><![CDATA[Fotos]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Zooomr]]></category>

		<guid isPermaLink="false">http://alvarofelipe.wordpress.com/?p=1905</guid>
		<description><![CDATA[
Continuando con el post anterior, si ya tienes tu galería de Zooomr y además tienes tu blog en WordPress.com puedes tener tus últimas fotos (se actualizará cada vez que subas nuevas imágenes a Zooomr) en tu barra lateral. El proceso es muy sencillo, basta con aprovecharnos del widget de Flickr que traen los blogs de [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align:center;"><img class="aligncenter" src="http://alvarofelipe.files.wordpress.com/2009/01/zooomr-logo.jpg" alt="" width="316" height="80" /></p>
<p style="text-align:justify;">Continuando con el post anterior, si ya tienes tu galería de Zooomr y además tienes tu blog en WordPress.com puedes tener tus últimas fotos (se actualizará cada vez que subas nuevas imágenes a Zooomr) en tu barra lateral. El proceso es muy sencillo, basta con aprovecharnos del widget de Flickr que traen los blogs de WordPress.com.</p>
<p style="text-align:justify;"><span id="more-1905"></span></p>
<p style="text-align:justify;">Muy sencillo: entra al tablero de tu blog, de ahí selecciona Apariencia (verás un pequeño triángulo a la derecha que te indicará que se desplegará un menú) y luego Widgets.</p>
<p style="text-align:center;"><img class="size-full wp-image-1906 aligncenter" title="panel" src="http://alvarofelipe.files.wordpress.com/2009/01/panel.jpg" alt="panel" width="153" height="529" /></p>
<p>Una vez tengas la lista de widgets escoge el de Flickr. y Configúralo con los datos de tu cuenta de Zooomr (exacto, es para Flickr, no para Zooomr, es verdad, pero está 100% comprobado que funciona).</p>
<div id="attachment_1907" class="wp-caption aligncenter" style="width: 289px"><img class="size-full wp-image-1907" title="flickr-widget" src="http://alvarofelipe.files.wordpress.com/2009/01/flickr-widget.jpg" alt="Mis fotos en Zooomr) y en Flickr RSS URL pega la dirección del feed de tu galeria de Zooomr." width="279" height="394" /><p class="wp-caption-text">Escoge un título (por ejemplo: Mis fotos en Zooomr) y en Flickr RSS URL pega la dirección del feed de tu galería de Zooomr. También puedes elegir cuántas fotos mostrar.</p></div>
<p>¿Y de dónde sacas tu dirección del feed de Zooomr?</p>
<p style="text-align:justify;">Fácil, ve a tu galería de Zooomr y busca el ícono del RSS en la parte inferior derecha.</p>
<div id="attachment_1908" class="wp-caption aligncenter" style="width: 279px"><img class="size-full wp-image-1908" title="feed-zooomr" src="http://alvarofelipe.files.wordpress.com/2009/01/feed-zooomr.png" alt="Este es el icono que debes buscar en tu galeria de Zooomr" width="269" height="33" /><p class="wp-caption-text">Este es el ícono que debes buscar en tu galería de Zooomr</p></div>
<p>Listo, haz clic en ese enlace, luego copia la dirección y pégala en el widget de Flickr en tu blog. O más fácil, haz clic derecho sobre el ícono y selecciona &#8220;copiar dirección de enlace&#8221;, luego la pegas en el widget.</p>
<p>Guarda los cambios y es todo. Ve a mirar tu blog, ya están tus fotos de Zooomr.</p>
<div class="wp-caption aligncenter" style="width: 210px"><img src="http://alvarofelipe.files.wordpress.com/2009/01/fotos-zooomr.jpg" alt="" width="200" height="484" /><p class="wp-caption-text">Este aspecto tendrá tu widget de fotos en la barra lateral de tu blog</p></div>
<p style="text-align:right;"><em><strong>Álvaro Felipe</strong></em></p>

	Etiquetas: <a href="http://alvarofelipe.com/tag/flickr/" title="Flickr" rel="tag">Flickr</a>, <a href="http://alvarofelipe.com/tag/fotos/" title="Fotos" rel="tag">Fotos</a>, <a href="http://alvarofelipe.com/tag/web-20/" title="Web 2.0" rel="tag">Web 2.0</a>, <a href="http://alvarofelipe.com/tag/zooomr/" title="Zooomr" rel="tag">Zooomr</a><br />

	<br /><br /><h5>Si este artículo te gustó también puedes leer:</h5>
	<ul class="st-related-posts">
	<li><a href="http://alvarofelipe.com/2009/01/07/sube-y-comparte-todas-tus-fotos-absolutamente-todas-con-zooomr/" title="Sube y comparte todas tus fotos (absolutamente todas) con Zooomr (7 Enero 2009)">Sube y comparte todas tus fotos (absolutamente todas) con Zooomr</a> (0 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2008/10/18/%c2%bfwordpress-o-blogger/" title="¿Wordpress o Blogger? (18 Octubre 2008)">¿Wordpress o Blogger?</a> (3 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/01/26/yes-we-can/" title="Yes, we can! (26 Enero 2009)">Yes, we can!</a> (1 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/04/08/wordpresscom-anade-widget-para-twitter/" title="Wordpress.com añade widget para twitter (8 Abril 2009)">Wordpress.com añade widget para twitter</a> (4 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/03/19/web-20/" title="Web 2.0 (19 Marzo 2009)">Web 2.0</a> (7 comentarios)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://alvarofelipe.com/2009/01/08/tus-fotos-de-zooomr-en-tu-blog-de-wordpresscom/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>¿Wordpress o Blogger?</title>
		<link>http://alvarofelipe.com/2008/10/18/%c2%bfwordpress-o-blogger/</link>
		<comments>http://alvarofelipe.com/2008/10/18/%c2%bfwordpress-o-blogger/#comments</comments>
		<pubDate>Sat, 18 Oct 2008 22:35:05 +0000</pubDate>
		<dc:creator>Álvaro Felipe</dc:creator>
				<category><![CDATA[Informática]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[Blogger]]></category>
		<category><![CDATA[Comparativas]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://aulawebperu.wordpress.com/?p=76</guid>
		<description><![CDATA[Wordpress y Blogger son los dos servicios gratuitos más conocidos y usados para crear blogs (este blog está creado en wordpress). La mayoría usa blogger, y la principal razón es que tiene el respaldo de Google. Sin embargo, el CMS por excelencia para creación de blogs es de lejos wordpress (un CMS es una aplicación [...]]]></description>
			<content:encoded><![CDATA[<div class="wp-caption aligncenter" style="width: 510px"><img src="http://farm4.static.flickr.com/3008/2950013743_d27d08f7fa_d.jpg" alt="" width="500" height="250" /><p class="wp-caption-text">WordPress y Blogger: los dos servicios más importantes para bloguear gratis.</p></div>
<p style="text-align:justify;"><img class="size-full wp-image-80 alignleft" style="margin:3px;" title="aulawebperu-logo-58" src="http://aulawebperu.files.wordpress.com/2008/10/aulawebperu-logo-58.png" alt="" width="58" height="58" /><a href="http://es.wordpress.com" target="_blank">Wordpress</a> y <a href="http://blogger.com" target="_blank">Blogger</a> son los dos servicios gratuitos más conocidos y usados para crear blogs (este blog está creado en wordpress). La mayoría usa blogger, y la principal razón es que tiene el respaldo de Google. Sin embargo, el CMS por excelencia para creación de blogs es de lejos wordpress (un CMS es una aplicación que se instala sobre un servidor, por ejemplo, una empresa grande no necesitará un servicio gratuito para crear un blog sino que contratará su propio servidor y usará un programa para crear ese blog; ese CMS es wordpress).</p>
<p style="text-align:justify;">En este artículo pretende hacer una comparativa lo más técnica posible entre ambos servicios y resaltar sus puntos fuertes y débiles. Intentaré ser imparcial y objetivo; pero, si algo se me escapa hagánmelo saber.</p>
<p style="text-align:justify;">Dividiré esta comparativa en los siguientes aspectos:</p>
<ol style="text-align:justify;">
<li>Diseño</li>
<li>Posteo</li>
<li>Widgets</li>
<li>Comentarios</li>
<li>Administración</li>
<li>Integración con otros servicios</li>
<li>Exportación</li>
</ol>
<p style="text-align:justify;">Empecemos:</p>
<p style="text-align:justify;"><span id="more-76"></span></p>
<h2 style="text-align:justify;">1. Diseño</h2>
<p style="text-align:justify;">
<hr />
<p style="text-align:justify;"><strong></strong></p>
<p style="text-align:justify;"><a href="http://aulawebperu.files.wordpress.com/2008/10/wordpress-logo_5b2_5d.jpg"><img class="alignnone size-full wp-image-120" title="wordpress-logo_5b2_5d" src="http://aulawebperu.files.wordpress.com/2008/10/wordpress-logo_5b2_5d.jpg" alt="" width="140" height="36" /></a></p>
<p style="text-align:justify;"><strong>Lo bueno</strong>: Ofrece setenta plantillas muy bien organizadas con etiquetas: cabecera intercambiable; una, dos, tres, cuatro columnas, paginador, etc y se puede ver como quedaría nuestro blog con la nueva plantilla antes de activarla (en la misma ventana, en modo &#8220;live&#8221;). Estas plantillas son de diseño bastante elegante y profesional. Además, permiten personalizar diversos elementos (de acuerdo a la plantilla).<strong></strong></p>
<p style="text-align:justify;"><strong>Lo malo</strong>: aunque se permiten personalizar las plantillas, esta personalización depende de la plantilla: algunas te dejan modificar los colores, otras la cabecera, pero ninguna tiene una personalización total. Si queremos hacer una personalización a fondo (editando el código CSS) debemos pagar 15 dólares anuales. Tampoco permite añadir nuevas plantillas (por ejemplo, las que nos podamos bajar de internet)</p>
<p style="text-align:justify;"><a href="http://aulawebperu.files.wordpress.com/2008/10/bloggerlogo.jpg"><img class="size-full wp-image-85 alignnone" style="margin:2px 4px;" title="bloggerlogo" src="http://farm4.static.flickr.com/3041/2954694985_978e86fb21_t_d.jpg" alt="" /></a><strong></strong></p>
<p style="text-align:justify;"><strong>Lo bueno</strong>: Si no te gusta las plantillas que trae por defecto, puedes descargar desde internet nuevas plantillas (hay cientos de ellas por la red) y ponerlas en tu blog. Además permite personalizar todos los elementos de la plantilla y acceder al código para una edición a profundidad (sin pagar los 15 dólares que cuesta en wordpress).</p>
<p style="text-align:justify;"><strong>Lo malo</strong>: Será casi obligatorio que te bajes una plantilla de Internt porque las predeterminadas son muy sencillas, practicamente iguales todas (solo cambian el color y algunas otras pequeñeces), nada elegantes (hasta infantiles algunas) y con mínimas opciones. Y aunque se pueden descargar nuevas plantillas de Internet, subir una nueva implica desaparecer la anterior (se puede hacer una copia de seguridad antes) y luego ver los cambios (no pueden probarse los nuevos diseños en modo &#8220;live&#8221;). Probar entre cinco plantillas te puede tomar mucho tiempo más que en Wordpress.</p>
<h3 style="text-align:justify;"><strong>Ganador:</strong></h3>
<p style="text-align:justify;"><img class="aligncenter" src="http://farm4.static.flickr.com/3008/2950013743_d27d08f7fa_t.jpg" alt="" width="100" height="50" /></p>
<p style="text-align:justify;">Empate, aunque a primera vista Blogger ganaría por permitir personalizar el código de las plantillas y descargar nuevas de internet; la previsualización en modo &#8220;live&#8221; de wordpress, su gran cantidad de plantillas, su excelente organización por etiquetas y la elegancia de sus diseños están muy por encima de Blogger.</p>
<h2 style="text-align:justify;">2. Posteo</h2>
<p style="text-align:justify;">
<hr />
<p style="text-align:justify;">
<p style="text-align:justify;"><a href="http://aulawebperu.files.wordpress.com/2008/10/wordpress-logo_5b2_5d.jpg"><img class="alignnone size-full wp-image-120" title="wordpress-logo_5b2_5d" src="http://aulawebperu.files.wordpress.com/2008/10/wordpress-logo_5b2_5d.jpg" alt="" width="140" height="36" /></a></p>
<p style="text-align:justify;"><strong>Lo bueno</strong>: Un editor visual (WYSIWYG) completo, con muchas opciones, atajos de teclado, opción de pantalla completa. Tiene un excelente manejo de imágenes, permite modificar el tamaño, añadirle una leyenda (como la del inicio de este post) los márgenes, la alineacion, etc. La opción de editar directamente HTML muestra el código ordenado, con saltos de línea y tabulaciones, perfecto para quienes queremos acceder a opciones avanzadas. Se ha agregado hace una semana una opción para insertar encuestas creadas en Polldady (al final de este post una muestra). Además, permite añadir un botón <span style="text-decoration:underline;"><strong>leer más</strong></span> (con un solo clic) cuando el post es extenso.</p>
<p style="text-align:justify;">Para programadores, permite insertar códigos en el post (css, html, php, javascript, etc.). Acá un ejemplo:</p>
<p style="text-align:justify;">
<p>[sourcecode language='html']</p>
<ol style="text-align: justify;">
<li>Diseño</li>
<li>Posteo</li>
<li>Manejo de comentarios</li>
<li>Configuración del blog</li>
<li>Personalización</li>
<li>Integración con otros servicios</li>
<li>Exportación</li>
</ol>
<div style="text-align: justify;">Empecemos:</div>
<h2 style="text-align: justify;">1. Diseño</h2>
<hr />[/sourcecode]</p>
<p>Para los matemáticos, permite insertar ecuaciones usando códigos <code>$latex \LaTeX&amp;s=2$</code>. Acá un ejemplo:</p>
<p><code>$latex x=\frac{-b \pm \sqrt{b^2-4ac}}{2a}&amp;s=3$</code></p>
<p style="text-align:justify;"><strong>Lo malo</strong>: No permite añadir códigos embed ni javascript (por motivos de seguridad). pero sus shortcode  solucionan esta &#8220;aparente&#8221; desventaja. Además se hacen extrañar los botones de insertar línea horizontal y anclas, con lo que no nos queda otra que hacerlo directamente en el código.</p>
<p style="text-align:justify;"><a href="http://aulawebperu.files.wordpress.com/2008/10/bloggerlogo.jpg"><img class="size-full wp-image-85 alignnone" style="margin:2px 4px;" title="bloggerlogo" src="http://farm4.static.flickr.com/3041/2954694985_978e86fb21_t_d.jpg" alt="" /></a></p>
<p style="text-align:justify;"><strong>Lo bueno</strong>: las ventanas emergentes son rápidas. Ofrece varias opciones para insertar imágenes. Permite insertar código embed (videos de youtube con el código correspondiente) y javascript.</p>
<p style="text-align:justify;"><strong>Lo malo</strong>: Los botones de su editor gráfico son pocos, no se puede cambiar el color de texto, ni añadir sangrías ni encabezados (h1, h2, h3&#8230;) ni caracteres especiales. Todo esto debe realizarse desde el código (si no sabes HTML no podrás hacer mucho en blogger), aunque acá viene otro problema: la edición HTML es desordenada, sin saltos de línea ni tabulaciones, una total desgracia. Tampoco permite escribir postear códigos (como wordpress) ni ecuaciones matemáticas. Además, si escribes un post largo, no tienes opción de añadir un botón <span style="text-decoration:underline;"><strong>leer más</strong></span>, sino que tu blog se verá larguísimo y pesado.</p>
<h3 style="text-align:justify;"><strong>Ganador</strong></h3>
<p style="text-align:justify;"><img class="aligncenter" title="wordpresslogo" src="http://aulawebperu.files.wordpress.com/2008/10/wordpresslogo.jpg" alt="" width="40" height="40" /></p>
<p style="text-align:justify;">De lejos el ganador es WordPress, la gran cantidad de opciones (hasta para conocedores como matemáticos y programadores) apabullan (hasta humillan) a la pobre edición de blogger que decepciona con sus mínimas opciones, su engorroso código HTML y la ausencia de un botón leer más. Frustrante para un servicio ofrecido por Google.</p>
<h2 style="text-align:justify;"><strong>3. Widgets</strong></h2>
<p style="text-align:justify;">
<p style="text-align:justify;"><a href="http://aulawebperu.files.wordpress.com/2008/10/wordpress-logo_5b2_5d.jpg"><img class="alignnone size-full wp-image-120" title="wordpress-logo_5b2_5d" src="http://aulawebperu.files.wordpress.com/2008/10/wordpress-logo_5b2_5d.jpg" alt="" width="140" height="36" /></a></p>
<p style="text-align:justify;"><strong>Lo bueno</strong>: Muy buenos widgtes que permiten añadir contenido de calidad (pues es seleccionado por el equipo de WordPress) como imágenes de Flickr, chat de Meebo, mapas, archivos de Box, estadísticas integradas, etc.</p>
<p style="text-align:justify;"><strong>Lo malo</strong>: no permite añadir scripts (con lo que una gran cantidad de contenido de internet queda fuera) por motivos de seguridad. Si queremos colocar los widgets en nuevas posiciones habría que borrarlos todos (la configuración queda guardada) y añadirlos uno a uno en el nuevo orden deseado. Solo el equipo de WordPress puede crear nuevos widgets.</p>
<p style="text-align:justify;"><a href="http://aulawebperu.files.wordpress.com/2008/10/bloggerlogo.jpg"><img class="size-full wp-image-85 alignnone" style="margin:2px 4px;" title="bloggerlogo" src="http://farm4.static.flickr.com/3041/2954694985_978e86fb21_t_d.jpg" alt="" /></a></p>
<p style="text-align:justify;"><strong>Lo bueno</strong>: permite añadir cualquier tipo de código en sus gadgets (nombre que blogger le da a los widgets). Y su reordenación es tan sencilla como arrastrar los gadgets en la nueva posición deseada (genial característica envidiada por cualquier usuario de wordpress). Cualquier usuario puede crear su propio gadget.</p>
<p style="text-align:justify;"><strong>Lo malo</strong>: Hay tantos gadgets (¡miles!) que desorientan (no pude encontrar un gadget para añadir una nube de etiquetas, lamentable). La mayoría de dichos gadgets son tonterías y se ven blogs creados en blogger con aspectos horribles, llenos de jueguitos, botones innecesarios, diapositivas, musica de fondo, etc. Blogger es famoso por tener los blogs más horrendos de la web.</p>
<h3 style="text-align:justify;"><strong>Ganador</strong></h3>
<p style="text-align:center;"><img class="aligncenter" src="http://aulawebperu.files.wordpress.com/2008/10/bloggerlogo.jpg" alt="" /></p>
<p style="text-align:justify;">Aunque por poco, Blogger se lleva la victoria principalmente por su tecnología de arrastrar y soltar para recolocar los &#8220;gadgets&#8221;. El hecho de incluir todo tipo de código es enfrentado sabiamente por lo excelentes widgets bien escogidos de WordPress y sus shortcode. Permitir diseños espantosos, páginas sobrecargadas de contenido multimedia adolescente es lo peor de los gadgets de blogger.</p>
<h2 style="text-align:justify;"><strong>4. Comentarios</strong></h2>
<p style="text-align:justify;">Un blog crea en torno suyo una comunidad. Un blog sin comentarios es alguien que grita donde nadie puede escucharlo. Manejar los comentarios es sin duda uno de los factores clave en un blog.</p>
<p style="text-align:justify;">
<p style="text-align:justify;"><a href="http://aulawebperu.files.wordpress.com/2008/10/wordpress-logo_5b2_5d.jpg"><img class="alignnone size-full wp-image-120" title="wordpress-logo_5b2_5d" src="http://aulawebperu.files.wordpress.com/2008/10/wordpress-logo_5b2_5d.jpg" alt="" width="140" height="36" /></a></p>
<p style="text-align:justify;"><strong>Lo bueno</strong>: prácticamente todo. Los lectores tienen un formulario muy sencillo para escribir un comentario (incluido en la misma ventana del artículo que se va a comentar), el administrador del blog puede elegir si moderarlos (poder aprobarlos, rechazarlos o borrarlos) y enviar copias de ellos a su correo electrónico. Además permite editar los comentarios, esta opción es la mejor pues podemos corregir faltas ortográficas, enlaces rotos, borrar palabras inadecuadas y contestarle al lector desde el mismo post.</p>
<p style="text-align:justify;"><strong>Lo malo</strong>: edición limitada de HTML en los comentarios, no se pueden subir imágenes, cambiar el color del texto o añadir una línea horizontal. Aunque se hacen extrañar los dos últimos, el de la imagen está bien así (nadie quisiera que saturen nuestro blog con imágenes al puro estilo de un hi5 adolescente, ¿o si?)</p>
<p style="text-align:justify;"><a href="http://aulawebperu.files.wordpress.com/2008/10/bloggerlogo.jpg"><img class="size-full wp-image-85 alignnone" style="margin:2px 4px;" title="bloggerlogo" src="http://farm4.static.flickr.com/3041/2954694985_978e86fb21_t_d.jpg" alt="" /></a></p>
<p style="text-align:justify;"><strong>Lo bueno</strong>: Permite moderar los comentarios.</p>
<p style="text-align:justify;"><strong>Lo malo</strong>: casi todo. El cuadro para escribir comentarios aparece en una nueva ventana después de hacer clic y no muestra el artículo original ni los comentarios anteriores (a menos que se pulsen los botones correspondientes), no permite comentar solo con nombre y e-mail, pues si se activa esa opción también se activa la de permitir comentarios anónimos (frustrante). No permite editar los comentarios (encontré un truco para hacerlo ¡pero correspondía al 2007! o sea que desde entonces hasta ahora los programadores de blogger no han hecho nada al respecto (lamentable).</p>
<h3 style="text-align:justify;"><strong>Ganador</strong></h3>
<p style="text-align:justify;"><img class="aligncenter" title="wordpresslogo" src="http://aulawebperu.files.wordpress.com/2008/10/wordpresslogo.jpg" alt="" width="40" height="40" /></p>
<p style="text-align:justify;">Otra victoria apabullante de WordPress. Extraña que sus victorias sean por un margen tan amplio cuando su competidor es nada menos que el engreído del gigante de la web: Google. Tener que hacer clic para comentar en una ventana aparte (donde no se puede ver el artículo que se va a comentar), de parte del lector y no poder editar los comentarios (de parte del administrador) son problemas propios de un servicio incipiente y pobre, no para una compañía tan grande.</p>
<h2 style="text-align:justify;"><strong>5. Administración:</strong></h2>
<p style="text-align:justify;">
<p style="text-align:justify;"><a href="http://aulawebperu.files.wordpress.com/2008/10/wordpress-logo_5b2_5d.jpg"><img class="alignnone size-full wp-image-120" title="wordpress-logo_5b2_5d" src="http://aulawebperu.files.wordpress.com/2008/10/wordpress-logo_5b2_5d.jpg" alt="" width="140" height="36" /></a></p>
<p style="text-align:justify;">Lo bueno</p>

	Etiquetas: <a href="http://alvarofelipe.com/tag/blogger/" title="Blogger" rel="tag">Blogger</a>, <a href="http://alvarofelipe.com/tag/comparativas/" title="Comparativas" rel="tag">Comparativas</a>, <a href="http://alvarofelipe.com/tag/web-20/" title="Web 2.0" rel="tag">Web 2.0</a>, <a href="http://alvarofelipe.com/tag/wordpress/" title="wordpress" rel="tag">wordpress</a><br />

	<br /><br /><h5>Si este artículo te gustó también puedes leer:</h5>
	<ul class="st-related-posts">
	<li><a href="http://alvarofelipe.com/2009/05/05/%c2%a1un-ano/" title="¡Un año! (5 Mayo 2009)">¡Un año!</a> (4 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/04/08/wordpresscom-anade-widget-para-twitter/" title="Wordpress.com añade widget para twitter (8 Abril 2009)">Wordpress.com añade widget para twitter</a> (4 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/08/23/nuevo-tema-en-wordpress-com-inove/" title="Nuevo tema en WordPress.com: iNove (23 Agosto 2009)">Nuevo tema en WordPress.com: iNove</a> (1 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2009/04/12/curso-de-wordpresscom-4-widgets/" title="Curso de WordPress.com: 4 &#8211; Widgets (12 Abril 2009)">Curso de WordPress.com: 4 &#8211; Widgets</a> (2 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2010/03/03/como-agregar-codigo-a-tu-post-de-wordpress/" title="Cómo agregar código a tu post de WordPress (3 Marzo 2010)">Cómo agregar código a tu post de WordPress</a> (1 comentarios)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://alvarofelipe.com/2008/10/18/%c2%bfwordpress-o-blogger/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Manual de Moodle, capítulo 7: Moodle en español</title>
		<link>http://alvarofelipe.com/2008/09/12/capitulo-7-moodle-en-espanol/</link>
		<comments>http://alvarofelipe.com/2008/09/12/capitulo-7-moodle-en-espanol/#comments</comments>
		<pubDate>Sat, 13 Sep 2008 01:43:40 +0000</pubDate>
		<dc:creator>Álvaro Felipe</dc:creator>
				<category><![CDATA[Literatura]]></category>
		<category><![CDATA[Aula Virtual]]></category>
		<category><![CDATA[Aula web]]></category>
		<category><![CDATA[E-Learning]]></category>
		<category><![CDATA[Manual de Moodle]]></category>
		<category><![CDATA[Moodle]]></category>
		<category><![CDATA[Software educativo]]></category>
		<category><![CDATA[Tic]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://aulawebperu.wordpress.com/?p=31</guid>
		<description><![CDATA[Ahora que tienes Moodle en tu ordenador, habrás notado que está en inglés y que así las cosas no son tan divertidas como esperabas. Pasarlo al español (y en realidad a cualquier idioma soportado) es bastante sencillo. Yo explicaré dos métodos: el tradicional y el mío (nada complicado pero medio loco).
Para ambos métodos deberás descargarte [...]]]></description>
			<content:encoded><![CDATA[<p>Ahora que tienes Moodle en tu ordenador, habrás notado que está en inglés y que así las cosas no son tan divertidas como esperabas. Pasarlo al español (y en realidad a cualquier idioma soportado) es bastante sencillo. Yo explicaré dos métodos: el tradicional y el mío (nada complicado pero medio loco).</p>
<p>Para ambos métodos deberás descargarte el paquete de idioma español desde <a href="http://download.moodle.org/lang16/" target="_blank">aquí</a>.</p>
<p><span id="more-1374"></span></p>
<blockquote><p><em><span style="color:#000000;">Nota: </span></em></p>
<p><em><span style="color:#000000;">A partir de ahora cada vez que me remita a la carpeta Moodle (donde efectuaste la instalación) lo haré a través de /moodle.</span></em></p>
<p><em><span style="color:#000000;">El símbolo / representa a la raíz del servidor creado; /var/www en Linux y C:/Appserv en Wind**s.</span></em></p></blockquote>
<h4><strong>Método tradicional</strong></h4>
<ol>
<li>Descomprime el paquete de idioma y la carpeta generada cópiala en /moodle/lang</li>
<li>Actualiza (F5) la pantalla del navegador donde estás usando moodle y en el menú de idioma aparecerá el español.</li>
<li>Escoge el español y listo.</li>
</ol>
<h4 style="text-align:left;"><strong>Método alternativo (para eliminar el idioma inglés y solo usar español)</strong></h4>
<ol>
<li>Descomprime el paquete de idioma y copia el contenido de la carpeta generada (no la carpeta sino todo su contenido) dentro de <strong>/moodle/lang/en_utf8</strong></li>
<li>Se te pedirá una confirmación de remplazar los archivos existentes. Acepta todo, de esta forma el idioma español remplazara por completo al inglés (en lugar de coexistir los dos y estar eligiendo uno u otro de un menú desplegable)</li>
<li>Actualiza (F5) la pantalla del navegador donde estás usando Moodle y estará en español.</li>
</ol>
<blockquote><p><span style="color:#000000;"><em>Nota:</em></span></p>
<p><span style="color:#000000;"><em>Desde el panel Administración del Sitio &#8211; Idiomas &#8211; Ajustes de idioma puedes elegir si mostrar el menú de idioma, además de escoger el idioma por defecto de moodle.</em></span></p></blockquote>
<p style="text-align:right;"><em><strong>Álvaro Felipe</strong></em></p>
<hr />
<table style="text-align:left;width:100%;" border="0" cellspacing="2" cellpadding="2">
<tbody>
<tr>
<td><a href="http://alvarofelipe.wordpress.com/2008/07/04/capitulo-6-estructura-de-carpetas-en-moodle/">&lt;&lt; Capítulo anterior</a></td>
<td style="text-align:center;"><a href="http://alvarofelipe.wordpress.com/libros/manuales/moodle/">Índice</a></td>
<td style="text-align:right;"><a href="http://alvarofelipe.wordpress.com/2009/01/15/manual-de-moodle-capitulo-8-conociendo-el-bloque-administracion-del-sitio/">Capítulo siguiente &gt;&gt;</a></td>
</tr>
</tbody>
</table>
<hr />

	Etiquetas: <a href="http://alvarofelipe.com/tag/aula-virtual/" title="Aula Virtual" rel="tag">Aula Virtual</a>, <a href="http://alvarofelipe.com/tag/aula-web/" title="Aula web" rel="tag">Aula web</a>, <a href="http://alvarofelipe.com/tag/e-learning/" title="E-Learning" rel="tag">E-Learning</a>, <a href="http://alvarofelipe.com/tag/manual-de-moodle/" title="Manual de Moodle" rel="tag">Manual de Moodle</a>, <a href="http://alvarofelipe.com/tag/moodle/" title="Moodle" rel="tag">Moodle</a>, <a href="http://alvarofelipe.com/tag/software-educativo/" title="Software educativo" rel="tag">Software educativo</a>, <a href="http://alvarofelipe.com/tag/tic/" title="Tic" rel="tag">Tic</a>, <a href="http://alvarofelipe.com/tag/web-20/" title="Web 2.0" rel="tag">Web 2.0</a><br />

	<br /><br /><h5>Si este artículo te gustó también puedes leer:</h5>
	<ul class="st-related-posts">
	<li><a href="http://alvarofelipe.com/2009/02/20/manual-de-moodle-capitulo-9-cambiar-la-apariencia-de-moodle-con-los-temas/" title="Manual de Moodle, capítulo 9: Cambiar la apariencia de Moodle con los temas (20 Febrero 2009)">Manual de Moodle, capítulo 9: Cambiar la apariencia de Moodle con los temas</a> (2 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2008/07/04/capitulo-6-estructura-de-carpetas-en-moodle/" title="Manual de Moodle, capítulo 6: Estructura de carpetas en Moodle (4 Julio 2008)">Manual de Moodle, capítulo 6: Estructura de carpetas en Moodle</a> (0 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2008/07/02/capitulo-5-instalacion-de-moodle/" title="Manual de Moodle, capítulo 5: Instalación de Moodle (2 Julio 2008)">Manual de Moodle, capítulo 5: Instalación de Moodle</a> (0 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2008/07/02/instalacion-de-moodle-implementacio-del-servidor-ii-2/" title="Manual de Moodle, capítulo 4: Implementación del servidor II (2 Julio 2008)">Manual de Moodle, capítulo 4: Implementación del servidor II</a> (2 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2008/06/18/capitulo-2-que-es-un-servidor/" title="Manual de Moodle, capítulo 2: ¿Qué es un servidor? (18 Junio 2008)">Manual de Moodle, capítulo 2: ¿Qué es un servidor?</a> (0 comentarios)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://alvarofelipe.com/2008/09/12/capitulo-7-moodle-en-espanol/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Manual de Moodle, capítulo 6: Estructura de carpetas en Moodle</title>
		<link>http://alvarofelipe.com/2008/07/04/capitulo-6-estructura-de-carpetas-en-moodle/</link>
		<comments>http://alvarofelipe.com/2008/07/04/capitulo-6-estructura-de-carpetas-en-moodle/#comments</comments>
		<pubDate>Fri, 04 Jul 2008 16:53:12 +0000</pubDate>
		<dc:creator>Álvaro Felipe</dc:creator>
				<category><![CDATA[Literatura]]></category>
		<category><![CDATA[Aula Virtual]]></category>
		<category><![CDATA[Aula web]]></category>
		<category><![CDATA[E-Learning]]></category>
		<category><![CDATA[Manual de Moodle]]></category>
		<category><![CDATA[Moodle]]></category>
		<category><![CDATA[Software educativo]]></category>
		<category><![CDATA[Tic]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://aulawebperu.wordpress.com/?p=19</guid>
		<description><![CDATA[¡Felicidades! ¡Ya tienes Moodle en tu computador!
Ahora, antes de continuar (cambio de idioma, personalización del diseño, creación de cursos, etc). Conviene conocer como es Moodle por dentro. Puedes saltarte este capítulo, pero leerlo te ayudará enormemente en el futuro (te lo digo por experiencia). No basta con saber usar una herramienta, sino con conocerla a [...]]]></description>
			<content:encoded><![CDATA[<p>¡Felicidades! ¡Ya tienes Moodle en tu computador!</p>
<p>Ahora, antes de continuar (cambio de idioma, personalización del diseño, creación de cursos, etc). Conviene conocer como es Moodle por dentro. Puedes saltarte este capítulo, pero leerlo te ayudará enormemente en el futuro (te lo digo por experiencia). No basta con saber usar una herramienta, sino con conocerla a fondo, como funciona, cuales son sus componentes, donde buscar algún error, etc.</p>
<p>Bueno, bueno, sin más floro vamos al grano. Abre tu carpeta moodle (en wind**s debe estar en <strong>C:\AppServ\www\moodle</strong>; en Linux en <strong>/var/www/moodle</strong>)</p>
<p>Las carpetas que verás son las siguientes (en wind**s y Linux son iguales):</p>
<p style="text-align:center;"><a href="http://www.flickr.com/photos/12916272@N07/2636047937/sizes/o/"><img class="aligncenter" src="http://farm4.static.flickr.com/3145/2636047937_90a9364875_d.jpg" alt="" /></a></p>
<p style="text-align:center;"><span style="color:#ff0000;">Clic en la imagen para agrandar</span></p>
<p style="text-align:center;"><span id="more-19"></span></p>
<p>Explico brevemente el contenido y función de cada carpeta y archivo:</p>
<p>config.php &#8211; contiene la configuración fundamental. Este archivo no viene con Moodle &#8211; usted lo creará.<br />
install.php &#8211; el script que ejecutará para crear el archivo config.php.<br />
version.php &#8211; define la versión actual del código de Moodle.<br />
index.php &#8211; la página principal del sitio.<br />
admin/ &#8211; Código para administrar todo el servidor.<br />
auth/ &#8211; Módulos para la autenticación de usuarios.<br />
blocks/ &#8211; Módulos para los pequeños bloques laterales contenidos en muchas páginas.<br />
backup/ Código para la generación de copias de seguridad<br />
blog/ Código para la generación de blogs<br />
calendar/ &#8211; Código para manejar y mostrar eventos de calendario.<br />
course/ &#8211; Código para presentar y gestionar los cursos.<br />
enrol/<br />
error/<br />
files/ &#8211; Código para presentar y gestionar los archivos cargados.<br />
filter/<br />
grade/<br />
group/<br />
install/ códigos para la instalación<br />
ipllokup/<br />
lang/ &#8211; Textos en diferentes idiomas, un directorio por idioma.<br />
lib/ &#8211; Librerías del código fundamental de Moodle.<br />
login/ &#8211; Código para manejar las entradas y creación de cuentas.<br />
message/<br />
mnet/<br />
mod/ &#8211; Todos los módulos de los cursos de Moodle.<br />
my/ Configuración de la página personal de moodle.<br />
notes/<br />
pix/ &#8211; Gráficos genéricos del sitio (íconos)<br />
question/<br />
rss/ Configuración de los canales de noticias<br />
search/<br />
sso/<br />
tag/ Etiquetas asignadas a los blog de usuarios y a sus intereses<br />
theme/ &#8211; Paquetes de temas/pieles para cambiar la apariencia del sitio.<br />
user/ &#8211; Código para mostrar y gestionar los usuarios.<br />
userpix/</p>
<hr />
<table style="text-align:left;width:100%;" border="0" cellspacing="2" cellpadding="2">
<tbody>
<tr>
<td><a href="http://alvarofelipe.wordpress.com/2008/07/02/capitulo-5-instalacion-de-moodle/">&lt;&lt; Capítulo anterior</a></td>
<td style="text-align:center;"><a href="http://alvarofelipe.wordpress.com/libros/manuales/moodle/">Índice</a></td>
<td style="text-align:right;"><a href="http://alvarofelipe.wordpress.com/2008/09/12/capitulo-7-moodle-en-espanol/">Capítulo siguiente &gt;&gt;</a></td>
</tr>
</tbody>
</table>
<hr />
<p style="text-align:right;"><em><strong>Álvaro Felipe</strong></em></p>

	Etiquetas: <a href="http://alvarofelipe.com/tag/aula-virtual/" title="Aula Virtual" rel="tag">Aula Virtual</a>, <a href="http://alvarofelipe.com/tag/aula-web/" title="Aula web" rel="tag">Aula web</a>, <a href="http://alvarofelipe.com/tag/e-learning/" title="E-Learning" rel="tag">E-Learning</a>, <a href="http://alvarofelipe.com/tag/manual-de-moodle/" title="Manual de Moodle" rel="tag">Manual de Moodle</a>, <a href="http://alvarofelipe.com/tag/moodle/" title="Moodle" rel="tag">Moodle</a>, <a href="http://alvarofelipe.com/tag/software-educativo/" title="Software educativo" rel="tag">Software educativo</a>, <a href="http://alvarofelipe.com/tag/tic/" title="Tic" rel="tag">Tic</a>, <a href="http://alvarofelipe.com/tag/web-20/" title="Web 2.0" rel="tag">Web 2.0</a><br />

	<br /><br /><h5>Si este artículo te gustó también puedes leer:</h5>
	<ul class="st-related-posts">
	<li><a href="http://alvarofelipe.com/2009/02/20/manual-de-moodle-capitulo-9-cambiar-la-apariencia-de-moodle-con-los-temas/" title="Manual de Moodle, capítulo 9: Cambiar la apariencia de Moodle con los temas (20 Febrero 2009)">Manual de Moodle, capítulo 9: Cambiar la apariencia de Moodle con los temas</a> (2 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2008/09/12/capitulo-7-moodle-en-espanol/" title="Manual de Moodle, capítulo 7: Moodle en español (12 Septiembre 2008)">Manual de Moodle, capítulo 7: Moodle en español</a> (0 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2008/07/02/capitulo-5-instalacion-de-moodle/" title="Manual de Moodle, capítulo 5: Instalación de Moodle (2 Julio 2008)">Manual de Moodle, capítulo 5: Instalación de Moodle</a> (0 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2008/07/02/instalacion-de-moodle-implementacio-del-servidor-ii-2/" title="Manual de Moodle, capítulo 4: Implementación del servidor II (2 Julio 2008)">Manual de Moodle, capítulo 4: Implementación del servidor II</a> (2 comentarios)</li>
	<li><a href="http://alvarofelipe.com/2008/06/18/capitulo-2-que-es-un-servidor/" title="Manual de Moodle, capítulo 2: ¿Qué es un servidor? (18 Junio 2008)">Manual de Moodle, capítulo 2: ¿Qué es un servidor?</a> (0 comentarios)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://alvarofelipe.com/2008/07/04/capitulo-6-estructura-de-carpetas-en-moodle/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
