1
00:00:00,430 --> 00:00:05,410
Bueno, vamos a repetir, pero ahora viendo el vídeo y con algunos más detalles,

2
00:00:06,070 --> 00:00:12,529
la forma que estamos utilizando de agregar contenido a nuestro espacio WebViewer.

3
00:00:14,669 --> 00:00:19,929
Para poder agregar contenido podemos entrar en la dirección de nuestra página web,

4
00:00:20,769 --> 00:00:30,309
que está formada por este texto, educa2.madrid.org, barra, web, barra, y nuestro nombre de usuario.

5
00:00:30,429 --> 00:00:44,829
Una vez que entramos, estamos entrando como usuario, viendo lo que ven el resto de usuarios, tenemos que ir a este icono, usuarios de EducaMadrid, para poder introducir nuestro nombre de usuario.

6
00:00:53,399 --> 00:01:02,259
Una vez que hemos entrado, se nos abre aquí una barra de herramientas, una barra de menú, que la vamos a ver un poquito por encima.

7
00:01:02,399 --> 00:01:10,180
Vamos a ver, cuando pulso en mi nombre, aparecen mis páginas públicas y mis páginas privadas.

8
00:01:10,620 --> 00:01:17,980
Lo que estamos trabajando ahora son mis páginas públicas, es decir, lo que va a ver la gente sobre el contenido que nosotros hemos creado.

9
00:01:17,980 --> 00:01:26,299
Mis páginas privadas es exactamente lo mismo, pero solamente la podríamos ver nosotros con nuestro nombre de usuario, lo que es muy útil para hacer pruebas.

10
00:01:26,659 --> 00:01:35,939
En mi cuenta podemos cambiar datos del perfil que tenemos y por fin salir. Esto siempre que estemos en un ordenador público es conveniente.

11
00:01:36,459 --> 00:01:45,859
En mis sitios aparece la página que estoy creando, pública, es el ojito abierto, la página privada, el ojito cerrado, donde hago las pruebas.

12
00:01:45,859 --> 00:01:51,519
y esta página siempre va a aparecer que es la del centro en la que está asociada nuestra cuenta de usuario.

13
00:01:52,239 --> 00:01:59,299
En Administración lo veremos a posteriori, que lo vamos a utilizar para crear también contenidos de otra manera.

14
00:02:01,859 --> 00:02:06,340
Ayuda, ¿veis? Bueno, pues una ayuda que me llevan los manuales.

15
00:02:07,819 --> 00:02:10,699
Editar controles, los controles que hay aquí arriba.

16
00:02:11,219 --> 00:02:15,060
La vista previa para ver cómo lo van a ver los usuarios finales.

17
00:02:15,060 --> 00:02:23,560
y vamos a añadir. Como vamos a agregar contenidos a una nueva página, lo primero que tenemos que hacer es, con el menú que creamos,

18
00:02:24,199 --> 00:02:31,139
entrar en la página, por ejemplo, sobre mí, veis que aparece aquí en el menú, perdón, en el navegador, que hemos entrado aquí,

19
00:02:31,900 --> 00:02:44,340
y le damos a añadir. Se nos abre esta persiana, este cuadro, donde nos indica todo lo que podemos añadir como contenidos a nuestra página web.

20
00:02:44,340 --> 00:02:50,000
Lo que vamos a utilizar es el agregador de contenidos.

21
00:02:50,759 --> 00:03:00,539
Observad una cosa, cuando pongo el cursor aquí me indica que puedo escribir, cuando pongo el cursor aquí me indica que puedo acceder a algo,

22
00:03:00,740 --> 00:03:08,340
por ejemplo, cerrarlo, abrirlo, y cuando el cursor se me pone en forma de esta cruz me permite que puedo arrastrarlo.

23
00:03:08,340 --> 00:03:19,340
Bueno, pues eso es lo que vamos a hacer. Arrastrarlo. Veis que se nos pone una barra azul. No lo puedo poner aquí. No lo puedo poner nada más que donde está la barra azul.

24
00:03:20,300 --> 00:03:27,939
De acuerdo, pues ya tenemos el agregador de contenidos. ¿Qué quiere decir esto? Que a partir de aquí podemos meter el contenido que deseamos.

