API tools faq
paste
nahuelbkn

Actividad Clase 02

nahuelbkn
Jul 7th, 2020
3,534
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 9.40 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <html lang="es">
  4.     <head>
  5.         <meta charset="UTF-8">
  6.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.         <title>Cliente - Servidor</title>
  8.     </head>
  9.  
  10.     <body>
  11.         <h1>ARQUITECTURA CLIENTE - SERVIDOR</h1>
  12.             <h3>Descubre cómo funciona Internet junto a nosotros.</h3>
  13.  
  14.             <p>
  15.                 Cómo funciona la Web proporciona una vista simplificada de lo que sucede cuando ves una
  16.                 página web en un navegador web de tu computadora o teléfono.
  17.             </p>
  18.  
  19.             <p>
  20.                 Esta teoría no es esencial para escribir código web a corto plazo, pero en poco tiempo
  21.                 empezarás a beneficiarte realmente al entender lo que está sucediendo en el fondo.
  22.             </p>
  23.  
  24.             <br>
  25.             <!-- <br> Genera un salto de linea. -->
  26.  
  27.             <h2>Los clientes y servidores</h2>
  28.             <p>
  29.                 Las computadoras conectadas a la Web se llaman clientes y servidores. Los clientes son
  30.                 dispositivos de los usuarios conectados a Internet (por ejemplo, tu ordenador conectado a la
  31.                 red Wi-Fi o el teléfono conectado a la red de telefonía móvil) y el software que se encuentra
  32.                 disponible y permite acceder a Internet en dichos dispositivos (normalmente, un navegador
  33.                 web como Firefox o Chrome).
  34.                 <br> <!-- Hay un salto de linea, pero sigue siendo el mismo parrafo. -->
  35.                 Los servidores son computadoras que almacenan páginas web, sitios o aplicaciones.
  36.                 Cuando un dispositivo cliente quiere acceder a una página web, una copia de la página web
  37.                 se descarga desde el servidor en el equipo cliente y se mostrará en el navegador web del
  38.                 usuario.
  39.             </p>
  40.  
  41.             <br>
  42.             <h2>Las otras partes de la caja de herramientas</h2>
  43.             <p>
  44.                 El cliente y el servidor que describimos anteriormente, no cuentan toda la historia. Hay
  45.                 muchas otras partes involucradas y vamos a describirlas a continuación.
  46.                 Por ahora, imaginemos que la Web es un camino. En un extremo de la carretera, está el
  47.                 cliente, que es como tu casa. En el extremo opuesto del camino, está el servidor, que es
  48.                 una tienda en la que deseas comprar algo.
  49.                 <br>
  50.                 <br>
  51.                 Además del cliente y el servidor, también tenemos que saludar a:
  52.                 <br>
  53.             </p>
  54.  
  55.                 <!-- Lista de items -->
  56.                 <ul>
  57.                     <!-- Item -->
  58.                     <li>
  59.                         Tu conexión a Internet: Permite enviar y recibir datos en la Web. Básicamente es el
  60.                         recorrido entre tu casa y la tienda.
  61.                     </li>
  62.  
  63.                     <li>
  64.                         TCP/IP: Protocolo de Control de Transmisión y Protocolo de Internet, son los
  65.                         protocolos de comunicación que definen cómo deben viajar los datos a través de la
  66.                         Web. Esto es, los medios de transporte que te permiten hacer un pedido, ir a la
  67.                         tienda y comprar los productos. En nuestro ejemplo, podría ser un coche, una
  68.                         bicicleta o tus propios pies.
  69.                     </li>
  70.  
  71.                     <li>
  72.                         DNS: Los servidores del Sistema de Nombres de Dominio (DNS, por sus siglas en
  73.                         inglés), son como una libreta de direcciones de sitios web. Cuando escribes una
  74.                         dirección web en el navegador, el navegador busca los DNS antes de recuperar el
  75.                         sitio web. El navegador necesita averiguar en qué servidor vive el sitio web y así
  76.                         enviar los mensajes HTTP al lugar correcto (ver más abajo). Esto es como buscar la
  77.                         dirección de la tienda para que puedas llegar a ella.
  78.                     </li>
  79.  
  80.                     <li>
  81.                         HTTP: El Protocolo de Transferencia de Hipertexto es un protocolo de aplicación que
  82.                         define un idioma para que los clientes y servidores se puedan comunicar. Esto es
  83.                         como el idioma que utilizas para ordenar tus compras.
  84.                     </li>
  85.  
  86.                     <li>
  87.                         Archivos componentes: Un sitio web se compone de muchos archivos diferentes,
  88.                         que son como las diferentes partes de los productos que comprarás en la tienda.
  89.                         Estos archivos se dividen en dos tipos principales:
  90.                        
  91.                         <!-- Sublista con items. Es decir, esto se verá como subitems (Esto es una "lista anidada") -->
  92.                         <ul>
  93.                             <li>
  94.                                 Archivos de código: los sitios web se construyen principalmente con HTML,
  95.                                 CSS y JavaScript, aunque te encontrarás con otras tecnologías más
  96.                                 adelante
  97.                             </li>
  98.    
  99.                             <li>
  100.                                 Recursos: Este es un nombre colectivo para el resto de materiales que
  101.                                 conforman un sitio web, como imágenes, música, video, documentos de
  102.                                 Word, archivos PDF, etc.
  103.                             </li>
  104.                         </ul>
  105.                     </li>
  106.                     <!-- Etiqueta que cierra la sublista -->
  107.                 </ul>
  108.                 <!-- Etiqueta que cierra la lista -->
  109.  
  110.             <br>
  111.  
  112.             <h2>Entonces, ¿Qué sucede exactamente?</h2>
  113.             <p>
  114.                 Cuando escribes una dirección web en el navegador (usando nuestra analogía para ir a la
  115.                 tienda):
  116.             </p>
  117.  
  118.                 <!-- Lista ordenada de numeros -->
  119.                 <ol type="1">
  120.  
  121.                     <!-- Items -->
  122.                     <li>
  123.                         El navegador va al servidor DNS y encuentra la dirección real del servidor donde el
  124.                         sitio web vive (encontrar la dirección de la tienda).
  125.                     </li>
  126.  
  127.                     <li>
  128.                         El navegador envía un mensaje de petición HTTP al servidor, pidiéndole que envíe
  129.                         una copia de la página web para el cliente (ir a la tienda y hacer un pedido). Este
  130.                         mensaje y todos los datos enviados entre el cliente y el servidor, se envían a través
  131.                         de tu conexión a Internet usando TCP/IP.
  132.                     </li>
  133.  
  134.                     <li>
  135.                         Siempre que el servidor apruebe la solicitud del cliente, el servidor enviará al cliente
  136.                         un mensaje "200 OK", que significa, "¡por supuesto que puedes ver ese sitio web!
  137.                         Aquí está.", y comenzará a enviar los archivos de la página web al navegador como
  138.                         una serie de pequeños trozos llamados paquetes de datos (la tienda te entrega tus
  139.                         productos y los llevas de regreso a casa).
  140.                     </li>
  141.  
  142.                     <li>
  143.                         El navegador reúne los pequeños trozos, forma un sitio web completo y te lo
  144.                         muestra (llegas a casa con tus nuevas compras).
  145.                     </li>
  146.                 </ol>
  147.                 <!-- Etiqueta de cierre de lista ordenada de numeros -->
  148.  
  149.             <br>
  150.  
  151.             <h2>Explicando los DNS</h2>
  152.             <p>
  153.                 Las direcciones web reales no son las agradables y fácilmente recordables secuencias que
  154.                 tecleas en la barra de direcciones para encontrar tus sitios web favoritos. En realidad, se
  155.                 trata de secuencias de números, algo como 63.245.217.105.
  156.                 Lo anterior se llama dirección IP y representa un lugar único en la Web. Sin embargo, no es
  157.                 muy fácil de recordar, ¿verdad? Por eso se inventaron los servidores de nombres de
  158.                 dominio. Éstos son servidores especiales que hacen coincidir una dirección web tecleada
  159.                 desde tu navegador ("mozilla.org", por ejemplo) con la dirección real del sitio web (IP).
  160.                 Los sitios web pueden ser accedidos directamente a través de sus direcciones IP. Intenta
  161.                 acceder a la página web de Mozilla escribiendo 63.245.217.105 en la barra de dirección de
  162.                 una nueva pestaña en tu navegador.
  163.             </p>
  164.  
  165.             <br>
  166.  
  167.             <h2>Explicando los paquetes</h2>
  168.             <p>
  169.                 Anteriormente hemos utilizado el término paquetes para describir el formato en que los
  170.                 datos se envían desde el servidor al cliente. ¿Qué significa esto? Básicamente, que los
  171.                 datos se envían a través de la Web como miles de trozos pequeños, permitiendo que
  172.                 muchos usuarios pueden descargar la misma página web al mismo tiempo. Si los sitios web
  173.                 fueran enviados como grandes trozos, sólo un usuario podría descargarlos a la vez, lo que
  174.                 volvería a la Web muy ineficiente y poco divertida.
  175.             </p>
  176.  
  177.     </body>
  178. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!