<?xml version='1.0' encoding='UTF-8'?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/" xmlns:blogger="http://schemas.google.com/blogger/2008" xmlns:georss="http://www.georss.org/georss" xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr="http://purl.org/syndication/thread/1.0" version="2.0"><channel><atom:id>tag:blogger.com,1999:blog-8694022904543662017</atom:id><lastBuildDate>Wed, 04 Mar 2026 19:54:33 +0000</lastBuildDate><category>curso</category><category>html</category><category>introduccion</category><category>paginas web</category><category>tutorial</category><category>css</category><category>http</category><category>internet</category><category>javascript</category><category>navegador web</category><category>servidor web</category><category>sitios web</category><title>Websilon</title><description>Desarrollo Web, Programación e Informática en General</description><link>http://websilon.blogspot.com/</link><managingEditor>noreply@blogger.com (Alejandro Egas)</managingEditor><generator>Blogger</generator><openSearch:totalResults>2</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8694022904543662017.post-5834812458253416830</guid><pubDate>Sun, 03 Feb 2013 18:07:00 +0000</pubDate><atom:updated>2013-02-07T14:17:16.877-03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">curso</category><category domain="http://www.blogger.com/atom/ns#">html</category><category domain="http://www.blogger.com/atom/ns#">http</category><category domain="http://www.blogger.com/atom/ns#">internet</category><category domain="http://www.blogger.com/atom/ns#">introduccion</category><category domain="http://www.blogger.com/atom/ns#">navegador web</category><category domain="http://www.blogger.com/atom/ns#">paginas web</category><category domain="http://www.blogger.com/atom/ns#">servidor web</category><category domain="http://www.blogger.com/atom/ns#">sitios web</category><category domain="http://www.blogger.com/atom/ns#">tutorial</category><title>¿Cómo funciona navegar por Internet? (Mini-curso de Creación de Páginas Web - Parte 2)</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;img border=&quot;0&quot; height=&quot;138&quot; width=&quot;150&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEqCnEzmwIrGbvms6w-S7DzQcQR-bweNNbFKZmxhqsXDqKywSczjTfyCsAy1GWgOUAxaj1cTxVA6is29xKX4WIG4mMI_D-E9OHdqMyyDSpVeH_aNWIHSJUvdhiuTFDyiLRCbJjGpLvM8o/s320/www.png&quot; style=&quot;clear:left; float:left;margin-right:1em; margin-bottom:1em&quot; /&gt;&lt;/div&gt;
&lt;p&gt;Cada vez que presionamos un link en un
&lt;a href=&quot;http://websilon.blogspot.com/p/glosario.html#navegador-web&quot; target=&quot;_blank&quot;&gt;navegador web&lt;/a&gt;, o escribimos una dirección en la &lt;a href=&quot;http://websilon.blogspot.com/p/glosario.html#barra-de-direcciones&quot; target=&quot;_blank&quot;&gt;barra de direcciones&lt;/a&gt;, se desencadena un proceso más allá de nuestras
pantallas y nuestro computador, que culmina con nuestro navegador
mostrándonos una interesante &lt;a href=&quot;http://websilon.blogspot.com/p/glosario.html#pagina-web&quot; target=&quot;_blank&quot;&gt;página web&lt;/a&gt; (siempre y cuando no ocurra
algún problema, como por ejemplo que no tengamos Internet, que se
corte la luz justo al momento de presionar el link, o que la página
web no sea interesante).&lt;p /&gt;

&lt;p&gt;Este proceso se ilustra en la &lt;strong&gt;Figura 1&lt;/strong&gt;,
visto de una manera bastante abstracta (vale decir, sin prestar
atención a muchos detalles, como por ejemplo que el notebook y el
servidor web están levitando en el aire, que el notebook parece
estar apagado y no tiene teclado, que el servidor web está desenchufado y ni siquiera
tiene enchufe, etc).&lt;p /&gt;

