{"id":49,"date":"2024-05-20T15:50:51","date_gmt":"2024-05-20T13:50:51","guid":{"rendered":"https:\/\/blog.sutilweb.eu\/?page_id=49"},"modified":"2024-05-20T21:54:40","modified_gmt":"2024-05-20T19:54:40","slug":"01-como-funciona-la-web","status":"publish","type":"page","link":"https:\/\/sutilweb.eu\/index.php\/lenguajes\/html5\/html5-manual\/01-como-funciona-la-web\/","title":{"rendered":"02. Como funciona la web"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Las <strong>p\u00e1ginas web<\/strong> son el ejemplo m\u00e1s conocido de <strong>hipertexto<\/strong> e <strong>hipermedia<\/strong>, pero existen otros sistemas que tambi\u00e9n se basan en estos dos conceptos.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Hipertexto<\/strong>: Conjunto estructurado de textos, gr\u00e1ficos, etc., unidos entre s\u00ed por <strong>enlaces<\/strong> y <strong>conexiones l\u00f3gicas<\/strong>.<\/li>\n\n\n\n<li><strong>Multimedia<\/strong>: Que utiliza conjunta y simult\u00e1neamente diversos medios, como <strong>im\u00e1genes<\/strong>, <strong>sonidos<\/strong> y <strong>texto<\/strong>, en la transmisi\u00f3n de una informaci\u00f3n.<\/li>\n\n\n\n<li><strong>Hipermedia<\/strong>: Conjunto estructurado de diversos medios, como <strong>textos<\/strong>, <strong>gr\u00e1ficos<\/strong>, <strong>im\u00e1genes<\/strong> y <strong>sonidos<\/strong>, unidos entre s\u00ed por <strong>enlaces<\/strong> y <strong>conexiones l\u00f3gicas<\/strong> para la transmisi\u00f3n de una informaci\u00f3n.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Las <strong>p\u00e1ginas web<\/strong> son el ejemplo m\u00e1s conocido de <strong>hipertexto<\/strong> e <strong>hipermedia<\/strong> pero, existen otros sistemas que tambi\u00e9n se basan en estos dos conceptos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mucha gente cree que <strong>Tim Berners-Lee<\/strong>, el padre de la <strong>web<\/strong>, fue tambi\u00e9n el inventor del <strong>hipertexto<\/strong>, pero \u00e9sto no es as\u00ed, \u00e9l mismo lo aclara en su libro \u00abTejiendo la red\u00bb:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Yo llegu\u00e9 en el momento justo interesado cuando el <strong>hipertexto<\/strong> e <strong>Internet<\/strong> hab\u00edan visto ya la luz, la tarea que me correspond\u00eda era hacer que casaran.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Tim Berners-Lee<\/strong> no invent\u00f3 ni el <strong>hipertexto<\/strong> ni <strong>Internet<\/strong>.&nbsp;Entonces, \u00bfqui\u00e9n invent\u00f3 el <strong>hipertexto<\/strong>? El <strong>hipertexto<\/strong> no tiene un padre evidente porque fueron varias las personas que idearon sistemas similares al hipertexto en los \u00faltimos 100 a\u00f1os.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Una de las primeras referencias del concepto de hipertexto se atribuye a <strong>Paul Otlet<\/strong>, que es considerado el fundador de la bibliograf\u00eda y la documentaci\u00f3n. A principios del siglo XX, <strong>Paul Otlet<\/strong> imagin\u00f3 <strong>Mundaneum<\/strong>, un archivo centralizado en el que se recogiese todo el conocimiento de la humanidad.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A principios del siglo XX, no exist\u00edan los ordenadores as\u00ed que el sistema se basaba en el empleo de <strong>fichas<\/strong>. En estas <strong>fichas<\/strong> exist\u00edan enlaces que permit\u00edan conectar las fichas entre s\u00ed, como si fueran las <strong>p\u00e1ginas web<\/strong> actuales.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Mundaneum<\/strong> ofrec\u00eda un servicio de b\u00fasqueda que admit\u00eda solicitudes de b\u00fasqueda por correo, correo postal de toda la vida, no correo electr\u00f3nico actual. En el a\u00f1o 1934, <strong>Paul Otlet<\/strong> imagin\u00f3 una red global que permitir\u00eda a la gente buscar y navegar a trav\u00e9s de millones de <strong>documentos<\/strong>, <strong>im\u00e1genes<\/strong> y <strong>v\u00eddeos<\/strong> interconectados.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Otro precedente de lo que entendemos en la actualidad por <strong>hipertexto<\/strong> lo encontramos <strong>Vannevar Bush<\/strong>. <strong>Vannevar Bush<\/strong> fue un visionario para su \u00e9poca, ingeniero e inventor, durante la <strong>Segunda Guerra Mundial<\/strong> fue administrador del Proyecto <strong>Manhattan<\/strong> que desarroll\u00f3 las dos primeras bombas nucleares. En julio de 1945, <strong>Vannevar Bush<\/strong> public\u00f3 el art\u00edculo <em>\u00abAs We May Think en The Atlantic Monthly\u00bb<\/em>, sobre un dispositivo fotoel\u00e9ctrico y mec\u00e1nico llamado <strong>Memex<\/strong>, capaz de crear y seguir enlaces entre distintos documentos almacenados en <strong>microfichas<\/strong>. En definitiva, un sistema muy parecido a lo que hoy conocemos como <strong>hipertexto<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ted Nelson<\/strong> es considerado un visionario y tambi\u00e9n un vendedor de humo por su Proyecto <strong>Xanad\u00fa<\/strong>, el primer sistema basado en <strong>hipertexto<\/strong> que, 50 a\u00f1os despu\u00e9s, todav\u00eda est\u00e1 en desarrollo. Adem\u00e1s, del <strong>hipertexto<\/strong> y la <strong>hipermedia,<\/strong> <strong>Ted Nelson<\/strong> tambi\u00e9n ha desarrollado otras ideas geniales, como la <strong>teledild\u00f3nica<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qu\u00e9 es el hipertexto<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Seg\u00fan el <strong>Diccionario de la Lengua de la Real Academia Espa\u00f1ola,<\/strong> <strong>hipertexto<\/strong> es:<strong><em> conjunto estructurado de textos, gr\u00e1ficos etc\u00e9tera unidos entre s\u00ed por enlaces y conexiones l\u00f3gicas<\/em><\/strong>. Un texto normal como por ejemplo, un libro, normalmente est\u00e1 limitado a una organizaci\u00f3n lineal o secuencial. Sin embargo, el <strong>hipertexto<\/strong> permite saltar de un punto a otro, en un mismo texto, o a otro texto a trav\u00e9s de <strong>referencias<\/strong>. De este modo, en lugar de leer el texto de forma continua, en el <strong>hipertexto<\/strong> ciertos t\u00e9rminos est\u00e1n relacionados y el texto se puede leer siguiendo diferentes caminos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Las relaciones en el <strong>hipertexto<\/strong> se establecen entre lo que se suele llamar como <strong>referencias<\/strong>, <strong>enlaces v\u00ednculos<\/strong> o <strong>hiperv\u00ednculos.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qu\u00e9 es hipermedia<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">El t\u00e9rmino <strong>hipermedia<\/strong> no figura en el diccionario de la lengua espa\u00f1ola de la <strong>RAE<\/strong> pero, podemos buscar un t\u00e9rmino relacionado con <strong>hipermedia<\/strong>, <strong>multimedia<\/strong>. Seg\u00fan el <strong>Diccionario de la Lengua Espa\u00f1ola<\/strong>, <strong>multimedia<\/strong> es un adjetivo que significa: <strong><em>que utiliza conjunta y simult\u00e1neamente diversos medios como im\u00e1genes, sonidos y texto, en la transmisi\u00f3n de una informaci\u00f3n<\/em><\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por tanto, un <strong>sistema multimedia<\/strong> es un sistema de comunicaci\u00f3n en el que se emplean dos o m\u00e1s medios de comunicaci\u00f3n distintos de forma concurrente. Un <strong>sistema multimedia<\/strong> puede integrar <strong>texto<\/strong>, <strong>voz<\/strong>, <strong>audio<\/strong>, <strong>fotograf\u00edas<\/strong>, <strong>gr\u00e1ficos interactivos<\/strong>, <strong>v\u00eddeos<\/strong>, <strong>realidad virtual&#8230;<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un <strong>sistema multimedia<\/strong> proporciona una gran riqueza y una mayor flexibilidad a la hora de comunicar la informaci\u00f3n. La calidad <strong>multimedia<\/strong> no est\u00e1 restringida al mundo de los ordenadores as\u00ed, por ejemplo, un libro acompa\u00f1ado de un CD de m\u00fasica ya es una <strong>obra multimedia<\/strong>. Para algunos autores, <strong>hipermedia<\/strong> es un t\u00e9rmino que nace de la uni\u00f3n del <strong>hipertexto<\/strong> m\u00e1s la <strong>multimedia<\/strong>, por tanto, si juntamos las definiciones de <strong>hipertexto<\/strong> y <strong>multimedia<\/strong>, podemos obtener la siguiente definici\u00f3n de hipermedia: <strong><em>conjunto estructurado de diversos medios como textos, gr\u00e1ficos, im\u00e1genes y sonidos unidos entre s\u00ed por enlaces y conexiones l\u00f3gicas para la transmisi\u00f3n de una informaci\u00f3n.<\/em><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si la <strong>multimedia<\/strong> proporciona una gran riqueza a la informaci\u00f3n, el <strong>hipertexto<\/strong> aporta una estructura que permite que la informaci\u00f3n pueda presentarse y explorarse siguiendo distintas secuencias de acuerdo a las necesidades y preferencias del usuario. Existen muchos sistemas que se basan en el <strong>hipertexto<\/strong> y la <strong>hipermedia<\/strong> pero, la <strong>web<\/strong> es el sistema m\u00e1s conocido y por eso la web se ha convertido en sin\u00f3nimo de <strong>hipertexto<\/strong> e <strong>hipermedia<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por \u00faltimo, si los conceptos de <strong>hipertexto<\/strong> e <strong>hipermedia<\/strong> no fueron inventados por <strong>Tim Berners-Lee<\/strong>, \u00bfqu\u00e9 fue lo que invent\u00f3 <strong>Tim Berners-Lee<\/strong>?. <strong>Tim Berners-Lee<\/strong> tiene la respuesta, s\u00f3lo ten\u00eda que tomar la idea del <strong>hipertexto<\/strong> y conectarlo a las ideas de <strong>TCP<\/strong> y <strong>DNS<\/strong>, es decir, la <strong>web<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Las p\u00e1ginas web son el ejemplo m\u00e1s conocido de hipertexto e hipermedia, pero existen otros sistemas que tambi\u00e9n se basan en estos&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":41,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-49","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Sutil Web","author_link":"https:\/\/sutilweb.eu\/index.php\/author\/sutilweb\/"},"uagb_comment_info":0,"uagb_excerpt":"Las p\u00e1ginas web son el ejemplo m\u00e1s conocido de hipertexto e hipermedia, pero existen otros sistemas que tambi\u00e9n se basan en estos...","_links":{"self":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/49","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/comments?post=49"}],"version-history":[{"count":3,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/49\/revisions"}],"predecessor-version":[{"id":53,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/49\/revisions\/53"}],"up":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/41"}],"wp:attachment":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/media?parent=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}