UNIVERSIDAD NACIONAL DE CHIMBORAZO Facultad de Ciencias de la Educación, Humanas y Tecnologías Escuela de Informática Aplicada a la Educación

Página 1

HERRAMIENTA Y MULTIMEDIA II PREPARADO POR: LUMISACA PINDUISACA HECTOR

FECHA: 24-04-2014

TÍTULO: TUTORIAL DE POTO SHOP SC7 GALERÍA WEB

D E S A R R O L L O

Concepto de photoshopsc7 Adobe Photoshop (popularmente conocido sólo por su segundo nombre, Photoshop) es un editor de gráficos rasterizados desarrollado por Adobe Systems principalmente usado para el retoque de fotografías y gráficos. Su nombre en español significa literalmente "taller de fotos". Es líder mundial del mercado de las aplicaciones de edición de imágenes y domina este sector de tal manera que su nombre es ampliamente empleado como sinónimo para la edición de imágenes en general. Esta es Photoshop sc7 una vez descargada e instalada

Para utilizar damos doble clic para abrir el programa y utilizar de manera extraordinaria, una vez abierta el programa este es la pantalla principal.

En este caso vamos a utilizar Acerca de las galerías de fotografías web

Una galería de fotografías web es un sitio web con una página principal con imágenes en miniatura y páginas de galería con imágenes en tamaño completo. Cada página contiene enlaces que permiten al visitante navegar por el sitio. Por ejemplo, cuando un visitante

UNIVERSIDAD NACIONAL DE CHIMBORAZO Facultad de Ciencias de la Educación, Humanas y Tecnologías Escuela de Informática Aplicada a la Educación

Página 2

hace clic en una imagen en miniatura de la página principal, la imagen en tamaño completo asociada se carga en la página de la galería. Utilice el comando Galería de fotografías web para generar automáticamente una galería de fotografías web a partir de un conjunto de imágenes.

Página principal de la galería de fotografías web

Creación de una galería de fotografías web

Photoshop proporciona una variedad de estilos para la galería que pueden seleccionarse mediante el comando Galería de fotografías web.

Uso del plugin anterior opcional de Photoshop

si tu programa es portable debes descargar el plugin caso contrario si el programa es original ya viene incluido este icono en mi caso el Photoshop es original solo les voy indicar como utilizar

En Photoshop, elija Archivo > Automatizar > Galería de fotografías web.

UNIVERSIDAD NACIONAL DE CHIMBORAZO Facultad de Ciencias de la Educación, Humanas y Tecnologías Escuela de Informática Aplicada a la Educación

Página 3

En el cuadro de diálogo aparece una previsualización de la página principal del estilo seleccionado.

Especifique una dirección de correo electrónico como información de contacto para la galería. Elija los archivos de origen para la galería.

Elija los archivos de origen para la galería en el menú aquí como podemos ver tenemos la carpeta de galerías en nuestro escritorio

UNIVERSIDAD NACIONAL DE CHIMBORAZO Facultad de Ciencias de la Educación, Humanas y Tecnologías Escuela de Informática Aplicada a la Educación

Página 4

Emplea imágenes de carpetas seleccionadas con los botones Examinar y abrimos nuestra carpeta de imágenes.

A continuación, seleccione una carpeta en la que almacenar las imágenes y las páginas HTML de la galería. Luego, haga clic en OK

Selector de color de Adobe. Puede cambiar el color de fondo de cada página (opción Fondo) y del titular (opción Titular).

UNIVERSIDAD NACIONAL DE CHIMBORAZO Facultad de Ciencias de la Educación, Humanas y Tecnologías Escuela de Informática Aplicada a la Educación

Página 5

Luego dado ok esto es la galería de imágenes web

Opciones de la galería de fotografías web

Extensión utiliza .htm o .HTML como extensión del nombre de archivo. Utilizar codificación UTF 8 para URL

UNIVERSIDAD NACIONAL DE CHIMBORAZO Facultad de Ciencias de la Educación, Humanas y Tecnologías Escuela de Informática Aplicada a la Educación

Página 6

Utiliza codificación UTF 8. Añadir atributos de altura y anchura para las imágenes Especifica las dimensiones, reduciéndose así el tiempo de descarga. Conservar todos los metadatos Conserva la información sobre metadatos

Distintivos de estilos de galería de fotografías web

Photoshop utiliza distintivos en los archivos de plantilla HTML para definir un estilo de galería de fotografías web por defecto. Photoshop utiliza estos distintivos para generar una galería basada en la entrada de usuario en el cuadro de diálogo Galería de fotografías web.