INTRODUCCIÓN A

INTERNET Y LA WWW

Adriana Gabarrón
Ordorica Nuevas Tecnologías para el Aprendizaje
Temas

… IInternet
t t
… Conceptos básicos asociados
… World Wide Web
… Hipertexto
… Navegadores
… Buscadores
… HTML
Internet
… Es una red mundial de redes de computadoras que
da acceso a millones de archivos contenidos en
ellas. Las redes ppueden ser redes públicas
p y
privadas; locales, regionales e internacionales;
institucionales, educativas, universitarias, dedicadas
a la investigación, al entretenimiento, etc.

… Ofrece servicios como el correo electrónico, el chat,

la transferencia de información y la visita a
páginas web.
Internet
… La información se encuentra distribuida en millones de
computadoras alrededor del mundo con una
arquitectura de cliente-servidor.

Servidor: Computadora que tiene información disponible y la

ofrece a un número limitado de usuarios concurrentes

Cliente:
Cli t Computadoras
C t d que se conectan
t con lal ayudad de
d un
software adecuado a los servidores permitiéndoles tomar la
información y en algunos casos dejarla también.
Sitios de internet p
por países
p

Internet y sociedad, http://es.wikipedia.org/wiki/Internet

Internet en educación
… Es un medio educativo p
potencial q
que presenta
p
información en un modo multinivel, de actualización
constante y que favorece la comunicación sincrónica y
asincrónica.
i ó i

… Su potencial educativo permite ofrecer servicios tanto

para uso comercial como académico como el chat y
los foros de discusión.

… Favorece las experiencias ricas en aprendizaje por su

f ilid d para presentar elementos
facilidad l multimedia.
l i di
C
Conceptos básicos
bá i
 ¿Que necesito p
para usar la internet?

• Una computadora
• Un modem
• Línea telefónica, cables coaxiales, fibra óptica o
satélites
• Proveedor de servicios de internet (ISP)
( )
• Navegador
 TCP/IP (transmission control protocol/ internet protocol):

… TCP/IP es el lenguaje (protocolo de comunicación)

común que utilizan las computadoras para intercambiar
información y comunicarse entre si.

… Un protocolo de comunicación es un conjunto de

convenciones que determinan cómo se realiza el
intercambio de datos entre dos computadoras o
programas.
TCP/IP (transmission control protocol/ internet protocol)

… Es un lenguaje de transmisión de datos en donde la

información viaja en forma de paquetes, estos
paquetes
p q contienen además de la información,, la
dirección de la computadora que recibe así como
de la que envía los datos
Dirección IP
… Todas las computadoras
p conectadas a la red Internet
tienen que estar identificadas de forma inequívoca con
respecto al resto de computadoras.

… Las computadoras conectadas a Internet se identifican

mediante lo que se denomina Dirección IP. Las
direcciones IP están formadas por cuatro números
separados por puntos, cada uno de los cuales puede
t
tomar valores
l entre
t 0 y 255.
255

„ 140 148 64 32
140.148.64.32
Dominios
… Las computadoras conectadas a Internet pueden también
identificarse por lo que se llama nombres de dominio. Los
nombres de dominio se construyen de acuerdo a una
estructura jerárquica y están formados por palabras
separadas
d por puntos.
t
equipo.subdominio.dominio de primer nivel

… Un dominio o nombre de dominio es el nombre que

identifica un sitio web. Cada dominio tiene que ser único en
Internet. Un solo servidor web p
puede servir múltiples
p
páginas web de múltiples dominios, pero un dominio sólo
puede apuntar a un servidor.

… Ejemplo de dominios de primer nivel

Diagrama
g de internet

Proveedor usuario
de servicios
de internet
TCP/IP
/
Línea telefónica
Cable
Satélite modem

Internet
WWW
 World Wide Web
… Como su nombre lo indica es la Telaraña o Red
Mundial, es uno de los servicios más exitosos de la
internet,, hasta el p
punto de confundir los términos.

… Es básicamente un medio para navegar por la

internet, es un conjunto de protocolos que permite, de
forma sencilla, la consulta remota de archivos de
hipertexto.
World Wide Web
… Propone los estándares comunes de consulta,
transmisión y presentación para todo tipo de
plataformas y para
p p todo tipo
p de archivos incluidas
también bases de datos.

… La Web se fundamenta en dos conceptos:

† La navegación
g por
p medio de hipertexto.
p
† La posibilidad de acceder a documentos multimedia
(texto, gráficos, sonidos, video).
 Mapa
p virtual de la www

Ω www.w3.org o
www.w3c.es

El Consorcio World Wide Web

