1 Capítulo 27: Páginas y Navegación de la World Wide Web ICD-327: Redes de Computadores Agustín J. González

2 Introducción La World Wide Web is un repositorio de gran escala y en línea de información que los usuarios pueden buscar usando un programa de aplicación interactiva conocido como “Browser” (Navegador, visualizador) Definiciones: –Hipertexto: Documento que contiene sólo información de texto. Se puede “saltar” haciendo uso de ligas (links). –Hipermedia: Documento que además de texto contiene otros tipos de medios, como imágenes digitalizadas, gráficos, sonido, video, etc. –Hipermedia no distribuido: aquel en que todos los links se pueden confirmar localmente. –Hipermedia distribuido: Las ligas apuntan a documentos en otras partes de la red. No pueden ser chequeados por consistencia.

3 Formato y Representación HTML HTML : Hyper Text Markup Language (Lenguaje de marcaje de hipertexto). Un documento HTML está dividido en dos partes principales: Encabezado y cuerpo. El encabezado contiene información sobre el contenido del documento. (Meta information, meta file) El cuerpo contiene la información propiamente tal. Cada archivo HTML es un archivo de texto con “tags” etiquetas o demarcadores de formato junto con la información. Algunas de estas etiquetas especifican una acción inmediata, como cambio de línea. Otras afectan a la información contenida por una pareja de demarcadores.

4 Formato HTML : puede representar un demarcador de acción inmediata o el inicio de una zona de demarcación. EL nombre define de qué se trata. : representa el termino del efecto de un demarcador. Ejemplo1 El formato está definido por los demarcadores usados. Ejemplo2 Algunas demarcaciones de formato – : cambio de línea (line break) Ejemplo3Ejemplo3 –,,,.. Heading, Tamaño de títulos y subtítulos. Ejemplo4Ejemplo4 – : Unordered list, Cada item comienza con un List Item Ejemplo5 Ejemplo5

5 Formato HTML (cont.. ) – Ejemplo 6Ejemplo 6 Identificación de una página: –protocolo://servidor_WEB:puerto/documento Links (Lígas, Vínculos) a otros documentos. Se usa un ancla (“anchor”) y una referencia de hipertexto. Ejemplo de URL (Universal Resource Locator) – Esta es la página del curso de redes. La cual espero que haya sido de mucha ayuda. –PruebaPrueba Hay muchas más comandos de formato que se pueden usar. Hay editores que ayudan a componer estos textos.

6 Arquitectura de un Navegador (browser)

7 Clientes opcionales: permiten incluir componentes que no son manejadas por el browser directamente ya que no es información e formato html. Por ejemplo el browser usa un cliente FTP para traer los archivos en contenidos por un servidor ftp. Si el URL especifica http, el controlador llama al intérprete HTML, si el URL especifica: ftp://ftp.cualquiercosa.cl/midir/mitexto el browser usa el ftp anónimo (anonymous) para traer el texto midir/mitexto. Uso de cache es muy importante para mejorar desempeño. Se aplica el principio de localidad de referencias?

8 Ejemplo: La página del “profe” Aquí está