SlideShare una empresa de Scribd logo
1 de 9
Descargar para leer sin conexión
Universidad Nacional de Chimborazo
ESCUELADE INFORMÁTICAAPLICADAALAEDUCACIÓN
SEXTO SEMESTRE PARALELO"A"
MATERIA:
Herramientas Multimedia II
ALUMNA:
CarlaGuamán
TEMA:
Como crear Galería web en Photoshop
Marzo-Julio
2013*2014
Universidad Nacionalde Chimborazo
Como crear una Galería de ImágenesWeb
Photoshop le permite realizar tareas por medio de opciones que ya vienen preparadas para que usted
simplemente seleccione algunas opciones por medio de Adobe Bridge que es una aplicación
multiplataforma incluida con los componentes de Adobe® Creative Suite® 4.
Usted puede utilizar Adobe Bridge como un explorador que le ayuda a encontrar,
organizar y examinar activos para crear contenido de impresión, Web, vídeo y para
dispositivos móviles.
¿Una galeria 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.” 1
¿Cómo crear una galeria web?
A continuacion vamos a detallar como crear una galeria de imágenes web con ayuda de Adobe Breidge
1) Puede iniciar Bridge desde la barra de control de Photoshop haciendo clic en el primer ícono en la
parte superior izquierda.
1 http://www.udb.edu.sv/udb/archivo/guia/comunicaciones/edicion-fotografica/2013/i/guia-11.pdf
Universidad Nacionalde Chimborazo
Como crear una Galería de ImágenesWeb
2) Guardar en una carpeta todas las imágenes que desee que aparezca en la galería web. Puede guardar
enumeradas o con cualquier nombre.
3) Abrir Adobe Bridge y buscar la carpeta donde se encuentra las imágenes
1
2
3
1
2
3
Universidad Nacionalde Chimborazo
Como crear una Galería de ImágenesWeb
4) Para abrir las preferencias de la galería Web hay que presionar ctrl+ F4 o hacer click en la opción
Salida.
5) Tenemos dos opciones a primera para hacer presentaciones en pdf y la otra galería web.
Seleccionar Galería web en el panel a la derecha
6) Damos clic derecho en contenido y elegimos previsualizar
1 2
3
Universidad Nacionalde Chimborazo
Como crear una Galería de ImágenesWeb
7) En el panel derecho en la opción Salida tenemos diferentes iconos para el Diseño de la galería de
imágenes web
Plantilla Estilos
Ya cuando hayamos elegido la plantilla y el estilo deseado damos clic en automatizar y
previsualizar o en automatizar y previsualizar en el navegador.
Universidad Nacionalde Chimborazo
Como crear una Galería de ImágenesWeb
Información del sitio: en esto sitio podemos poner: Título de sitio, Título de colección,
Descripción, Correo electrónico, Entre otros. Luego que ya se haya elegido damos clic en en
automatizar y previsualizar o en automatizar y previsualizar en el navegador. Y se cambiara los
datos
Panel de Colores._ se puede mejor el diseño de la galería poniendo color al Fondo, Menú,
Titulo y Miniatura. Luego que ya se haya elegido damos clic en en automatizar y previsualizar o
en automatizar y previsualizar en el navegador. Se cambiara de color.
1
2
3
1
Universidad Nacionalde Chimborazo
Como crear una Galería de ImágenesWeb
Apariencia.-se cambiara para una mejor visualización: tamaño de proyección de diapositivas,
tamaño de imagen y tamaño de miniatura, duración, etc. Luego que ya se haya elegido damos
clic en en automatizar y previsualizar o en automatizar y previsualizar en el navegador. Y Se
cambiara de visualizacion.
2
3
1
3
2
Universidad Nacionalde Chimborazo
Como crear una Galería de ImágenesWeb
Crear Galería._ para finalizar con la galería: se pondrá el nombre, ubicación de
almacenamiento, nombre de usuario, contraseña. Por ultimo damos clic en guardar
8) Vamos a buscar en el disco la carpeta guardada “Galería de imágenes”
9) Abrimos la carpeta “Galeria de imagenes” y damos clic en index con la extension “.hmtl”
1
3
Universidad Nacionalde Chimborazo
Como crear una Galería de ImágenesWeb
10) Y por último Se abrirá una galería de imágenes en la web

