{"id":389,"date":"2020-08-21T14:40:49","date_gmt":"2020-08-21T14:40:49","guid":{"rendered":"http:\/\/pixiacom.com.ar\/?p=389"},"modified":"2020-09-02T22:31:26","modified_gmt":"2020-09-02T22:31:26","slug":"como-funciona-realmente-una-pagina-web-parte-1","status":"publish","type":"post","link":"https:\/\/pixiacom.com.ar\/index.php\/2020\/08\/21\/como-funciona-realmente-una-pagina-web-parte-1\/","title":{"rendered":"\u00bfC\u00f3mo funciona realmente una p\u00e1gina web? Parte 1"},"content":{"rendered":"<p>Muchos de los que hoy desarrollamos aplicaciones web, comenzamos nuestros primeros proyectos con editores visuales como \u00abMicrosoft Front Page\u00bb o \u00abMacreomedia Dreamweaver\u00bb, dise\u00f1ando paginas web est\u00e1ticas. La tarea en aquel entonces era mas que nada est\u00e9tica, por lo que no era necesario conocer el detr\u00e1s de escena de como realmente funciona una p\u00e1gina web. Por eso los primeros profesionales en realizar esta actividad fuimos conocidos como \u00abDise\u00f1adores web\u00bb.<\/p>\n<p>Con en correr de los a\u00f1os le tecnolog\u00eda se volvi\u00f3 mas compleja, tanto los servidores como los navegadores web comenzaron a brindar la posibilidad de desarrollar software que altere la l\u00f3gica y el comportamiento de una p\u00e1gina web, y todo un mundo de nuevas oportunidades comenzaron a surgir. Cgi, Perl, SSI, Visual Basic Script, Java Script fueron los primeros lenguajes de programaci\u00f3n que comenzaron a darle vida a la web, hasta transformarse en lo que es hoy. Cuando los lenguajes de programaci\u00f3n entraron en escena, pasamos a ser \u00abDesarrolladores web\u00bb.<\/p>\n<p>Pero para comprender <strong>\u00bfC\u00f3mo funciona realmente una p\u00e1gina web?<\/strong> debemos conocer primero \u00bfC\u00f3mo funciona internet?, al menos en los procesos involucrados para poder mostrar una p\u00e1gina en la pantalla de nuestras computadoras. Responder a esta pregunta va a implicar que este post este dividido en varias partes para hacer mas amena su lectura.<\/p>\n<p><strong>\u00bfC\u00f3mo funciona internet? Hablamos sobre n\u00fameros IP y DNS<\/strong><\/p>\n<p>Cuando escribimos la direcci\u00f3n de la p\u00e1gina web a la que deseamos ingresar en nuestro navegador favorito, suceden una serie de procesos complejos, totalmente invisibles a nuestros ojos que forman parte de los pilares b\u00e1sicos del funcionamiento de esta maravilla tecnol\u00f3gica que es internet.<\/p>\n<p>Como muchos ya saben cada m\u00e1quina conectada a internet tiene un n\u00famero \u00fanico que la identifica, conocido como direcci\u00f3n \u00abIP\u00bb, por sus siglas en ingl\u00e9s de \u00abInternet Protocol\u00bb. Una direcci\u00f3n IP es un n\u00famero binario, compuesto por una secuencia de 32 ceros y unos, lo que da la posibilidad de que existan 4.294.967.296 de m\u00e1quinas conectadas a internet. Lo primero que debe hacer nuestro humilde navegador web es conocer la direcci\u00f3n IP desde donde se iniciar\u00e1 la conexi\u00f3n, y la direcci\u00f3n IP del servidor donde esta alojado nuestro sitio web. La direcci\u00f3n origen se conoce f\u00e1cilmente con solo \u00abpreguntarle\u00bb al sistema operativo \u00abcu\u00e1l es mi direcci\u00f3n ip?\u00bb. Para saber la direcci\u00f3n IP de destino deber\u00e1 hacer uso de uno de los pilares fundamentales de internet que se llama DNS por sus siglas en ingl\u00e9s de \u00abDomain Name Server\u00bb.<\/p>\n<p>Para ejemplificar como funciona DNS y para que sirve, vamos a ponernos en contexto. Para entrar a esta p\u00e1gina no tuviste que ingresar la direcci\u00f3n IP de nuestro servidor 116.202.95.225 (01110100.11001010.01011111 .11100001 en binario&#8230; si, asi de feo), solamente escribiste \u00abpixiacom.com.ar\u00bb. Justamente es el servicio DNS el encargado de traducir nombres manejables por los humanos como \u00abpixiacom.com.ar\u00bb a n\u00fameros que pueden interpretar computadoras como ser la direcci\u00f3n IP 116.202.95.225.<\/p>\n<p>Nuestro proveedor de servicios de internet (Movistar, Fibertel, Telecentro, por ejemplo en argentina) tienen servidores DNS, los cuales son consultados por nuestra PC de manera similar a como antes b\u00fascabamos un n\u00famero de tel\u00e9fono en la Gu\u00eda Telef\u00f3nica. \u00abHola servidor DNS, \u00bfCual es la direcci\u00f3n IP de pixiacom.com.ar?\u00bb, a lo cual el servidor DNS le responde a nuestra PC \u00abQue tal! pixiacom.com.ar tiene el n\u00famero 116.202.95.225\u00bb. Se entiende que me estoy tomando algunos atrevimientos poco t\u00e9cnicos para ser pedag\u00f3gico, en realidad el sistema DNS es <a href=\"https:\/\/es.wikipedia.org\/wiki\/Sistema_de_nombres_de_dominio\" target=\"_blank\" rel=\"noopener noreferrer\">mucho mas complejo<\/a>.<\/p>\n<p>De esta manera nuestra PC esta lista para iniciar la conexi\u00f3n con el servidor que tiene hospedada la p\u00e1gina a la\u00a0 que deseamos entrar o nos mostrar\u00e1 en pantalla un error como \u201cERR_NAME_NOT_RESOLVED\u201d en caso de que el servidor DNS no logre obtener el n\u00famero IP para ese nombre.<\/p>\n<p><strong>Resumen:\u00a0<\/strong>Lo primero que hace nuestro navegador web al escribir la direcci\u00f3n de la p\u00e1gina a la que deseamos acceder, es \u00abresolver\u00bb cual es la direcci\u00f3n IP que le corresponde al nombre de la p\u00e1gina. De esa manera el navegador sabr\u00e1 con que servidor deber\u00e1 conectarse para obtener el contenido solicitado.<\/p>\n<p>En la siguiente entrega hablar\u00e9 sobre el protocolo TCP\/IP,\u00a0 y el protocolo HTTP, sin los cuales no existir\u00edan los sitios web ni muchos de los servicios de internet.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Para comprender \u00bfC\u00f3mo funciona realmente una p\u00e1gina web? debemos conocer primero \u00bfC\u00f3mo funciona internet?, al menos en los procesos involucrados para poder mostrar una p\u00e1gina en la pantalla de nuestras computadoras. Te voy a contar cuales son esos procesos de manera que te ayuden a desarrollar tu sitio web y a comprender donde se producen los errores mas comunes.<\/p>\n","protected":false},"author":2,"featured_media":422,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":""},"categories":[3],"tags":[18,19,20,21],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.8.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u00bfC\u00f3mo funciona realmente una p\u00e1gina web? Parte 1 - Pixiacom<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pixiacom.com.ar\/index.php\/2020\/08\/21\/como-funciona-realmente-una-pagina-web-parte-1\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfC\u00f3mo funciona realmente una p\u00e1gina web? Parte 1 - Pixiacom\" \/>\n<meta property=\"og:description\" content=\"Para comprender \u00bfC\u00f3mo funciona realmente una p\u00e1gina web? debemos conocer primero \u00bfC\u00f3mo funciona internet?, al menos en los procesos involucrados para poder mostrar una p\u00e1gina en la pantalla de nuestras computadoras. Te voy a contar cuales son esos procesos de manera que te ayuden a desarrollar tu sitio web y a comprender donde se producen los errores mas comunes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pixiacom.com.ar\/index.php\/2020\/08\/21\/como-funciona-realmente-una-pagina-web-parte-1\/\" \/>\n<meta property=\"og:site_name\" content=\"Pixiacom\" \/>\n<meta property=\"article:published_time\" content=\"2020-08-21T14:40:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-09-02T22:31:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pixiacom.com.ar\/wp-content\/uploads\/2020\/08\/www-domain.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ulises Nicolini\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ulises Nicolini\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pixiacom.com.ar\/index.php\/2020\/08\/21\/como-funciona-realmente-una-pagina-web-parte-1\/\",\"url\":\"https:\/\/pixiacom.com.ar\/index.php\/2020\/08\/21\/como-funciona-realmente-una-pagina-web-parte-1\/\",\"name\":\"\u00bfC\u00f3mo funciona realmente una p\u00e1gina web? Parte 1 - Pixiacom\",\"isPartOf\":{\"@id\":\"https:\/\/pixiacom.com.ar\/#website\"},\"datePublished\":\"2020-08-21T14:40:49+00:00\",\"dateModified\":\"2020-09-02T22:31:26+00:00\",\"author\":{\"@id\":\"https:\/\/pixiacom.com.ar\/#\/schema\/person\/9ad66900b4ed07be86057f6375db811b\"},\"breadcrumb\":{\"@id\":\"https:\/\/pixiacom.com.ar\/index.php\/2020\/08\/21\/como-funciona-realmente-una-pagina-web-parte-1\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pixiacom.com.ar\/index.php\/2020\/08\/21\/como-funciona-realmente-una-pagina-web-parte-1\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pixiacom.com.ar\/index.php\/2020\/08\/21\/como-funciona-realmente-una-pagina-web-parte-1\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/pixiacom.com.ar\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00bfC\u00f3mo funciona realmente una p\u00e1gina web? Parte 1\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pixiacom.com.ar\/#website\",\"url\":\"https:\/\/pixiacom.com.ar\/\",\"name\":\"Pixiacom\",\"description\":\"Ingenier\u00eda en Sistemas\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pixiacom.com.ar\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/pixiacom.com.ar\/#\/schema\/person\/9ad66900b4ed07be86057f6375db811b\",\"name\":\"Ulises Nicolini\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/pixiacom.com.ar\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/362f7b1b34a041ed9073d974bc77a1f4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/362f7b1b34a041ed9073d974bc77a1f4?s=96&d=mm&r=g\",\"caption\":\"Ulises Nicolini\"},\"url\":\"https:\/\/pixiacom.com.ar\/index.php\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00bfC\u00f3mo funciona realmente una p\u00e1gina web? Parte 1 - Pixiacom","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/pixiacom.com.ar\/index.php\/2020\/08\/21\/como-funciona-realmente-una-pagina-web-parte-1\/","og_locale":"es_ES","og_type":"article","og_title":"\u00bfC\u00f3mo funciona realmente una p\u00e1gina web? Parte 1 - Pixiacom","og_description":"Para comprender \u00bfC\u00f3mo funciona realmente una p\u00e1gina web? debemos conocer primero \u00bfC\u00f3mo funciona internet?, al menos en los procesos involucrados para poder mostrar una p\u00e1gina en la pantalla de nuestras computadoras. Te voy a contar cuales son esos procesos de manera que te ayuden a desarrollar tu sitio web y a comprender donde se producen los errores mas comunes.","og_url":"https:\/\/pixiacom.com.ar\/index.php\/2020\/08\/21\/como-funciona-realmente-una-pagina-web-parte-1\/","og_site_name":"Pixiacom","article_published_time":"2020-08-21T14:40:49+00:00","article_modified_time":"2020-09-02T22:31:26+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/pixiacom.com.ar\/wp-content\/uploads\/2020\/08\/www-domain.jpg","type":"image\/jpeg"}],"author":"Ulises Nicolini","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Ulises Nicolini","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pixiacom.com.ar\/index.php\/2020\/08\/21\/como-funciona-realmente-una-pagina-web-parte-1\/","url":"https:\/\/pixiacom.com.ar\/index.php\/2020\/08\/21\/como-funciona-realmente-una-pagina-web-parte-1\/","name":"\u00bfC\u00f3mo funciona realmente una p\u00e1gina web? Parte 1 - Pixiacom","isPartOf":{"@id":"https:\/\/pixiacom.com.ar\/#website"},"datePublished":"2020-08-21T14:40:49+00:00","dateModified":"2020-09-02T22:31:26+00:00","author":{"@id":"https:\/\/pixiacom.com.ar\/#\/schema\/person\/9ad66900b4ed07be86057f6375db811b"},"breadcrumb":{"@id":"https:\/\/pixiacom.com.ar\/index.php\/2020\/08\/21\/como-funciona-realmente-una-pagina-web-parte-1\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pixiacom.com.ar\/index.php\/2020\/08\/21\/como-funciona-realmente-una-pagina-web-parte-1\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/pixiacom.com.ar\/index.php\/2020\/08\/21\/como-funciona-realmente-una-pagina-web-parte-1\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/pixiacom.com.ar\/"},{"@type":"ListItem","position":2,"name":"\u00bfC\u00f3mo funciona realmente una p\u00e1gina web? Parte 1"}]},{"@type":"WebSite","@id":"https:\/\/pixiacom.com.ar\/#website","url":"https:\/\/pixiacom.com.ar\/","name":"Pixiacom","description":"Ingenier\u00eda en Sistemas","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pixiacom.com.ar\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/pixiacom.com.ar\/#\/schema\/person\/9ad66900b4ed07be86057f6375db811b","name":"Ulises Nicolini","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/pixiacom.com.ar\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/362f7b1b34a041ed9073d974bc77a1f4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/362f7b1b34a041ed9073d974bc77a1f4?s=96&d=mm&r=g","caption":"Ulises Nicolini"},"url":"https:\/\/pixiacom.com.ar\/index.php\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/pixiacom.com.ar\/index.php\/wp-json\/wp\/v2\/posts\/389"}],"collection":[{"href":"https:\/\/pixiacom.com.ar\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pixiacom.com.ar\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pixiacom.com.ar\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/pixiacom.com.ar\/index.php\/wp-json\/wp\/v2\/comments?post=389"}],"version-history":[{"count":7,"href":"https:\/\/pixiacom.com.ar\/index.php\/wp-json\/wp\/v2\/posts\/389\/revisions"}],"predecessor-version":[{"id":424,"href":"https:\/\/pixiacom.com.ar\/index.php\/wp-json\/wp\/v2\/posts\/389\/revisions\/424"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pixiacom.com.ar\/index.php\/wp-json\/wp\/v2\/media\/422"}],"wp:attachment":[{"href":"https:\/\/pixiacom.com.ar\/index.php\/wp-json\/wp\/v2\/media?parent=389"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pixiacom.com.ar\/index.php\/wp-json\/wp\/v2\/categories?post=389"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pixiacom.com.ar\/index.php\/wp-json\/wp\/v2\/tags?post=389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}