1
00:00:00,110 --> 00:00:20,309
Bien, estamos viendo ahora la sección de galería de la web. Vamos a aprender cómo crear una galería de imágenes de una forma bastante sencilla.

2
00:00:21,370 --> 00:00:28,230
Siempre se tiene que hacer desde el backend de la página, entonces lo primero que tenemos que hacer es identificarnos en la parte trasera.

3
00:00:28,230 --> 00:00:34,570
Aquí ya estamos identificados y vamos a acudir a utilizar el componente Event Gallery.

4
00:00:35,070 --> 00:00:39,929
Entonces esto desplegamos en el menú de componentes y buscamos Event Gallery.

5
00:00:40,429 --> 00:00:45,130
Hacemos clic y este es el panel de control del componente Event Gallery.

6
00:00:46,250 --> 00:00:52,630
Bueno, vamos a suponer que queremos crear una categoría para ir añadiendo nuestras galerías de imágenes.

7
00:00:52,630 --> 00:00:59,469
Ahora mismo solo hay cuatro categorías, actos académicos, excursiones, viajes de estudio y fiestas del centro.

8
00:00:59,810 --> 00:01:11,930
Por ejemplo, vamos a suponer que queremos crear una categoría de viajes de estudio y dentro podemos poner cuarto de la ESO o primero de la ESO, por ejemplo.

9
00:01:12,530 --> 00:01:16,129
Lo primero que tenemos que hacer sería crear una nueva categoría.

10
00:01:16,129 --> 00:01:31,519
Ahora, escribimos el título de la categoría, viajes de cuarto de ESO, y en la descripción un texto muy breve.

11
00:01:37,840 --> 00:01:46,500
Dejamos la categoría publicada y aquí es muy importante saber si esta categoría va a estar en la raíz o va a ser dependiente de otra categoría.

12
00:01:47,500 --> 00:01:54,640
Pues de las cuatro que tenemos, lo más adecuado es que dentro de viajes de estudio se encuentre viajes de cuarto de la ESO.

13
00:01:54,640 --> 00:01:57,859
Pues la categoría padre va a ser viajes de estudio.

14
00:01:58,760 --> 00:02:00,120
Guardamos y cerramos.

15
00:02:02,680 --> 00:02:11,360
Bien, aquí podemos observar las categorías existentes y hemos creado una subcategoría dentro de viajes de estudio llamada viajes de cuarto de ESO.

16
00:02:12,520 --> 00:02:15,360
Bueno, pues ahora vamos a empezar a crear nuestra galería.

17
00:02:15,360 --> 00:02:20,180
El término galería, aquí al estar en inglés, lo vamos a asociar siempre con eventos.

18
00:02:21,780 --> 00:02:28,259
Gestionamos eventos, ahora mismo hay tres galerías y lo que tenemos que hacer es crear una nueva galería.

19
00:02:30,340 --> 00:02:42,520
Vamos a crear una carpetita donde se van a almacenar nuestras imágenes y el nombre del archivo de la carpeta no tiene que contener espacios y es mejor evitarlo.

20
00:02:42,520 --> 00:02:53,439
Entonces podemos poner una cosa sencilla, por ejemplo, y aquí tenemos que poner el título de la galería.

21
00:02:55,159 --> 00:02:57,199
Podemos ponerlo en español y en inglés.

22
00:03:02,229 --> 00:03:07,610
La fecha, no hace falta tampoco especificar, pone por defecto la que tenemos ahora mismo.

23
00:03:08,449 --> 00:03:13,229
Y tan solo tenemos que seleccionar en qué categoría se va a crear nuestra galería de imágenes.

24
00:03:13,229 --> 00:03:33,169
Vamos a poner viajes de cuarto de la ESO, vamos a marcar que ya aparezca como publicada, entonces marcamos en sí, y lo de cartable vamos a dejarlo que como este componente está pensado para vender imágenes, dejamos eso en no, para que no aparezcan todas las opciones de compra de imágenes, etc.

25
00:03:33,169 --> 00:03:41,550
Podemos poner una descripción más amplia en este apartado

26
00:03:41,550 --> 00:03:43,530
En inglés y en español

27
00:03:43,530 --> 00:03:47,349
Bueno, en principio lo voy a dejar vacío porque no es necesario

28
00:03:47,349 --> 00:03:51,930
Ya tenemos todos los campos, guardamos y cerramos

29
00:03:51,930 --> 00:03:58,289
Efectivamente, aquí tenemos la última categoría que hemos creado

30
00:03:58,289 --> 00:03:59,889
Viaje 2015

31
00:03:59,889 --> 00:04:07,289
Carpeta, el título de la galería de imágenes y en qué categoría está almacenada

32
00:04:07,289 --> 00:04:11,509
No tiene comentarios y ahora mismo tampoco tiene imágenes

