Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Revision 939671 of How the Web works

  • Revision slug: Learn/Getting_started_with_the_web/How_the_Web_works
  • Revision title: How the Web works
  • Revision id: 939671
  • Created:
  • Creator: marlon7
  • Is current revision? No
  • Comment

Revision Content

​​

{{IncludeSubnav ("/ en-US / Learn")}}

{{Anterior ("Learn / Getting_started_with_the_web / Publishing_your_website")}}

Cómo funciona la Web proporciona un simulador de vista rablemente de lo que sucede cuando ve una página web en un navegador web en su computadora o teléfono.

Esta teoría no es esencial para la escritura de código web en el corto plazo, pero en poco tiempo usted realmente va a empezar a beneficiarse de la comprensión de lo que está sucediendo en el fondo.

Los clientes y servidores

Computadoras conectadas a la Web se llaman clientes y servidores. Un diagrama simplificado de cómo interactúan podría tener este aspecto:

  • Los clientes son dispositivos conectados a Internet del usuario Web típica (por ejemplo, el ordenador conectado a su red Wi-Fi o el teléfono conectado a su red de telefonía móvil) y software de acceso a Internet disponibles en los dispositivos (normalmente un navegador web como Firefox o Chrome ).
  • Los servidores son computadoras que almacenan páginas web, sitios o aplicaciones. Cuando un dispositivo cliente quiere acceder a una página web, una copia de la página web se descarga desde el servidor en el equipo cliente que se muestra en el navegador web del usuario.

Las otras partes de la caja de herramientas

El cliente y el servidor que hemos descrito anteriormente no cuentan toda la historia. Hay muchas otras partes involucradas, y vamos a describir a continuación.

Por ahora, vamos a imaginar que la Web es un camino. En un extremo de la carretera es el cliente, que es como su casa. En el otro extremo de la carretera es el servidor, que es una tienda que desea comprar algo de.

Además de que el cliente y el servidor, también tenemos que saludar a:

  • Su conexión a Internet: Le permite enviar y recibir datos en la Web. Es básicamente como la calle entre su casa y la tienda.
  • TCP / IP: Protocolo de Control de Transmisión y Protocolo de Internet son los protocolos de comunicación que definen cómo los datos deben viajar a través de la Web. Esto es como los mecanismos de transporte que le permiten a un pedido, ir a la tienda y comprar sus productos. En nuestro ejemplo, esto es como un coche o una bicicleta (o sus propios pies).
  • DNS: los servidores del sistema de nombres de dominio son como una libreta de direcciones de sitios web. Cuando escribe una dirección web en el navegador, el navegador se ve en los DNS antes de recuperar el sitio web. El navegador tiene que averiguar qué servidor el sitio web sigue viviendo, por lo que puede enviar mensajes HTTP al lugar correcto (ver más abajo). Esto es como buscar la dirección de la tienda para que pueda acceder a él.
  • HTTP: Hypertext Transfer Protocol es un protocolo de aplicación que define un idioma para clientes y servidores para hablar el uno al otro. Esto es como el lenguaje que se utiliza para ordenar sus mercancías.
  • Archivos de componentes: Un sitio web se compone de muchos archivos diferentes, que son como las diferentes partes de los productos que usted compra a la tienda. Estos archivos vienen en dos tipos principales:
    • Archivos de código: sitios web se construyen principalmente de HTML, CSS y JavaScript, aunque te encontrarás con otras tecnologías un poco más tarde.
    • Activos: Este es un nombre colectivo para todas las otras cosas que hace que un sitio web, tales como imágenes, música, vídeo, documentos de Word y archivos PDF.

Entonces, ¿qué sucede exactamente?