Más contenido relacionado

La actualidad más candente

Trabajo practico 7
Trabajo practico 7Trabajo practico 7
Trabajo practico 7Matias Tltc
 
Nuestro mural colaborativo en padlet
Nuestro mural colaborativo en padletNuestro mural colaborativo en padlet
Nuestro mural colaborativo en padletProyecto CREA
 
Trabajo práctico n 6
Trabajo práctico n 6Trabajo práctico n 6
Trabajo práctico n 6Juli Moreno
 
Personalizar google chrome y añadir marcadores
Personalizar google chrome y añadir marcadoresPersonalizar google chrome y añadir marcadores
Personalizar google chrome y añadir marcadoresTomás Martí
 
Tutorial: cómo usar glogster
Tutorial: cómo usar glogsterTutorial: cómo usar glogster
Tutorial: cómo usar glogstergabrielgcossa
 
Ict phase 1 español
Ict phase 1   españolIct phase 1   español
Ict phase 1 españolsparky32
 
Segunda parte elaboración de un blog
Segunda parte elaboración de un blogSegunda parte elaboración de un blog
Segunda parte elaboración de un blogAndres Harry
 
Tutorialglogster es2[1]
Tutorialglogster es2[1]Tutorialglogster es2[1]
Tutorialglogster es2[1]monetxu
 
Presentaciones en prezi
Presentaciones en preziPresentaciones en prezi
Presentaciones en prezijuniorgo
 
Voy a hacer un wiki. Tutorial de Wikispaces
Voy a hacer un wiki. Tutorial de WikispacesVoy a hacer un wiki. Tutorial de Wikispaces
Voy a hacer un wiki. Tutorial de WikispacesAna Basterra
 
Paso a paso prezi completo 2014
Paso a paso prezi completo 2014Paso a paso prezi completo 2014
Paso a paso prezi completo 2014Yetty Lara Aleman
 

La actualidad más candente (19)

Trabajo práctico n 6
Trabajo práctico n 6Trabajo práctico n 6
Trabajo práctico n 6
 
Trabajo practico 7
Trabajo practico 7Trabajo practico 7
Trabajo practico 7
 
Nuestro mural colaborativo en padlet
Nuestro mural colaborativo en padletNuestro mural colaborativo en padlet
Nuestro mural colaborativo en padlet
 
Informática, presentación 2
Informática, presentación 2Informática, presentación 2
Informática, presentación 2
 
Trabajo práctico n 6
Trabajo práctico n 6Trabajo práctico n 6
Trabajo práctico n 6
 
Personalizar google chrome y añadir marcadores
Personalizar google chrome y añadir marcadoresPersonalizar google chrome y añadir marcadores
Personalizar google chrome y añadir marcadores
 
Juju2deber
Juju2deberJuju2deber
Juju2deber
 
Examen final
Examen finalExamen final
Examen final
 
Tutorial: cómo usar glogster
Tutorial: cómo usar glogsterTutorial: cómo usar glogster
Tutorial: cómo usar glogster
 
Ict phase 1 español
Ict phase 1   españolIct phase 1   español
Ict phase 1 español
 
Segunda parte elaboración de un blog
Segunda parte elaboración de un blogSegunda parte elaboración de un blog
Segunda parte elaboración de un blog
 
Tutorialglogster es2[1]
Tutorialglogster es2[1]Tutorialglogster es2[1]
Tutorialglogster es2[1]
 
Presentaciones en prezi
Presentaciones en preziPresentaciones en prezi
Presentaciones en prezi
 