25
00:03:27,939 --> 00:03:40,650
Si pulsáramos en selección de contenidos, nos abriría una ventana que nos dice todo lo que hemos creado para nuestra página web.

26
00:03:40,930 --> 00:03:54,270
Podríamos volver a meterlo en este apartado, pero como estamos haciendo algo sencillito, lo que vamos a hacer es agregarlo directamente desde aquí.

27
00:03:55,210 --> 00:04:06,129
Entonces vamos a crear contenido, es el apartado sobre mí, y me aparece el editor de contenidos con dos tabuladores, dos pestañas.

28
00:04:06,490 --> 00:04:13,129
En una tenemos que introducir los datos del título y el resumen, y en otra tenemos que introducir...

29
00:04:13,969 --> 00:04:20,029
No nos va a dejar entrar porque no hemos metido nada aquí, este va avisando, está bastante bien hecho.

30
00:04:20,029 --> 00:04:23,509
Entonces vamos a meter el nombre del contenido, que es sobre mí.

31
00:04:26,089 --> 00:04:30,389
Yo he puesto estos contenidos un poco de referencia, pero vosotros podéis agregar lo que queráis.

32
00:04:32,329 --> 00:04:36,519
Vamos a meter un resumen.

33
00:04:39,339 --> 00:04:41,160
Valentín Heredia, por ejemplo.

34
00:04:42,220 --> 00:04:43,420
Coordinador TIC.

35
00:04:45,220 --> 00:04:45,860
Espacio.

36
00:04:47,360 --> 00:04:48,240
Sobre mí.

37
00:04:49,620 --> 00:04:53,199
Las etiquetas son pequeñas palabras.

38
00:04:54,259 --> 00:04:58,019
O pequeñas frases que permitan al buscador encontrar.

39
00:04:58,139 --> 00:05:04,439
Por ejemplo, fake Nuestra Señora de la Poblera.

40
00:05:04,620 --> 00:05:08,060
Podemos meter una coma y decir que estamos en Villa del Prado.

41
00:05:09,800 --> 00:05:16,829
Y si meto alguna etiqueta que ya existe, lo veis, me aparece en azul, la puedo meter.

42
00:05:16,910 --> 00:05:21,209
Ya hemos metido la primera parte, de acuerdo al título, al resumen, las etiquetas.

43
00:05:21,209 --> 00:05:33,470
Voy al cuerpo y me aparece un editor de textos como un Word con todas las herramientas posibles para crear nuestro contenido.

44
00:05:33,949 --> 00:05:44,009
Fijaros bien que me indica que el contenido ya se ha guardado como borrador, ya está guardado en nuestro espacio.

45
00:05:44,189 --> 00:05:46,589
No lo hemos utilizado pero está guardado de alguna manera.

46
00:05:46,589 --> 00:05:51,850
Entonces aquí introduciremos el texto, yo lo que he hecho es crearme unos textos primero

47
00:05:51,850 --> 00:06:06,829
Pues sobre lo que quiero meter, de acuerdo, y ya he metido el texto

48
00:06:06,829 --> 00:06:13,050
Vale, bueno, pues puedo poner lo que quiera

49
00:06:15,050 --> 00:06:24,149
Uno de los apartados que también quería reflejar en este vídeo es que podemos insertar distintos medios

50
00:06:24,149 --> 00:06:33,910
Por ejemplo, imágenes, vídeos, un vídeo de YouTube, una imagen de un archivo de la mediateca, una presentación, fijaros, todo lo que puedo insertar.

51
00:06:33,990 --> 00:06:42,149
Vamos a ir a lo más sencillo porque lo que os digo, para llegar a conocer esto completamente haría falta un curso y la idea es que podamos crear un espacio sencillo.

52
00:06:43,069 --> 00:06:49,410
Voy a insertar una imagen, pulso en el arbolito y me aparece este cuadro.

53
00:06:49,410 --> 00:07:00,769
¿De acuerdo? Me dice que puedo insertar la dirección de una imagen. ¿Veis? Puedo meter una dirección, un enlace a una imagen o subirla desde mi ordenador.

