HTMLpointHTMLpoint HTMLpoint.com


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.

Usuarios nivel intermedio Recorrido aconsejado: intermedio
Nivel de dificultad: medio


    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.
Vuelve a principio de página