Tecnologías de cliente
HTML
Hojas de estilo CSS
Módulos de extensión (plug-ins, controles Active X)
Flash
Applets (lenguaje Java)
Scripts de cliente (lenguajes: VBScript, JavaScript).
DHTML
HTML (I)
HyperText Markup Language
Deriva del SGML (Standard Generalized Markup Language)
No es un lenguaje de programación sino de codificación
La representación de la página dependerá del navegador utilizado, de su versión y de los módulos de extensión instalados.
HTML (II)
Las marcas o etiquetas (tags) se delimitan con los signos < y >
El carácter / diferencia una marca final de la inicial
Las etiquetas aceptan algunos parámetros, denominados atributos, que sirven para delimitar su carácter y aplicación
HTML (III).Estructura de un documento.
< html>
< head>
< title>Prueba< /title>
< /head>
< body>
Hola
< /body>
< /html>
XHTML < http://www.w3.org/TR/xhtml1/>
W3C HTML Validation Service http://validator.w3.org/
Hojas de estilo CSS (I)
Una hoja de estilo permite aumentar el control del diseñador sobre cómo se verán sus páginas Web, asociando un conjunto de propiedades de formato físico a los elementos estándard del lenguaje
Las reglas de las hojas de estilos se pueden colocar:
directamente en un documento HTML o XML,
en documentos de hojas de estilos externas con la extensión de archivo .css.
HTML.
CSS. Reglas de estilo (II)
Constan de dos partes: el selector y la cadena de estilos.
Selectores
Construcciones CSS que identifican partes de un documento HTML o XML.
Cadena de estilos
Conjunto de:
propiedad: valor;
Ejemplos de uso de estilos: cambiar color barra desplazamiento, eliminar el subrayado de los enlaces
Módulos de extensión
Pequeños programas informáticos que aumentan las posibilidades de los navegadores, como por ejemplo: escuchar audio, ver vídeo, visualizar ficheros pdf, etc.
Netscape ? Conectores (plug-ins)
Explorer ? Controles Active X
Flash (I)
Tecnología desarrollada por Macromedia
Permite crear animaciones audiovisuales con un alto grado de compresión y nitidez
Descarga archivos MP3 y JPEG en tiempo de ejecución
Genera gráficos vectoriales y mapas de bits
Permite insertar en el documento Flash(.fla) cualquier archivo de video que funcione en QuickTime o Windows Media Player.
Los objetos de vídeo se pueden agrandar y reducir a escala, girar o distorsionar, programar…
Utiliza ActionScript como lenguaje de scripts.
Flash (II)
Permite crear sofisticadas interfaces de usuario proporcionando además contenido dinámico e interactividad
Creación basada en componentes
Puede crear componentes visuales reutilizables con propiedades, métodos y eventos.
Se pueden distribuir a través de Macromedia Exchange para Flash.
Incluye un conjunto esencial de componentes preinstalados (barras de desplazamiento, campos de texto dinámico, botones de entrada, casillas de selección y verificación, casillas desplegables y casillas de listados)
Flash (III)
Flash es independiente del navegador y el módulo de extensión (Flash Player) es universal
a partir de la versión 4.0 de los navegadores se incluye dentro de la instalación
las animaciones diseñadas con este programa se verán casi idénticamente en cualquier plataforma y navegador
Los desarrolladores pueden utilizar plantillasque ajustan el entorno de diseño a las propiedades físicas de un dispositivo (tamaños de pantalla, limitaciones de color, …)
Ver sitios hechos con Flash: Disney, Coca-Cola
Ver sitios con animaciones en Flash: Apartotel Ponent Mar, La Creación, cibereduca
Applets (I)
Miniaplicación en Java que se descarga del servidor y se ejecuta en la máquina virtual java (JVM) del navegador
En la página web se incluye la llamada al applet (.class) y los parámetros que se le pasan
< applet code=miniaplicacion.class" height=tam_y width=tam_x>
< param name=parametro1" value=valor1">
< param name=parametro2" value=valor2">
…
< /applet>
Ver ejemplos: Visitas virtuales, Java Boutique
Applets (II)
Por razones de seguridad tiene restricciones:
No puede acceder al disco de la máquina cliente donde se ejecuta (ni para escribir ni para leer)
No puede acceder a otros ordenadores de la red, sólo al servidor del cual se descarga
Página siguiente |