PDF de programación - HTML Dinámico, Modelos de Objetos y Javascript

Desarrollo de software

HHTTMMLL DDIINNÁÁMMIICCOO,,

MMOODDEELLOOSS DDEE
OOBBJJEETTOOSS YY
JJAAVVAASSCCRRIIPPTT

Este libro revisa desde los
fundamentos todo el
edificio conceptual sobre
el que se basa la
construcción de páginas
web de cliente: esto es,
se centra en aquello que
una página web –una vez
descargada- es capaz de
hacer en el navegador del
usuario. Para ello explica
en qué se basa el HTML
Dinámico, los
fundamentos y uso del
Modelo de Objetos de
Documento y finalmente,
analiza el lenguaje
Javascript y las
capacidades de las Hojas
de Estilo en Cascada,
como elementos básicos
de la construcción
dinámica de páginas.

Respecto a los
conocimientos previos, es
importante que el lector
maneje, siquiera
básicamente, los
fundamentos del lenguaje
HTML, y conviene tener
conocimiento de algún
lenguaje de programación
adicional Visual Basic,
Delphi, etc.







HTML Dinámico, modelos de Objetos y JavaScript
Versión 1.0.0
2000 © Grupo EIDOS
www.LaLibreriaDigital.com



Índice

ÍNDICE...................................................................................................................................................5
HTML DINÁMICO Y MODELOS DE OBJETOS ...........................................................................9
CONOCIMIENTOS PREVIOS ...................................................................................................................9
OBJETIVOS DEL CURSO........................................................................................................................9
¿POR QUÉ HTML DINÁMICO? ...........................................................................................................10
EL WORLD WIDE WEB CONSORTIUM................................................................................................10
HTML Y LA W3C ..............................................................................................................................10
HTML Dinámico y Modelos de Objetos ...................................................................................11
Lo que aporta el HTML Dinámico ............................................................................................11
La solución: Los Modelos de Objetos .......................................................................................12
El Modelo de objetos de documento (DOM).............................................................................13
Programando los objetos de DOM.............................................................................................14
La jerarquía de objetos de DOM................................................................................................14
Los objetos window y document ....................................................................................................15
EL OBJETO WINDOW...........................................................................................................................16
Propiedades del objeto window.....................................................................................................16
La propiedad event y el modelo de objetos de HTML Dinámico ..................................................16
Otras formas de asociar código de script a eventos......................................................................18
Ficheros de script independientes .................................................................................................21
Otras propiedades del objeto event............................................................................................21
Un manejador genérico de eventos. ..............................................................................................21
EL MODELO DE EVENTOS ...................................................................................................................22
PROPIEDADES DE WINDOW ASOCIADAS AL EXPLORADOR .................................................................24
La propiedad history......................................................................................................................24
La propiedad location....................................................................................................................24







La propiedad screen ......................................................................................................................24
Temporizadores: los métodos setTimeout(), setInterval(), clearTimeout() y clearInterval() ........25
Métodos de window para creación de ventanas............................................................................25
Cajas de mensaje estándar: alert().............................................................................................26
Cómo solicitar información del usuario: métodos prompt() y confirm()...................................26
Ventanas de Diálogo Modales: showModalDialog() ....................................................................28
Apertura de nuevas ventanas del Explorador: método open()...................................................30
LA PROPIEDAD DOCUMENT.................................................................................................................31
Una vista jerárquica del modelo de objetos DOM........................................................................36
Ejemplo de Creación Dinámica de Tablas mediante el modelo DHTML.................................38
OTRAS NOVEDADES QUE APORTA DHTML A TRAVÉS DE EJEMPLOS................................................40
Posicionamiento Dinámico............................................................................................................41
Filtros y Transiciones....................................................................................................................42
Descarga dinámica de tipos de letra (Font download) .................................................................42
DATOS ENLAZADOS...........................................................................................................................42
Modelo de funcionamiento de los objetos de enlace de datos.......................................................43
Ejemplo de uso de un Data Source Object (DSO).........................................................................43
HTML 4.0: CARACTERÍSTICAS E IMPLEMENTACIÓN EN EXPLORER Y NETSCAPE............................47
Estándares e implementaciones.....................................................................................................47
SGML y HTML ..............................................................................................................................48
Comentarios, atributos y caracteres especiales..........................................................................48
Tipos de datos............................................................................................................................48
URLs......................................................................................................................................49
Colores...................................................................................................................................49
Multilongitud.........................................................................................................................49
Tipos de Hiperenlaces................................................................................................................49
Descriptores de Media ...............................................................................................................49
Nombres de marcos de destino..................................................................................................49
Declaraciones de Tipo de documento........................................................................................49
La marca <HTML> ...............................................................................................................50
La marca <HEAD>................................................................................................................50
La marca <TITLE>................................................................................................................50
El atributo <TITLE>..............................................................................................................50
La marca <META DATA> ...................................................................................................50
La marca <BODY> ...............................................................................................................51
Elementos identificadores..........................................................................................................51
Bloques y elementos “en línea”.................................................................................................51
Marcas de Agrupación...............................................................................................................51
Encabezamientos .......................................................................................................................52
La marca <ADRESS>............................................................................................................52
El Texto: párrafos, líneas y frases..............................................................................................52
El espacio en blanco ..............................................................................................................52
Frases.....................................................................................................................................52
Citas............................