Tp 12
Tp 12Tp 12
Tp 12
 
Voy a hacer un wiki. Tutorial de Wikispaces
Voy a hacer un wiki. Tutorial de WikispacesVoy a hacer un wiki. Tutorial de Wikispaces
Voy a hacer un wiki. Tutorial de Wikispaces
 
Tb de flor
Tb de florTb de flor
Tb de flor
 
Tb 2
Tb 2 Tb 2
Tb 2
 
Glogster
GlogsterGlogster
Glogster
 
Paso a paso prezi completo 2014
Paso a paso prezi completo 2014Paso a paso prezi completo 2014
Paso a paso prezi completo 2014
 

Destacado

Perez jesica t21_6_b
Perez jesica t21_6_bPerez jesica t21_6_b
Perez jesica t21_6_bJesica Pérez
 
Pérez jésica 6_b_ti3
Pérez jésica 6_b_ti3Pérez jésica 6_b_ti3
Pérez jésica 6_b_ti3Jesica Pérez
 
Pérez jesica 6_b_img_vectorial
Pérez jesica 6_b_img_vectorialPérez jesica 6_b_img_vectorial
Pérez jesica 6_b_img_vectorialJesica Pérez
 
H multimedia ii_unidad_iii
H multimedia ii_unidad_iiiH multimedia ii_unidad_iii
H multimedia ii_unidad_iiiJesica Pérez
 
H multimedia ii_unidad_1
H multimedia ii_unidad_1H multimedia ii_unidad_1
H multimedia ii_unidad_1Carlys Pgm
 
Carla guaman 6_a_t1
Carla guaman 6_a_t1Carla guaman 6_a_t1
Carla guaman 6_a_t1Carlys Pgm
 
Guaman carla 6_a_t15
Guaman carla 6_a_t15Guaman carla 6_a_t15
Guaman carla 6_a_t15Carlys Pgm
 
Pérez jésica t22_6_b
Pérez jésica t22_6_bPérez jésica t22_6_b
Pérez jésica t22_6_bJesica Pérez
 
Guaman carla 6_a _t11
Guaman carla 6_a _t11Guaman carla 6_a _t11
Guaman carla 6_a _t11Carlys Pgm
 
Pérez jésica 6_b_t15
Pérez jésica 6_b_t15Pérez jésica 6_b_t15
Pérez jésica 6_b_t15Jesica Pérez
 
Pérez jésica 6_b_ti
Pérez jésica 6_b_tiPérez jésica 6_b_ti
Pérez jésica 6_b_tiJesica Pérez
 
Jésica pérez t1_6_bm
Jésica pérez t1_6_bmJésica pérez t1_6_bm
Jésica pérez t1_6_bmJesica Pérez
 
Manual de herramientas multimedia en la educación
Manual de herramientas multimedia en la educaciónManual de herramientas multimedia en la educación
Manual de herramientas multimedia en la educaciónDanny Logroño
 
Tesis final agosto_2009
Tesis final agosto_2009Tesis final agosto_2009
Tesis final agosto_2009ofimate
 
Carla guaman 6_a_ti_2
Carla guaman 6_a_ti_2Carla guaman 6_a_ti_2
Carla guaman 6_a_ti_2Carlys Pgm
 
Silabo Animacion de Graficos
Silabo Animacion de GraficosSilabo Animacion de Graficos
Silabo Animacion de GraficosJohan Silva Cueva
 
Sílabo herramientas multimedia
Sílabo herramientas multimediaSílabo herramientas multimedia
Sílabo herramientas multimediaWILDER VILCAHUAMAN
 

Destacado (19)

Perez jesica t21_6_b
Perez jesica t21_6_bPerez jesica t21_6_b
Perez jesica t21_6_b
 
Pérez jésica 6_b_ti3
Pérez jésica 6_b_ti3Pérez jésica 6_b_ti3
Pérez jésica 6_b_ti3
 
