Introduccion A Internet

Desarrollo de Sistemas Web Alejandro Flores Zúñiga, Ph.D.
Introducción a Internet Alejandro Flores

Zúñiga, Ph.D
• Introducción a sistemas
hipermediales
• Breve historia de internet
• Internet, intranet y
extranet
Contenido
• World Wide Web
• Elementos en Internet
Introducción a sistemas hipermediales

• Sistema hipermedia
cualquier sistema de
información que contenga y
utilice múltiples medios para
la entrega de información
• Un sistema hipermedia
puede ser una aplicación
audiovisual para enseñanza o
sistemas de información
online
• En este curso el centro será
el desarrollo de sistemas
hipermedia con acceso al
word wide web
• ¿Qué es Internet?
– Red interconectada de redes de
computadoras, de carácter
internacional e intercontinental
– Internet es una plataforma diseñada
bajo el concepto Cliente-Servidor
• ¿Qué es Intranet?
Internet, – red al interior de una empresa u
organización que enlaza empleados y
intranet y miembros de éstas, facilitando el
acceso a la información y convirtiendo
extranet el uso de recursos y aplicaciones en
un proceso amigable, funcional y
productivo
• ¿Qué es Extranet?
– parte de una Intranet que se hace
accesible a otras empresas. Es una
conexión entre empresas o con
consumidores a través de Internet
Internet
Internet Intranet Extranet
Acceso Público Privado Semi-privado
Usuarios Todo el Miembros de Grupo de

mundo la empresa empresas
relacionadas
Información Fragmentada Propietaria Compartida entre
los miembros del
círculo
• El “World Wide Web” (WWW)

es una colección de protocolos
de Internet, a disposición de los
computadores conectados a la
red
• Fue desarrollado en 1989 por el
británico Timothy Barners-Lee
World Wide para permitir el tráfico de
información entre equipos de
Web (1) investigadores en todo el
mundo
• Su desarrollo está controlado
por el consorcio WWW, con
sede en el Institute of
Technology of Mássachussets,
Estados Unidos
El WWW está conformado por

un conjunto de servicios
hipermediales:
• Hipertexto
• Hipermedia (Multimedia)
World Wide • HTML
Web (2) • HTTP
• Navegadores (browsers)
• Computadores de tipo cliente
servidor
• Otros elementos: Ajax, flash,
php, asp y jsp etc
• URL (Universal Resouce Locator)
http//www.servidor.com/ejemplo/index.html
Indicador de
protocolo de Recurso
acceso Servidor Web Directorio
• Protocolos de transferencia
• FTP (File Transfer Protocol)
• HTTP (HyperText Transfer Protocol)
• XMPP (Extensible Messaging and
Elementos Presence Protocol)
en Internet • FunXMPP (Extensible Messaging and
Presence Protocol usado por
WhatSapp)
• POP (Post Office Protocol)
• SMTP (Simple Mail Transfer Protocol)
• IMAP (Internet Message Access
Protocol)
• TELNET (TELecommunication
NETwork)
• El HTML es el lenguaje utilizado para representar

documentos
• La world wide web tiene una arquitectura
cliente/servidor
– Un programa cliente que se ejecuta en tu
ordenador (el navegador o browser) solicita
información de un programa servidor
– El servidor envía la información solicitada de
vuelta a través de la red al programa
navegador, el cual la interpreta para
mostrarla en la pantalla
• HTML incluye
HTML (1) – Texto normal
– Elementos multimedia (gráficos, vídeo,
audio)
– Enlaces (links) que permiten saltar a otras
partes del documento o a otro sitio
cualquiera de Internet
• Característica HTML
– Es portable, es decir, se pueden visualizar las
páginas con cualquier sistema operativo y,
por supuesto también crearlas
• Las etiquetas constituyen la filosofía de este
lenguaje
• Las etiquetas controlan los elementos
tipográficos del texto:
– tipo, color y tamaño de las fuentes
– el estilo (negrita, cursiva, etc.)
– la inclusión de tablas, listas, formularios,
la inserción de fotos, sonidos, fondos, los
enlaces mencionados anteriormente. etc.
• Las etiquetas se pueden modificar por medio
de sus atributos, éstos son del
tipo atributo="valor”
• El nombre de la etiqueta y sus atributos se
colocan entre los símbolos < y > y
HTML (2) normalmente se usan dos, una de inicio y otra
final, para conseguir el efecto deseado. Por
ejemplo si escribimos
<a href="http://www.omg.org/uml/" target="_blank">
OMG-UML Documentos
</a>
– _blank
– _parent
– _self
– _top
• Una de las mayores virtudes del lenguaje

HTML, y la que le da su nombre, es la
posibilidad de crear enlaces o
hipervínculos que relacionan diferentes
páginas entre sí.
• Los enlaces, vínculos o hipervínculos
(también conocidos como links, su
denominación inglesa) son simplemente
caminos hacia otras páginas de la world
wide web. Su funcionamiento es muy
Hipervínculo simple: el texto que queramos permita ir
a otra página se marca de forma especial.
A partir de entonces, en la página
aparecerá resaltado.
• El resultado es la vinculación de nuestra
página y la página a la que hace
referencia el enlace. De esta forma, se va
creando entre las páginas de diferentes
sitios una maraña de hiperenlaces, que da
nombre a la world wide web (tela de
araña mundial).
• Las páginas podrán enlazar

con páginas de
otros hosts (lo que sería un
enlace externo) o con
Enlaces páginas de nuestro
externos e propio host (enlace
internos interno).
Enlace
Interno
Enlace Externo
• Esta ruta no es más que la sucesión

de los nombres de los carpetas
hasta llegar al que, finalmente,
contiene una página.
• Por ejemplo:
– /tutoriales/ejemplos/ejemplo1.html
• Ruta relativa y ruta absoluta
– La ruta se dice absoluta si parte de la raíz de
nuestra zona de almacenamiento (es decir,
Ruta o path parte de la carpeta que contiene a
cualquier otra, y que normalmente se
designa simplemente por el carácter /).
– Si la ruta parte de otra carpeta, entonces es
relativa
– Por ejemplo, desde la página
ejemplo1.html podemos referenciar a una
página contenida en la carpeta tutoriales, y
de nombre tutorial1.html, de este modo:
• ../tutorial1.html
– Y desde tutorial1.html, podemos
referenciar la página ejemplo1.html así:
• ejemplos/ejemplo1.html
Suministrar
Formularios Página
Web
Servidor
Web
(1) Procesar
Retornar
a página
HTML
Formularios (2)
<form name="form1" method="post" action="veruser.php">
Usuario :
<input type="text" name="textfield"><br><br>
Clave :
<input type="text" name="textfield2"><br><br>
<input type="radio" name="tipo" value="Sup">
Supervisor<br>
<input type="radio" name="tipo" value="Us">
Usuario<br>
<input type="radio" name="tipo" value="Inv">
Invitado <br><br>
<input type="submit" name="Submit" value="Enviar">
</form>

Introduccion A Internet

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Introduccion A Internet

Încărcat de

Drepturi de autor:

Formate disponibile

Desarrollo de Sistemas Web Alejandro Flores Zúñiga, Ph.D.

Introducción a Internet Alejandro Flores

Introducción a sistemas hipermediales

Usuarios Todo el Miembros de Grupo de

• El “World Wide Web” (WWW)

El WWW está conformado por

• El HTML es el lenguaje utilizado para representar

• Una de las mayores virtudes del lenguaje

• Las páginas podrán enlazar

• Esta ruta no es más que la sucesión

S-ar putea să vă placă și