1
00:00:02,609 --> 00:00:11,330
Vamos a mostrar una opción que tenemos de modificar cosas de la aula virtual que no se nos exige pero en determinados casos puede mejorar el aspecto de nuestra aula.

2
00:00:11,830 --> 00:00:17,829
Vamos por ejemplo a aprender a cambiar el color de fondo de los elementos.

3
00:00:18,089 --> 00:00:25,030
El color de fondo se va a cambiar el color de la caja en la que trabajemos o de las líneas que nosotros definamos.

4
00:00:25,030 --> 00:00:35,469
Es decir, si veo un modo de audición, aquí si cambio el color de esto se me va a cambiar lo que es la guía didáctica, pero no se me van a cambiar las actividades de debajo.

5
00:00:36,409 --> 00:00:44,270
Se me va a cambiar esta ventanita de baloncesto, pero las otras no. Tendría que ir cambiándolas yo individualmente en los casos en los que se pueda.

6
00:00:44,850 --> 00:00:46,549
Aquí, por ejemplo, se me va a cambiar esto.

7
00:00:46,549 --> 00:00:58,310
Al tener la distribución de una sección por página, pues sí que va a quedar más o menos bien porque todo lo que tenemos hecho se muestra solo la página inicial.

8
00:00:58,630 --> 00:01:09,450
¿Y cómo se haría esto? Pues vamos, por ejemplo, a baloncesto, damos a modo edición, bajamos a baloncesto y vamos a cambiar este color.

9
00:01:09,450 --> 00:01:17,530
El cambio se realiza aquí, editar tema, añadir más botones, botones avanzados, y se hace en HTML.

10
00:01:18,269 --> 00:01:20,609
Tenemos que entender un poco qué es HTML.

11
00:01:21,010 --> 00:01:25,170
No es que sea no entenderlo por completo, sino una parte de HTML.

12
00:01:25,510 --> 00:01:28,390
Son un sistema de etiquetas que le dice al contenido lo que tienen que hacer.

13
00:01:28,969 --> 00:01:33,129
En este caso, esta etiqueta empieza aquí y se cierra aquí.

14
00:01:33,609 --> 00:01:38,469
Y lo que dice es que el texto se va a alinear al centro y que luego va a añadir esta imagen.

15
00:01:38,469 --> 00:01:50,329
¿Cómo sé que dice esto? Porque si me vengo aquí y le digo que lo alinee a la izquierda, vuelvo a HTML y aquí me dice que se está alineando a la izquierda.

16
00:01:50,769 --> 00:01:58,349
Si cambio y le digo que lo alinee a la derecha, lo que me está haciendo es alinearlo a la derecha.

17
00:01:59,609 --> 00:02:03,629
Eso me da pistas sobre qué está haciendo este comando HTML.

18
00:02:03,629 --> 00:02:10,949
Ahora nosotros vamos a tener que añadir aquí un código que le va a decir de qué color

19
00:02:10,949 --> 00:02:19,449
quiero el fondo y el fondo va solo a afectar a lo que hay entre la etiqueta P y la etiqueta

20
00:02:19,449 --> 00:02:20,449
P.

21
00:02:20,449 --> 00:02:22,469
¿Qué comando hay que añadir?

22
00:02:22,469 --> 00:02:28,689
Pues hay que añadir un comando que si vais al curso que yo tengo con esto cambiado de

23
00:02:28,689 --> 00:02:39,009
color pulsáis editar tema que está en este color sepia pulsáis botones avanzados lo que hay que

24
00:02:39,009 --> 00:02:51,750
añadir es esto style el estilo background y este es el color esta es la instrucción que hay que

25
00:02:51,750 --> 00:03:00,330
copiar como aquí ya tenemos la parte del style lo único que tenemos que copiar es background color

26
00:03:00,330 --> 00:03:06,849
y el código del color. Y aquí detrás del punto y coma

27
00:03:06,849 --> 00:03:09,729
doy un espacio para que se vea mejor

28
00:03:09,729 --> 00:03:14,729
y tengo background. Si esto tiene estos colores y no sale nada

29
00:03:14,729 --> 00:03:18,189
en rojo es que está bien. Pulso y aquí lo tenemos.

30
00:03:18,729 --> 00:03:22,530
Si ahora yo le doy a guardar cambios, pues me aparece así.

