A " picture show ", o " galería de imágenes ", presenta fotografías en una cartera -como página web. Mientras galerías de imágenes puede tener muchas configuraciones , un formato popular muestra imágenes en miniatura en el lateral , superior o inferior de la página. Cuando el usuario hace clic en cada miniatura , una versión en tamaño completo correspondiente de la foto aparece en el centro de la página . Dreamweaver CS3 soporta varias maneras de crear galerías de imágenes . Uno de los métodos más fáciles y más común es el uso de un " conjunto de marcos . " Un conjunto de marcos es un contenedor de página web HTML que consta de dos o más " marcos ". Cada cuadro muestra una página individual o URL. Cosas que necesitará hotel Adobe Dreamweaver CS3 o posterior hotel Adobe Photoshop, iPhoto de Apple , Windows Paint o cualquier otro editor de imágenes
Mostrar más instrucciones
La preparación de sus fotos
< br > 1

Cambiar el tamaño de las fotos en su software de edición de imágenes . Tendrá dos versiones de cada imagen --- una versión de tamaño completo (por ejemplo , 400 por 300 píxeles, o lo que funcione mejor para la forma y el tamaño de las fotos) y una versión en miniatura (por ejemplo , 100 por 75 píxeles) .
2

Establece la resolución para cada imagen de puntos " 72 " (o píxeles) por pulgada ( o " 96 " para los monitores de alta definición ) .
3

Guardar cada imagen en un subdirectorio del directorio en el que desea crear un sitio web de la galería de imágenes . Nombra las "imágenes ". Subdirectorio Guarde las imágenes como archivos JPEG . Nombre de ellos " foto1 ", " foto2 ", y así sucesivamente , el nombre de las imágenes en miniatura correspondientes " thumb1 ", " thumb2 , " etc

Creación de su Galería de imágenes en Dreamweaver
4

abierto Dreamweaver, y luego haga clic en " archivo" en la barra de menú. Seleccione la opción " Nuevo" para abrir el cuadro de diálogo Nuevo documento.
5

Haga clic en " Página de muestra" en la columna izquierda del cuadro de diálogo y haga clic en " conjunto de marcos " en la columna " Folder Muestra" . Esto muestra una lista de conjuntos de marcos de muestra en la tercera columna del cuadro de diálogo . Elija " L izquierda . "
6

Haga clic en " Crear". Dreamweaver muestra la " accesibilidad de la etiqueta Frame atributos " cuadro de diálogo. Haga clic en " Aceptar". Los marcos son nombrados de acuerdo a su ubicación en la página . En la parte izquierda se llama " leftFrame , " y la estructura principal se llama " mainframe. "
7

Haga clic en " Archivo" en la barra de menú y selecciona " Guardar todo ". Dreamweaver le pedirá que asigne un nombre de tres archivos, uno tras otro : en primer lugar , el propio conjunto de marcos --- nombre de " Galería ". En segundo lugar, la estructura principal --- el nombre de " foto1 ". En tercer lugar, el marco izquierdo --- nombre de " miniaturas ".
8

Insertar " photo1.jpg " en el marco principal (a la derecha ) , y luego haga clic en " Archivo" en la barra de menú y seleccione "Save frame ".
9

Crear un nuevo archivo HTML en el cuadro principal de cada foto y guardarla , así: Eliminar " photo1.jpg " de la estructura principal . Inserte " photo2.jpg " en el marco principal. Haga clic en " Archivo" en la barra de menú y seleccione "Guardar marco como . " Nombre del archivo " foto2 " y guárdelo. Repita este procedimiento para cada una de sus fotos , nombrando cada archivo HTML con el nombre de la foto correspondiente.
10

Inserte las imágenes en miniatura en el marco de la izquierda . Coloque las imágenes verticalmente en el marco en el orden en que se nombró --- " foto1 " primero , segundo " foto2 " , etc
11

Seleccione la primera miniatura. Ir al panel Propiedades y escriba el nombre de archivo y ruta de acceso para la primera página completa de fotos HTML en el campo " Enlace " , de esta manera: ". Images/photo1.html " (sin comillas )
12

Haga clic en el "Target " desplegable en el panel Propiedades y seleccione " mainframe. " Esto le dice el navegador del usuario para cargar photo1.html en el marco principal cuando se hace clic en la miniatura.
13

Repita los dos pasos anteriores para cada uno de sus conjuntos de imágenes en miniatura y de tamaño completo.
Página 14

Haga clic en " archivo" en la barra de menú y seleccione " Save Frame " salvar " thumbnails.html . "
15

Open " gallery.html " en un navegador para probar su galería de imágenes .