1
00:00:05,870 --> 00:00:20,850
Hola chicos, os voy a explicar muy rápidamente cómo abrir una imagen en GIMP y cómo obtener los puntos de los píxeles en los que nosotros podemos, por ejemplo, hacer un mapa sensible, que es otro de los objetivos de este vídeo.

2
00:00:21,309 --> 00:00:31,870
Enseñaros a obtener el punto para luego poder hacer un mapa sensible en HTML, que es una de las cosas que me estáis demandando y preguntando más, y de esta manera, bueno, pues, como se suele decir, me quito dos pájaros de un tiro.

3
00:00:31,870 --> 00:00:34,289
bueno, si yo le doy aquí a archivo

4
00:00:34,289 --> 00:00:35,770
y le doy a abrir

5
00:00:35,770 --> 00:00:38,009
me voy a tener que seleccionar

6
00:00:38,009 --> 00:00:40,929
la imagen que yo quiero poner

7
00:00:40,929 --> 00:00:41,829
si no está aquí

8
00:00:41,829 --> 00:00:45,009
me tendría que ir a la localización de la imagen

9
00:00:45,009 --> 00:00:46,929
y abrirla, yo por ejemplo la tengo aquí

10
00:00:47,649 --> 00:00:49,189
entonces la abro

11
00:00:49,189 --> 00:00:51,030
y veis que en este caso

12
00:00:51,030 --> 00:00:52,630
se trata de una imagen pequeña

13
00:00:52,630 --> 00:00:54,969
es una imagen pequeña

14
00:00:54,969 --> 00:00:57,170
y yo puedo hacer

15
00:00:57,170 --> 00:00:59,090
lo siguiente, yo puedo dar a la tecla más

16
00:00:59,090 --> 00:01:01,490
de mi teclado

17
00:01:01,490 --> 00:01:03,490
Y le estoy aplicando el zoom

18
00:01:03,490 --> 00:01:04,909
Y le doy a la tecla menos

19
00:01:04,909 --> 00:01:06,250
Y le doy aplicando el zoom

20
00:01:06,250 --> 00:01:07,109
¿Vale?

21
00:01:07,510 --> 00:01:10,109
Bueno, si me sitúo con el puntero del ratón

22
00:01:10,109 --> 00:01:11,969
En cualquier punto de aquí

23
00:01:11,969 --> 00:01:12,870
¿Vale?

24
00:01:13,290 --> 00:01:14,689
Veis que aquí abajo

25
00:01:14,689 --> 00:01:16,469
En esta parte de aquí

26
00:01:16,469 --> 00:01:18,090
¿Vale? Ahora mismo no, pero

27
00:01:18,090 --> 00:01:23,030
Veis que ahí, por ejemplo, estoy en el punto 18, 171

28
00:01:23,030 --> 00:01:24,650
¿Vale? Si me voy aquí a Madrid

29
00:01:24,650 --> 00:01:27,450
Pues estaría como en el 133, 175

30
00:01:27,450 --> 00:01:28,790
Bueno, etcétera, etcétera

31
00:01:28,790 --> 00:01:29,189
¿Vale?

32
00:01:29,189 --> 00:01:31,250
Yo, por ejemplo, he creado

33
00:01:31,250 --> 00:01:33,790
este mapa, dentro de lo que es

34
00:01:33,790 --> 00:01:35,109
esta imagen, vale

35
00:01:35,109 --> 00:01:37,609
fijaos, he cogido

36
00:01:37,609 --> 00:01:41,549
un título, lo que sea, vale

37
00:01:41,549 --> 00:01:43,510
le he puesto el nombre mapa, le podéis

38
00:01:43,510 --> 00:01:45,510
dar el nombre que queráis, y he hecho

39
00:01:45,510 --> 00:01:47,150
un área circular en las coordenadas

40
00:01:47,150 --> 00:01:49,370
134, 74, es decir

41
00:01:49,370 --> 00:01:51,310
por aquí por Madrid, vale

42
00:01:51,310 --> 00:01:53,569
serían, bueno pues por aquí casi

43
00:01:53,569 --> 00:01:55,430
casi, vale, con el ratón

44
00:01:55,430 --> 00:01:57,230
ahora me cuesta un poquito, pero bueno

45
00:01:57,230 --> 00:01:59,489
ahí, vale, y le he dicho

46
00:01:59,489 --> 00:02:01,510
que tenga un radio de 10

47
00:02:01,510 --> 00:02:05,409
y de esta manera en ese área, que va a ser un área circular aquí en la zona esta de Madrid

48
00:02:05,409 --> 00:02:09,469
pinchando en ella me voy a hacer una referencia al Madrid.org

