Maestría

 en  Ciencias  de  la  Computación  

 
Programación  Web  1  
 
M.T.I.  Carlos  Alberto  Rojas  Hernández  
 
SepCembre  2016  
 1.  Introducción  
1.1  ¿  Qué  es  HTML  ?  
1.2  ¿Qué  es  XHTML  ?  

M.T.I.  Carlos  Alberto  Rojas  Hernández  

2  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  
1.1  ¿  Qué  es  HTML  ?  
 
 
¿  World  Wide  Web  =  Internet  ?  

M.T.I.  Carlos  Alberto  Rojas  Hernández  

3  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  

“La popularidad de Internet es el

acontecimiento singular más importante en el
mundo de la ciencia informática desde que se
introdujo la PC de IBM en 1981”.

William H. Gates

M.T.I.  Carlos  Alberto  Rojas  Hernández  

4  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  

¿ Qué es Internet?
De acuerdo a William F. Slater, III (1996)
Presidente del capítulo de Chicago de la Internet Society
(ISOC)

“A network of networks, joining many government,

university and private computers together and
proiding an infraestructure for use of e-mail, bulletin
boards, file archives, hypertext documents, databases
and other computational resources”

M.T.I.  Carlos  Alberto  Rojas  Hernández  

5  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  

¿ Qué es Internet?
De acuerdo a William F. Slater, III (1996)
Presidente del capítulo de Chicago de la Internet Society
(ISOC)

“Una red de redes, uniendo a muchos gobiernos,

universidades, y computadoras privadas, proveendolas
de una infraestructura para el uso de correo
electrónico, boletines, archivos, documentos de
hipertexto, bases de datos y otros recursos
computacionales”

M.T.I.  Carlos  Alberto  Rojas  Hernández  

6  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  

¿ Qué es Internet?
De acuerdo a William F. Slater, III (1996)
Presidente del capítulo de Chicago de la Internet Society
(ISOC)

“ The vast collection of networks which form and act as

a single huge networks for transport of data and
message across distances which can be anywhere from
the same office to anywhere in the world”

M.T.I.  Carlos  Alberto  Rojas  Hernández  

7  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  

¿ Qué es Internet?
De acuerdo a William F. Slater, III (1996)
Presidente del capítulo de Chicago de la Internet Society
(ISOC)

“ Una gran colección de redes de computadoras que

forman y actuan como una única enorme red, para el
transporte de datos y mensajes a través de distancias
que pueden ser desde cualquier parte de una oficina
hasta cualquier parte del mundo”

M.T.I.  Carlos  Alberto  Rojas  Hernández  

8  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  

¿ Cuando inicio Internet ?

En 1957, el gobierno de los Estados Unidos formó la
agencia Advanced Research Projects Agency (ARPA), un
segmento del Departamento de Defensa encargado de
asegurar el liderazgo de los Estados Unidos en la ciencia y
la tecnología con aplicaciones militares.

M.T.I.  Carlos  Alberto  Rojas  Hernández  

9  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  

¿ Cuando inicio Internet ?

En agosto de 1962, J.C.R. Licklider, científico que
laboraba en el Massachusetts Institute of Technology
(MIT), trabajó sobre la posibilidad de desarrollar una red
interconectada globalmente, a través de la cual cada
persona pudiera acceder, desde cualquier lugar, a datos y
programas.

M.T.I.  Carlos  Alberto  Rojas  Hernández  

10  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  

¿ Cuando inicio Internet ?

Durante los años 60, se desarrollaron la mayoría

de los protocolos para que las computadoras de
una red se pudieran conectar entre sí. Se trataba
de establecer unas normas comunes que
conformaran un lenguaje universal.

M.T.I.  Carlos  Alberto  Rojas  Hernández  

11  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  

¿ Cuando inicio Internet?

En agosto de 1968, después de que la DARPA definieron la

estructura global y las especificaciones de ARPANET,
DARPA lanzó un Request For Quotations (RFQ) o petición
de cotización para el desarrollo de uno de sus
componentes clave: los conmutadores de paquetes
llamados interface message processors (IMP).

M.T.I.  Carlos  Alberto  Rojas  Hernández  

12  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  
¿ Cuando inicio Internet?

M.T.I.  Carlos  Alberto  Rojas  Hernández  

13  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  

¿ Cuando inicio Internet?

En 1969 el sistema de medida de la red fue preparado por el

equipo de Leonard Kleinrock, en la Universidad de
California, en Los Angeles (UCLA) por lo que fue
seleccionada para convertirse en el primer nodo de
ARPANET.

En septiembre de 1969, Bolt Beranek y Newman (BBN)

instaló el primer procesador de mensajes de interfaz (IMP),
y así quedó conectado el primer host.

M.T.I.  Carlos  Alberto  Rojas  Hernández  

14  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  

¿ Cuando inicio Internet?

A finales de 1969 cuatro computadoras (host) fueron