54
00:07:01,189 --> 00:07:12,810
¿Veis? Lo voy a repetir. Pulso aquí en esta pestañita, en este botón y me dice que busque un fichero local. ¿De acuerdo? Selecciono el archivo.

55
00:07:12,810 --> 00:07:25,089
selecciona el archivo, abrir, hay que poner un título en la imagen

56
00:07:25,089 --> 00:07:32,850
lleva un poquito de atención más que de trabajo porque si nos acostumbramos a esto

57
00:07:32,850 --> 00:07:37,709
luego va a ser muy fácil encontrar las imágenes, y por último subir fichero

58
00:07:37,709 --> 00:07:44,860
la vista previa de lo que se va a ver, podemos decir el tamaño que queremos que tenga

59
00:07:44,860 --> 00:07:50,620
si nos vamos a estas pestañas

60
00:07:50,620 --> 00:07:52,660
la apariencia, la alineación

61
00:07:52,660 --> 00:07:54,600
me dice donde quiere que lo coloque

62
00:07:54,600 --> 00:07:56,620
la imagen, arriba

63
00:07:56,620 --> 00:07:58,339
en el medio

64
00:07:58,339 --> 00:08:00,620
a la izquierda

65
00:08:01,500 --> 00:08:02,939
veis

66
00:08:02,939 --> 00:08:04,740
a la derecha

67
00:08:04,740 --> 00:08:06,459
bueno, pues lo voy a colocar a la izquierda

68
00:08:06,459 --> 00:08:09,920
y en avanzado

69
00:08:09,920 --> 00:08:11,560
o pie de foto

70
00:08:11,560 --> 00:08:14,500
bueno, pues podemos poner el título de la imagen

71
00:08:14,500 --> 00:08:16,240
esto es conveniente

72
00:08:16,240 --> 00:08:17,879
por ejemplo si utilizamos una imagen

73
00:08:17,879 --> 00:08:39,559
Bueno, nos vamos a fijar en estos dos que hemos insertado la imagen a través de este cuadradito, le hemos dicho que se coloque a la izquierda, insertar, ok, vale, ya tengo aquí el texto y la imagen.

74
00:08:39,559 --> 00:08:54,580
Si hay algún fallo, si quiero cambiar las letras puedo, el estilo, puedo decir que sea encabezado 4, que la fuente en vez de ser la que estamos utilizando utilice la Comic Sans.

75
00:08:55,320 --> 00:09:04,580
Bueno, puedo poner negritas, centrado, es que cualquier cosa que quieran.

76
00:09:04,580 --> 00:09:10,539
entonces una vez que ya hemos metido aquí nuestro contenido

77
00:09:10,539 --> 00:09:13,840
que nos queda en más opciones

78
00:09:13,840 --> 00:09:16,059
guardar los cambios por si acaso

79
00:09:16,059 --> 00:09:19,519
guardar los cambios como borrador

80
00:09:19,519 --> 00:09:21,740
que eso lo veremos en otro tutorial

81
00:09:21,740 --> 00:09:24,279
o descartarlos

82
00:09:24,279 --> 00:09:26,179
lo que vamos a hacer es publicar

83
00:09:26,179 --> 00:09:34,639
y esto es lo que aparecería en mi página web

84
00:09:34,639 --> 00:09:56,990
Fijaros, esto queda aquí con un título muy molesto, lo hemos visto en el tutorial en la guía PDF anterior, entonces podemos hacer dos cosas, una, entrar en apariencia, donde puedo usar un título personalizado y quitarlo, no quiero que aparezca este, ¿vale?

85
00:09:56,990 --> 00:10:23,960
O puedo, mira, ya me lo ha guardado, es que es rapidísimo, ¿vale? Aparecía este título. Bueno, vamos a ver, puedo cambiar toda la fuente de esa página, puedo cambiar el tipo de letra, los colores de letra, voy a hacer aquí un poco el fondo, vamos a ponerle un color de fondo, le vamos a poner este color.

86
00:10:23,960 --> 00:10:31,259
Estilos de bordes, si queremos que tenga un borde, que no tenga borde, los márgenes

