Mostrar más instrucciones
La preparación de sus fotos
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 .