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

GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII – PIII
GUIA DISPONIBLE EN: http://preparadorivan.blogspot.com/ - http://preparadormssi.50webs.com/inicio.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. 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 1989. 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

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>
<BODY>
CONTENIDO VISIBLE DE LA PÁGINA
</BODY>
</HTML>
2
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
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
<Etiqueta atributos =”valor”>……………..</Etiqueta>
5
<html>
<head>
<title>Ejemplos de HTML</title>
</head>
<body>
</body>
</html>
<html>
<head>
<title>Ejemplos de HTML</title>
</head>
<body>
Hola, como estas???
</body>
</html>
<html>
<head>
<title>Ejemplos de HTML</title>
</head>
<body>
<h1>Encabezado 1</h1>
<h2>Encabezado 2</h2>
<h3>Encabezado 3</h3>
<h4>Encabezado 4</h4>
<h5>Encabezado 5</h5>
<h6>Encabezado 6</h6>
</body>
</html>
<html>
<head>
<title>Ejemplos de HTML</title>
</head>
<body>
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.
</body>
</html>
6
7