(W3C) desarrolla tecnologías
i t
interoperativas
ti (
(especificaciones,
ifi i
líneas maestras, software y
herramientas) para guiar la Red a su
potencialidad máxima a modo de
foro de información, comercio,
comunicación y conocimiento colectivo.
 URL ((universal resource locator))
… Es la dirección del sitio que queremos visitar
… protocolo://máquina/directorio/archivo

… El sistema URL permite la localización de archivos dentro de la

WWW.

… Es una secuencia de caracteres, de acuerdo a un formato

estándar, que se usa para nombrar recursos, como documentos e
imágenes en Internet,
Internet por su localización

… Existe un URL único para cada página de cada uno de los

documentos de la World Wide Web
URL
… Consta de 5 partes principales:
9 Protocolo
9 Separador ://
9 Nombre del servidor
9 Camino de directorios separado por /
9 Nombre del archivo

† Ejemplo:
… http://www.eluniversal.com.mx/noticias.html
URL
… Algunos
g ejemplos
j p de esquemas
q URL:

† http
p - recursos HTTP
† https - HTTP sobre SSL (ej: consulta a un banco)
† ftp - File Transfer Protocol (ej: pase de archivos entre
servidores)
id )
† telnet - el protocolo telnet (ej: para conectarse a
servidores directamente))
† file - recursos disponibles en la computadora local, o en
una red local
HTTP ((hypertext
yp transport
p p protocol))

… Es el protocolo encargado de asegurar la

comunicación entre el servidor y el cliente, es decir,
establece un diálogo
g sobre el envío de información.

… La conexión permanece activa solo durante el envío

de datos, no permanece activa durante toda la
sesión, eso ayuda a aligerar el tráfico dentro de la
internet.
Hipertexto
p
… El hipertexto
p es una alternativa a la lectura tradicional pues
p
enfrenta a la lectura secuencial del texto la posibilidad de
moverse libremente dentro de un texto y a lo largo de
multitud
u ud de textos
e os a través
avés de sus pa
palabras
ab as cclave.
ave.
… El hipertexto ha sido definido como un enfoque para
manejar y organizar información, en el cual los datos se
almacenan
l en una redd de
d nodos
d conectados
t d por enlaces.
l
… El hipertexto ejecuta enlaces con cualquier objeto o recurso
multimedia situado en la telaraña mundial: documentos,
texto, gráficos, imágenes, animaciones y sonido.
… Ejemplo:
„ Página de la Ibero
Hipertexto
p
… Desventajas: Desorientación cognitiva, el usuario
puede perderse fácilmente al navegar de texto en
texto.

… Para evitar lo anterior es útil trabajar dentro de las

páginas los mapas de navegación que son listados
de tipo índice con el contenido completo de la
información contenida en cada sitio.
 Navegadores
g Web

o Para establecer conexiones con los servidores Web

Web, y obtener la
información y los servicios que estos prestan, el usuario necesita
tener instalado en su equipo un programa cliente capaz de
comunicarse con ellos. Estos programas son los llamados
navegadores de Web.

o Los navegadores de Web, también llamados visores de Web o

browsers son aplicaciones que permiten ver en pantalla texto con
browsers,
formato y presentar imágenes en línea. También permiten
visualizar secuencias de vídeo y escuchar archivos de sonido.
Navegadores
g Web
… Actualmente los navegadores mas conocidos son:

E l
•Explorer

•Firefox

•Google Chrome

•Opera

S f i
•Safari

http://www.w3schools.com/browsers/
Buscadores
… También conocidos como motores de búsqueda,
q , son sistemas
informáticos que indexan los archivos almacenados en
servidores. Tienen sistemas de búsqueda por palabras
cclave,
ave, uutilizan
a robots
obo s que ge
generan
ea g grandes
a des bases de datos
da os
con la información de las páginas existentes en la www.
… Actualmente hay criterios de búsqueda complejos que
utilizan
tili llos b
buscadores
d como ell denominado
d i d Page
P Rank.
R k

Buscadores Metabuscadores
Google Metacrawler
Yahoo Ixquick
Ask
S
Scroogle
l
Bing
HTML ((Hypertext
yp Markup
p Language)
g g )
… Es el lenguaje en el cual se escriben las páginas web, es un
lenguaje compuesto por un conjunto de etiquetas que
identifican a cada uno de los elementos de una página
web.

… HTML se escribe en forma de "etiquetas", rodeadas por

corchetes angulares
g (<,>).
( , )

… HTML utiliza etiquetas o marcas, que consisten en breves

instrucciones de comienzo y final
final, mediante las cuales se
determina la forma en la que debe aparecer en su
navegador el texto, así como también las imágenes y los
demás elementos, en la pantalla de la computadora.
Ejemplo
j p de HTML
… <!DOCTYPE HTML PUBLIC "-//W3C//DTD
// // HTML 4.01//EN"
//
"http://www.w3.org/TR/html4/strict.dtd">
… <html lang="es">
† <head>

† <title>Ejemplo</title>

† </head>
</h d>
… <body>
† <p>ejemplo</p>

† </body>

… </html>
/
¿Que hayy detrás de una página
p g web?

… En cualquier página web nosotros podemos

mediante botón derecho buscar el comando View
Source o Ver código
g fuente y nos mostrará la
programación que se encuentra detrás de la
página y la cual es interpretada por el navegador
para mostrarla en la pantalla adecuadamente.
Páginas
g interesantes
… http://www.rankeen.com/Rankings/rank_navegadores_internet.php
… http://www.tudiscovery.com/internet/mil-cien-millones-de-usuarios.shtml
… http://mundogeek.net/archivos/2010/01/23/las-estadisticas-de-internet-
en 2009/
en-2009/