&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCM8xaaoP0N1LnsurPAT4HcNuHuTf9c097bmn_Zu9FQ7XmzMGDfU6FX0JmE4SbUZpPyEryigKJV5tzQFlrXMueDzO_gCf6ZrvKDEIPQtaWOUrczecKSD1QAnOK66xUQRNVv3tjvzY1vYc/s1600/cservidor.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; title=&quot;Cliente y Servidor Web&quot; alt=&quot;Cliente y Servidor Web&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCM8xaaoP0N1LnsurPAT4HcNuHuTf9c097bmn_Zu9FQ7XmzMGDfU6FX0JmE4SbUZpPyEryigKJV5tzQFlrXMueDzO_gCf6ZrvKDEIPQtaWOUrczecKSD1QAnOK66xUQRNVv3tjvzY1vYc/s1600/cservidor.png&quot; width=&quot;560&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;&lt;strong&gt;Figura 1&lt;/strong&gt;: Lo que sucede al hacer clic en un link&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;

&lt;p&gt;Al hacer clic sobre el link, y si todo
funciona correctamente, nuestro navegador envía una &lt;strong&gt;solicitud&lt;/strong&gt; a un
&lt;a href=&quot;http://websilon.blogspot.com/p/glosario.html#servidor-web&quot; target=&quot;_blank&quot;&gt;servidor web&lt;/a&gt;, el servidor web la procesa y envía de vuelta una
&lt;strong&gt;respuesta&lt;/strong&gt;, que básicamente es la página web que queremos ver (a
menos que una milésima de segundo después de hacer clic sobre el
link hayamos perdido las ganas de verla), y finalmente nuestro fiel
navegador web nos muestra dentro de su ventana la esperada página
web visualizada correctamente (bueno, en realidad si nuestro fiel navegador
web es Internet Explorer, las posibilidades de
que la página web no se visualice correctamente aumentarían).&lt;p /&gt;

&lt;p&gt;Ahora bien, ¿qué es un &lt;em&gt;servidor web&lt;/em&gt;?
Es simplemente un computador configurado para &lt;em&gt;alojar contenido web&lt;/em&gt;, o
crearlo automáticamente cuando se le solicita, y responder a este
tipo de solicitudes con el contenido solicitado (O sea, es un
computador que &lt;em&gt;alberga sitios web y envía las páginas web a los
navegadores cuando las piden&lt;/em&gt;).&lt;p /&gt;

&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYXqqekvYYs8OBO8Hzc1ofOgr7EGfdBRJd0abo0ASyQmRoqhZB_ncaNxE-OoV5OK7tng8t2GEsq9jK2P5rgN6sPsoncZbA6wodKpwvVERopWiJiz8jBvqUesdzVUBOplOYGo6hFzlL004/s1600/error-servidor-inexistente.png&quot; imageanchor=&quot;1&quot; style=&quot;&quot;&gt;&lt;img border=&quot;0&quot; width=&quot;480&quot; title=&quot;Error al tratar de cargar una página web en un servidor inexistente&quot; alt=&quot;Error al tratar de cargar una página web en un servidor inexistente&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYXqqekvYYs8OBO8Hzc1ofOgr7EGfdBRJd0abo0ASyQmRoqhZB_ncaNxE-OoV5OK7tng8t2GEsq9jK2P5rgN6sPsoncZbA6wodKpwvVERopWiJiz8jBvqUesdzVUBOplOYGo6hFzlL004/s320/error-servidor-inexistente.png&quot; /&gt;&lt;/a&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;&lt;strong&gt;Figura 2&lt;/strong&gt;: Tratando de cargar una página web de un servidor web inexistente (hacer clic en la imagen para agrandar)&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;

&lt;p&gt;¿Cómo sabe el servidor web cuáles
solicitudes responder y cuáles no? Para responder esta pregunta hay
que tener en cuenta que esta comunicación entre nuestro navegador
web y el servidor web se realiza a través de un &lt;a href=&quot;http://websilon.blogspot.com/p/glosario.html#protocolo-de-comunicaciones&quot; target=&quot;_blank&quot;&gt;protocolo de
comunicaciones&lt;/a&gt; llamado &lt;a href=&quot;http://websilon.blogspot.com/p/glosario.html#http&quot; target=&quot;_blank&quot;&gt;HTTP&lt;/a&gt;. Un protocolo de comunicaciones es
simplemente un &lt;em&gt;conjunto de reglas que permite comunicarse y
entenderse a dos máquinas&lt;/em&gt;. El protocolo HTTP funciona en un esquema cliente servidor, que consiste en que un cliente pide algo y el servidor se lo entrega. Cuando el &lt;strong&gt;cliente HTTP&lt;/strong&gt; (el navegador web) envía una solicitud
HTTP al &lt;strong&gt;servidor HTTP&lt;/strong&gt; (el servidor web), éste sabe que tiene que responder
porque para eso está (si no, no sería un servidor web, la solicitud
se perdería en el abismo y nuestro abnegado navegador web, después
de intentarlo con mucho esfuerzo, nos informaría con tristeza que no
encontró la página buscada, como en la &lt;strong&gt;Figura 2&lt;/strong&gt;).&lt;p /&gt;

