GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII

Transcripción

1 GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII GUIA DISPONIBLE EN: La World Wide Web o la Web, es una de las múltiples aplicaciones que ofrece Internet, la cual, se encarga de la presentación y obtención de documentos, convirtiéndose de esta forma en una interfaz que permite el acceso a los distintos formatos de datos existentes en la Red de Redes. La información contenida en dichos documentos puede presentarse en multitud de formatos. Se puede leer como texto normal, visualizarse como una fotografía, ser animada como un vídeo, escucharse como música, entre otros. Funcionamiento Básico de la World Wide Web Todas las comunicaciones que son generadas por la Web son transmitidas entre ordenadores conectados mediante una red. Los ordenadores que hacen posible que la Web funcione tienen dos tipos de software, unos son servidores y otros son clientes. Para poder publicar información y hacerla disponible a todo el mundo tenemos que tener un ordenador que ejecute un software servidor. Si lo que queremos es recuperar y ver información de un servidor, lo que debemos de tener es un navegador. Por esta razón el funcionamiento de la Web se basa en el modelo Cliente / Servidor. Un servidor Web es una aplicación que funciona en un ordenador de gran capacidad, ya que deben atender a las múltiples peticiones de información que le llegan simultáneamente. Su función principal es facilitar información solicitada por otros ordenadores en forma de documentos con una estructura y formato específicos. Un cliente Web, también llamado navegador, es un programa que se ejecuta en el equipo del usuario y que le permite solicitar documentos a un servidor. Para ello debe ser capaz de de comunicarse con un servidor y comprender los diversos lenguajes y formatos en los que se maneja la información en la Web Características de la World Wide Web Presentación de la información por Hipertexto: la información mostrada por la Web contiene elementos tales como texto o imágenes, que están vinculados con otras fuentes o documentos, con el propósito de ampliar, completar o contrastar la información mostrada. En esto consiste el Hipertexto, en documentos que apuntan a otros documentos que contienen mas información al respecto, y que pueden ser navegados mediante enlaces. De esta forma, la lectura de un documento en Hipertexto no es secuencial o lineal, sino que se puede acceder a la información que nos interese desde otros conceptos relacionados, avanzando de documento en documento hasta hallar lo que deseamos. Global: se puede acceder a este servicio desde cualquier tipo de plataforma, usando cualquier navegador y desde cualquier parte del mundo Pública: la información esta distribuida en miles de ordenadores alrededor del mundo que ofrecen su espacio para almacenarla. La mayoría de la información es pública y accesible por el usuario. Dinámica: la información puede ser actualizada en cualquier momento para reflejar mejoras, comentarios, innovaciones, entre otros. Orígenes de la World Wide Web El origen de la World Wide Web, se remonta al año En esa fecha, el físico ingles Tim Berners Lee, presentó un sistema de comunicación, basado en el uso de las redes de computadoras, que permitía a científicos que estuvieran trabajando sobre una misma materia y separados por miles de kilómetros de distancia, acceder de inmediato a la información generada por sus colegas y sin necesidad de dar la vuelta al mundo. Dicho sistema se construyó sobre tres pilares: El Protocolo HTTP (HyperText Transfer Protocol o Protocolo de Transferencia de Hipertexto): su función es la de regular las transacciones que permiten la comunicación entre un cliente o navegador y un servidor, siguiendo el esquema petición-respuesta. URL (Uniform Resource Locator o Localizador Uniforme de Recursos): consiste en una secuencia de caracteres, de acuerdo a un formato estándar, que se usa para nombrar recursos, como documentos e imágenes en Internet, por su localización. Con el URL se asigna una dirección única a cada uno de 1

