Tecnología

Inicio

Cómo crear una imagen de diapositivas en una página Web

Cómo crear una imagen de diapositivas en una página Web


Al crear una presentación de diapositivas de imagen para visualizar imágenes en su página web, se agrega un poco más de mejora en el aspecto general de su página. El movimiento de las imágenes puede ser más atractivo visualmente para su audiencia página web que una imagen estancada. Aunque se pueden crear presentaciones de diapositivas utilizando sitios web tales como diapositivas y Flickr, estos sitios se coloque pequeños anuncios en la presentación de diapositivas. Esto puede hacer que su página aparezca poco profesional. Para evitar los anuncios, puede crear su propio programa de imagen de diapositivas usando código HTML.

Instrucciones

1 Guardar las imágenes que desea utilizar en su presentación de diapositivas en el disco duro o un disco duro externo de su ordenador.

2 Sube las imágenes que desea utilizar en su presentación de diapositivas para el servidor de alojamiento web. Para ello, haga clic en el botón "Inicio", luego "Panel de control". Seleccionar "Directorio de archivos" y "Imágenes". Haga clic en la opción de subir nuevas imágenes. Seleccione "Examinar". Después de hacer clic en esa opción, navegar a través de las imágenes que se almacenan en el paso anterior para seleccionar las que desea cargar.

3 Escribir o copiar el nombre de archivo para cada imagen que ha sido cargado en el directorio de imágenes. Por ejemplo, mypicture1.jpg, mypicture2.jpg, y mypicture3.jpg.

4 Volver al "Directorio de archivos" de la "Panel de control". Haga clic en la página Web (archivo) que desea agregar la presentación de diapositivas en la imagen para. Seleccionar la opción de editar la página. Esto abrirá el editor de página web.

5 Inserte el siguiente código HTML en el editor de página web. Asegúrese de editar los nombres de archivo para cada imagen de forma que se corresponde con los nombres de archivo desde el paso 3.

<Marquee behavior = "scroll" direction = "left"> <img width = "250" height = "250" /> <img width = "250" height = "250" /> <img width = "250" height = "250" /> </ marquee>

6 Haga clic en "Guardar" para guardar los cambios.