2. DHTML Dynamic Html DHTML abarca muchas áreas con respecto al diseño de páginas, al hablar de html dinámico ó DHMTL, decimos que es un conjunto de tecnologías aplicadas al diseño de páginas, cuyo contenido sea lo más dinámico posible, en donde se refleje lo interactivo y las animaciones web, combinando lenguajes que van aportando a la construccion del html dinámico tales como: HTML, JAVASCRIPT, seguido de las CSS y finalmente el DOM.
3.
4.
5. DOM (Document Object Model) El DOM es aquello que permite un acceso más fácil a cualquier parte de la página web permitiendo así hacer cualquier cambio utilizando DHMTL. Cada parte de la página web está especificada por el DOM y usando sus consitencias y convenciones, se puede acceder y cambiar cualquier propiedad de la página.
6. Gracias al DOM se hace más fácil la construcción de documentos web, se puede navegar con mayor facilidad debido a la estructura con la que esta hecha, y hacer las debidas modificacions o adiciones de una manera mas sencilla. El objetivo principal del DOM es generar un estilo estándar de diseño que permita la utilización en diferentes entornos y aplicaciones.
8. SCRIPTS Los scripts están escritos en dos formas o tipos, JavaScripts y Activex y son las secuencias de comandos más comunes que se utilizan para la activación del DHMTL. Puede utilizar un lenguaje SCRIPTING para controlar los objetos que se especifican a través del DOM.
10. CSS (Hojas de Estilo en Cascada) Las CSS son usadas en DHTML para controlar el aspecto de las páginas web. Las hojas de estilo definen el color y la forma de los textos, el color de los fondos y las imágenes, y la ubicación de los objetos en la pagina web. Por medio de los SCRIPTS y del DOM podemos cambiar el estilo de varios elementos.
11. Son un simple mecanismo para adicionar estilos para documentos web en HTML y XHTML, como por ejemplo adicionar estilos en fuentes colores, espacios y otros aspectos en la presentación del documento. Esta diseñado primordialmente para habilitar la separación del contenido de los documentos. Esta separación puede ayudar a tener una mejor accesibilidad, flexibilidad y un control en la especificación de las características de la presentación.
12. EJEMPLO <html> <body> <h1 id="header" onclick="this.style.color='red'">Click ME!</h1> <p>If you click the header above, it turns red.</p> </body> </html>
14. XHTML XHTML o HTML es usado para crear las páginas propias y construir los elementos para las CSS y el DOM a trabajar. No hay nada en especial acerca de XHTML dirigido a DHTML, pero teniendo valido el XHTML es más importante, a raíz de que hay más opciones de trabajo aparte de las que me ofrece el navegador.
15.
16. EJEMPLO DE DHTML <html> <head> <script type="text/javascript"> function bgChange(bg) { document.body.style.background=bg; } </script> </head> <body> <b>Mouse over the squares and the background color will change!</b>
20. CONCLUSIONES Gracias a las diferentes herramientas que nos ofrece el HTML dinamico, podemos obtener en el momento de la creación de sitios web o aplicaciones resultados sorprendentes. Podemos implementar todas las herramientas que nos ofrece y construir un sitio dinámico, que motive al usuario a explorar y explorar utilizando cada espacio del sitio.