Pérez jesica 6_b_img_vectorial
Pérez jesica 6_b_img_vectorialPérez jesica 6_b_img_vectorial
Pérez jesica 6_b_img_vectorial
 
H multimedia ii_unidad_iii
H multimedia ii_unidad_iiiH multimedia ii_unidad_iii
H multimedia ii_unidad_iii
 
H multimedia ii_unidad_1
H multimedia ii_unidad_1H multimedia ii_unidad_1
H multimedia ii_unidad_1
 
Carla guaman 6_a_t1
Carla guaman 6_a_t1Carla guaman 6_a_t1
Carla guaman 6_a_t1
 
Guaman carla 6_a_t15
Guaman carla 6_a_t15Guaman carla 6_a_t15
Guaman carla 6_a_t15
 
Pérez jésica t22_6_b
Pérez jésica t22_6_bPérez jésica t22_6_b
Pérez jésica t22_6_b
 
Guaman carla 6_a _t11
Guaman carla 6_a _t11Guaman carla 6_a _t11
Guaman carla 6_a _t11
 
Pérez jésica 6_b_t15
Pérez jésica 6_b_t15Pérez jésica 6_b_t15
Pérez jésica 6_b_t15
 
Pérez jésica 6_b_ti
Pérez jésica 6_b_tiPérez jésica 6_b_ti
Pérez jésica 6_b_ti
 
Jésica pérez t1_6_bm
Jésica pérez t1_6_bmJésica pérez t1_6_bm
Jésica pérez t1_6_bm
 
Audition
AuditionAudition
Audition
 
Manual de herramientas multimedia en la educación
Manual de herramientas multimedia en la educaciónManual de herramientas multimedia en la educación
Manual de herramientas multimedia en la educación
 
Tesis final agosto_2009
Tesis final agosto_2009Tesis final agosto_2009
Tesis final agosto_2009
 
Carla guaman 6_a_ti_2
Carla guaman 6_a_ti_2Carla guaman 6_a_ti_2
Carla guaman 6_a_ti_2
 
Silabo
SilaboSilabo
Silabo
 
Silabo Animacion de Graficos
Silabo Animacion de GraficosSilabo Animacion de Graficos
Silabo Animacion de Graficos
 
Sílabo herramientas multimedia
Sílabo herramientas multimediaSílabo herramientas multimedia
Sílabo herramientas multimedia
 

Similar a Guaman carla 6_a_ti_1

Trabajo práctico nº7
Trabajo práctico nº7Trabajo práctico nº7
Trabajo práctico nº7magalimaidana
 
Desarrollo del trabajo practico nº 7
Desarrollo del trabajo practico nº 7Desarrollo del trabajo practico nº 7
Desarrollo del trabajo practico nº 7Leonel Paz
 
Trabajo Practico N°2
Trabajo Practico N°2Trabajo Practico N°2
Trabajo Practico N°2francisop
 
Info tp4 del y so
Info tp4 del y soInfo tp4 del y so
Info tp4 del y sodelfimi
 
Trabajo práctico nº7 info 2012
Trabajo práctico nº7 info 2012Trabajo práctico nº7 info 2012
Trabajo práctico nº7 info 2012alexiatoledo
 
Trabajo practico nº 7
Trabajo practico nº 7Trabajo practico nº 7
Trabajo practico nº 7pizzia215
 
Trabajo práctico nº 2
Trabajo práctico nº 2Trabajo práctico nº 2
Trabajo práctico nº 2Camlaisas
 
Material didáctico de web 2.0 tarea 3
Material didáctico de web 2.0 tarea 3Material didáctico de web 2.0 tarea 3
Material didáctico de web 2.0 tarea 3prometeoleonado
 
Trabajo practico n 7.(informatica)
Trabajo practico n 7.(informatica)Trabajo practico n 7.(informatica)
Trabajo practico n 7.(informatica)rociomaidana
 