Cuando escribe una dirección web en el navegador (por nuestra analogía que es como caminar a la tienda):

  1. El navegador va al servidor DNS y se encuentra la dirección real del servidor que el sitio web vive (encontrar la dirección de la tienda).
  2. El navegador envía un mensaje de petición HTTP al servidor pidiéndole que envíe una copia de la página web para el cliente (usted va a la tienda y pide sus bienes). Este mensaje y todos los demás datos enviados entre el cliente y el servidor, se envía a través de su conexión a Internet a través de TCP / IP.
  3. Siempre que el servidor aprueba la solicitud del cliente, el servidor envía al cliente un mensaje "200 OK", que significa "Por supuesto que se puede ver en ese sitio web! Aquí está", y luego comienza a enviar los archivos de la página web en el navegador como una serie de pequeños trozos llamados paquetes de datos (la tienda le da sus mercancías, y los lleva de regreso a su casa).
  4. El navegador reúne los pequeños trozos en un sitio web completo y lo muestra a usted (la mercancía llegue a su puerta - cosas nuevas, impresionante).

DNS explicó

Direcciones Web reales no son los buenos, secuencias memorables que se teclea en la barra de direcciones para encontrar sus sitios web favoritos. Son cadenas de números, así: 63.245.217.105.

Esto se llama una dirección IP, y representa un lugar único en la Web. Sin embargo, no es muy fácil de recordar, ¿no? Por eso se inventaron los servidores de nombres de dominio. Estos son servidores especiales que responden a una dirección web que se teclea en su navegador (como "mozilla.org") a la dirección real (IP) del sitio web.

Sitios web se puede llegar directamente a través de sus direcciones IP. Trate de ir a la página web de Mozilla escribiendo 63.245.217.105 en la barra de dirección en una nueva pestaña del navegador.

Un nombre de dominio es más que otra forma de una dirección IP

Los paquetes explicaron

Anteriormente hemos utilizado el término "paquetes" para describir el formato en el que los datos se envían desde el servidor al cliente. ¿Qué queremos decir aquí? Básicamente, cuando los datos se envían a través de la Web, se envía como miles de pequeños trozos, por lo que muchos usuarios de la web diferentes pueden descargar de la misma página web al mismo tiempo. Si los sitios web fueron enviados como grandes trozos individuales, sólo un usuario puede descargar uno a la vez, lo que obviamente haría la web muy ineficiente y no es muy divertido de usar.

Ver también

Crédito

Calle de la foto: Calle componer, por Kevin D.

{{Anterior ("Learn / Getting_started_with_the_web / Publishing_your_website")}}

Revision Source

<p><font><font>​​</font></font></p>

<p><font><font>{{IncludeSubnav ("/ en-US / Learn")}}</font></font></p>

<p><font><font>{{Anterior ("Learn / Getting_started_with_the_web / Publishing_your_website")}}</font></font></p>

<div class="summary">
<p><em><font><font>Cómo funciona la Web</font></font></em><font><font> proporciona un simulador de </font></font><font><font>vista rablemente de lo que sucede cuando ve una página web en un navegador web en su computadora o teléfono.</font></font></p>
</div>

<p><font><font>Esta teoría no es esencial para la escritura de código web en el corto plazo, pero en poco tiempo usted realmente va a empezar a beneficiarse de la comprensión de lo que está sucediendo en el fondo.</font></font></p>

<h2 id="Clients_and_servers"><font><font>Los clientes y servidores</font></font></h2>

<p><font><font>Computadoras conectadas a la Web se llaman </font></font><strong><font><font>clientes</font></font></strong><font><font> y </font><font>servidores. </font><font>Un diagrama simplificado de cómo interactúan podría tener este aspecto:</font></font></p>

<p><img alt="" src="https://mdn.mozillademos.org/files/8973/Client-server.jpg" style="height:123px; width:336px" /></p>

<ul>
 <li><font><font>Los clientes son dispositivos conectados a Internet del usuario Web típica (por ejemplo, el ordenador conectado a su red Wi-Fi o el teléfono conectado a su red de telefonía móvil) y software de acceso a Internet disponibles en los dispositivos (normalmente un navegador web como Firefox o Chrome ).</font></font></li>
 <li><font><font>Los servidores son computadoras que almacenan páginas web, sitios o aplicaciones. </font><font>Cuando un dispositivo cliente quiere acceder a una página web, una copia de la página web se descarga desde el servidor en el equipo cliente que se muestra en el navegador web del usuario.</font></font></li>
</ul>

<h2 id="The_other_parts_of_the_toolbox"><font><font>Las otras partes de la caja de herramientas</font></font></h2>

