1
00:00:00,000 --> 00:00:10,820
Bien, y ahora que ya tengo las dos imágenes, lo que voy a hacer es la composición.

2
00:00:10,820 --> 00:00:21,699
Entonces para eso me voy a GIMP y lo que voy a hacer va a ser abrir, crear una nueva imagen

3
00:00:21,699 --> 00:00:28,600
que le voy a dar el tamaño de la imagen de cabecera ya completa, tal cual yo la quiero.

4
00:00:28,600 --> 00:00:35,380
entonces básicamente le voy a dar un tamaño de una anchura de 1300 píxeles una altura de

5
00:00:35,380 --> 00:00:42,399
200 píxeles y en opciones avanzadas voy a decir que quiero rellenar con transparencia le doy a

6
00:00:42,399 --> 00:00:50,500
aceptar y ya veo aquí que me ha creado pues una imagen lo estoy viendo al 66% es un esquema de

7
00:00:50,500 --> 00:00:58,799
dónde yo voy a de dónde voy a incluirlas a diseñar mi cabecera bien pulsaría en archivo

8
00:00:58,799 --> 00:01:05,620
abrir como capas y entonces con esta acción lo que voy a seleccionar son las dos imágenes que

9
00:01:05,620 --> 00:01:12,579
tengo preparadas previamente tanto la del logo como la imagen de del arbolito las voy

10
00:01:12,579 --> 00:01:17,260
a incorporar a mi imagen de cabecera.

11
00:01:17,819 --> 00:01:24,939
Bien, lo que hago es seleccionar las dos imágenes que ya tenía creadas, le doy a

12
00:01:24,939 --> 00:01:31,980
abrir y entonces ya veo que lo que ha sucedido es que aquí en la zona de

13
00:01:31,980 --> 00:01:37,420
capas veo que tengo un fondo, que es un fondo transparente, y me ha añadido una

14
00:01:37,420 --> 00:01:42,260
capa con la imagen del arbolito y una capa con la imagen de los puntos de

15
00:01:42,260 --> 00:01:50,239
colores. Yo estas imágenes, estas capas las puedo hacer visibles o bien ocultarlas. Voy a hacer

16
00:01:50,239 --> 00:01:57,019
visible de momento por ejemplo la imagen del arbolito y con este símbolo que es herramienta

17
00:01:57,019 --> 00:02:02,840
de mover lo que puedo hacer es situar esta capa donde yo quiera. Yo la voy a traer por ejemplo

18
00:02:02,840 --> 00:02:11,580
aquí a la zona de la derecha. Voy a hacer visible ahora la imagen de los puntos de colores y de

19
00:02:11,580 --> 00:02:18,120
nuevo la voy a mover aquí hacia la izquierda. La puedo mover bien con el ratón o bien con

20
00:02:18,120 --> 00:02:25,099
la ayuda del teclado, como yo quiera. Bien, ya tengo, de lo que es el diseño que yo tenía,

21
00:02:25,099 --> 00:02:30,139
ya tengo la imagen situada a la izquierda y la imagen situada a la derecha. Ahora voy a

22
00:02:30,139 --> 00:02:37,180
incluir ese texto. Entonces, para incluir un texto uso esta herramienta, que es la herramienta de

23
00:02:37,180 --> 00:02:47,120
texto. Bien, tengo que elegir un tipo de letra. Yo voy a elegir, por ejemplo, esta que me

24
00:02:47,120 --> 00:02:56,840
ha parecido interesante, esta de aquí, y voy a pinchar donde quiera escribir, centro

25
00:02:56,840 --> 00:03:09,860
público bueno es un tamaño un poquito grande voy a ajustarle el tamaño así y una vez que ya ha

26
00:03:09,860 --> 00:03:17,060
escrito mi texto yo puedo luego situarlo moverlo situarlo donde yo quiera ahora voy a añadir otro

27
00:03:17,060 --> 00:03:28,889
texto para el cual voy a elegir una letra un poquito más gordita y voy a escribir aquí mi

28
00:03:28,889 --> 00:03:33,569
colegio este texto lo que hemos dicho yo lo

29
00:03:33,569 --> 00:03:39,889
puedo mover como yo quiera y lo que voy a hacer es este texto de aquí

30
00:03:39,889 --> 00:03:46,849
lo que voy a hacer va a ser pues definirlo un poquito más grande

31
00:03:46,849 --> 00:03:53,210
porque bueno pues quiero darle relevancia centro público mi colegio muy

32
00:03:53,210 --> 00:03:58,729
bien ya tengo ahora mismo realmente la capa del árbol de la imagen del árbol

33
00:03:58,729 --> 00:04:06,009
la capa de los puntos de colores y las dos capas de mis dos textos y siempre manteniendo este fondo

34
00:04:06,009 --> 00:04:10,789
que aquí se ve un fondo de cuadritos que lo que representa es un fondo transparente ahora

35
00:04:10,789 --> 00:04:19,350
simplemente tengo que darle archivo exportar como y usamos la opción de exportación cuidado no la

