CURSO DE H.T.M.L. Parte 4/4

Transcripción

1 CURSO DE H.T.M.L. Parte 4/4 Autor Luis Marco Giménez Agencia Tributaria Dpto. Informática Tributaria de de Madrid Colaboradores Javier Álvarez Eloy García Instituto de de Salud Carlos III III de de Madrid

2 Tecnologías WEB.

3 Tecnologías Cliente y Servidor Las tecnologías web se pueden dividir, simplificadamente, en dos grupos: tecnologías del lado cliente tecnologías del lado servidor. En muchos casos la misma tecnología puede usarse en un u otro lado con ligeras variaciones, o mezclarlas entre sí.

4 Tecnologías Cliente Están orientadas preferentemente, como su nombre indica, para ejecutarse en los puestos cliente: HTML DHTML XHTML, (XML). JavaScript, VBScript Applets Java, Controles ActiveX

5 DHTML (I) Que es? HTML Dinámico. Es una combinación de HTML, CSS y lenguajes de codificación, con base en el modelo de documento (DOM) del navegador. Proporciona interactividad entre el navegador y el usuario en el lado cliente sin intervención del servidor.

6 DHTML (II) Compatibilidad EL DHTML es admitido por Netscape 4 e IE 4 y superiores. Cuanto más reciente sea una versión de navegador, más probable es que implemente mejor el DHTML. Existen diferencias substanciales en la interpretación del DHTML por los distintos navegadores.

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

8 Código JavaScript en HTML El código va embebido dentro de la página HTML. <SCRIPT>... </SCRIPT> La estructura general de la etiqueta para código JavaScript es: <script language= JavaScript >... </script>

9 Código VBScript en HTML El código va embebido dentro de la página HTML. La estructura general de la etiqueta para código VBScript es: <script language= VBScript >... </script>

10 Controles ActiveX (I) Los controles ActiveX son componentes ejecutables que pueden empotrarse en páginas web para darles capacidades mejoradas. Estos componentes son específicos 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= parámetro value= valor-parámetro >

11 Controles ActiveX (II) Atributos Atributos de <OBJECT> : id; identificador del objeto incluido referencia width, height; zona de ejecución (visual) codebase; localización y nombre del control ActiveX a ejecutar classid; clave para inclusión en el Registro Atributos de <PARAM> : name; nombre del parámetro del control value; valor pasado

12 Applets Java (I) Subprogramas ejecutables escritos en Java que se empotran en páginas html. <APPLET>... </APPLET>? El subprograma precompilado, en bytecode, que se descarga es ejecutado en la máquina virtual Java del navegador. En HTML 4.0 la etiqueta <APPLET> ha sido desaprobada a favor de la etiqueta <OBJECT>, sin embargo esta última todavía presenta problemas de compatibilidad multinavegador.

13 Applets Java (II) Atributos Atributos de <APPLET> code; subprograma.class a descargar codebase; directorio base del appplet width, height; situación en la página Ejemplo: <APPLET code= nombre-applet.class width=nn height=mm> </APPLET>

14 ActiveX vs Java: Similitudes Ambos son componentes ejecutables empotrados que proporcionan capacidades superiores a las que pueden conseguirse utilizando sólo HTML y scripts. Ambos permiten la creación de páginas web altamente interactivas.

15 ActiveX vs Java: Diferencias Los componentes ActiveX son específicos 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 Máquina Virtual para interpretar y ejecutar el codebyte.

16 XHTML Busca obtener una mayor flexibilidad en la definición de las etiquetas, aproximándose a XML, pero orientado totalmente al lado cliente. Sigue una sintaxis más estricta que el HTML: No admite un orden incorrecto en el anidado de etiquetas Las etiquetas deben ir siempre en minúsculas Los atributos siempre entrecomillados Todas las etiquetas deben llevar un cierre, y en caso contrario utiliza un slash final p.e.: <br/> o <hr/>

17 Práctica 10

18 Tecnologías Servidor Orientadas para su ejecución en el servidor web: ASP/JSP PHP Scripts de servidor (Perl, Shells unix, JavaScript Servidor, VBScript) Servlets Java, Programación CGI (C++, C, VBasic,...)