2 los recursos de información disponibles en Internet, permitiendo de esta forma que el navegador la encuentre y la muestre de forma adecuada. HTML (Hypertext MarKup Language o Lenguaje de Marcado de Hipertexto): es el lenguaje en que esta codificada la información, organizada en documentos de hipertexto, que envía el servidor al cliente, y que define la estructura, formato y contenido de dichos documentos. Estructura Básica de un documento HTML Un documento HTML es un fichero de texto plano, que utiliza una serie de palabras reservadas para indicar los atributos de formato y estructura de la información que contiene. Estas palabras reservadas o comandos son interpretadas por el navegador que ejecuta todas las ordenes contenidas en el documento HTML. De esta forma, un navegador puede estar capacitado para algunas prestaciones, pero no para otras. Así, será posible especificar que una pagina Web tenga una imagen de fondo o un texto parpadeando, pero si el navegador no esta capacitado para esas funciones, no podremos verlas. Este tipo de documentos puede asemejarse al guión de una película, el Navegador es como un director que hace el guión cobre vida al integrar a los actores y comprobar que expresen sus parámetros de forma correcta. Conforme se desarrolla el guión de HTML, el navegador sigue las instrucciones del documento para mostrar las líneas de texto en la pantalla del computador con el color, tamaño y posición correctos. Si el guión solicita una imagen, el navegador la solicita al servidor Web y la exhibe. Aunque el guión HTML existe como un archivo permanente, la página Web que observa en pantalla de su computadora solo existe mientras dura la representación. El principio esencial del lenguaje HTML es el uso de las etiquetas, las cuales influenciaran todo lo que haya entre ellas. Toda la información incluida dentro de un documento HTML debe estar rodeada por las etiquetas, ya que estas definen los elementos en dicho documento. La forma general de una etiqueta es la siguiente: <etiqueta atributos>..[</etiqueta>] Cuando el navegador encuentra el signo (<) examina todos los caracteres hasta que encuentra el final de la etiqueta, representada por el signo (>). Entonces interpreta el contenido de la etiqueta y aplica esa propiedad al texto que viene a continuación. Las etiquetas pueden contener de forma opcional u obligatoria, lo que se denomina atributos o modificadores, los cuales matizan el significado de la etiqueta y se expresan de la siguiente forma: <etiqueta atributo = valor1 atributo = valor2 > El valor de los atributos se coloca entre comillas. Existen tres etiquetas que definen la estructura del documento HTML: La etiqueta <HTML>: es obligatoria y define el inicio y fin del documento. La etiqueta <HEAD>: se utiliza para definir el área de encabezado del documento. Dicha área incluye información variada sobre las características del documento. Esta sección siempre esta localizada al principio del documento. La etiqueta <BODY>: contiene el documento propiamente dicho. Es decir, los datos que se presentaran por pantalla. Esta etiqueta permite controlar algunos atributos sobre la apariencia global del documento. <HTML> <HEAD> DIVERSAS CARACTERISTICAS DEL DOCUMENTO </HEAD> </HTML> <BODY> CONTENIDO VISIBLE DE LA PÁGINA </BODY> 2

3 Encabezado: El texto que aparece en la parte superior de una o varias de las páginas de un documento. Puede tener el mismo contenido en todas las páginas o variar, por ejemplo incluyendo el número de página o el nombre del capítulo. Párrafo: es una unidad de discurso en texto escrito que expresa una idea o un argumento. Está integrado por un conjunto de oraciones que tienen cierta unidad temática o que, sin tenerla, se enuncian juntas. Es un componente del texto que en su aspecto externo inicia con una mayúscula y termina en un punto y aparte. La práctica general para separar los párrafos en buena parte del mundo es introducir una sangría al comienzo de la primera línea. Esta técnica es complementaria con otra: introducir una línea en blanco o una mayor separación respecto a la siguiente línea al finalizar un párrafo. Diferentes opciones que se pueden aplicar al texto, tales como tamaño, tipo de letra, texto en negrita, cursiva, entre otros. Listas: elementos que permiten crear texto con dos formatos de listado: el ordenado, que presenta los elementos de texto que componen la lista en forma numerada, y los desordenados, en el que los elementos carecen de numeración, ya que están diferenciados con varios símbolos de separación. 3

4 Enlaces: es un elemento de un documento electrónico que hace referencia a otro recurso, por ejemplo, otro documento o un punto específico del mismo o de otro documento Enlaces internos: los que se dirigen a otras partes dentro de la misma página. Enlaces locales: los que se dirigen a otras páginas del mismo sitio Web. Enlaces remotos: los dirigidos hacia páginas de otros sitios Web. Enlaces con direcciones de correo: para crear un mensaje de correo dirigido a una dirección. Enlaces con archivos: para que los usuarios puedan descargar ficheros. Formularios: Conjunto de campos (espacios) para introducir datos en una página Web para su posterior uso o manipulación. Un formulario permite a los usuarios escribir información (que se envía pulsando sobre un botón o imagen) que es recibida en un computador para ser procesada. Delante de los campos figura un texto que informa del tipo de dato que hay que introducir en él. Marcos: es un agrupamiento rectangular de ventanas. Los marcos permiten presentar documentos con vistas múltiples, que pueden ser ventanas o sub ventanas independientes. Las vistas múltiples ofrecen a los autores una manera de mantener cierta información visible mientras otras vistas se desplazan o se sustituyen. Por ejemplo, dentro de una misma ventana, un marco podría mostrar un gráfico estático, un segundo marco un menú de navegación, y un tercero el documento principal que puede ser desplazado, o reemplazado al navegar por el segundo marco. 4

5 <Etiqueta atributos = valor >..</Etiqueta> 5

6 <html> <html> Hola, como estas??? <html> <h1>encabezado 1</h1> <h2>encabezado 2</h2> <h3>encabezado 3</h3> <h4>encabezado 4</h4> <h5>encabezado 5</h5> <h6>encabezado 6</h6> <html> La World Wide Web o la Web, es una de las múltiples aplicaciones que ofrece Internet, la cual, se encarga de la presentación y obtención de documentos, convirtiéndose de esta forma en una interfaz que permite el acceso a los distintos formatos de datos existentes en la Red de Redes.<br> La información contenida en dichos documentos puede presentarse en multitud de formatos. Se puede leer como texto normal, visualizarse como una fotografía, ser animada como un vídeo, escucharse como música, entre otros.<p>todas las comunicaciones que son generadas por la Web son transmitidas entre ordenadores conectados mediante una red. 6

7 7