Trabajo practico n 7.(informatica)
Trabajo practico n 7.(informatica)Trabajo practico n 7.(informatica)
Trabajo practico n 7.(informatica)alvarofrias2012
 

Similar a Guaman carla 6_a_ti_1 (20)

Trabajo práctico nº7
Trabajo práctico nº7Trabajo práctico nº7
Trabajo práctico nº7
 
Desarrollo del trabajo practico nº 7
Desarrollo del trabajo practico nº 7Desarrollo del trabajo practico nº 7
Desarrollo del trabajo practico nº 7
 
Trabajo practico nº 7
Trabajo practico nº 7Trabajo practico nº 7
Trabajo practico nº 7
 
Trabajo p..[1]
Trabajo p..[1]Trabajo p..[1]
Trabajo p..[1]
 
Trabajo Practico N°2
Trabajo Practico N°2Trabajo Practico N°2
Trabajo Practico N°2
 
Trabajo practico n° 7
Trabajo practico n° 7Trabajo practico n° 7
Trabajo practico n° 7
 
Tp nº7
Tp nº7Tp nº7
Tp nº7
 
Trabajo practico 10
Trabajo practico 10Trabajo practico 10
Trabajo practico 10
 
Info tp4 del y so
Info tp4 del y soInfo tp4 del y so
Info tp4 del y so
 
Trabajo practo 9
Trabajo practo 9Trabajo practo 9
Trabajo practo 9
 
Trabajo prctico n 1
Trabajo prctico n 1Trabajo prctico n 1
Trabajo prctico n 1
 
Tp10
Tp10Tp10
Tp10
 
Trabajo práctico nº7 info 2012
Trabajo práctico nº7 info 2012Trabajo práctico nº7 info 2012
Trabajo práctico nº7 info 2012
 
Trabajo practico nº 7
Trabajo practico nº 7Trabajo practico nº 7
Trabajo practico nº 7
 
Trabajo práctico nº 2
Trabajo práctico nº 2Trabajo práctico nº 2
Trabajo práctico nº 2
 
Material didáctico de web 2.0 tarea 3
Material didáctico de web 2.0 tarea 3Material didáctico de web 2.0 tarea 3
Material didáctico de web 2.0 tarea 3
 
REPASO PARA 5TO DE SECUNDARIA
REPASO PARA 5TO DE SECUNDARIAREPASO PARA 5TO DE SECUNDARIA
REPASO PARA 5TO DE SECUNDARIA
 
Trabajo practico n 7.(informatica)
Trabajo practico n 7.(informatica)Trabajo practico n 7.(informatica)
Trabajo practico n 7.(informatica)
 
Trabajo practico n 7.(informatica)
Trabajo practico n 7.(informatica)Trabajo practico n 7.(informatica)
Trabajo practico n 7.(informatica)
 
Trabajo practico n 7.(informatica)
Trabajo practico n 7.(informatica)Trabajo practico n 7.(informatica)
Trabajo practico n 7.(informatica)
 

Más de Carlys Pgm

Planificacion anual
Planificacion anualPlanificacion anual
Planificacion anualCarlys Pgm
 
Internet buscadores
Internet buscadoresInternet buscadores
Internet buscadoresCarlys Pgm
 
Creación e-mail
Creación e-mailCreación e-mail
Creación e-mailCarlys Pgm
 
Introduccion e-mail
Introduccion e-mailIntroduccion e-mail
Introduccion e-mailCarlys Pgm
 
Creación de blog
Creación de blogCreación de blog
Creación de blogCarlys Pgm
 
Navegación internet
Navegación internetNavegación internet
Navegación internetCarlys Pgm
 
Internet buscadores
Internet buscadoresInternet buscadores
Internet buscadoresCarlys Pgm
 
Creación de blogs clase 3
Creación de blogs clase 3Creación de blogs clase 3
Creación de blogs clase 3Carlys Pgm
 