conectadas conjuntamente a la ARPANET inicial y se hizo
realidad el primer prototipo de lo que hoy es Internet.
1. Universidad de California en Los Ángeles (UCLA)
2. Instituto de Investigación de Standford (SRI)‫‏‬
3. Universidad de California en Santa Bárbara (UCSB)‫‏‬
4. Universidad de UTAH

M.T.I.  Carlos  Alberto  Rojas  Hernández  

15  
Especialidad  en  diseño  y  programación  en  Internet    
 ¿ Cuando inicio Internet?

M.T.I.  Carlos  Alberto  Rojas  Hernández  

16  
Especialidad  en  diseño  y  programación  en  Internet    
 ¿ Cuando inicio Internet?

Durante los siguientes años se agregarón más

nodos a ARPANET, para para 1972 agrupaba a 37
redes, el Protocolo utilizado por aquel entonces
por las computadoras conectadas a ARPANET se
llamó NCP (Network Control Protocol ó Protocolo
de Control de Red), pero con el tiempo dio paso a
un protocolo más sofisticado: TCP/IP

M.T.I.  Carlos  Alberto  Rojas  Hernández  

17  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  

¿ Cuando inicio Internet?

ü Debido al éxito muchas organizaciones se conectaron.

ü 1975 Pasa a estar bajo responsabilidad de la
Secretaria de la Defensa y nace el TCP/IP.
ü El TCP/IP se desarrolló con la red operativa.
ü 1983 TCP/IP adoptado como estándar militar
ü Nace el término Internet

M.T.I.  Carlos  Alberto  Rojas  Hernández  

18  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  
¿ Tamaño de INTERNET ?
30 noviembre 2015

Fuente: http://www.internetworldstats.com/stats.htm
hXp://www.itu.int/en/ITU-­‐D/StaCsCcs/Pages/stat/default.aspx  

M.T.I.  Carlos  Alberto  Rojas  Hernández  

19  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  

¿ Internet en México ?

En 1987 el Instituto Tecnológico y de Estudios

Superiores de Monterrey (ITESM) y la Universidad
Nacional Autónoma de México (UNAM) ya
contaban con un enlace común a la red BITNET.

M.T.I.  Carlos  Alberto  Rojas  Hernández  

20  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  
¿ Internet en México ?

M.T.I.  Carlos  Alberto  Rojas  Hernández  

21  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  

¿ Internet en México ?

En 1989 se conecta el primer equipo a Internet

bajo el dominio .mx: dns.mty.itesm.mx con la
dirección 131.178.1.1.

El 28 febrero de 1989, se reconoció oficialmente

la conexión de México.

M.T.I.  Carlos  Alberto  Rojas  Hernández  

22  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  
¿ Internet en México ?
ü  Población: 121,736,809 (2015)‫‏‬

ü  Usuarios año 2000: 2,712,400

ü  Usuarios junio 2014: 50,200,000 (49.3 %)‫‏‬
ü  Crecimiento 2000 – 2015

+2112.1 %
ü  Usuarios Facebook 15 Nov 2015: 60,000,00
(49.3%)
Fuente: http://www.internetworldstats.com/stats.htm
M.T.I.  Carlos  Alberto  Rojas  Hernández  
23  
Especialidad  en  diseño  y  programación  en  Internet    
 ¿ Internet en México ?

M.T.I.  Carlos  Alberto  Rojas  Hernández  

24  
Especialidad  en  diseño  y  programación  en  Internet    
 ¿ Internet en México ?

M.T.I.  Carlos  Alberto  Rojas  Hernández  

25  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  

¿  Internet  o  WWW  ?  
•  La   parte   gráfica   de   Internet,   lo   que   conocemos   como   World  
Wide  Web  o  W3  comenzó  al  principio  de  los  90.  
•    Hasta   entonces   el   sistema   de   comunicación   era   bastante  
rudimentario   usando   el   correo   electrónico,   el   Telnet   para  
acceder   a   máquinas   remotas,   para   acceder   a   los   archivos  
situados  en  directorios  comparCdos.  
•   Todo  esto  se  realizaba  a  través  de  HERMOSA  pantalla  negra  
de   texto   de   un   terminal   UNIX,   o   una   PC   que   emulase   dicho  
terminal.  

M.T.I.  Carlos  Alberto  Rojas  Hernández  

26  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  
¿  Internet  o  WWW  ?  

M.T.I.  Carlos  Alberto  Rojas  Hernández  

27  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  

¿  Internet  o  WWW  ?  

M.T.I.  Carlos  Alberto  Rojas  Hernández  

28  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  

World  Wide  Web  

Tim  Berners-­‐Lee  es  el  creador  de  lo  que  ahora  se  conoce  como  
World  Wide  Web,  en  1989  cuando  trabajaba  para  la  CERN  
propuso  un  proyecto  global  de  hipertexto,  el  cual  permiCría  a  las  
personas  trabajar  juntas  y  combinar  sus  conocimientos  en  una  
red  de  documentos  de  hipertexto.  

hXp://www.masterlink.com/blog/wp-­‐content/uploads/2012/08/sir-­‐Cm-­‐berners-­‐lee.jpg  

