Dynamic HTML
Dynamic HTML (DHTML) es en una palabra para páginas web que utilizan Hypertext Markup Language (HTML) Cascading Style Sheets (CSS), y un lenguaje de "scripting" como JavaScript para hacer páginas web interactivas. DHTML es una característica de Netscape Communicator 4.0, y Microsoft Internet Explorer 4.0 y es enteramente una tecnología al "lado del cliente". Él cuenta con solo el browser para la exposición y manipulación de páginas web y no esta relacionado con otras tecnologías al lado del cliente como Java o Flash.
DHTML supera en crear efectos que aumentan la funcionalidad de una página web sin aumentar mucho el tiempo que duran en descargar "low bandwidth". Este puede ser utilizado para crear animaciones, juegos, aplicaciones, proveer formas de navegar atravez sitios web, y crear páginas disponibles que son fuera de este mundo, lo cual simplemente no es posible con solo HTML. Sin embargo, muchas de las características de DHTML pueden ser duplicadas ya sea con Flash o Java, DHTML provee una alternativa la cual no requiere enchufes "plugins" y se conecta fácilmente adentro de una página web.
Aun que las tecnologías de DHTML (HTML, CSS, JavaScript) son standard, la forma en que Microsoft y Netscape han implementado estas es dramáticamente diferente. Por esta razón, escribir páginas DHTML que funcionan en lo dos browsers (llamado "Cross-browser DHTML") puede ser un problema bastante complejo.
Enlaces para mas información DHTML:
Microsoft DHTML Documentation
Netscape DHTML Documentation
Cascading Style Sheets
Cascading Style Sheets (CSS) son un agregado a HTML el cual le da a los que desarrollan páginas web una manera sofisticada para trabajar. CSS hace esto separando el contenido de la página web (el texto) de la presentación (los colores, styles, y posiciones).
Cascading Style Sheets Positioning (CSSP) Es una extensión a CSS que permite controlar a nivel de pixeles la posición de los elementos HTML.
Enlaces para mas información DHTML:
W3C CSS-Pocisionamiento
Builder.com's CSS Guía
JavaScript
A pesar de su nombre, JavaScript no tiene nada que ver con Java. JavaScript es un lenguaje para escriturar ("scripting") construido dentro de browsers web que controla los elementos HTML, como sea que Java es un lenguaje de programación a un nivel alto para construir aplicaciones (incluyendo otras cosas como Applets que son programas Java los cuales podrán ser mostrados en una página web).
El JavaScript apareció primero en Netscape 2.0, y al principio fue para escriturar los contenidos de una página web, y proveer funcionalidad agregada a HTML formularios, marcos y ventanas. Netscape 3.0 agregó mas características como imágenes rollovers y controles de sonido/vídeo. Microsoft Internet Explorer 3.0 (lanzó poco después de Netscape 3.0) también implementó JavaScript, pero lo mercadeo como JScript lo cual es esencialmente lo mismo que JavaScript con unas pequeñas cosas no compatibles que Microsoft tiró para atraer a los desarrolladores a que utilizaran su versión de JavaScript.
Extensiones para JavaScript fueron agregadas en Netscape 4.0 y Internet Explorer 4.0 para darle a los desarrolladores un forma de manipular DHTML (elementos HTML que utilizan CSS). Como sea estas extensiones no fueron hechas standard antes de la salida de los dos browsers. Y como resultado ahora tenemos dos versiones de JavaScript que son bastante incompatibles.
Enlaces para mas información JavaScript:
Guía JavaScript de Netscape
Referencia JavaScript
Microsoft JScript
El Dynamic Duo
El Dynamic Duo, es una Guí escrita por mí, Dan Steinman y es el resultado de mi experimentación y mis éxitos en crear Cross-Browser DHTML.
Esta Guía se enfoca primeramente en los asuntos de JavaScript envueltos en DHTML. Este solo cubre las porciones de CSSP y JavaScript que pueden ser utilizadas en los dos browsers Netscape y Internet Explorer. En ningún momento esta Guía cubre todo, o necesariamente ofrece las mejores soluciones a una tarea particular, pero si enseño las cosas que con las cuales he tenido buenos resultados.
Si no estas familiarizado con JavaScript y CSS, puede ser que esta Guía no es la mas indicada para que comiences. Sin embargo, comienzo bastante despacio y cubro bastante del conocimiento preparatorio que es necesitado para entender como funciona DHTML. Los conceptos de programar en esta Guía no son extremadamente complejos. Como sea Cross-Bowser DHTML requiere un nivel de experiencia para debugging lo cual podrá ser bastante dificultoso para un principiante. Estarás trabajando con Browsers los cuales son parcialmente compatibles, y lenguajes de computación los cuales son parcialmente implementados. Te encontraras con bichos "bugs" y limitaciones, no solamente en los dos browsers, pero también en diferentes sistemas operativos, como también en diferentes versiones de los browsers que han sido aumentadas. Esta Guía solamente hace un rasguño a la superficie de los problemas con que te vas a encontrar cuando construyas tus páginas DHTML… y por favor créeme, no estoy bromeando.
Habiendo dicho eso, he hecho lo mejor que puedo de poner una serie de líneas de guía que hacen cross-browser DHTML posible. Siguiendo a las técnicas y a las indicaciones de esta Guía puedes crear casi todo de lo que puedas pensar. En el momento en que termines de leerla, comprenderás casi todos los conceptos que están envueltos en DHTML, aprenderás un buen conjunto de técnicas para programar JavaScript utilizando DHTML API (El Dynlayer), también aprenderás como construir tu propios objetos DHTML para crear diferentes "widgets" y componentes para tu sitio web.
Apreciare cualquier comentario o sugestión que tengas sobre esta Guía, siempre estoy buscando formas de como hacerla mejor. También estaré agradecido a cualquiera contribuciones que tengas, incluyendo modificaciones a cualquier código de esta Guía o cualquier objeto DHTML que haz creado y quieres compartir con otra gente. Y si haz construido tu sitio web, juego o aplicación utilizando esta Guía, estaré muy feliz de proveer un enlace de mí Recursos DHTML pagina de enlaces.
| Casa | Próxima Lección : Cascading Style Sheets Positioning |