CURSO DE H.T.M.L.

Parte 4/4
Autor Autor Luis LuisMarco MarcoGimnez Gimnez Agencia AgenciaTributaria Tributaria Dpto. Dpto.Informtica InformticaTributaria Tributariade deMadrid Madrid Colaboradores Colaboradores Javier Javierlvarez lvarez Eloy EloyGarca Garca Instituto Institutode deSalud SaludCarlos CarlosIII IIIde deMadrid Madrid

Tecnologas WEB.

Tecnologas Cliente y Servidor

p

Las tecnologas web se pueden dividir, simplificadamente, en dos grupos:

p p

tecnologas del lado cliente tecnologas del lado servidor.

En muchos casos la misma tecnologa puede usarse en un u otro lado con ligeras variaciones, o mezclarlas entre s.

Tecnologas Cliente
p

Estn orientadas preferentemente, como su nombre indica, para ejecutarse en los puestos cliente:
n n n n n

HTML DHTML XHTML, (XML). JavaScript, VBScript Applets Java, Controles ActiveX

DHTML (I)
Que es?
p p

HTML Dinmico. Es una combinacin de HTML, CSS y lenguajes de codificacin, con base en el modelo de documento (DOM) del navegador. Proporciona interactividad entre el navegador y el usuario en el lado cliente sin intervencin del servidor.

DHTML (II)
Compatibilidad
p

EL DHTML es admitido por Netscape 4 e IE 4 y superiores. Cuanto ms reciente sea una versin de navegador, ms probable es que implemente mejor el DHTML. Existen diferencias substanciales en la interpretacin del DHTML por los distintos navegadores.

Limitaciones de HTML y DHTML

p

El HTML y el DHTML no ofrecen, en ciertas ocasiones, toda la potencia deseada para ciertos desarrollos web. Complementos en el lado cliente son: n 1. JavaScript n 2. VBScript n 3. Applets Java n 4. Controles ActiveX

Cdigo JavaScript en HTML

p

El cdigo va embebido dentro de la pgina HTML.

<SCRIPT> ... </SCRIPT>

p

La estructura general de la etiqueta para cdigo JavaScript es: <script language=JavaScript> ... </script>

Cdigo VBScript en HTML

p

El cdigo va embebido dentro de la pgina HTML. La estructura general de la etiqueta para cdigo VBScript es: <script language=VBScript> ... </script>

Controles ActiveX (I)

p

Los controles ActiveX son componentes ejecutables que pueden empotrarse en pginas web para darles capacidades mejoradas. Estos componentes son especficos para la plataforma Windows (Microsoft). La etiqueta que incluye un control es:
<OBJECT id=nombre width=nn height=mm codebase= camino\fichero.ocx classid=CLSID:cccccccc-ccc-cc-cc> <PARAM name=parmetro value=valor-parmetro>

Controles ActiveX (II)

Atributos
p

Atributos de <OBJECT> :
n n n n

id; identificador del objeto incluido referencia width, height; zona de ejecucin (visual) codebase; localizacin y nombre del control ActiveX a ejecutar classid; clave para inclusin en el Registro

Atributos de <PARAM> :
n n

name; nombre del parmetro del control value; valor pasado

Applets Java (I)

p

Subprogramas ejecutables escritos en Java que se empotran en pginas html. <APPLET> ... </APPLET> ? El subprograma precompilado, en bytecode, que se descarga es ejecutado en la mquina virtual Java del navegador. En HTML 4.0 la etiqueta <APPLET> ha sido desaprobada a favor de la etiqueta <OBJECT>, sin embargo esta ltima todava presenta problemas de compatibilidad multinavegador.

Applets Java (II)

Atributos
p

Atributos de <APPLET>
n n n

code; subprograma .class a descargar codebase; directorio base del appplet width, height; situacin en la pgina

Ejemplo:
<APPLET code=nombre-applet.class width=nn height=mm> </APPLET>

ActiveX vs Java: Similitudes

p

Ambos son componentes ejecutables empotrados que proporcionan capacidades superiores a las que pueden conseguirse utilizando slo HTML y scripts. Ambos permiten la creacin de pginas web altamente interactivas.

ActiveX vs Java: Diferencias

p

Los componentes ActiveX son especficos de la plataforma Windows y propietarios de Microsoft. ActiveX pueden escribirse en casi cualquier lenguaje (C++, VB, Visual J++, .NET). Los subprogramas en Java son independientes de la plataforma, compilan aplicaciones en codebyte y dependen de una Mquina Virtual para interpretar y ejecutar el codebyte.

XHTML
p

Busca obtener una mayor flexibilidad en la definicin de las etiquetas, aproximndose a XML, pero orientado totalmente al lado cliente. Sigue una sintaxis ms estricta que el HTML:
n n n n

No admite un orden incorrecto en el anidado de etiquetas Las etiquetas deben ir siempre en minsculas Los atributos siempre entrecomillados Todas las etiquetas deben llevar un cierre, y en caso contrario utiliza un slash final p.e.: <br/> o <hr/>

Prctica 10

Tecnologas Servidor
p

Orientadas para su ejecucin en el servidor web:

n n n n