&lt;div class=&quot;nota&quot;&gt;
&lt;img class=&quot;ojo&quot; border=&quot;0&quot; height=&quot;70&quot; width=&quot;320&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIgGaqKA-AzgLGRKSEk4yypU2NCklNm89NAxQZj8nPaiveYkQc3CEGcwz3F-z8rNNfNgjGIy1VMqYAaEs3T2lhyphenhyphenuRvQrso0Xd6iEwkdJFZLh8TaRKEnVCDns95xvEBnluWeE4eR6LEqvk/s320/ojo.png&quot; /&gt;
&lt;p&gt;
Una &lt;strong&gt;página web&lt;/strong&gt; no es lo mismo que un &lt;strong&gt;sitio web&lt;/strong&gt;. Una página web es un &lt;em&gt;documento particular&lt;/em&gt; hecho para ser mostrado en un navegador web, mientras que un sitio web es un &lt;em&gt;conjunto de páginas web&lt;/em&gt; relacionadas que se encuentran bajo el mismo dominio o sub-dominio.
&lt;/p&gt;
&lt;p&gt;
Para que se entienda fácilmente, en este momento estás viendo esta página web que responde a cómo funciona el proceso de navegar por Internet, cuya dirección es &lt;a href=&quot;http://websilon.blogspot.com/2013/02/como-funciona-navegar-por-internet.html&quot;&gt;http://websilon.blogspot.com/2013/02/como-funciona-navegar-por-internet.html&lt;/a&gt;. Esta página pertenece al sitio web &lt;a href=&quot;http://websilon.blogspot.com&quot;&gt;Websilon&lt;/a&gt;, que tiene además otras páginas, como por ejemplo un &lt;a href=&quot;http://websilon.blogspot.com/p/glosario.html&quot;&gt;glosario de términos&lt;/a&gt;, e información &lt;a href=&quot;http://websilon.blogspot.com/p/about.html&quot;&gt;acerca del sitio&lt;/a&gt;.
&lt;/p&gt;
&lt;p&gt;
De manera análoga, si tienes una cuenta de facebook, tendrás una página web personal donde se muestra tu información, con tu muro, publicaciones sobre tu actividad, etc., pero esa página pertenece al sitio web &lt;em&gt;Facebook&lt;/em&gt;, que además posee millones de otras páginas web.
&lt;/p&gt;
&lt;/div&gt;
&lt;h3 id=&quot;relacionados&quot;&gt;Enlaces Relacionados&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;http://websilon.blogspot.com/2013/02/la-primera-pagina-web-mini-curso-de.html&quot;&gt;Lección Siguiente: La Primera Página Web&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://websilon.blogspot.com/2013/02/minicurso-de-creacion-de-paginas-web.html&quot;&gt;Índice del Mini-curso de Creación de Páginas Web&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</description><link>http://websilon.blogspot.com/2013/02/como-funciona-navegar-por-internet.html</link><author>noreply@blogger.com (Alejandro Egas)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEqCnEzmwIrGbvms6w-S7DzQcQR-bweNNbFKZmxhqsXDqKywSczjTfyCsAy1GWgOUAxaj1cTxVA6is29xKX4WIG4mMI_D-E9OHdqMyyDSpVeH_aNWIHSJUvdhiuTFDyiLRCbJjGpLvM8o/s72-c/www.png" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8694022904543662017.post-3543345838392779970</guid><pubDate>Fri, 01 Feb 2013 18:03:00 +0000</pubDate><atom:updated>2013-02-07T14:15:47.564-03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">css</category><category domain="http://www.blogger.com/atom/ns#">curso</category><category domain="http://www.blogger.com/atom/ns#">html</category><category domain="http://www.blogger.com/atom/ns#">introduccion</category><category domain="http://www.blogger.com/atom/ns#">javascript</category><category domain="http://www.blogger.com/atom/ns#">paginas web</category><category domain="http://www.blogger.com/atom/ns#">tutorial</category><title>Mini-curso de Creación de Páginas Web - Parte 1 - Introducción</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;img border=&quot;0&quot; height=&quot;138&quot; width=&quot;150&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEqCnEzmwIrGbvms6w-S7DzQcQR-bweNNbFKZmxhqsXDqKywSczjTfyCsAy1GWgOUAxaj1cTxVA6is29xKX4WIG4mMI_D-E9OHdqMyyDSpVeH_aNWIHSJUvdhiuTFDyiLRCbJjGpLvM8o/s320/www.png&quot; style=&quot;clear:left; float:left;margin-right:1em; margin-bottom:1em&quot; /&gt;&lt;/div&gt;