M.T.I.  Carlos  Alberto  Rojas  Hernández  

29  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  

World  Wide  Web  

 
Durante  el  mes  de  octubre  del  año  1990  inicio  su  
trabajo  usando  una  computadora  NeXT,  desarrollo  el  
primer  servidor  web  llamado  hXpd  ,  y  el  primer  cliente  
o  navegador  (browser)  denominado  simplemente  
WorldWideWeb,  posteriormente  renombrado  Nexus  
para  evitar  confusiones  con  el  concepto  WWW.  

M.T.I.  Carlos  Alberto  Rojas  Hernández  

30  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  
World  Wide  Web  

hXp://www.thegraphicmac.com/wp-­‐content/uploads/web_history-­‐nexus-­‐browser.jpg  

M.T.I.  Carlos  Alberto  Rojas  Hernández  

31  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  

World  Wide  Web  

 
La  primera  versión  de  uClidad  prácCca  fue  presentada  
el  25  de  diciembre  de  1990.  En  marzo  1991,  el  
programa  se  distribuyó  entre  los  compañeros  de  
Berners-­‐Lee  en  el  CERN.  En  agosto,  el  público  en  
general  pudo  acceder  a  la  aplicación  a  través  de  los  
grupos  de  noCcias.  

M.T.I.  Carlos  Alberto  Rojas  Hernández  

32  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  

World  Wide  Web  

 
El  30  de  abril  de  1993  el  CERN  liberó  el  código  fuente  
de  WorldWideWeb  bajo  el  dominio  público,  
convirCéndolo  en  somware  libre  
 
Inicialmente  Berners-­‐Lee  consideró  liberarlo  bajo  la  
GNU  GPL  pero  finalmente  escogió  el  dominio  público  
para  asegurar  un  mayor  soporte  corporaCvo  

M.T.I.  Carlos  Alberto  Rojas  Hernández  

33  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  
World  Wide  Web  
Una  página  Web,  más  comúnmente  llamada  página  de  Internet  
(incorrecto)  uCliza  el  puerto  80  de  TCP  y  esta  compuesta  por  
objetos,  estos  pueden  ser:  
 

Un  archivo  HTML(Hypertext  Mark  Language)  base,  que  incluye  

varios  objetos  referenciados  

M.T.I.  Carlos  Alberto  Rojas  Hernández  

34  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  

World  Wide  Web  

Una  página  Web,  más  comúnmente  llamada  página  de  Internet  
(incorrecto)  uCliza  el  puerto  80  de  TCP  y  esta  compuesta  por  
objetos,  estos  pueden  ser:  
 

Una  imagen  (JPEG  ,  GIF,  PNG,  etc.).  

M.T.I.  Carlos  Alberto  Rojas  Hernández  

35  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  

World  Wide  Web  

Una  página  Web,  más  comúnmente  llamada  página  de  Internet  
(incorrecto)  uCliza  el  puerto  80  de  TCP  y  esta  compuesta  por  
objetos,  estos  pueden  ser:  
 

Un  archivo  de  audio  ó  video.  

M.T.I.  Carlos  Alberto  Rojas  Hernández  

36  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  

World  Wide  Web  

Una  página  Web,  más  comúnmente  llamada  página  de  Internet  
(incorrecto)  uCliza  el  puerto  80  de  TCP  y  esta  compuesta  por  
objetos,  estos  pueden  ser:  
 

Un  applet  de  Java,  Visual  Basic.  

M.T.I.  Carlos  Alberto  Rojas  Hernández  

37  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  

World  Wide  Web  

Para  que  cada  objeto  pueda  ser  conocido  o  referenciado  es  
necesario,  que  exista  una  forma  de  conocer  la  ubicación  en  la  
que  se  encuentra,  por  lo  que  se  uCliza  un  URL  (Uniform  
Resource  Locator)  
 

Esto  es  una  cadena  de  caracteres  con  la  cual  se  asigna  una  
dirección  única  a  cada  uno  de  los  recursos  de  información  
disponibles  en  la  página  o  en  general  en  Internet,  un  ejemplo  de  
URL  es  el  siguiente:  
hXp://mx.geociCes.com/ico_uapz/ICO_UAPZ.JPG  

M.T.I.  Carlos  Alberto  Rojas  Hernández  

38  
Especialidad  en  diseño  y  programación  en  Internet    
 1.  Introducción  

World  Wide  Web  

hXp://mx.geociCes.com/ico_uapz/ICO_UAPZ.JPG  
Consta  de:  
•  Protocolo:  necesario  siempre  
•  Nombre  de  dominio:  equipo  en  el  que  se  encuentra  el  
servidor,  login  y  password  (Opcional)  
•  Número  de  puerto:  Opcional  (se  asume  el  valor  por  
defecto)  
•  -­‐  Localización:  directorio  y  archivo  (Opcional)  
 

M.T.I.  Carlos  Alberto  Rojas  Hernández  

39  
Especialidad  en  diseño  y  programación  en  Internet