Introducción a DHTML

Conocimientos básicos que debe poseer

Antes de continuar, debe tener una comprensión básica de los siguientes conocimientos:

  • HTML
  • CSS
  • JavaScript

Si desea aprender estos proyectos primero, consulte en nuestra Página principal Acceda a estos tutoriales.

DHTML no es un estándar W3C

DHTML significa HTML dinámico (Dynamic HTML).

DHTML no es un estándar establecido por la World Wide Web Consortium (W3C). DHTML es un término de marketing - utilizado por la empresa Netscape y Microsoft para describir las nuevas tecnologías que los navegadores de la generación 4.x deberían soportar.

DHTML es una combinación de tecnologías utilizadas para crear sitios web dinámicos.

Para la mayoría de las personas, DHTML significa la combinación de HTML 4.0, hojas de estilo y JavaScript.

W3C ha dicho: "HTML dinámico es un término utilizado por ciertos fabricantes para describir la combinación de HTML, hojas de estilo y scripts que permiten una mayor dinamicidad en los documentos."

Tecnología DHTML

A través de DHTML, los desarrolladores web pueden controlar cómo se visualizan y posicionan los elementos HTML en la ventana del navegador.

HTML 4.0

A través de HTML 4.0, todos los formatos (información) pueden quitarse del documento HTML y escribirse en una hoja de estilo independiente. Porque HTML 4.0 puede separar la presentación del documento de su estructura, podemos controlar completamente la capa de presentación sin desordenar el contenido del documento.

Las hojas de estilo en cascada (CSS)

A través de CSS, obtenemos un modelo de estilo y disposición para documentos HTML.

Debido a que CSS permite a los desarrolladores controlar al mismo tiempo el estilo y la disposición de múltiples páginas web, CSS puede considerarse un hito en el campo del diseño web. Como desarrollador, puede definir estilos para cada elemento HTML y aplicarlo a cualquier cantidad de páginas que desee. Si necesita realizar un cambio global, simplemente cambie el estilo y todos los elementos en la web se actualizarán automáticamente.

Modelo de objetos de documento (DOM)

DOM significa modelo de objetos de documento.

El DOM es el modelo de objetos de documento para HTML.

El DOM define un conjunto de objetos estándar para HTML y métodos estándar para acceder y procesar objetos HTML.

“El modelo de objeto de documento (DOM) de W3C es una interfaz independiente de lenguaje y plataforma que permite que los programas y scripts accedan y actualicen dinámicamente el contenido, la estructura y el estilo del documento.”

JavaScript

Le da la capacidad de escribir código que puede controlar todos los elementos HTML.

Tecnologías DHTML en Netscape 4.x y Internet Explorer 4.x

Netscape 4.x DHTML transbordador Internet Explorer 4.x
  • JSS ( hojas de estilo de JavaScript) (permite controlar cómo se visualizan diferentes elementos HTML)
  • Capas (permite controlar la posición y la visibilidad de los elementos)
  • CSS1
  • CSS2 (permite controlar cómo se visualizan diferentes elementos HTML)
  • Posicionamiento CSS (permite controlar la posición y la visibilidad de los elementos)
  • JavaScript
  • Filtros visuales (permite aplicar efectos visuales a texto y gráficos)
  • CSS dinámico (permite que controle la posición y la visibilidad de los elementos)

Notas:Mientras que las características y tecnologías creadas por diferentes navegadores no son compatibles entre sí, la codificación con DHTML puede causar problemas. Una página web puede verse magnífica en un navegador y terrible en otro.