El HTML Dinámico o DHTML (del inglés Dynamic HTML) designa el conjunto de técnicas que permiten crear sitios web interactivos utilizando una combinación de algún lenguaje de marcado estático (como HTML), un lenguaje interpretado en el lado del cliente (como JavaScript), el lenguaje de hojas de estilo en cascada (CSS) y la jerarquía de objetos de un Document Object Model (DOM).
Una página de HTML dinámico es cualquier página web en la que los scripts en el lado del cliente cambian el HTML del documento, después de que este haya cargado completamente, lo cual afecta a la apariencia y las funciones de los objetos de la página. La característica dinámica del DHTML, por tanto, es la forma en que la página interactúa con el usuario cuando la está viendo, siendo la página la misma para todos los usuarios.
En contraste, el término más general "página web dinámica" lo usamos para referirnos a alguna página específica que es generada de manera diferente para cada usuario, en cada recarga de la página o por valores específicos de variables de entorno. Este término no debe ser confundido con DHTML. Estas páginas dinámicas son el resultado de la ejecución de un programa en algún tipo de lenguaje de programación en el servidor de la página web (como por ejemplo Java , ASP.NET, PHP, Perl ), el cual genera la página antes de enviarla al cliente; o bien de la ejecución en la parte cliente de un código que crea la página completa antes de que el programa cliente (usualmente, un navegador) la visualice.
En una página DHTML, una vez ésta ha sido cargada completamente por el cliente, se ejecuta un código (como por ejemplo en lenguaje JavaScript) que tiene efectos en los valores del lenguaje de definición de la presentación (por ejemplo CSS), logrando así una modificación en la información presentada o el aspecto visual de la página mientras el usuario la está viendo.
Usos
DHTML permite a los desarrolladores añadir a las páginas efectos que de otra manera serían difíciles de alcanzar. En resumen: los lenguajes de scripting sirven para cambiar la estructura DOM y Algunos de los usos de DHTML son:
Animar texto e imágenes en el documento, independientemente de la posición o la forma del elemento (block o inline).
Embeber una sección que automáticamente actualize su contenido con las últimas noticias, la frase del día, o algún otro dato, con, por ejemplo, con Ajax.
Usar un formulario que obtenga datos del usuario, procesarlo, verificarlo, y dar una respuesta sin necesidad de hacer otra llamada al servidor.
Añadir botones con acciones personalizadas.
Estructura de una página web
Normalmente, una página web válida usando DHTML tiene una estructura similar a la siguiente:
El soporte para DHTML con acceso al DOM fue introducido en Internet Explorer 4.0. Aunque había otra implementación más básica en Netscape Navigator 4.0, no todos los elementos HTML eran representados en el DOM.
Existen navegadores que no pueden ejecutar scripts como JavaScript o VBScript, por ello, el estándar HTML define la etiqueta <noscript>, el cual puede ser usado para poner información que se mostrará en los navegadores que no soporten scripts, o que tenga deshabilitada la ejecución de estos.
html, dinámico, html, dinámico, dhtml, inglés, dynamic, html, designa, conjunto, técnicas, permiten, crear, sitios, interactivos, utilizando, combinación, algún, lenguaje, marcado, estático, como, html, lenguaje, interpretado, lado, cliente, como, javascript, . El HTML Dinamico o DHTML del ingles Dynamic HTML designa el conjunto de tecnicas que permiten crear sitios web interactivos utilizando una combinacion de algun lenguaje de marcado estatico como HTML un lenguaje interpretado en el lado del cliente como JavaScript el lenguaje de hojas de estilo en cascada CSS y la jerarquia de objetos de un Document Object Model DOM Una pagina de HTML dinamico es cualquier pagina web en la que los scripts en el lado del cliente cambian el HTML del documento despues de que este haya cargado completamente lo cual afecta a la apariencia y las funciones de los objetos de la pagina La caracteristica dinamica del DHTML por tanto es la forma en que la pagina interactua con el usuario cuando la esta viendo siendo la pagina la misma para todos los usuarios En contraste el termino mas general pagina web dinamica lo usamos para referirnos a alguna pagina especifica que es generada de manera diferente para cada usuario en cada recarga de la pagina o por valores especificos de variables de entorno Este termino no debe ser confundido con DHTML Estas paginas dinamicas son el resultado de la ejecucion de un programa en algun tipo de lenguaje de programacion en el servidor de la pagina web como por ejemplo Java ASP NET PHP Perl el cual genera la pagina antes de enviarla al cliente o bien de la ejecucion en la parte cliente de un codigo que crea la pagina completa antes de que el programa cliente usualmente un navegador la visualice En una pagina DHTML una vez esta ha sido cargada completamente por el cliente se ejecuta un codigo como por ejemplo en lenguaje JavaScript que tiene efectos en los valores del lenguaje de definicion de la presentacion por ejemplo CSS logrando asi una modificacion en la informacion presentada o el aspecto visual de la pagina mientras el usuario la esta viendo Indice 1 Usos 2 Estructura de una pagina web 3 Compatibilidad con navegadores 4 Vease tambienUsos EditarDHTML permite a los desarrolladores anadir a las paginas efectos que de otra manera serian dificiles de alcanzar En resumen los lenguajes de scripting sirven para cambiar la estructura DOM y Algunos de los usos de DHTML son Animar texto e imagenes en el documento independientemente de la posicion o la forma del elemento block o inline Embeber una seccion que automaticamente actualize su contenido con las ultimas noticias la frase del dia o algun otro dato con por ejemplo con Ajax Usar un formulario que obtenga datos del usuario procesarlo verificarlo y dar una respuesta sin necesidad de hacer otra llamada al servidor Anadir botones con acciones personalizadas Estructura de una pagina web EditarNormalmente una pagina web valida usando DHTML tiene una estructura similar a la siguiente lt DOCTYPE html gt lt html lang es gt lt head gt lt meta charset utf 8 gt lt title gt Ejemplo DHTML lt title gt lt head gt lt body gt lt div id seccion gt lt div gt lt script type text javascript gt var init function miObjeto document getElementById seccion manipulate miObjeto window onload init lt script gt lt script src mijavascript js gt lt script gt lt body gt lt html gt Compatibilidad con navegadores EditarEl soporte para DHTML con acceso al DOM fue introducido en Internet Explorer 4 0 Aunque habia otra implementacion mas basica en Netscape Navigator 4 0 no todos los elementos HTML eran representados en el DOM Existen navegadores que no pueden ejecutar scripts como JavaScript o VBScript por ello el estandar HTML define la etiqueta lt noscript gt el cual puede ser usado para poner informacion que se mostrara en los navegadores que no soporten scripts o que tenga deshabilitada la ejecucion de estos Vease tambien EditarAJAX JavaScript XML Document Object Model Sistema de gestion de contenido Datos Q380153Obtenido de https es wikipedia org w index php title HTML dinamico amp oldid 133428001, wikipedia, wiki, leyendo, leer, libro, biblioteca,
