Cómo poner una miniatura de la foto en una página Web

Una miniatura es una versión pequeña de una fotografía o imagen que enlaza con la versión más grande. Las miniaturas permiten a los visitantes tener una visión global de las imágenes de la página sin ocupar grandes cantidades de espacio o forzándolos a esperar a que toda la página se cargue antes de ver la imagen deseada. Las miniaturas son ideales para las fotografías, imágenes y álbumes de fotos.

Instrucciones

Prepara tus imágenes para la página:

1 Leer 'Cómo transferir fotografías sobre una computadora "(Relacionado eHow' s) para aprender a transferir sus fotografías en el disco duro.

2 Guardar las imágenes transferidas en una carpeta especial para que sepa dónde están cuando los necesitas.

3 Inicie la aplicación de diseño de páginas web o editor HTML y posicionar el cursor en la que aparecerá la primera miniatura.

Hay básicamente dos maneras de insertar una imagen en miniatura. Los pasos descritos en la sección ilustran la primera forma, la inserción de la imagen y luego la reducción del tamaño de la imagen. La ventaja de hacer esto es que la imagen cargas completamente; Por lo tanto, cuando los usuarios hacen clic en él, la imagen más grande, que ya ha sido almacenada en su memoria caché, aparece con facilidad. La desventaja es que este método puede reducir en gran medida la velocidad a la que se carga la página.

4 Coloque el cursor en el punto de inserción e insertar la imagen. En HTML, debe escribir el código de imagen y luego el nombre de la imagen. Con una aplicación de diseño de páginas web, puede utilizar comandos de menú para seleccionar e insertar la imagen.

5 Reducir la imagen hasta que tenga el tamaño de una imagen en miniatura de. Con un editor HTML, Tipo , Reemplazando el nombre de la imagen y las especificaciones. Con una aplicación de diseño de páginas web, puede hacer clic en la imagen, 'agarrar' usando uno de los bares de esquina y reducir de forma manual (consulte a su archivo de solicitudes de ayuda para más información).

6 Enlace a la imagen original. En HTML, escriba. Cierre con la etiqueta. Con una aplicación de diseño de páginas web, haga clic en la imagen y seleccione el enlace o el comando de Enlace de la barra de menú y seleccione el nombre de la imagen.

El segundo método de inserción de una imagen en miniatura es crear una versión más pequeña de la imagen original. La ventaja es que esta imagen más pequeño no toma mucho tiempo para cargar y es a menudo más clara una imagen de tamaño reducido que. Las desventajas son que debe crear dos imágenes separadas para cada imagen (la imagen y el original) y, cuando el usuario hace clic para ver la imagen más grande, puede tomar algún tiempo para cargar.

7 Utilice el programa de edición gráfica favorito para cambiar el tamaño de la imagen a las proporciones deseadas.

8 Guardar y el nombre de la imagen redimensionada como una versión más pequeña de la imagen original. Por ejemplo, imagesm.jpg.

9 Colocar el cursor en el punto de inserción e insertar la imagen (véase la sección 2).

10 Enlace a la imagen original (véase la sección 2).

11 Guarde la página y subirlo a su sitio web. Asegúrese de cargar todas las imágenes y las imágenes más pequeñas si se eligió el segundo método.

12 Abra la página en un navegador web y haga clic en cada imagen para verificar el enlace. Corregir cualquier acoplamiento según sea necesario.

Consejos y advertencias

• Algunas aplicaciones de diseño web, como Microsoft FrontPage 2000, tienen un "Hacer miniatura 'comando. Este comando crea, nombres e inserta la imagen en miniatura, que une automáticamente a la imagen original.