31
00:03:22,530 --> 00:03:25,909
Y en modo como lo vería el alumno

32
00:03:25,909 --> 00:03:30,710
aparecería el baloncesto. Esto, tal y como

33
00:03:30,710 --> 00:03:38,389
lo hemos puesto afecta a sólo la imagen si yo tuviese varias imágenes aquí como es el caso

34
00:03:38,389 --> 00:03:45,770
de mi curso tiene que agregar esta orden a una etiqueta que abarcase todo como por ejemplo aquí

35
00:03:45,770 --> 00:03:53,639
todo lo voy a tener centrado he añadido fuera toda esta etiqueta esto lo podría hacer en el

36
00:03:53,639 --> 00:04:05,090
curso editar tema esto lo dejo como estaba al principio y ahora si añado aquí una etiqueta de

37
00:04:05,090 --> 00:04:13,629
que todo va a ir centrado y que además el background es este pues me va a abarcar hasta

38
00:04:13,629 --> 00:04:19,170
donde esté la etiqueta del center que me la va a poner automáticamente por eso una etiqueta abierta

39
00:04:19,170 --> 00:04:26,240
que va a buscar el último espacio y me la va a cerrar me han añadido ahí y ahora cuál es la

40
00:04:26,240 --> 00:04:31,100
diferencia aquí es el problema cuál es la diferencia con otro que si yo me pongo aquí

41
00:04:31,100 --> 00:04:42,439
voy a poder ir añadiendo espacios tanto arriba como abajo para hacer esto más grande si lo

42
00:04:42,439 --> 00:04:49,660
necesito entonces en función de si la etiqueta está el background el color de fondo está dentro

43
00:04:49,660 --> 00:04:55,120
de una etiqueta que abarque todo o dentro de una etiqueta que abarque sólo una parte pues eso es lo

44
00:04:55,120 --> 00:05:02,660
que me va a cambiar de color vamos a dejarlo como estamos al principio tenemos que tener cuidado con

45
00:05:02,660 --> 00:05:13,670
lo que tocamos en el html pero esta parte la podemos cambiar aquí y está aquí también y ahora

46
00:05:13,670 --> 00:05:19,550
volvemos a los botones avanzados y bueno como queremos tenerlo centrado no pasa nada si no lo

47
00:05:19,550 --> 00:05:35,459
añadiríamos aquí. Bien, tengo el primero cambiado. Voy a copiar esto para ponérselo a todos. Bien, me vengo

48
00:05:35,459 --> 00:05:44,480
a balón mano, editar tema. Como la imagen va a estar centrada, no hay ningún problema en ponerlo

49
00:05:44,480 --> 00:05:52,540
aquí center style background y ahí la tenemos

50
00:05:52,540 --> 00:05:56,199
voy a quitarle aquí un espacio

51
00:05:56,199 --> 00:06:05,439
guardar cambios me vengo a la siguiente editar tema cambio voy a centrarla ahora

52
00:06:05,439 --> 00:06:09,560
me va a aparecer cuando cambie me va a aparecer la etiqueta de center y ya está

53
00:06:09,560 --> 00:06:14,439
está centrado en el medio no hay ningún problema si quiero darle más espacio

54
00:06:14,439 --> 00:06:21,459
porque estás así un poco rara pues se lo doy guardar cambios y ahí la tenemos mis hábitos

55
00:06:21,459 --> 00:06:32,279
saludables editar tema botones avanzados pego aquí center style background aquí también le voy a

56
00:06:32,279 --> 00:06:40,819
añadir un espacio arriba y un espacio abajo guardar cambios y en mi fichero de juegos

57
00:06:40,819 --> 00:06:43,879
voy a hacer lo mismo

58
00:06:43,879 --> 00:06:47,819
voy a pegar esta etiqueta de centrar

59
00:06:47,819 --> 00:06:50,139
y de cambiar el color

60
00:06:50,139 --> 00:06:53,319
voy a añadir la etiqueta de cierre

61
00:06:53,319 --> 00:06:58,939
y también voy a añadir un espacio arriba y un espacio abajo

62
00:06:58,939 --> 00:07:01,740
ahora que he cambiado el color

63
00:07:01,740 --> 00:07:04,899
tengo esto, pero uno puede decir