87
00:10:31,259 --> 00:10:33,980
Bueno, esto es muy avanzado

88
00:10:33,980 --> 00:10:42,250
Nosotros con que nos quedemos con que se puede quitar el título es más que suficiente

89
00:10:42,250 --> 00:10:46,190
Vale, lo guardamos y cerramos

90
00:10:46,190 --> 00:10:47,970
¿Veis? Y ahora es como se ve

91
00:10:47,970 --> 00:10:51,429
He puesto en una letra marrón, el color de fondo, etc.

92
00:10:51,429 --> 00:11:09,639
Para ver cómo lo verá la gente, simplemente en vista previa, así se verá en un móvil, en una tableta se verá así, en un ordenador se verá así, y este es un poco el juego que tenemos que hacer.

93
00:11:09,639 --> 00:11:25,580
Si queremos agregar otro contenido, vamos a ir a mi clase, que también tenemos que agregar, veis, no tiene contenidos, volvemos a pulsar añadir, arrastramos el agregador de contenidos y decimos crear contenido.

94
00:11:25,580 --> 00:11:27,879
lo mismo

95
00:11:27,879 --> 00:11:29,659
introducimos siempre lo primero

96
00:11:29,659 --> 00:11:31,220
los datos generales que son

97
00:11:31,220 --> 00:11:37,120
título, podría

98
00:11:37,120 --> 00:11:38,919
meter una imagen

99
00:11:38,919 --> 00:11:40,379
veis

100
00:11:40,379 --> 00:11:43,820
la imagen destacada es una imagen que va asociada

101
00:11:43,820 --> 00:11:44,679
a ese contenido

102
00:11:44,679 --> 00:11:48,720
lo podemos meter por aquí pero bueno

103
00:11:48,720 --> 00:11:50,899
lo vamos a hacer como antes

104
00:11:50,899 --> 00:11:52,820
para que nos quede claro

105
00:11:52,820 --> 00:11:54,620
texto

106
00:11:54,620 --> 00:11:56,740
alternativo, resumen

107
00:11:56,740 --> 00:11:59,080
bueno, como es

108
00:11:59,080 --> 00:12:02,629
mi clase, etiqueta

109
00:12:02,629 --> 00:12:14,230
pensatoria, no viene, primaria, alumnos, cualquier cosa que sea de interés a la hora de buscar.

110
00:12:15,409 --> 00:12:21,789
Una vez que hemos introducido el título y el resumen, vamos al cuerpo y de nuevo nos va a decir que ya se ha guardado el borrador.

111
00:12:22,889 --> 00:12:28,269
En el cuerpo introducimos el texto, esto es cómodo, tenerlos preparados previamente.

112
00:12:28,269 --> 00:12:31,250
Aunque ya os digo que

113
00:12:31,250 --> 00:12:33,269
Aunque escribáis aquí no se va a perder nada

114
00:12:33,269 --> 00:12:34,529
Que queda como borrado

115
00:12:34,529 --> 00:12:37,210
Hay que hacerlo con control V

116
00:12:37,210 --> 00:12:39,649
De acuerdo, aquí hemos metido

117
00:12:39,649 --> 00:12:40,909
El texto

118
00:12:40,909 --> 00:12:48,049
Y podemos corregir

119
00:12:48,049 --> 00:12:48,909
Cualquier cosa

120
00:12:48,909 --> 00:12:51,769
Que en el texto

121
00:12:51,769 --> 00:12:53,269
No nos guste

122
00:12:53,269 --> 00:12:55,990
Poner negritas

123
00:12:55,990 --> 00:13:04,899
Vale

124
00:13:04,899 --> 00:13:07,600
Tenemos el texto

125
00:13:07,600 --> 00:13:23,179
Recordamos, podemos insertar una imagen, insertar al principio, toco este icono de insertar, editar imagen, puedo copiarlo desde la página web y eso es lo que vamos a ver ahora.

126
00:13:23,320 --> 00:13:24,100
¿Cómo se hace esto?

127
00:13:24,740 --> 00:13:35,720
Mirad, yo he entrado en esta página, ccsearchcreativecommons.org, que permite coger imágenes para uso para nuestras páginas web.