&lt;p&gt;En este, el primer mini-curso de &lt;a href=&quot;http://websilon.blogspot.com/&quot;&gt;Websilon&lt;/a&gt;, enseñaremos &lt;strong&gt;como crear páginas web&lt;/strong&gt;.&lt;/p&gt;
&lt;p&gt;Partiremos explicando el proceso mediante el cual podemos &lt;em&gt;visualizar una página web en nuestro computador&lt;/em&gt;, para después adentrarnos en el &lt;strong&gt;lenguaje HTML&lt;/strong&gt;, explorando su &lt;em&gt;estructura&lt;/em&gt;, algunos de sus &lt;em&gt;elementos&lt;/em&gt;, y cómo escribiendo un simple archivo de texto en este lenguaje podemos crear páginas web visualizables en nuestros navegadores.&lt;/p&gt;
&lt;p&gt;Luego conoceremos el lenguaje de estilos &lt;strong&gt;CSS&lt;/strong&gt;, que nos permite personalizar ampliamente la manera en que se presentan los contenidos de nuestra página web, controlando cosas tales como el formato del texto, el posicionamiento de los distintos elementos de nuestra página web, sus colores, entre muchas otras cosas.&lt;/p&gt;
&lt;p&gt;Finalmente aprenderemos a utilizar &lt;strong&gt;JavaScript&lt;/strong&gt;, un lenguaje de programación que es responsable de gran parte de las características dinámicas de la web, como menús desplegables, páginas que se recargan automáticamente, carga de secciones de una página bajo demanda, efectos visuales entre muchas otras.&lt;/p&gt;
&lt;p&gt;
&lt;p&gt;
Este mini-curso está pensado para personas que no son expertas en informática ni nada por el estilo, así que el lenguaje que uso es pensando en que ese tipo de personas sean capaces de entender lo que se dice y se tratan de evitar los tecnicismos a menos que sean explicados inmediatamente de manera sencilla.
&lt;/p&gt;
A continuación el índice de este mini-curso. Tengan en cuenta que se irá actualizando a medida que vaya subiendo las distintas partes del curso.
&lt;/p&gt;
&lt;h3&gt;
Índice (actualizado el &lt;strong&gt;7 de febrero de 2012&lt;/strong&gt;)&lt;/h3&gt;
&lt;ol name=&quot;indice&quot;&gt;
&lt;li&gt;Introducción (Página actual)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://websilon.blogspot.com/2013/02/como-funciona-navegar-por-internet.html&quot;&gt;¿Cómo funciona navegar por Internet?&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://websilon.blogspot.com/2013/02/la-primera-pagina-web-mini-curso-de.html&quot;&gt;La Primera Página Web&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;
</description><link>http://websilon.blogspot.com/2013/02/minicurso-de-creacion-de-paginas-web.html</link><author>noreply@blogger.com (Alejandro Egas)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEqCnEzmwIrGbvms6w-S7DzQcQR-bweNNbFKZmxhqsXDqKywSczjTfyCsAy1GWgOUAxaj1cTxVA6is29xKX4WIG4mMI_D-E9OHdqMyyDSpVeH_aNWIHSJUvdhiuTFDyiLRCbJjGpLvM8o/s72-c/www.png" height="72" width="72"/><thr:total>0</thr:total></item></channel></rss>