64
00:07:04,899 --> 00:07:08,000
pero que bien, has cambiado los colores y has puesto en todos los mismos

65
00:07:08,000 --> 00:07:10,800
pues vamos a cambiar el color de alguno

66
00:07:10,800 --> 00:07:15,000
Vamos a cambiar el color, por ejemplo, de todas menos la primera.

67
00:07:15,079 --> 00:07:16,199
La primera la vamos a dejar así.

68
00:07:18,579 --> 00:07:19,680
¿Y cómo se cambia el color?

69
00:07:20,360 --> 00:07:26,160
Pues me vengo a, como siempre, editar ajustes o editar tema en este caso.

70
00:07:27,759 --> 00:07:32,100
Y tengo aquí un código de color, que en este caso es un código gris a decimal.

71
00:07:32,279 --> 00:07:40,899
Y lo que hago es buscar una página, color HTML, una página de códigos de colores HTML.

72
00:07:40,899 --> 00:07:49,060
entro y aquí en función de yo donde me sitúe va cambiando el código hay dos tipos de código el

73
00:07:49,060 --> 00:07:58,199
hexadecimal este y el rgb rojo verde y azul pues yo voy a cambiar voy a coger este color

74
00:07:58,199 --> 00:08:09,040
que es el hexadecimal es este me lo traigo al aula virtual y voy a cambiar este código de aquí pulso

75
00:08:09,040 --> 00:08:11,319
y ya tengo cambiado uno

76
00:08:11,319 --> 00:08:12,560
guardo cambios

77
00:08:12,560 --> 00:08:14,839
y ya tengo cambiado el valor mano

78
00:08:14,839 --> 00:08:17,100
voy a cambiar cariocas

79
00:08:17,100 --> 00:08:18,220
con un color que le pegue

80
00:08:18,220 --> 00:08:20,060
lo mismo que antes

81
00:08:20,060 --> 00:08:22,959
html, voy a cambiar ese código

82
00:08:22,959 --> 00:08:23,819
y voy a coger

83
00:08:23,819 --> 00:08:26,720
un azul

84
00:08:26,720 --> 00:08:28,600
el código es este

85
00:08:28,600 --> 00:08:30,319
me lo traigo aquí

86
00:08:30,319 --> 00:08:32,340
lo cambio

87
00:08:32,340 --> 00:08:34,419
tengo que tener cuidado de no quitar la comilla

88
00:08:34,419 --> 00:08:36,259
y ahí está

89
00:08:36,259 --> 00:08:38,320
guardo cambios

90
00:08:38,320 --> 00:09:08,559
Y aquí tenemos las cariocas, el valor mano, vamos a por otra, mis hábitos saludables, editar tema, código HTML, vamos a cambiarla por, copio, esto lo quito, me vengo a mis hábitos saludables, cambio el código y ya se me ha cambiado por ese color.

91
00:09:08,559 --> 00:09:21,970
y puedo cambiar también la ficha de juegos, editar tema, por un color, no sé cuál ya,

92
00:09:21,970 --> 00:09:35,059
no soy muy malo eligiendo colores, ese, y me vengo y cambio el código y ya tenemos

93
00:09:35,059 --> 00:09:42,779
todos cambiados y si vamos al modo edición, quitamos el modo edición y se ve como lo

94
00:09:42,779 --> 00:09:48,039
venían los alumnos, la área didáctica viene con un cesto, balón, mano, cariocas, mis hábitos saludables

95
00:09:48,039 --> 00:09:54,940
y este debería haber puesto otro color, voy a cambiar el de arriba, porque quedan un poco similares,

96
00:09:56,240 --> 00:10:22,009
voy a cambiar mis hábitos saludables por un amarillo, por un amarillo, machillón, este, y ahora sí

97
00:10:22,009 --> 00:10:23,789
quedan todos diferentes

98
00:10:23,789 --> 00:10:26,669
quito el modo edición

99
00:10:26,669 --> 00:10:28,490
y aquí tenemos

100
00:10:28,490 --> 00:10:30,190
la primera parte, no le he cambiado el color

101
00:10:30,190 --> 00:10:32,370
que podría y tenemos

102
00:10:32,370 --> 00:10:34,330
todo con distinto color