128
00:13:35,720 --> 00:13:42,580
¿Qué tendríamos que hacer para introducir una imagen que no está en nuestro ordenador?

129
00:13:42,940 --> 00:13:50,360
Mirad, si pulso aquí, como hemos hecho antes, me permite seleccionar un archivo de mi ordenador.

130
00:13:51,720 --> 00:13:58,539
Pero si no tengo la imagen en mi ordenador, puedo introducir una dirección de una imagen.

131
00:13:58,539 --> 00:14:09,879
Me vengo a la imagen, vengo a copiar dirección de imagen y la pego.

132
00:14:09,879 --> 00:14:14,220
De acuerdo, veis que me aparece la vista previa.

133
00:14:16,340 --> 00:14:27,200
Apariencia, quiero que esté arriba, en el medio, arriba del todo, o línea base, o ninguno, vamos a poner ninguno.

134
00:14:28,940 --> 00:14:38,200
Y como he utilizado una imagen que no es mía, es conveniente fijaros bien, esta imagen tiene una atribución,

135
00:14:38,200 --> 00:14:53,120
Y es esto que viene aquí. Voy a copiar y en pie de foto podemos ponerlo aquí copiado.

136
00:14:54,139 --> 00:15:01,919
Vamos a insertar. Ok. ¿Veis? Me aparece la imagen y me aparece el pie de foto.

137
00:15:03,299 --> 00:15:09,299
Si quiero cambiarle el tamaño porque es muy grande, ¿veis? Vuelvo a pulsar en imagen.

138
00:15:09,299 --> 00:15:17,809
perdón, aquí estamos, veis he pulsado en imagen, insertar, editar imagen

139
00:15:17,809 --> 00:15:22,830
y en apariencia le voy a decir que el tamaño sea de 400

140
00:15:22,830 --> 00:15:30,019
y ya la imagen me queda un poquito más decente

141
00:15:30,019 --> 00:15:32,779
voy a centrarla, la puedo centrar

142
00:15:32,779 --> 00:15:39,450
y voy trabajando, bueno, pues como un, veis

143
00:15:39,450 --> 00:15:43,950
todo lo que estoy haciendo se está guardando como borrador

144
00:15:43,950 --> 00:15:46,950
tengo la opción de guardar los cambios y seguir trabajando

145
00:15:46,950 --> 00:15:58,840
como borrador, descartar. Lo que vamos a hacer es publicar directamente. Y ya tengo el siguiente contenido en mi página web.

146
00:16:00,159 --> 00:16:12,320
Vamos a ver una cosita para ver exactamente cómo lo va a ver un usuario. Introducimos, salimos de EducaMadrid, entramos en nuestra página web

147
00:16:12,320 --> 00:16:26,720
Y esto es lo que va a ver el usuario. Los contenidos de inicio, los contenidos sobre mí y los contenidos de mi clase.

148
00:16:27,940 --> 00:16:31,639
Pero fijaros, se nos ha olvidado quitar esto tan molesto.

149
00:16:32,480 --> 00:16:42,240
Entonces, recordad, para quitar ese título que la verdad no tiene mucho sentido.

150
00:16:42,240 --> 00:16:44,639
vamos a ver

151
00:16:44,639 --> 00:16:46,059
se me había olvidado

152
00:16:46,059 --> 00:16:48,519
no pasa nada, podíamos hacerlo a través

153
00:16:48,519 --> 00:16:49,620
de la apariencia

154
00:16:49,620 --> 00:16:52,200
y en la apariencia podemos

155
00:16:52,200 --> 00:16:54,460
modificar muchísimas cosas, pero simplemente

156
00:16:54,460 --> 00:16:58,799
pulsando aquí, veis

157
00:16:58,799 --> 00:17:01,080
dos veces, lo repito

158
00:17:01,080 --> 00:17:04,079
lo podemos

159
00:17:04,079 --> 00:17:07,769
quitar, veis

160
00:17:07,769 --> 00:17:09,470
ya se va a quedar con la varita

161
00:17:09,470 --> 00:17:11,250
ya se queda pues mucho más

162
00:17:11,250 --> 00:17:12,410
más chulo