Tecnología

Inicio

Cómo hacer de desplazamiento de imágenes en una página web

Cómo hacer de desplazamiento de imágenes en una página web


Si desea diseñar un sitio llamativo usando sus imágenes, considere hacer sus imágenes se desplazan a través de la página. Aunque este efecto se realiza normalmente mediante un reproductor Flash o código JavaScript, podría utilizar el lenguaje de marcado de hipertexto (HTML). No sólo hace HTML utilizar un menor número de líneas de marcado para lograr este efecto, pero el código más claro es menos probable que ralentizar su página cuando se carga en un navegador. Entender cómo aplicar HTML para mover las imágenes a través de la página Web y llamar la atención sobre sus fotos.

Instrucciones

1 Ingrese a su cuenta de alojamiento web y subir sus imágenes en el mismo directorio donde residen los archivos del sitio web. Esto normalmente se realiza haciendo clic en el "Panel de control" o la función "cpanel", haga clic en el "public_html" o la carpeta "Public_WWW" y haciendo clic en el botón "Navegador", "Abrir" o "Subir" botón que aparece en la página. Anote la ubicación URL de los archivos de imagen después de que el proceso de carga (por ejemplo, "http://www.site.com/images/picture.gif").

2 Inicie su programa editor de texto y abrir la página Web que desea agregar al desplazamiento imágenes.

3 Coloque el cursor en el área donde desea que aparezcan las imágenes. Escriba las siguientes etiquetas de marquesina:

<Marquee>

</ Marquee>

La marquesina se aplica un comportamiento de desplazarse al contenido colocado entre estos elementos.

4 Coloca el cursor entre las etiquetas de marquesina e introduzca un código fuente de imagen seguido de la dirección URL de su foto de la etapa anterior. Incluir imágenes adicionales mediante la introducción de la dirección en una etiqueta de imagen separada. Por ejemplo:

<Marquee>

<Img />

<Img />

</ Marquee>

5 Introduzca el atributo alt para cada imagen para describir lo que la foto es. Además, el tipo en las dimensiones deseadas de la imagen (si se prefiere) para controlar qué tan pequeño o grande que aparezca la imagen. Por ejemplo:

<Img alt = "imagen del océano" height = anchura "50" = "75" />

6 Guarde el archivo y subirlo de nuevo a su proveedor de alojamiento web para publicar sus imágenes sucesivas.


Artículos relacionados