36
00:04:19,350 --> 00:04:25,490
opción de guardar que lo que me guardaría es el proyecto de lo que quiero es exportar como lo que

37
00:04:25,490 --> 00:04:31,910
voy a hacer va a ser darle un nombre a mi cabecera y la voy a guardar como png

38
00:04:31,910 --> 00:04:37,069
eso es importante para que mantenga el fondo transparente el tipo de la imagen

39
00:04:37,069 --> 00:04:44,569
tiene que ser bmp o sea tiene que ser no puede ser jpg quiero decir puede ser

40
00:04:44,569 --> 00:04:50,230
puede ser de más formatos pero el formato recomendado es png bien pues la

41
00:04:50,230 --> 00:05:00,670
voy a llamar por ejemplo mi cabecera punto png y le doy a exportar y ya está ya tengo mi cabecera

42
00:05:00,670 --> 00:05:08,759
aquí bueno pues ajustó un poquito la calidad y ya tengo aquí mi cabecera exportada bien ahora

43
00:05:08,759 --> 00:05:20,529
ya sólo me quedaría volver a mi centro venir aquí al menú editar diseñador web y ahora ya

44
00:05:20,529 --> 00:05:34,970
simplemente en la pestaña de cabecera donde pone imagen pulsaría aquí voy a añadir la añadir una

45
00:05:34,970 --> 00:05:42,470
imagen para localizarla con el botón examinar localizarla de mi ordenador voy a venirme aquí

46
00:05:42,470 --> 00:05:56,839
el escritorio, cabecera, mi cabecera, pulso en abrir, pulso en subir fichero y veo aquí

47
00:05:56,839 --> 00:06:03,399
la barra de progreso, me dice que ya ha terminado de subir, entonces me dice que accedo a los

48
00:06:03,399 --> 00:06:09,199
ficheros subidos desde listado, me voy aquí a listado y veo que efectivamente aquí tengo

49
00:06:09,199 --> 00:06:11,220
mi imagen, pulso aquí en este

50
00:06:11,220 --> 00:06:13,480
circulito, seleccionar

51
00:06:13,480 --> 00:06:15,180
y

52
00:06:15,180 --> 00:06:16,500
ahora mismo ya

53
00:06:16,500 --> 00:06:19,339
tengo seleccionada mi imagen

54
00:06:19,339 --> 00:06:21,339
cuando yo pulso en guardar

55
00:06:21,339 --> 00:06:23,300
y salir, veo

56
00:06:23,300 --> 00:06:25,379
aquí ya mi imagen

57
00:06:25,379 --> 00:06:26,339
incorporada

58
00:06:26,339 --> 00:06:28,379
vale, entonces

59
00:06:28,379 --> 00:06:31,060
tengo la imagen incorporada pero veo que

60
00:06:31,060 --> 00:06:33,259
bueno, pues veo por aquí el nombre

61
00:06:33,259 --> 00:06:35,139
del centro, veo que la imagen

62
00:06:35,139 --> 00:06:36,519
no se ajusta

63
00:06:36,519 --> 00:06:39,040
bien al tamaño

64
00:06:39,040 --> 00:06:46,060
ni en anchura ni en altura. Todo esto de nuevo para ajustarlo pues vengo al diseñador web

65
00:06:46,060 --> 00:06:57,259
y simplemente en la anchura pues voy a decir que la web ocupa el 100% de la página, ya

66
00:06:57,259 --> 00:07:04,139
vemos que se ensancha. En cuanto a la cabecera voy a decir que no muestre el nombre de la

67
00:07:04,139 --> 00:07:10,740
web como nombre de cabecera vemos que ya lo ocultado también voy a ocultar el

68
00:07:10,740 --> 00:07:16,259
buscador marcando aquí y ahora ya voy a ajustar

69
00:07:16,259 --> 00:07:22,019
también la altura para que en lugar de tener 150 píxeles tenga 200 que es el

70
00:07:22,019 --> 00:07:27,199
tamaño que yo he definido para mi cabecera si quiero puedo ponerle mejor

71
00:07:27,199 --> 00:07:33,639
el fondo blanco porque quede más más elegante y ya cuando tenga ya todo

72
00:07:33,639 --> 00:07:39,699
definido guardar y salir y ya estaría ya tendría yo la web de

73
00:07:39,699 --> 00:07:44,980
mi centro definida con su imagen de cabecera y el aspecto bueno pues pues va

74
00:07:44,980 --> 00:07:49,600
cambiando que más cosas hemos hecho aquí bueno pues hemos ajustado por ejemplo

75
00:07:49,600 --> 00:07:54,939
los menús lo que hemos hecho ha sido pues jugar con los colores siempre con

76
00:07:54,939 --> 00:08:01,540
el diseñador web jugar con los colores de los menús con los colores de los

77
00:08:01,540 --> 00:08:07,360
recursos hemos elegido un tema en fin aquí ya tenemos distintas opciones de

78
00:08:07,360 --> 00:08:11,319
configuración pues para conseguir personalizar la apariencia

79
00:08:11,319 --> 00:08:17,420
y conseguir el diseño de la web que más nos guste