19 XML (I) extensible Markup Language, Lenguaje de Marcado extensible Se basa en separar en dos partes, los datos y su representación (básicamente unidos en HTML, a pesar de que las CSS los separa conceptualmente) Los datos, en el documento XML La presentación, en ficheros XSL Un conjunto de datos puede tener distintas presentaciones, y viceversa, una presentación afectar a distintos conjuntos de datos.

20 XML (II) Características Separación real de la presentación y de los datos. No tiene etiquetas predefinidas, son auto descritas, utilizándose: DTD s: Definición de Tipo de Documento ó RDF s: Marco para Descripción de Recursos. XML-Schemas: Especificación formal de los elementos, atributos y sus relaciones Mayores restricciones sintácticas (anidamiento, cierres de etiqueta, entrecomillados, mayúsculasminúsculas)

21 XML (III) Ventajas Independencia del dato de su presentación: mayor coherencia y flexibilidad. Metalenguaje, permite diseñar nuestras propias marcas. Verificación de la corrección del fichero: bien formado (según el estándar). válido (estructurado y completo).

22 XML (IV) Subconjuntos XSL; presentación de los datos. XQL; consulta de datos de forma relacional. SVG; creación de gráficos vectoriales con ajuste de escala MathML; descripción de datos matemáticos. SMIL; integración sincronizada de información multimedia, interactividad.

23 ASP/JSP (I) Que son? Son lenguajes interpretados (scripts) que se ejecutan en el servidor y permiten la creación dinámica de páginas en html. ASP; Active Server Pages, de Microsoft. JSP; Java Server Pages, de Sun Microsystems.

24 ASP/JSP (II) Características. Proporcionan interactividad del usuario con el servidor. Permiten la formación dinámica de la página html en función de la petición. 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 BD s, control de sesión,...)

25 ASP s Sólo en entornos servidor Windows. Soporta JavaScript, VBScript. Las páginas se pueden crear con cualquier editor, aunque existen herramientas que facilitan la integración con BBDD s o aplicaciones (Visual Interdev de Microsoft, ASP Table Wizard,...) Incorpora ADO (Objeto de Datos Activos) para acceder a los datos en BD s. - ya sea por ODBC (Conectividad de Bases de Datos Abiertas) u OLEdb (Empotramiento y Vinculación de Objetos de BD).

26 JSP s Es soportado por distintos servidores Se basa en el lenguaje Java Es una extensión de los Servlet de Java, permitiendo incorporar JavaBeans Es interpretado una única vez, generándose un servlet en bytecode, por lo que los accesos posteriores son más rápidos.

27 PHP 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.

28 CGI s (I) Que es? Interfaz de Puerta Común, permite la integración de aplicaciones. Define la forma en que se efectúa la comunicación entre el servidor web y las aplicaciones servidor. Específicamente cómo pone disponibles los datos recibidos desde el cliente al servidor y viceversa. Es una metodología, no un lenguaje.

29 CGI s (II) Funcionamiento script CGI aplicación CGI

30 CGI s (III) Funcionamiento La llamada a una aplicación CGI se puede hacer desde: 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 aplicación CGI mediante variables de entorno (GET) o la entrada de datos estándar (POST)

31 CGI s (IV) Lenguajes Puede utilizarse cualquier tipo de lenguaje. Lenguajes compilados: C, C++, Visual Basic, COBOL/CICS WS,... Más rápidos y eficientes. Lenguajes interpretados: Perl, shells unix,... Mas flexibles y compatibles multiplataforma.

32 Bibliografía La Biblia HTML 4; Autora: Molly E. Holzschalg; Editorial: Anaya Multimedia HTML Dinámico; Autora: Shelley Powers; Editorial: Anaya Multimedia HTML 4.0 Specification; Autor: W3C

33 Direcciones de interés Situación de los estándares web. Descarga de versiones y actualizaciones de I.E. Descarga de versiones y actualizaciones de Netscape Manual de html básico Portal para webmasters y desarrolladores web