33
00:04:11,509 --> 00:04:18,790
Si observamos otras, esta tiene 3 imágenes, esta tiene 8 imágenes y esta 5

34
00:04:18,790 --> 00:04:23,750
Bueno, pues ahora llega el momento de gestionar cómo subir las imágenes

35
00:04:24,470 --> 00:04:30,610
Aquí tenemos este icono que nos va a servir para añadir imágenes a la galería.

36
00:04:31,089 --> 00:04:37,629
Tan solo tenemos que examinar y decir en nuestro ordenador donde se encuentran las imágenes.

37
00:04:39,129 --> 00:04:41,290
Bien, por ejemplo aquí tenemos estas imágenes.

38
00:04:41,769 --> 00:04:47,769
El problema que podemos encontrarnos si queremos subir unas imágenes directamente hechas con nuestra cámara fotográfica

39
00:04:47,769 --> 00:04:50,930
es que sean muy pesadas, ocupen mucho tamaño.

40
00:04:50,930 --> 00:05:04,709
Entonces, antes de subir estas imágenes, que son de gran tamaño, por ejemplo aquí, este ocupa 5,80 megas y tiene unas dimensiones de 4300 x 2800 píxeles.

41
00:05:05,189 --> 00:05:07,629
Esto hay que reducirlo antes de subirlo al componente.

42
00:05:08,449 --> 00:05:14,730
Vamos a explicar brevemente cómo podemos reducir el tamaño de las imágenes y que se vean adecuadas en la web.

43
00:05:14,730 --> 00:05:21,810
Aquí tenemos la galería de imágenes, podemos observar 2,95 megas, son muy pesadas.

44
00:05:22,569 --> 00:05:27,889
Lo que tenemos, pues hay una aplicación gratuita, yo selecciono todas las imágenes que quiero reducir

45
00:05:27,889 --> 00:05:37,439
y con botón derecho tengo una aplicación ya instalada en mi equipo y es muy sencilla de utilizar.

46
00:05:37,959 --> 00:05:45,759
Tenemos seleccionadas las 5 imágenes, podemos elegir qué perfil para definir sus dimensiones.

47
00:05:45,759 --> 00:05:54,819
Entonces para nuestra web yo creo que se va a ver y van a ocupar poco con unas dimensiones de 1024 píxeles por 768.

48
00:05:55,079 --> 00:06:00,480
Lo dejamos marcado esas dimensiones, va a mantener la relación de aspecto para no deformar las imágenes.

49
00:06:01,139 --> 00:06:05,000
Y tenemos la opción de sobre escribir las antiguas o crear copias.

50
00:06:05,720 --> 00:06:12,480
Bueno pues entonces yo como no quiero estas imágenes después para nada voy a redimensionar el original.

51
00:06:12,480 --> 00:06:20,980
Hacemos clic aquí y ya se han procesado

52
00:06:20,980 --> 00:06:27,480
Cerramos y ahora por ejemplo vemos que esta imagen ya ocupa 1024x700

53
00:06:27,480 --> 00:06:29,899
Pesa 268K

54
00:06:29,899 --> 00:06:34,339
Entonces ahora estas imágenes sí que las vamos a utilizar en la galería

55
00:06:34,339 --> 00:06:38,199
Bueno, pues entonces examinamos

56
00:06:38,199 --> 00:06:41,399
Vamos a la carpeta

57
00:06:41,399 --> 00:06:46,509
Y subimos todas las imágenes

58
00:06:46,509 --> 00:07:00,319
Ya están subidas, cerramos y ya están guardadas.

59
00:07:01,740 --> 00:07:10,120
Si hacemos clic aquí en la carpeta de este iconito, nos va a mostrar todas las imágenes que tiene nuestra galería recién creada.

60
00:07:11,600 --> 00:07:17,139
Podemos definir que una de ellas sea la imagen de muestra, la de la cabecera de la galería.

61
00:07:18,319 --> 00:07:20,040
Y ya no tenemos que hacer nada más.

62
00:07:21,259 --> 00:07:22,420
Vamos a ver cómo ha quedado.

63
00:07:22,980 --> 00:07:30,829
Actualizamos esto y aquí tenemos la nueva galería creada.

64
00:07:33,879 --> 00:07:36,939
Esta sería la imagen que hemos elegido para la portada de la galería.

65
00:07:37,240 --> 00:07:42,540
Si hacemos clic en ella, se accede a la galería completa.

66
00:07:43,420 --> 00:07:52,420
Y para verlas de una en una, pues hacemos clic en una imagen, se carga y tenemos la posibilidad de desplazarnos a derecha y a izquierda

67
00:07:52,420 --> 00:07:59,329
o de cerrar y volver a la pantalla anterior.

68
00:07:59,329 --> 00:08:06,610
En la parte de arriba nos marcan las galerías, categorías y subcategorías en las que nos estamos moviendo

69
00:08:06,610 --> 00:08:08,769
Y eso es todo