Introducción a DHTML

DHTML no es un idioma, ni un estándar web. es el sinónimo de D ynamic HTML . DHTML es un TÉRMINO que se utiliza para describir las tecnologías utilizadas para hacer que las páginas web sean dinámicas e interactivas y significa la combinación de HTML, JavaScript, DOM y CSS.

Para poder entender y trabajar con DHTML debemos conocer y entender HTML, JavaScript y CSS. Estas tres tecnologías son indispensables para introducirse en el mundo de DHTML (HTML dinámico).
Si ya realizó los cursos de CSS, JavaScript , HTML seguro que está en condiciones de entender este tutorial.

DHTML tiene por objetivo aumentar la funcionalidad de un sitio web. Se puede utilizar para crear animaciones, menúes desplegables, mostrar y ocultar partes de una página luego que la página fue cargada completamente, crear un entramado de capas que con sólo el HTML y CSS sería imposible alcanzar. Si bien la funcionalidad de DHTML se puede duplicar con otras herramientas como Flash, el DHTML ofrece la ventaja de que no requiere ningún tipo de plug-in para poder utilizarlo.

DHTML ofrece a los creadores de páginas web la posibilidad de modificar, cambiar la apariencia, ocultar, mostrar y animar el contenido dinámicamente. Con DHTML podemos, luego de cargada la página en el navegador, acceder a cada una de las marcas HTML modificar sus atributos, ocultarlas, volverlas a mostrar y acceder al estilo definido para dicha marca. Mediante JavaScript accedemos al DOM (Document Object Model) sin utilizar librerías específicas como puede ser JQuery.

Debe quedar bien en claro que DHTML no es un lenguaje nuevo sino la combinación de HTML, CSS y JavaScript. El DHTML es otro de los escalones que debemos dominar para poder introducirnos en el mundo de AJAX.

Según el Consorcio World Wide Web (W3C): "HTML dinámico es un término utilizado por algunos proveedores para describir la combinación de HTML, hojas de estilo y scripts que permite animar los documentos".

Tecnologías DHTML

A continuación se muestra una lista de tecnologías DHTML.

HTML 4

El estándar W3C HTML 4 tiene un amplio soporte para contenido dinámico:

  • HTML es compatible con JavaScript
  • HTML admite el modelo de objetos de documento ( DOM )
  • HTML admite eventos HTML
  • HTML admite hojas de estilo en cascada ( CSS )
  • DHTML trata sobre el uso de estas funciones para crear páginas web dinámicas e interactivas.

JavaScript

JavaScript es el estándar de secuencias de comandos para HTML.
DHTML se trata de utilizar JavaScript para controlar, acceder y manipular elementos HTML.
Puede leer más sobre esto en el próximo capítulo de este tutorial.

DOM HTML

El DOM HTML es el modelo de objetos de documento estándar de W3C para HTML.
El DOM HTML define un conjunto estándar de objetos para HTML y una forma estándar de acceder a ellos y manipularlos.
DHTML trata sobre el uso del DOM para acceder y manipular elementos HTML.
Puede leer más sobre esto en un capítulo posterior de este tutorial.

Eventos HTML

El modelo de eventos HTML del W3C es parte del DOM HTML.
Define una forma estándar de manejar eventos HTML.
DHTML se trata de crear páginas web que reaccionen a los eventos (del usuario).
Puede leer más sobre esto en un capítulo posterior de este tutorial.

CSS

CSS es el modelo de diseño y estilo estándar del W3C para HTML.
CSS permite a los desarrolladores web controlar el estilo y el diseño de las páginas web.
HTML 4 permite cambios dinámicos en CSS.
DHTML se trata de utilizar JavaScript y DOM para cambiar el estilo y la posición de los elementos HTML.
Puede leer más sobre esto en un capítulo posterior de este tutorial.