<p><font><font>El cliente y el servidor que hemos descrito anteriormente no cuentan toda la historia. </font><font>Hay muchas otras partes involucradas, y vamos a describir a continuación.</font></font></p>

<p><font><font>Por ahora, vamos a imaginar que la Web es un camino. </font><font>En un extremo de la carretera es el cliente, que es como su casa. </font><font>En el otro extremo de la carretera es el servidor, que es una tienda que desea comprar algo de.</font></font></p>

<p><img alt="" src="https://mdn.mozillademos.org/files/9749/road.jpg" style="display:block; height:427px; margin:0px auto; width:640px" /></p>

<p><font><font>Además de que el cliente y el servidor, también tenemos que saludar a:</font></font></p>

<ul>
 <li><strong><font><font>Su conexión a </font></font></strong><font><font>Internet: </font><font>Le permite enviar y recibir datos en la Web. </font><font>Es básicamente como la calle entre su casa y la tienda.</font></font></li>
 <li><strong><font><font>TCP / </font></font></strong><font><font>IP: </font><font>Protocolo de Control de Transmisión y Protocolo de Internet son los protocolos de comunicación que definen cómo los datos deben viajar a través de la Web. </font><font>Esto es como los mecanismos de transporte que le permiten a un pedido, ir a la tienda y comprar sus productos. </font><font>En nuestro ejemplo, esto es como un coche o una bicicleta (o sus propios pies).</font></font></li>
 <li><strong><font><font>DNS: los servidores del sistema de nombres de dominio son como una libreta de direcciones de sitios web. </font></font></strong><font><font>Cuando escribe una dirección web en el navegador, el navegador se ve en los DNS antes de recuperar el sitio web. </font><font>El navegador tiene que averiguar qué servidor el sitio web sigue viviendo, por lo que puede enviar mensajes HTTP al lugar correcto (ver más abajo). </font><font>Esto es como buscar la dirección de la tienda para que pueda acceder a él.</font></font></li>
 <li><strong><font><font>HTTP: Hypertext Transfer Protocol es un protocolo de aplicación que define un idioma para clientes y servidores para hablar el uno al otro. </font></font></strong><font><font>Esto es como el lenguaje que se utiliza para ordenar sus mercancías.</font></font></li>
 <li><strong><font><font>Archivos de </font></font></strong><font><font>componentes: </font><font>Un sitio web se compone de muchos archivos diferentes, que son como las diferentes partes de los productos que usted compra a la tienda. </font><font>Estos archivos vienen en dos tipos principales:</font></font>
  <ul>
   <li><strong><font><font>Archivos de </font></font></strong><font><font>código: </font><font>sitios web se construyen principalmente de HTML, CSS y JavaScript, aunque te encontrarás con otras tecnologías un poco más tarde.</font></font></li>
   <li><strong><font><font>Activos: Este es un nombre colectivo para todas las otras cosas que hace que un sitio web, tales como imágenes, música, vídeo, documentos de Word y archivos PDF.</font></font></strong></li>
  </ul>
 </li>
</ul>

<h2 id="So_what_happens_exactly"><font><font>Entonces, ¿qué sucede exactamente?</font></font></h2>

<p><font><font>Cuando escribe una dirección web en el navegador (por nuestra analogía que es como caminar a la tienda):</font></font></p>

<ol>
 <li><font><font>El navegador va al servidor DNS y se encuentra la dirección real del servidor que el sitio web vive (encontrar la dirección de la tienda).</font></font></li>
 <li><font><font>El navegador envía un mensaje de petición HTTP al servidor pidiéndole que envíe una copia de la página web para el cliente (usted va a la tienda y pide sus bienes). </font><font>Este mensaje y todos los demás datos enviados entre el cliente y el servidor, se envía a través de su conexión a Internet a través de TCP / IP.</font></font></li>
 <li><font><font>Siempre que el servidor aprueba la solicitud del cliente, el servidor envía al cliente un mensaje "200 OK", que significa "Por supuesto que se puede ver en ese sitio web! Aquí está", y luego comienza a enviar los archivos de la página web en el navegador como una serie de pequeños trozos llamados paquetes de datos (la tienda le da sus mercancías, y los lleva de regreso a su casa).</font></font></li>
 <li><font><font>El navegador reúne los pequeños trozos en un sitio web completo y lo muestra a usted (la mercancía llegue a su puerta - cosas nuevas, impresionante).</font></font></li>