ASP/JSP PHP Scripts de servidor (Perl, Shells unix, JavaScript Servidor, VBScript) Servlets Java, Programacin CGI (C++, C, VBasic, ...)

XML (I)
p

eXtensible Markup Language, Lenguaje de Marcado eXtensible Se basa en separar en dos partes, los datos y su representacin (bsicamente unidos en HTML, a pesar de
que las CSS los separa conceptualmente)
n n

Los datos, en el documento XML La presentacin, en ficheros XSL

Un conjunto de datos puede tener distintas presentaciones, y viceversa, una presentacin afectar a distintos conjuntos de datos.

XML (II)
p

Caractersticas
Separacin real de la presentacin y de los datos. No tiene etiquetas predefinidas, son auto descritas, utilizndose:
n n n

DTDs: Definicin de Tipo de Documento RDFs: Marco para Descripcin de Recursos. XML-Schemas: Especificacin formal de los elementos,
atributos y sus relaciones

Mayores restricciones sintcticas (anidamiento, cierres de etiqueta, entrecomillados, maysculasminsculas)

XML (III)
Ventajas
p

Independencia del dato de su presentacin: mayor coherencia y flexibilidad. Metalenguaje, permite disear nuestras propias marcas. Verificacin de la correccin del fichero:
n n

bien formado (segn el estndar). vlido (estructurado y completo).

XML (IV)
Subconjuntos
p p p

XSL; presentacin de los datos. XQL; consulta de datos de forma relacional. SVG; creacin de grficos vectoriales con ajuste de escala MathML; descripcin de datos matemticos. SMIL; integracin sincronizada de informacin multimedia, interactividad.

p p

ASP/JSP (I)
Que son?
p

Son lenguajes interpretados (scripts) que se ejecutan en el servidor y permiten la creacin dinmica de pginas en html. ASP; Active Server Pages, de Microsoft. JSP; Java Server Pages, de Sun Microsystems.

p p

ASP/JSP (II)
Caractersticas.
p p p p

Proporcionan interactividad del usuario con el servidor. Permiten la formacin dinmica de la pgina html en funcin de la peticin. Facilitan el acceso a los datos del servidor en bases de datos Utiliza lenguajes ampliados respecto a los utilizados en lado cliente para facilitar el procesamiento (acceso a BDs, control de sesin, ...)

ASPs
p p p

Slo en entornos servidor Windows. Soporta JavaScript, VBScript. Las pginas se pueden crear con cualquier editor, aunque existen herramientas que facilitan la integracin con BBDDs o aplicaciones (Visual Interdev de Microsoft, ASP Table Wizard, ...) Incorpora ADO (Objeto de Datos Activos) para acceder a los datos en BDs. - ya sea por ODBC (Conectividad de Bases de Datos Abiertas) u OLEdb (Empotramiento y Vinculacin de Objetos de BD).

JSPs
p p p

Es soportado por distintos servidores Se basa en el lenguaje Java Es una extensin de los Servlet de Java, permitiendo incorporar JavaBeans Es interpretado una nica vez, generndose un servlet en bytecode, por lo que los accesos posteriores son ms rpidos.

PHP
p p

Que es?
Preproceso de Hipertexto Lenguaje interpretado multiplataforma similar al C o C++ Similar a ASP o JSP, utiliza una sintaxis embebida en el documento HTML que es preprocesada en el servidor. Es de licencia libre.

CGIs (I)
Que es?
p

Interfaz de Puerta Comn, permite la integracin de aplicaciones. Define la forma en que se efecta la comunicacin entre el servidor web y las aplicaciones servidor. Especficamente cmo pone disponibles los datos recibidos desde el cliente al servidor y viceversa. Es una metodologa, no un lenguaje.

CGIs (II)

Funcionamiento

script script CGI CGI aplicacin CGI

CGIs (III)
p

Funcionamiento
La llamada a una aplicacin CGI se puede hacer desde:
n n n

action: atributo de <FORM> href: atributo de <A> src: atributo de <IMG>

Los datos recibidos en el servidor web (cabecera HTTP y datos de usuario) se pasan a la aplicacin CGI mediante variables de entorno (GET) o la entrada de datos estndar (POST)

CGIs (IV)
Lenguajes
p

Puede utilizarse cualquier tipo de lenguaje. Lenguajes compilados: C, C++, Visual Basic, COBOL/CICS WS, ...
n

Ms rpidos y eficientes.

Lenguajes interpretados: Perl, shells unix, ...

n

Mas flexibles y compatibles multiplataforma.

Bibliografa
p

La Biblia HTML 4; Autora: Molly E. Holzschalg; Editorial: Anaya Multimedia HTML Dinmico; Autora: Shelley Powers; Editorial: Anaya Multimedia HTML 4.0 Specification; Autor: W3C

Direcciones de inters
p p

www.w3.org; Situacin de los estndares web. www.microsoft.com/ie/; Descarga de versiones y actualizaciones de I.E. www.netscape.com; Descarga de versiones y actualizaciones de Netscape www.wmaestro.com/webmaestro; Manual de html bsico www.webexperto.com; Portal para webmasters y desarrolladores web