Herramientas ofimatica (word n°1)
Herramientas        ofimatica    (word n°1)Herramientas        ofimatica    (word n°1)
Herramientas ofimatica (word n°1)Carlys Pgm
 
Herramientas ofimatica (word n°1)
Herramientas        ofimatica              (word n°1)Herramientas        ofimatica              (word n°1)
Herramientas ofimatica (word n°1)Carlys Pgm
 
Herramientas ofimatica (excel)
Herramientas ofimatica (excel)Herramientas ofimatica (excel)
Herramientas ofimatica (excel)Carlys Pgm
 
Lineamientos curriculares
Lineamientos curricularesLineamientos curriculares
Lineamientos curricularesCarlys Pgm
 
Caracteriticas liferay
Caracteriticas liferayCaracteriticas liferay
Caracteriticas liferayCarlys Pgm
 
Caracteriticas liferay
Caracteriticas liferayCaracteriticas liferay
Caracteriticas liferayCarlys Pgm
 
Silabo_Desarrollo de Aplicaciones Informatica
Silabo_Desarrollo de Aplicaciones InformaticaSilabo_Desarrollo de Aplicaciones Informatica
Silabo_Desarrollo de Aplicaciones InformaticaCarlys Pgm
 

Más de Carlys Pgm (20)

Planificacion anual
Planificacion anualPlanificacion anual
Planificacion anual
 
Lim clase-2
Lim clase-2Lim clase-2
Lim clase-2
 
Lim 1 bgu
Lim 1 bguLim 1 bgu
Lim 1 bgu
 
Internet buscadores
Internet buscadoresInternet buscadores
Internet buscadores
 
Creación e-mail
Creación e-mailCreación e-mail
Creación e-mail
 
Introduccion e-mail
Introduccion e-mailIntroduccion e-mail
Introduccion e-mail
 
Creación de blog
Creación de blogCreación de blog
Creación de blog
 
Navegación internet
Navegación internetNavegación internet
Navegación internet
 
Lim 1 bgu
Lim 1 bguLim 1 bgu
Lim 1 bgu
 
Internet buscadores
Internet buscadoresInternet buscadores
Internet buscadores
 
Email class 2
Email class 2Email class 2
Email class 2
 
Email class 1
Email class 1Email class 1
Email class 1
 
Creación de blogs clase 3
Creación de blogs clase 3Creación de blogs clase 3
Creación de blogs clase 3
 
Herramientas ofimatica (word n°1)
Herramientas        ofimatica    (word n°1)Herramientas        ofimatica    (word n°1)
Herramientas ofimatica (word n°1)
 
Herramientas ofimatica (word n°1)
Herramientas        ofimatica              (word n°1)Herramientas        ofimatica              (word n°1)
Herramientas ofimatica (word n°1)
 
Herramientas ofimatica (excel)
Herramientas ofimatica (excel)Herramientas ofimatica (excel)
Herramientas ofimatica (excel)
 
Lineamientos curriculares
Lineamientos curricularesLineamientos curriculares
Lineamientos curriculares
 
Caracteriticas liferay
Caracteriticas liferayCaracteriticas liferay
Caracteriticas liferay
 
Caracteriticas liferay
Caracteriticas liferayCaracteriticas liferay
Caracteriticas liferay
 
Silabo_Desarrollo de Aplicaciones Informatica
Silabo_Desarrollo de Aplicaciones InformaticaSilabo_Desarrollo de Aplicaciones Informatica
Silabo_Desarrollo de Aplicaciones Informatica
 