</ol>

<h2 id="DNS_explained"><font><font>DNS explicó</font></font></h2>

<p><font><font>Direcciones Web reales no son los buenos, secuencias memorables que se teclea en la barra de direcciones para encontrar sus sitios web favoritos. </font><font>Son cadenas de números, así: 63.245.217.105.</font></font></p>

<p><font><font>Esto se llama una dirección IP, y representa un lugar único en la Web. </font><font>Sin embargo, no es muy fácil de recordar, ¿no? </font><font>Por eso se inventaron los servidores de nombres de dominio. </font><font>Estos son servidores especiales que responden a una dirección web que se teclea en su navegador (como "mozilla.org") a la dirección real (IP) del sitio web.</font></font></p>

<p><font><font>Sitios web se puede llegar directamente a través de sus direcciones IP. </font><font>Trate de ir a la página web de Mozilla escribiendo </font></font><code><font><font>63.245.217.105</font></font></code><font><font> en la barra de dirección en una nueva pestaña del navegador.</font></font></p>

<p><img alt="Un nombre de dominio es más que otra forma de una dirección IP" src="https://mdn.mozillademos.org/files/8405/dns-ip.png" style="height:160px; width:330px" /></p>

<h2 id="Packets_explained"><font><font>Los paquetes explicaron</font></font></h2>

<p><font><font>Anteriormente hemos utilizado el término "paquetes" para describir el formato en el que los datos se envían desde el servidor al cliente. </font><font>¿Qué queremos decir aquí? </font><font>Básicamente, cuando los datos se envían a través de la Web, se envía como miles de pequeños trozos, por lo que muchos usuarios de la web diferentes pueden descargar de la misma página web al mismo tiempo. </font><font>Si los sitios web fueron enviados como grandes trozos individuales, sólo un usuario puede descargar uno a la vez, lo que obviamente haría la web muy ineficiente y no es muy divertido de usar.</font></font></p>

<h2 id="See_also"><font><font>Ver también</font></font></h2>

<ul>
 <li><a href="/en-US/Learn/How_the_Internet_works"><font><font>¿Cómo funciona Internet</font></font></a></li>
 <li><a href="https://dev.opera.com/articles/http-basic-introduction/"><font><font>HTTP - un protocolo de nivel de aplicación</font></font></a></li>
 <li><a href="https://dev.opera.com/articles/http-lets-get-it-on/"><font><font>HTTP: Vamos a Get It On!</font></font></a></li>
 <li><a href="https://dev.opera.com/articles/http-response-codes/"><font><font>Códigos de respuesta: HTTP</font></font></a></li>
</ul>

<h2 id="Credit"><font><font>Crédito</font></font></h2>

<p><font><font>Calle de la foto: </font></font><a href="https://www.flickr.com/photos/kdigga/9110990882/in/photolist-cXrKFs-c1j6hQ-mKrPUT-oRTUK4-7jSQQq-eT7daG-cZEZrh-5xT9L6-bUnkip-9jAbvr-5hVkHn-pMfobT-dm8JuZ-gjwYYM-pREaSM-822JRW-5hhMf9-9RVQNn-bnDMSZ-pL2z3y-k7FRM4-pzd8Y7-822upY-8bFN4Y-kedD87-pzaATg-nrF8ft-5anP2x-mpVky9-ceKc9W-dG75mD-pY62sp-gZmXVZ-7vVJL9-h7r9AQ-gagPYh-jvo5aM-J32rC-ibP2zY-a4JBcH-ndxM5Y-iFHsde-dtJ15p-8nYRgp-93uCB1-o6N5Bh-nBPUny-dNJ66P-9XWmVP-efXhxJ"><font><font>Calle </font></font></a><font><font>componer, </font><font>por </font></font><a href="https://www.flickr.com/photos/kdigga/"><font><font>Kevin </font></font></a><font><font>D.</font></font></p>

<p><font><font>{{Anterior ("Learn / Getting_started_with_the_web / Publishing_your_website")}}</font></font></p>
Revert to this revision