Cómo se usa HTML dinámico (DHTML) para crear páginas interactivas

El HTML dinámico no es realmente una nueva especificación de HTML, sino una forma diferente de ver y controlar los códigos y comandos HTML estándar.

Al pensar en dinámica HTML, debe recordar las cualidades del HTML estándar, especialmente que una vez que se carga una página desde el servidor, no cambiará hasta que llegue otra solicitud al servidor. El HTML dinámico le brinda más control sobre los elementos HTML y les permite cambiar en cualquier momento, sin regresar al servidor web.

DHTML consta de cuatro partes:

  • Modelo de objetos de documento (DOM) (definición)
  • Guiones
  • Hojas de estilo en cascada (CSS)
  • XHTML

DOM

El DOM es lo que le permite acceder a cualquier parte de su página web para cambiarla con DHTML. El DOM especifica cada parte de una página web y, utilizando sus convenciones de nomenclatura coherentes, puede acceder a ellas y cambiar sus propiedades.

Guiones

Los scripts escritos en JavaScript o ActiveX son los dos lenguajes de script más comunes que se utilizan para activar DHTML. Utiliza un lenguaje de secuencias de comandos para controlar los objetos especificados en el DOM.

instagram viewer

Hojas de estilo en cascada

CSS se utiliza en DHTML para controlar la apariencia de la página web. Las hojas de estilo definen los colores y fuentes del texto, los colores e imágenes de fondo y la ubicación de los objetos en la página. Usando scripts y DOM, puede cambiar el estilo de varios elementos.

XHTML

XHTML o HTML 4.x se utiliza para crear la página en sí y construir los elementos para el CSS y el DOM para trabajar en. No hay nada especial en XHTML para DHTML, pero tener un XHTML válido es aún más importante, ya que hay más cosas que funcionan con él además del navegador.

Características de DHTML

Hay cuatro características principales de DHTML:

  1. Cambiar las etiquetas y propiedades
  2. Posicionamiento en tiempo real
  3. Fuentes dinámicas (Netscape Communicator)
  4. Enlace de datos (Internet Explorer)

Cambio de etiquetas y propiedades

Este es uno de los usos más comunes de DHTML. Te permite cambiar las cualidades de un Etiqueta HTML dependiendo de un evento fuera del navegador (como un clic del mouse, la hora o la 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 espera. 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 tenían los diseñadores al no saber qué fuentes habría en el sistema de un lector. Con fuentes dinámicas, las fuentes se codifican y descargan con la página, de modo que la página siempre se ve como la diseñó el diseñador. También puedes usar fuentes seguras para la web.

El enlace de datos

Esta es una función exclusiva de IE. Microsoft desarrolló esto para permitir un acceso más fácil a bases de datos de sitios web. Es muy similar a usar 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 escritor de DHTML principiante.