Aprenda cómo se utiliza el HTML dinámico (DHTML) para crear páginas interactivas

Aprenda cómo se utiliza el HTML dinámico (DHTML) para crear páginas interactivas

Aprenda cómo se utiliza el HTML dinámico (DHTML) para crear páginas interactivas

VALORACIÓN DEL ARTÍCULO:
5/5


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:

  1. Cambiar las etiquetas y propiedades
  2. Posicionamiento en tiempo real
  3. Fuentes dinámicas (Netscape Communicator)
  4. 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.

TAMBIÉN TE INTERESA

Zenfone-11-Ultra

Zenfone 11 Ultra, que siga la fiesta de la IA en los smartphones

Todos los últimos lanzamientos de smartphones están marcados por la inteligencia artificial. Este hecho, que ocupa los titulares de hoy, se está convirtiendo en un estándar y pronto dejará de ser noticia. Pero no estos momentos es la novedad y la transformación hacia la que caminan todas las marcas del mercado. Así lo ha hecho

Enco-Buds2-Pro

Enco Buds2 Pro: unos auriculares buenos, bonitos, baratos e inteligentes

Por menos de 50 euros, los auriculares OPPO Enco Buds2 Pro pueden darnos todo lo que necesitamos para nuestro día a día. ¿Por qué? Porque son una combinación excepcional de calidad de sonido, duración de batería extendida y un diseño moderno y funcional. Además cuentan con funciones inteligentes y dan a los usuarios la libertad

Xiaomi-14-Series

Xiaomi 14 Series se suma a la puja por ser el móvil del año

Xiaomi 14 Series llega al mercado para colarse en la eterna batalla que mantienen los flagships de Apple y Samsung. Al igual que sus rivales, los nuevos móviles de la marca china llegan con la IA bajo el brazo y una gran cantidad de razones para aspirar a ser uno de los móviles del 2024.