HTMLpointHTMLpoint HTMLpoint.com


 Scroller de texto e imágenes 1/3

 por Massimiliano Valente

Una de las mayores exigencias de los diseñadores web consiste en obtener efectos gráficos atractivos sin superar límites razonables de peso en Kb de las páginas web. En el equilibrio de estos dos aspectos reside, probablemente, el secreto de la buena gráfica de los sitios web: correctas dosis de gráfica y funcionalidad. No existe una fórmula empírica que explique objetivamente dónde y cuándo se logra alcanzar este equilibrio. Existen, sin embargo, algunas medidas aconsejables que un elaborador debería adoptar al crear un sitio. La primera consiste en optimizar lo más posible las imágenes GIF o JPG, limitando su peso en Kb sin que sufra excesivamente la calidad. La segunda consiste en usar lo más frecuentemente posible texto HTML en lugar de imágenes, sobre todo para la creación de títulos y encabezamientos de página.

En este último punto, HTML dinámico acude en ayuda de los elaboradores con una serie de efectos especiales que mueven el texto en la dirección deseado evitando el uso de GIF animados o difuminan los colores evitando el uso de Applet Java.

Marquee es una marca HTML que permite el movimiento de simple texto dentro de un documento web. Introducida desde la versión 2.0 de MsIe, no se ha integrado nunca en Netscape, el cual no prevé ninguna marca con efectos similares. Su funcionamiento es muy sencillo y conlleva el uso de código Javascript o DHTML. Esta simplicidad queda confirmada por la presencia de marcas destinadas a personalizar el desplazamiento del texto. He aquí algunas:

<MARQUEE BEHAVIOR=SCROLL>HTMLpoint</MARQUEE>

Texto en movimiento de derecha a izquierda sin interrupciones:

<MARQUEE BEHAVIOR=SLIDE> HTMLpoint </MARQUEE>

Texto en movimiento desde la derecha con parada en el lado izquierdo

<MARQUEE BEHAVIOR=ALTERNATE> HTMLpoint </MARQUEE>

Texto en movimiento continuo de derecha a izquierda y viceversa

<MARQUEE BGCOLOR=red>HTMLpoint</MARQUEE>

Establece el color de fondo

<MARQUEE DIRECTION=RIGHT>HTMLpoint</MARQUEE>

Define la dirección del movimiento (en este caso de derecha a izquierda)

<MARQUEE HEIGHT=20 WIDTH=300>HTMLpoint</MARQUEE>

Altura (height) y anchura (width) en píxel.

<MARQUEE HSPACE=10 VSPACE=10>HTMLpoint</MARQUEE>

Distancia, en píxel, de los márgenes laterales (HSPACE) y superior e inferior (VSPACE)

<MARQUEE LOOP=5>HTMLpoint </MARQUEE>

Número de veces que pasa el texto. El parámetro puede impostarse en INFINITAS.

<MARQUEE SCROLLDELAY=5 SCROLLAMOUNT=2>HTMLpoint</MARQUEE>

Velocidad, en milésimas de segundo, de visualización de los mensajes.

Muestra el ejemplo práctico


En la versión 4 de MsIe el elemento MARQUEE se ha implementado con la adición de un modelo de objetos que reproduce cualquier código HTML. En Internet Explorer 4 es, por ejemplo, posible alternar el desplazamiento hacia arriba o hacia abajo, además de contener controles que responden a clic del ratón o pulsaciones del teclado. Todo esto gracias a tres eventos estándar: onstart, onbounce, onfinish.

Un ejemplo práctico de este nuevo enfoque del elemento MARQUEE sería:


Muestra el ejemplo práctico



  Vuelve a principio de página