49
00:02:09,469 --> 00:02:14,330
Luego he hecho una coordenada rectangular

50
00:02:14,330 --> 00:02:18,129
desde la 5048 hasta la 70143

51
00:02:18,129 --> 00:02:21,330
eso más o menos es este área de aquí

52
00:02:21,330 --> 00:02:25,490
un área rectangular, que en este caso me lo voy a portugal.com

53
00:02:25,490 --> 00:02:27,509
y por último he hecho un área poligonal

54
00:02:27,509 --> 00:02:31,490
Un área poligonal que hace un dibujo aquí sobre Extremadura

55
00:02:31,490 --> 00:02:36,569
Así un poquito, bueno, pues parecido a lo que es en este caso la provincia de Extremadura

56
00:02:36,569 --> 00:02:41,629
¿Vale? Siempre en los mapas sensibles hay que intentar jugar con esto de polígono

57
00:02:41,629 --> 00:02:44,229
Porque es como realmente mejor nos va a salir

58
00:02:44,229 --> 00:02:48,270
¿Vale? Pero realmente importante, fijaos, ahora mismo estoy en el 94-93

59
00:02:48,270 --> 00:02:51,870
¿Por qué estoy en el 94-93? Porque aquí abajo me lo pone

60
00:02:51,870 --> 00:02:54,449
¿Vale? Ahora donde estoy, en el 95-40

61
00:02:54,449 --> 00:02:56,490
Entonces esto es lo que tenéis que ir apuntando

62
00:02:56,490 --> 00:02:59,409
bueno, si yo guardo

63
00:02:59,409 --> 00:03:00,310
esto como mapa

64
00:03:00,310 --> 00:03:01,969
y lo ejecuto

65
00:03:01,969 --> 00:03:05,169
pues fijaos, me aparece esto

66
00:03:05,169 --> 00:03:06,349
en mi página web

67
00:03:06,349 --> 00:03:09,289
de tal manera que si yo pincho

68
00:03:09,289 --> 00:03:10,849
aquí en la zona de Madrid, fijaos

69
00:03:10,849 --> 00:03:11,830
me sale ese círculo

70
00:03:11,830 --> 00:03:15,210
y pincho, y donde me lleva, pues a lo que había dicho

71
00:03:15,210 --> 00:03:16,030
a madrid.org

72
00:03:16,030 --> 00:03:19,569
si pincho aquí en la zona de Portugal

73
00:03:19,569 --> 00:03:20,949
que es otra de las que había marcado

74
00:03:20,949 --> 00:03:22,849
pues ahí tengo el rectángulo

75
00:03:22,849 --> 00:03:25,189
y donde me lleva, pues era a

76
00:03:25,189 --> 00:03:30,050
Y por último, era una opción poligonal.

77
00:03:30,569 --> 00:03:32,409
Bueno, pues fijaos, hay más o menos ese polígono.

78
00:03:32,770 --> 00:03:36,550
Cada uno, esto simplemente para que veáis cómo se hace, no es suficiente.

79
00:03:37,030 --> 00:03:39,250
Y me lleva a Extremadura.com.

80
00:03:40,729 --> 00:03:46,389
Bueno, esta es la forma de hacer más fácilmente los mapas sensibles.

81
00:03:47,009 --> 00:03:50,729
Os vuelvo a poner cómo sería el código de este.

82
00:03:50,729 --> 00:03:53,169
si yo me voy aquí a archivo

83
00:03:53,169 --> 00:03:56,129
y me voy a herramientas

84
00:03:56,129 --> 00:03:58,449
le puedo aquí a dar

85
00:03:58,449 --> 00:03:59,469
guardar la página

86
00:03:59,469 --> 00:04:02,129
si le doy aquí a

87
00:04:02,129 --> 00:04:03,250
marcadores

88
00:04:03,250 --> 00:04:05,069
me gustan otros marcadores

89
00:04:05,069 --> 00:04:06,310
etc, etc, etc

90
00:04:06,310 --> 00:04:08,930
y para ver el código fuente, pues fijaos

91
00:04:08,930 --> 00:04:11,449
botón derecho, ver código fuente de la página

92
00:04:11,449 --> 00:04:13,469
y aquí os dejo como sería

93
00:04:13,469 --> 00:04:13,990
en este caso

94
00:04:13,990 --> 00:04:17,410
el ejemplo del mapa que acabo de poner

95
00:04:17,410 --> 00:04:20,310
espero que haya sido de ayuda

96
00:04:20,310 --> 00:04:26,189
si cualquier cosa que no hayáis entendido en ánimo que tenéis que

97
00:04:26,189 --> 00:04:28,810
terminar en la página web