unidad 1

INSTITUTO TECNOLÓGICO
SUPERIOR DE SANTIAGO
PAPASQUIARO
PROGAMACIÓN WEB
CATEDRATICO: ISC JOEL LEYVA MARES
1.1 Perspectiva Histórica de Internet.
• Internet.
Red mundial de computadoras
interconectadas con un conjunto de
protocolos.
INTERNET
Es un conjunto des centralizado de redes de
comunicación interconectadas , que utilizan la
familia de protocolos TCP/IP, garantizando que
las redes físicas heterogéneas que la componen
funcionen como una red lógica única, de alcance
mundial.
Hechos más sobresalientes.
• 1983, ARPANET cambió el protocolo NCP (Network Control
Program) por TCP/IP.
• 1989, Integración de los protocolos OSI en la arquitectura de
Internet, facilitando el uso de distintos protocolos de
comunicaciones.
• 2006, Internet alcanzó los mil cien millones de usuarios. Se prevé
que en diez años, la cantidad de navegantes de la Red aumentará
a 2,000millones.
• WWW (World Wide Web) RED GLOBAL
MUNDIAL Uno de los servicios ofertados en la
red Internet. Es un sistema de documentos de
hipertexto y/o hipermedios enlazados y
accesibles a través de Internet. Mucha gente lo
confunde con el concepto de Internet.
1.2 Protocolo HTTP.
* Hyper Text Transfer Protocol (Protocolo de
transferencia de hipertexto).
* Se usa para la transmisión de archivos de
hipertexto (documentos HTML y multimedia) en
Internet. Es decir, se usa en cada transacción de
laWeb.
* HTTP define la sintaxis y la semántica que
utilizan los elementos de software de la
arquitectura web (clientes , servidores, proxies)
para comunicarse. Es un protocolo orientado a
transacciones y sigue el esquema peticiónrespuesta entre un cliente y un servidor.
* A la información trans mitida se la llama recurs o
y sela identifica mediante un URL.
1.2.1 Arquitectura del WWW .
Arquitectura Web cliente / servidor.
* Cliente. Ejecuta un interprete de HTML.
* Servidor. Controla el acces o, sirve la página
solicitada, y puede ejecutar aplicaciones
especiales (ej. Procesar formularios ).
* Backend. Entrega datos al servidor.
* Servidor de aplicaciones . Enlaza el servidor a la
base de datos.
1.2.2 URL
* URL (Uniform Resources Location o
“Localizador
uniforme de recursos”).
* 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, por su localización.
El URL de un recurs o de información es su
dirección en Internet, la cual permite que el
navegador la encuentre y la muestre de forma
adecuada.
1.2.3 Métodos HTTP
• HTTP es un protocolo que no maneja
persistencia (sin estado), es decir no almacena
información s obre sus conexiones, envíos,
recepciones , destinatarios, receptores , etc.
1.3 Introducción al HTML.
El HTML, en inglés HyperText Markup
Language (lenguaje de marcas de hipertexto),
es un lenguaje de etiquetas (o marcas) diseñado
para estructurar textos y presentarlos en forma
de hipertexto, que es el formato es tándar de las
páginas Web.
1.3.1 HTML como un tipo SGML
* SGML son las siglas de Standard
Generalized Markup Language o
"Lenguaje de Marcado Generalizado".
Consiste en un sistema para la organización y
etiquetado de documentos .
* El lenguaje SGML sirve para especificar las
reglas de etiquetado de documentos y no impone
en sí ningún conjunto de etiquetas en especial.
* El lenguaje HTML está definido en términos del
SGML.
1.3.2 Elementos del lenguaje HTML.
Las principales etiquetas de HTML son:
Frames o marcos.
*Permiten definir divisiones en la página HTML.
Útil para colocar el menú de navegación.
* Normalmente permanece siempre a la vista el
menú de navegación y lo que cambia es el
contenido de la ventana principal.
Ejemplo con “frames”.
* Las opciones de navegación en el menú, indica
en la etiqueta de referencia, que las páginas se
mostrarán en la ventana principal. Ejemplo:
1.3.3 Tablas en HTML
* Permiten el acomodo adecuado del contenido
de la página. Debido a que en las páginas Web
no es posible usar coordenadas de pantalla para
colocar elementos .
1.3.3 Tablas en HTML
Ejemplo de estructura de tabla:
<table>
<tr>
<td>Celda 1, linea 1</td>
<td> Celda 2, linea 1</td>
</tr>
<tr>
<td> Celda 1, linea 2</td>
<td> Celda 2, linea 2</td>
</tr>
</table>
El resultado:
Celda 1, linea 1Celda 2, linea 1
Celda 1, linea 2Celda 2, linea 2
1.3.4 Formularios.
* Un formulario HTML permite que el usuario
ingrese datos y que estos sean envi ados al
servidor.
* Normalmente los datos serán almacenados en
una base de datos.
• La vista parcial HTML del formulario anterior.
Se muestra solo la etiqueta < form>.
1.4 Evolución del desarrollo de
aplicaciones Web.
* Informati vos y contenido estático (HTML estático).
* DHTML (“D” de dinámico), que incluye la posibilidad de incluir
comportami ento dinámico en la página. Ejemplo: menús, hojas de estilo.
* Lenguajes de programac ión del lado del cliente como Javascript, Vbscript,
Applets (Java).
* Incorporación de multimedia (Flash, SilverLigth).
* Lenguajes de programac ión del lado del servidor (tecnología CGI).
* Lenguajes de programac ión del lado del servidor de siguiente generación
ASP, PHP, JSP, etc.).
* Desarrollo de tecnología para la seguridad (uso de claves, encriptación).
* Aplicaciones en Web como Comercio Electrónico.
* E-Government , E-procurement, Internet banking, etc.
* Servicios Web.
1.5 Hojas de estilo en cascada e
introducción al XML.
* Las hojas de estilo en cascada (Cascading
Styl e Sheets, CSS) son un lenguaje formal
usado para definir la presentación de un
documento estructurado escrito en HTML o
XML (y por extensión en XHTML).
5
0
S2
V
n
tilo
e
sd
ja
H
o
* Una vez seleccionado el formato para los
diferentes elementos (body, table, h1, h2, etc.),
se puede aplicar esta hoja de estilos a la página.
* Para aplicar el estilo simplemente se selecciona
el archivo de estilos, y se arrastra y coloca en la
página donde se quiere aplicar dicho es tilo.
* Demostración on una hoja de es tilos en VS
2005.
XML
* XML, en inglés “Extensible Markup
Language” («lenguaje de marcas ampliable») , es
un metalenguaje extensible de etiquetas
desarrollado por el World Wide Web Consortium
(W3C). Es una simplificación y adaptación del
SGML y permite definir la gramática de lenguajes
específicos ( de la misma manera que HTML es a su
vez un lenguaje definido por SGML).
* Actualmente es un estándar para compartir datos en
la Web.
XML.
• Ejemplo:
* Crear en VS2005 un arc hivo XML de
empleados .
* Ver archivo en:
* El navegador Web.
* En Excel.
2.6 Publicación de páginas HTML en
Internet.
* Se cuenta en Web con varios sitios de hospedaj
e gratuitos, con más restri cciones que los
servicios de pago. Un ejemplo es “Galeon.com”.
* Es necesario registrar los datos general es del
usuario. Se proporciona un nombre de usuario y
contraseña para el acceso.
* Normalmente el servicio incluye editores HTML,
servicio FTP para subir archivos, etc.
Publicación de páginas.
* Una vez llenado la forma de registro si todo esta
correcto, abre la página para trabajar con el sitio Web.
* Cuando se accede posteriormente, se accede mediante el
vínculo “Members Area”, y muestra la pantalla para el
acceso, como se muestra.