TUTORIAL DYNAMIC HTML por Massimiliano Valente Estos tutorial profundizan el uso práctico de DHTML. Cada tutorial se completa con una demo que puede utilizarse en el propio Web. Sección aconsejada a quienes ya conocen HTML y quieren insertar efectos dinámicos avanzados. Recorrido aconsejado: intermedio Nivel de dificultad: 1. Texto interactivo con Dynamic HTML Compatibilidad: Ms Internet Explorer Realizar mediante Dynamic HTML efectos dinámicos en el texto y otros elementos de la página de manera sencilla y completa: texto expansible, modificación del color de fondo y texto elástico. 2. Menús jerárquicos en cascada con Dynamic HTML Compatibilidad: Ms Internet Explorer, Netscape Crea un menú jerárquico según el modelo de los sistemas Windows, a través de un código complejo pero fácil de personalizar. Gracias a este tutorial conseguirás optimizar el espacio de tus documentos web y los menús en ellos comprendidos. 3. Gestionar los formularios con Dynamic HTML Compatibilidad: Ms Internet Explorer, Netscape Los formularios HTML constituyen uno de los elementos más importantes de un documento web. Gracias a DHTML es posible hacer que su uso sea dinámico y cancelar los límites estéticos de los clásicos módulos HTML. Aprenderás a esconder y mostrar las voces de un formulario, colorear las voces option y mucho más. 4. Texto que se desplaza con HTML dinámico Compatibilidad: Ms Internet Explorer, Netscape Insertar texto que se desplaza en un documento Web de un modo totalmente compatible con los principales navegadores. Con este tutorial aprenderás a dotar al texto de un efecto movimiento vertical y horizontal. Indicaciones también sobre el enfoque Javascript sobre el tema. 5. Colocación con Dynamic HTML Compatibilidad: Ms Internet Explorer, Netscape Disponer dinámicamente los elementos en la página es una de las principales peculiaridades de DHTML. Este tutorial te muestra cómo crear y gestionar en un documento web ventanas que se esconden. 6. Marcos en línea y scrollbar gráficas con DHTML Compatibilidad: Ms Internet Explorer, Netscape Crear marcos internos en la página, con elementos completamente independientes del flujo de datos del documento. Este tutorial te enseña a impostar estas ventanas de forma gráfica, superando los límites impuestos por la marca IFRAME soportada sólo por MsIe. 7. Scroller con texto e imágenes fijas Compatibilidad: Ms Internet Explorer, Netscape Cómo insertar imágenes u otros elementos que permanecerán fijos a pesar del scroller de página. Este tutorial te explica paso a paso cómo obtener este resultado de manera compatible con los dos navegadores más importantes. 8. MouseTrace: imágenes que siguen al ratón Compatibilidad: Ms Internet Explorer, Netscape Crea un efecto por el cual la imagen elegida sigue todos los movimientos del ratón en pantalla. El tutorial consta de dos ejemplos que muestran cómo optimizar este código. 9. Menú que se esconde Compatibilidad: Ms Internet Explorer Estas demo, que explotan las potencialidades de la colocación dinámica y de la gestión de eventos de DHTML, permiten crear menús slideshow, es decir, menús que aparecen sólo cuando se hace clic con el ratón. El tutorial consta de 5 ejemplos. 10. Modificar dinámicamente el background Compatibilidad: Ms Internet Explorer, Netscape Este tutorial se compone de dos ejemplos: modificar dinámicamente el color del fondo una vez que la página se ha cargado del todo; modificar la imagen de fondo siempre una vez que la página se ha cargado del todo. 11. Scroller de texto e imágenes Compatibilidad: Ms Internet Explorer, Netscape Típico efecto marquee, pero compatible con los navegadores de mayor difusión. Gracias a este tutorial aprenderás a visualizar objetos y texto en movimiento vertical y horizontal. El tutorial está acompañado de un total de 6 ejemplos prácticos. 12. Efectos DHTML para Internet Explorer Compatibilidad: Ms Internet Explorer Tutorial que muestra cómo obtener efectos dinámicos para el navegador de Redmond: añadir a favoritos de MsIe desde enlace, ventana a pantalla completa, filtros en imágenes y apertura marcos desde los canales activos. 13. Menú arbóreo expansible Compatibilidad: Ms Internet Explorer, Netscape Crear menús que siguen el modelo de los sistemas Windows, con voces que aparecen o permanecen escondidas según se pulse o no el ratón. Este tutorial resulta de gran utilidad si deseas optimizar el espacio y la presentación de tus menús. Todo ello acompañado además de 3 ejemplos prácticos. 14. Esconder el código HTML de un documento Compatibilidad: Ms Internet Explorer, Netscape Gracias a este tutorial aprenderás a desactivar el uso del botón derecho del ratón, de manera que queda también así desactivada la voz "ver código fuente" del navegador. En otras palabras, podrás, al menos en parte, proteger el código fuente de tus páginas. 15. Botones animados y enlaces que se desplazan Compatibilidad: Ms Internet Explorer, Netscape Este tutorial te muestra cómo obtener un espléndido efecto dinámico en el menú que se desplaza. Se compone de imágenes de acompañamiento gráfico y de una página de ejemplo práctico. 16. Gestionar fecha y hora con HTML dinámico Compatibilidad: Ms Internet Explorer, Netscape Tutorial sobre la gestión del tiempo en HTML dinámico: comparación con Javascript, un reloj dinámico para Ms Internet Explorer, un reloj dinámico crossbrowser, un reloj en la barra del título de MsIe y un reloj en el fondo del documento. 17. Efectos dinámicos en el texto que comenta las imágenes Compatibilidad: Ms Internet Explorer, Netscape Gracias a este tutorial aprenderás a dinamizar los comentarios de las imágenes. No tendrás ya un simple texto insertado en el atributo ALT de las imágenes, sino texto que se desplaza sobre texto y otros elementos. El tutorial se compone de 3 ejemplos prácticos. 18. Efectos dinámicos al abrir y cerrar la página Compatibilidad: Ms Internet Explorer, Netscape Los clásicos efectos de transición exclusivamente compatibles con MsIe, ahora también son posibles para Netscape. Este tutorial muestra 5 diversos efectos de transición al entrar en la página: líneas múltiples horizontales, 2 líneas verticales, 2 líneas horizontales, visualización progresiva y líneas múltiples verticales. 19. Menú desde el botón derecho del ratón Compatibilidad: Ms Internet Explorer Un tutorial que muestra toda la simplificación que el enfoque de MsIe ha introducido en la gestión del DHTML. Con pocas líneas de código, breves y sencillas, es posible crear un menú desde el botón derecho del ratón, con voces personalizables. 20. El Document Object Model de DHTML Compatibilidad: Ms Internet Explorer Panorámica general sobre la historia y uso actual del DOM para DHTML, tanto por lo que se refiere al modelo Microsoft, como al de Netscape.