El HTML dinámico no es realmente una nueva especificación de HTML, sino más bien una nueva forma de ver y controlar los códigos y comandos HTML estándar.
Al pensar en HTML dinámico, es necesario recordar las cualidades del HTML estándar, especialmente que una vez que una página es cargada desde el servidor, no cambiará hasta que llegue otra petición al servidor. El HTML dinámico le da más control sobre los elementos HTML y le permite cambiarlos en cualquier momento, sin tener que volver al servidor Web.
Hay cuatro partes en el DHTML:
- Modelo de objeto de documento (DOM) (definición)
- Secuencias de comandos
- Hojas de estilo en cascada (CSS)
- XHTML
Índice de contenidos
DOM
El DOM es lo que le permite acceder a cualquier parte de su página Web para cambiarla con DHTML. Cada parte de una página Web es especificada por el DOM y usando sus convenciones de nombres consistentes usted puede acceder a ellas y cambiar sus propiedades.
Secuencias de comandos
Los scripts escritos en JavaScript o ActiveX son los dos lenguajes de scripting más comunes utilizados para activar DHTML. Se utiliza un lenguaje de programación para controlar los objetos especificados en el DOM.
Hojas de estilo en cascada
CSS se utiliza en DHTML para controlar el aspecto de la página Web. Las hojas de estilo definen los colores y las fuentes del texto, los colores de fondo y las imágenes, y la ubicación de los objetos en la página. Usando scripts y el DOM, puede cambiar el estilo de varios elementos.
XHTML
XHTML o HTML 4.x se utiliza para crear la página misma y construir los elementos para que el CSS y el DOM funcionen. No hay nada especial en XHTML para DHTML – pero tener XHTML válido es aún más importante, ya que hay más cosas trabajando desde él que sólo el navegador.
Características de DHTML
Hay cuatro características principales de DHTML:
- Cambiar las etiquetas y propiedades
- Posicionamiento en tiempo real
- Fuentes dinámicas (Netscape Communicator)
- Encuadernación de datos (Internet Explorer)
Cambio de las etiquetas y propiedades
Este es uno de los usos más comunes del DHTML. Le permite cambiar las cualidades de una etiqueta HTML dependiendo de un evento fuera del navegador (como un clic del ratón, hora o fecha, etc.). Puede usar esto para precargar información en una página y no mostrarla a menos que el lector haga clic en un enlace específico.
Posicionamiento en tiempo real
Cuando la mayoría de la gente piensa en DHTML esto es lo que esperan. Objetos, imágenes y texto que se mueven por la página web. Esto puede permitirle jugar juegos interactivos con sus lectores o animar partes de su pantalla.
Fuentes dinámicas
Esta es una función exclusiva de Netscape. Netscape desarrolló esto para sortear el problema que los diseñadores tenían con no saber qué fuentes serían en el sistema de un lector. Con las fuentes dinámicas, las fuentes se codifican y se descargan con la página, de modo que la página siempre se ve como el diseñador quería que se viera.
Encuadernación de datos
Esta es una característica de IE solamente. Microsoft desarrolló esto para permitir un acceso más fácil a las bases de datos de los sitios web. Es muy similar al uso de un CGI para acceder a una base de datos, pero utiliza un control ActiveX para funcionar. Esta característica es muy avanzada y difícil de usar para el principiante escritor de DHTML.