Guaman carla 6_a_ti_1

  • 1. Universidad Nacional de Chimborazo ESCUELADE INFORMÁTICAAPLICADAALAEDUCACIÓN SEXTO SEMESTRE PARALELO"A" MATERIA: Herramientas Multimedia II ALUMNA: CarlaGuamán TEMA: Como crear Galería web en Photoshop Marzo-Julio 2013*2014
  • 2. Universidad Nacionalde Chimborazo Como crear una Galería de ImágenesWeb Photoshop le permite realizar tareas por medio de opciones que ya vienen preparadas para que usted simplemente seleccione algunas opciones por medio de Adobe Bridge que es una aplicación multiplataforma incluida con los componentes de Adobe® Creative Suite® 4. Usted puede utilizar Adobe Bridge como un explorador que le ayuda a encontrar, organizar y examinar activos para crear contenido de impresión, Web, vídeo y para dispositivos móviles. ¿Una galeria 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.” 1 ¿Cómo crear una galeria web? A continuacion vamos a detallar como crear una galeria de imágenes web con ayuda de Adobe Breidge 1) Puede iniciar Bridge desde la barra de control de Photoshop haciendo clic en el primer ícono en la parte superior izquierda. 1 http://www.udb.edu.sv/udb/archivo/guia/comunicaciones/edicion-fotografica/2013/i/guia-11.pdf
  • 3. Universidad Nacionalde Chimborazo Como crear una Galería de ImágenesWeb 2) Guardar en una carpeta todas las imágenes que desee que aparezca en la galería web. Puede guardar enumeradas o con cualquier nombre. 3) Abrir Adobe Bridge y buscar la carpeta donde se encuentra las imágenes 1 2 3 1 2 3
  • 4. Universidad Nacionalde Chimborazo Como crear una Galería de ImágenesWeb 4) Para abrir las preferencias de la galería Web hay que presionar ctrl+ F4 o hacer click en la opción Salida. 5) Tenemos dos opciones a primera para hacer presentaciones en pdf y la otra galería web. Seleccionar Galería web en el panel a la derecha 6) Damos clic derecho en contenido y elegimos previsualizar 1 2 3
  • 5. Universidad Nacionalde Chimborazo Como crear una Galería de ImágenesWeb 7) En el panel derecho en la opción Salida tenemos diferentes iconos para el Diseño de la galería de imágenes web Plantilla Estilos Ya cuando hayamos elegido la plantilla y el estilo deseado damos clic en automatizar y previsualizar o en automatizar y previsualizar en el navegador.
  • 6. Universidad Nacionalde Chimborazo Como crear una Galería de ImágenesWeb Información del sitio: en esto sitio podemos poner: Título de sitio, Título de colección, Descripción, Correo electrónico, Entre otros. Luego que ya se haya elegido damos clic en en automatizar y previsualizar o en automatizar y previsualizar en el navegador. Y se cambiara los datos Panel de Colores._ se puede mejor el diseño de la galería poniendo color al Fondo, Menú, Titulo y Miniatura. Luego que ya se haya elegido damos clic en en automatizar y previsualizar o en automatizar y previsualizar en el navegador. Se cambiara de color. 1 2 3 1
  • 7. Universidad Nacionalde Chimborazo Como crear una Galería de ImágenesWeb Apariencia.-se cambiara para una mejor visualización: tamaño de proyección de diapositivas, tamaño de imagen y tamaño de miniatura, duración, etc. Luego que ya se haya elegido damos clic en en automatizar y previsualizar o en automatizar y previsualizar en el navegador. Y Se cambiara de visualizacion. 2 3 1 3 2
  • 8. Universidad Nacionalde Chimborazo Como crear una Galería de ImágenesWeb Crear Galería._ para finalizar con la galería: se pondrá el nombre, ubicación de almacenamiento, nombre de usuario, contraseña. Por ultimo damos clic en guardar 8) Vamos a buscar en el disco la carpeta guardada “Galería de imágenes” 9) Abrimos la carpeta “Galeria de imagenes” y damos clic en index con la extension “.hmtl” 1 3
  • 9. Universidad Nacionalde Chimborazo Como crear una Galería de ImágenesWeb 10) Y por último Se abrirá una galería de imágenes en la web