1
00:00:02,290 --> 00:00:18,910
Muchas gracias Alberto y muchas gracias también a los que estáis detrás de la organización de este taller por invitarnos. A ver, os cuento, vamos a ir rápido porque tanto Manuel como yo queremos contar un montón de cosas, andamos pues bastante justos, así que intentaremos ir al grano.

2
00:00:18,910 --> 00:00:31,449
Bueno, ya hemos estado comentando que a lo mejor es demasiada información, espero que no sea así. Y bueno, a ver si nos da tiempo también a llegar a las preguntas que, como se ha comentado, pues estarán al final.

3
00:00:32,530 --> 00:00:46,750
Voy a hacer un par de explicaciones muy cortas antes de empezar. Una es sobre eso que has dicho de los iDevices. Me puedo referir a ellos como iDevices, iDevices, actividades, bloques. Voy a compartir pantalla para que lo veáis.

4
00:00:51,520 --> 00:00:56,759
Supongo que lo estáis viendo bien. En fin, cuando me refiero a ellos con cualquiera de esos términos,

5
00:00:56,840 --> 00:01:01,520
me estoy refiriendo a estas actividades que podéis añadir aquí en cualquier contenido creado con Excel Learning.

6
00:01:02,280 --> 00:01:06,019
Y por otra parte, me referiré en muchas ocasiones, en varias ocasiones, a los estilos.

7
00:01:07,260 --> 00:01:10,879
Lo explico porque hay que les llama skins, que les llama plantillas, que les llama themes.

8
00:01:10,879 --> 00:01:17,560
Cuando me refiero a estilos, me refiero a esto, a la presentación que podemos elegir para los contenidos que creamos con Excel Learning.

9
00:01:17,560 --> 00:01:28,200
Y dicho esto voy a empezar. Los apartados son los que acaba de comentar Alberto. Voy a dar una serie de consejos prácticos, después unos trucos ocultos que en realidad no son tan ocultos.

10
00:01:28,780 --> 00:01:34,340
Creo que muchos de vosotros conoceréis unos cuantos. Espero que alguno no lo conozcáis y os llevéis algo aprendido de ahí.

11
00:01:34,340 --> 00:01:41,579
pasaré por encima de las novedades de ese 29 sin profundizar porque para eso ya está lo que

12
00:01:41,579 --> 00:01:47,579
podéis ver aquí en ayuda a notas de la versión y porque manuel os va a explicar también los juegos

13
00:01:47,579 --> 00:01:52,700
nuevos vale así que no me enrollaré en esa parte después contaré cómo publicar contenidos en educa

14
00:01:52,700 --> 00:01:56,480
madrid educa madrid tenemos mucha suerte porque es muy fácil publicar contenidos y es algo que

15
00:01:56,480 --> 00:02:01,280
pues que ya les gustaría tener otros sitios con la gente con lo que tiene problemas principalmente es

16
00:02:01,280 --> 00:02:06,500
con la publicación de los contenidos que crean vale así que empiezo directamente con los consejos

17
00:02:06,500 --> 00:02:14,400
prácticos desde el punto de vista de la usabilidad y la accesibilidad empiezo con las propiedades

18
00:02:14,400 --> 00:02:19,599
cuando creéis un proyecto nuevo lo primero que tenéis que hacer es rellenar todo esto

19
00:02:20,500 --> 00:02:24,960
dónde está todo esto creo que lo sabéis pero lo voy a explicar es cómo rellenarlo y por qué

20
00:02:24,960 --> 00:02:42,099
Todo esto está aquí, en la pestaña propiedades. Tenemos el título, tenemos el idioma, tenemos la descripción general, la autoría, el nombre del autor y la licencia. Voy a añadir una licencia. La he dejado vacía para que no ocupe espacio en pantalla. Luego lo vuelvo a dejar vacío. Voy a elegir cualquiera, esta misma.

21
00:02:42,099 --> 00:02:51,000
ya me aparece aparecerá aquí una vez que cargue la página ahí la tengo y no la guarda perdón

22
00:02:51,000 --> 00:02:56,379
perdón primer fallo tengo que guardar las propiedades una vez guardadas ya veré los

23
00:02:56,379 --> 00:03:01,919
cambios voy a darle a visualización previa para que veáis dónde se refleja esto en nuestro

24
00:03:01,919 --> 00:03:08,900
contenido y por qué es importante exportó la página voy a ver el código fuente de la página

25
00:03:08,900 --> 00:03:13,580
que como siempre luego con el comando no sé cómo se hace desde aquí inspeccionar propiedades

26
00:03:13,580 --> 00:03:19,580
inspeccionar control que es lo que hago siempre empiezo voy a ir en orden de siguiendo el html

27
00:03:19,580 --> 00:03:24,860
empiezo con el idioma como veis lo primero que encuentro en el código de la página es el idioma

28
00:03:24,860 --> 00:03:30,379
es importante especificar el idioma por accesibilidad primero porque tú tienes un

29
00:03:30,379 --> 00:03:34,259
documento tienes que especificar en qué idioma está y también por los buscadores tú le estás

30
00:03:34,259 --> 00:03:39,879
diciendo los buscadores las máquinas en general lectores de pantalla etcétera tú estás diciendo

31
00:03:39,879 --> 00:03:47,060
este es un contenido en castellano y lo que espera encontrar ahí pues es ese idioma por otra parte si

32
00:03:47,060 --> 00:03:52,879
tengo seleccionado un idioma diferente del que realmente debe tener contenido habrá algunos

33
00:03:52,879 --> 00:03:57,400
contenidos que genera ese automáticamente que no estarán en el idioma adecuado si yo digo que el

34
00:03:57,400 --> 00:04:00,879
idioma es inglés y mi contenido está en castellano los botones de anterior y siguiente no estarán en

35
00:04:00,879 --> 00:04:06,620
castellano sino en inglés vale los que trabajáis generalmente con ex en castellano y creáis

36
00:04:06,620 --> 00:04:10,960
contenidos en castellano pues no habréis tenido este tipo de problemas pero se permite trabajar

37
00:04:10,960 --> 00:04:15,379
con la aplicación en idioma y crear contenidos en otro y ahí es donde empiezan los problemas

38
00:04:15,379 --> 00:04:21,319
en fin especificar el idioma el documento importante seguimos el título el título en

39
00:04:21,319 --> 00:04:27,000
el html está aquí vale pero también es esto que veis aquí es lo que aparece en la parte superior

40
00:04:27,000 --> 00:04:32,459
para el título es importante porque es el título del documento si yo me voy a otra página veo que

41
00:04:32,459 --> 00:04:38,339
el título esto que aparece aquí varía vale ahora ya es consejos prácticos barra seguido del título

42
00:04:38,339 --> 00:04:43,199
que tiene mi contenido vale como veis el título del documento es la etiqueta esa etiqueta title

43
00:04:43,199 --> 00:04:47,759
aporta información de contexto dice estamos en consejos prácticos dentro de este contenido

44
00:04:47,759 --> 00:04:56,120
fundamental sigo con la licencia la licencia bueno es importante porque es lo que es tu

45
00:04:56,120 --> 00:05:00,860
garantía a la hora de compartir un contenido tú compartes un contenido con una licencia que exige

46
00:05:00,860 --> 00:05:05,120
reconocimiento y espera reconocimiento por parte de quien lo utilice pues además también está en

47
00:05:05,120 --> 00:05:10,279
el código fuente además de estar en el pp está en el código fuente de las páginas esto no lo hemos

48
00:05:10,279 --> 00:05:14,600
escrito nosotros esto lo general es automáticamente este contenido ha sido generado con excel erlin 29

49
00:05:14,600 --> 00:05:19,819
y la descripción vale hemos introducido una descripción y esta descripción está en el html

50
00:05:19,819 --> 00:05:24,920
en concreto va a estar en el fichero index html esto sólo está en la página principal de los

51
00:05:24,920 --> 00:05:31,660
contenidos que queremos vale la descripción cuando nosotros buscamos un contenido en un

52
00:05:31,660 --> 00:05:37,980
buscador lo que aparece aquí es la descripción del contenido vale y lo que aparece aquí es el

53
00:05:37,980 --> 00:05:42,360
título del contenido de manera que no sólo es importante por accesibilidad para dar esa

54
00:05:42,360 --> 00:05:46,160
información de contexto etcétera etcétera también es importante para el posicionamiento de las

55
00:05:46,160 --> 00:05:54,920
páginas así que no dejéis de rellenar toda esa información vuelvo al contenido no se me olvidó

56
00:05:54,920 --> 00:06:01,920
ninguno pasamos al siguiente punto si tenéis un contenido que tiene un índice parecido a

57
00:06:01,920 --> 00:06:09,379
este es que algo va mal vale si es demasiado grande pues tal vez te vais plantearos reducir

58
00:06:09,379 --> 00:06:15,160
el número de apartados vale o bien partir el contenido en varios lp es diferentes y crear

59
00:06:15,160 --> 00:06:20,120
un índice mucho mejor que tener un contenido que resulta difícil de navegar esto también afecta a

60
00:06:20,120 --> 00:06:24,199
la accesibilidad no sólo una cuestión de es que a mí me gusta hacer un contenido muy grande podéis

61
00:06:24,199 --> 00:06:29,240
tener problemas si tenéis un lp muy pesado con muchísimas imágenes muchos contenidos etcétera

62
00:06:29,240 --> 00:06:38,040
pero aparte de eso es que conviene que el contenido sea abarcable podéis crear índices

63
00:06:38,040 --> 00:06:43,699
de distintas maneras pues el cd por ejemplo tiene un índice de contenidos creados con excel

64
00:06:43,699 --> 00:06:51,519
learning si no los conocéis os animo a conocerlos porque son muy buenos se podría crear en el portal

65
00:06:51,519 --> 00:06:55,339
educativo educa madrid y hablaremos de eso más adelante estos no son contenidos quedados con

66
00:06:55,339 --> 00:07:01,490
excel opuesto simplemente como ejemplo podrías crearlo con una página de chaman o estos son

67
00:07:01,490 --> 00:07:05,629
los contenidos del instituto geográfico nacional que están hechos con excel learning y están muy

68
00:07:05,629 --> 00:07:10,610
bien vale pues han creado un índice y luego han enlazado a cada uno de los temas o podéis incluso

69
00:07:10,610 --> 00:07:17,029
crear un temas pues con excel learning directamente creáis un lp que contenga el índice y el índice no

70
00:07:17,029 --> 00:07:21,410
tiene más que enlaces al punto en el que tenéis publicado cada uno de los que tienes publicados

71
00:07:21,410 --> 00:07:26,629
los los temas pincho en el tema 1 pues ahí voy al tema 1 y desde el tema 1 permito volver al índice

72
00:07:26,629 --> 00:07:33,250
vale eso es muy sencillo y podéis hacerlo sin usar otra herramienta que excelente otra cosa que no

73
00:07:33,250 --> 00:07:38,709
hay que hacer esto esto en fin es de cajón que no hay que hacer esto no y esto es una exageración

74
00:07:40,829 --> 00:07:47,730
o realmente no sé si es el caso de este proyecto pero sí que conozco otros proyectos en los que

75
00:07:47,730 --> 00:07:52,670
han llegado contenidos listos para su revisión y los revisores se encuentran con que eso es

76
00:07:52,670 --> 00:08:02,319
difícil de seguir porque son textos farragosos voy a quitar el la ortografía porque si no vais

77
00:08:02,319 --> 00:08:09,279
a ver todo en rojo todo el rato esto es difícil de seguir párrafos cortos títulos intermedios

78
00:08:09,279 --> 00:08:16,860
los títulos son estos luego comentaré por qué vale títulos intermedios listados si es necesario

79
00:08:16,860 --> 00:08:24,740
hacer listados vale que visualmente no sólo por por lo que las palabras expresan sino que

80
00:08:24,740 --> 00:08:32,299
visualmente el contenido sea fácil de seguir negritas etcétera etcétera mucho más fácil y

81
00:08:32,299 --> 00:08:39,960
al final la calidad la calidad final del contenido va a mejorar mucho más cosas que no hay que hacer

82
00:08:39,960 --> 00:08:48,779
esto a ver los los efectos son muy golosos porque haciendo un clic dos clics en realidad pues haces

83
00:08:48,779 --> 00:08:53,519
algo chulo haces un par de clics y ya tienes un acordeón qué pasa que muchas veces nos encontramos

84
00:08:53,519 --> 00:08:59,399
con contenidos que tienen con muchos acordeones muchas pestañas muchas diapositivas mucho de todo

85
00:09:01,840 --> 00:09:08,000
y eso hace ilusión crear cosas visualmente atractivas pero lo que tenemos que preguntarnos

86
00:09:08,000 --> 00:09:15,200
es si esos contenidos son fáciles de seguir vale porque muchas veces resulta más fácil seguir tres

87
00:09:15,200 --> 00:09:20,279
páginas que seguir una página que tiene un montón de contenidos y tengo que andar desplegando o

88
00:09:20,279 --> 00:09:26,779
o replegando unos elementos para para poder ver lo que realmente quiero ver así que efectos y

89
00:09:26,779 --> 00:09:37,059
abusar de los efectos no vale con moderación y desde luego pues con consistencia y luego me

90
00:09:37,059 --> 00:09:42,720
referiré a este efecto en particular a las listas de definición otra cosa que también conviene evitar

91
00:09:42,720 --> 00:09:47,659
es sobrecargar la página con contenidos externos especialmente con contenido multimedia que puede

92
00:09:47,659 --> 00:09:52,799
tardar en cargar también nos ha pasado muchas veces que encontramos una página que tiene un

93
00:09:52,799 --> 00:09:57,960
montón de actividades muy chulas pero que tardan una eternidad o que te deja colgado el navegador

94
00:09:57,960 --> 00:10:03,659
porque porque consume muchos recursos la página y no hay manera de trabajar con comodidad en ella

95
00:10:03,659 --> 00:10:09,840
pues la solución es la misma que he comentado antes partir partir vale irá por apartados más

96
00:10:09,840 --> 00:10:15,340
pedirá por pues por una estructura bueno una estructura no irá por apartados pues más

97
00:10:15,340 --> 00:10:21,340
pequeños con menos contenido pero que muestren únicamente lo que necesito y que pues que no

98
00:10:21,340 --> 00:10:26,519
que no den estos problemas y el último de estos de no hay que hacer esto voy a quitar la licencia

99
00:10:26,519 --> 00:10:29,860
que si no vamos a estar viéndola en todas las páginas y cuantos menos elementos tengamos en

100
00:10:29,860 --> 00:10:42,600
pantalla mejor esto no lo hagáis por favor también nos es normal que queramos personalizar nuestros

101
00:10:42,600 --> 00:10:47,879
nuestros contenidos que queramos que tengan pues determinados colores que tengan determinadas

102
00:10:47,879 --> 00:10:52,200
tipografías que tengan las cosas más grandes otras más pequeñas la calidad final de un contenido

103
00:10:52,200 --> 00:10:57,299
mejora notablemente cuando hacemos uso de las herramientas que nos proporciona ese learning

104
00:10:57,299 --> 00:11:04,639
luego ir explicando cuáles son y de las opciones de personalización que nos ofrece el estilo vale

105
00:11:04,639 --> 00:11:10,059
unos estilos ofrecen unas opciones otros estilos ofrecen otras por ejemplo pues unos estilos pueden

106
00:11:10,059 --> 00:11:14,399
decir que este título de aquí es de color rojo y otros pueden decir que este título de aquí es de

107
00:11:14,399 --> 00:11:20,779
color verde vale pero de la misma manera pueden decir pues yo quiero que los párrafos tengan esta

108
00:11:20,779 --> 00:11:25,240
tipografía tengan este color las negritas esta tipografía este color vale lo suyo es manejar

109
00:11:25,240 --> 00:11:31,360
todas esas cuestiones desde el estilo no forzar las nosotros desde aquí complica la edición del

110
00:11:31,360 --> 00:11:36,039
contenido la creación del contenido y desde luego complica la reutilización os voy a poner un ejemplo

111
00:11:38,580 --> 00:11:43,080
me descargo este contenido quiero utilizarlo pero a mí me gusta más este estilo pues ahí

112
00:11:43,080 --> 00:11:47,220
lo tenéis se ve fatal no hay un problema de elegibilidad importante que afecta afecta la

113
00:11:47,220 --> 00:11:52,080
accesibilidad porque no hay contraste suficiente entre el texto y el fondo vale pues eso lo hubiera

114
00:11:52,080 --> 00:11:58,139
evitado si no hubiera seleccionado un color sino simplemente utilizado el color que el

115
00:11:58,139 --> 00:12:04,259
estilo me define por defecto y los contenidos pues al final van a quedar mejor así este es

116
00:12:04,259 --> 00:12:08,759
un contenido sencillo ahora iremos viendo cómo crear cada uno de estos elementos no todos ellos

117
00:12:08,759 --> 00:12:16,000
esperamos cómo podemos crear contenidos bien presentados y es mucho mejor mucho más fácil

118
00:12:16,000 --> 00:12:22,320
además mucho más rápido aquí voy a enseñaros otro otro contenido sencillito que podría funcionar muy

119
00:12:22,320 --> 00:12:28,200
bien eso está hecho a golpe de clic y sin preocuparse de elegir tipografías etcétera

120
00:12:28,200 --> 00:12:39,509
vamos ya con consejos un poco más detallados aquí pone esto no es un título esto no es una lista y

121
00:12:39,509 --> 00:12:48,870
Y esto no es una lista, son dos. Voy a explicarme. Y también dice, este no es un buen uso de una lista de definiciones. Voy a explicar todo esto.

122
00:12:52,000 --> 00:12:59,120
Voy a escribir aquí un párrafo. Esperad un momento, le voy a quitar el formato. Esto como si no lo hubierais visto.

123
00:13:04,100 --> 00:13:11,360
Esto no es un título. Esto lo voy a hacer ahora. Es un párrafo al que le he puesto un texto grande.

124
00:13:12,100 --> 00:13:32,259
Sé que lo sabéis, pero lo que es verdaderamente importante es, si yo quiero incluir un título, incluir un título. Empezando por el H2. ¿Por qué? Porque el H1 es el título de la página. Y los títulos tienen que estar correctamente anidados.

125
00:13:32,259 --> 00:13:49,740
No elijo un H1, un H2, un H3 en función de la presentación. A mí me gusta este más que el otro porque es más grande, más llamativo. No. Yo pongo un H2 y si ese título debe tener títulos hijos, pues serían H3 y a partir de ahí el contenido. Así que hay que anidarlos correctamente.

126
00:13:49,740 --> 00:13:57,240
las listas igual a mí me pueden gustar los bienes largos pero eso no es una lista vale esto es un

127
00:13:57,240 --> 00:14:02,399
párrafo que empieza por un guión largo y hacerlo así supone un problema accesibilidad hay herramientas

128
00:14:02,399 --> 00:14:08,580
de el lector de pantalla por ejemplo de lectores de pantalla que te permiten mostrar las listas

129
00:14:08,580 --> 00:14:12,860
que tiene un contenido para luego a continuación listar cada uno de sus elementos y yo no utilizo

130
00:14:12,860 --> 00:14:17,059
una lista pues tengo un problema de accesibilidad así que si lo que necesito es una lista uso una

131
00:14:17,059 --> 00:14:25,879
lista no esto y este boliche y luego lo que sea sino que escribo tengo mi lista con el formato

132
00:14:25,879 --> 00:14:34,860
que sea y sigo escribiendo vale voy a poner esto en grande hemos llegado hasta ahí eso no es una

133
00:14:34,860 --> 00:14:41,019
lista nosotros vamos a trabajar con listas y una cosa que nos encontramos muchas veces es esta que

134
00:14:41,019 --> 00:14:44,620
tenemos aquí esto parece una lista pero en realidad no son dos listas voy a enseñar el

135
00:14:44,620 --> 00:14:53,850
no es una lista son dos listas voy a enseñar el html y lo voy a poner aquí para que se vea bien

136
00:14:56,250 --> 00:15:05,889
una lista es así una lista en html se abre así se encierra como veis aquí y dentro tiene cada

137
00:15:05,889 --> 00:15:13,649
uno de los elementos del listado lo que tenéis ahí son dos listas una que se abre y tiene un

138
00:15:13,649 --> 00:15:18,250
elemento del listado y otra que se abre y se cierra aquí y tiene otro elemento porque la

139
00:15:18,250 --> 00:15:23,610
gente hace eso pues porque quiere aumentar el interlineado vale pues si quiere quiere aumentar

140
00:15:23,610 --> 00:15:27,690
el espacio entre elementos de la lista y con eso pues lo estamos rompiendo y también tenemos un

141
00:15:27,690 --> 00:15:33,110
problema de accesibilidad porque ya no son elementos de una misma lista si queréis aumentar

142
00:15:33,110 --> 00:15:38,110
el tamaño entre los elementos de la distancia entre los elementos de un listado tenéis que

143
00:15:38,110 --> 00:15:43,169
hacerlo con css y si queréis que en el estilo que estáis usando pongamos que es un estilo que

144
00:15:43,169 --> 00:15:49,519
ha desarrollado la comunidad auto creéis que en el estilo que estáis usando no hay espacio

145
00:15:49,519 --> 00:15:53,240
suficiente comentando con los responsables de la creación del estilo para que lo tengan en cuenta

146
00:15:53,240 --> 00:15:56,360
lo mejor deciden que esa mejora es buena para todos y la aplican y a partir de ahí ya podéis

147
00:15:56,360 --> 00:16:02,720
crear listados que no tienen problemas lo de las listas de definiciones una lista de definición que

148
00:16:02,720 --> 00:16:08,360
se añade desde aquí está pensada para lo que su propio nombre indica vale para incluir términos

149
00:16:08,360 --> 00:16:15,500
y definiciones vale sin embargo estamos viendo voy a deshacer cambios estamos viendo que muchas

150
00:16:15,500 --> 00:16:22,220
veces se usa porque visualmente gusta y se usa para crear contenidos kilométricos vale que además

151
00:16:22,220 --> 00:16:29,620
tienen dentro pues títulos de segundo nivel tercer nivel lo que sea vale pues no conviene usarlo

152
00:16:29,620 --> 00:16:34,399
estamos haciendo un mal uso de las listas de definición resumiendo lo que tenemos que hacer

153
00:16:34,399 --> 00:16:40,279
cuando estamos creando contenidos es utilizar las etiquetas teniendo en cuenta lo que son comprendo

154
00:16:40,279 --> 00:16:48,480
que a veces es difícil saberlo sin saber html pero pero bueno en caso de duda pues títulos

155
00:16:48,480 --> 00:16:54,679
bien anidados listas enlaces etcétera negritas después comentaremos los enlaces en los elementos

156
00:16:54,679 --> 00:17:01,240
de uso más habituales sin salirnos de ellos y bueno podemos consultar vale en caso de que

157
00:17:01,240 --> 00:17:06,160
tengamos duda o yo puedo ver problemas de por utilizar este tipo de efecto o este elemento

158
00:17:06,160 --> 00:17:11,720
para incluir este tipo de información pues podéis preguntar en en algo de lo que hablaré más

159
00:17:11,720 --> 00:17:19,369
adelante pero ya que ha salido pues aprovecho a pie de página la web de exe tenéis un enlace al

160
00:17:19,369 --> 00:17:23,430
grupo de telegram tiene un grupo muy activo en el que participa un montón de gente y la gente

161
00:17:23,430 --> 00:17:29,309
contesta no contestan los usuarios se contestan entre sí y también estamos pues que nos formamos

162
00:17:29,309 --> 00:17:32,670
parte del equipo de desarrollo de excel learning para echar una mano a lo que podemos funciona

163
00:17:32,670 --> 00:17:38,089
bien el grupo así que os recomiendo apuntaros si os interesa hacer ese tipo de preguntas paso

164
00:17:38,089 --> 00:17:44,730
a las imágenes el problema muy habitual en los contenidos imágenes super grandes que luego en

165
00:17:44,730 --> 00:17:50,809
pantalla son pequeñitas vale a la hora de añadir una imagen tenemos que tratarla vale si no la

166
00:17:50,809 --> 00:17:54,470
tratamos al final tenemos un contenido que pesa un montón y estamos obligando a quien ve el

167
00:17:54,470 --> 00:18:01,410
contenido a cargar pues una imagen que realmente no necesita no necesitas una imagen gigante para

168
00:18:01,410 --> 00:18:08,609
que se vea con este tamaño cómo hacer el tratamiento de imágenes lo más sencillo

169
00:18:09,710 --> 00:18:16,250
es usar la opción que tiene excel en él para quienes no sabéis utilizar un programa un

170
00:18:16,250 --> 00:18:23,769
programa edición de imágenes pedido demasiado rápido me he ido aquí a imagen insertar imagen

171
00:18:23,769 --> 00:18:30,529
he marcado optimizar imagen antes de pinchar en la carpetita que me permite seleccionarla vale y

172
00:18:30,529 --> 00:18:34,990
aquí ya puedo seleccionar mi imagen voy a seleccionar una que sé que es grande vale es

173
00:18:34,990 --> 00:18:42,130
una imagen muy muy grande que pesaba cerca de 2 megas vale pues resulta que después de optimizar

174
00:18:42,130 --> 00:18:48,490
la por aquí va a pesar 150 casas es una mejora enorme vale con lo que tenéis que jugar es con

175
00:18:48,490 --> 00:18:57,069
el tamaño y con la calidad os recomiendo que elijáis unas proporciones para las un tamaño

176
00:18:57,069 --> 00:19:03,309
para las imágenes horizontales otro para las imágenes verticales y otro para las cuadradas

177
00:19:03,309 --> 00:19:10,269
por ejemplo no digo que tengan que ser esos pues 600 x 400 para las horizontales 400 x 600 para

178
00:19:10,269 --> 00:19:15,589
las verticales y 450 x 450 para las cuadradas vale y trabajando siempre con los mismos tamaños

179
00:19:15,589 --> 00:19:23,630
no sólo estaremos usando las imágenes con el tamaño que necesitamos vale sino que tendremos

180
00:19:23,630 --> 00:19:29,990
un contenido con una presentación más homogénea y los con realmente el resultado final mejorará

181
00:19:29,990 --> 00:19:36,470
mucho yo voy a elegir ese tamaño vale 600 x 400 así que digo 600 de tamaño máximo y con esto

182
00:19:36,470 --> 00:19:41,930
podría jugar con la calidad vale si coge una calidad muy baja se veía muy mal 95 ahora la

183
00:19:41,930 --> 00:19:49,490
que me sugería ganó mucho finalizar lo inserto ahora hablo del texto alternativo y ahí tendría

184
00:19:49,490 --> 00:19:59,990
mi imagen vale voy a editarla texto alternativo escrito alt por accesibilidad las imágenes deben

185
00:19:59,990 --> 00:20:04,309
llevar un texto alternativo el texto alternativo es este vale la descripción de la imagen no el

186
00:20:04,309 --> 00:20:07,849
título de la imagen el título de imagen es ese bocadillo que aparece cuando nos ponemos sobre

187
00:20:07,849 --> 00:20:12,849
la imagen vale el título de la imagen es opcional la descripción de la imagen el texto alternativo

188
00:20:12,849 --> 00:20:18,230
no es opcional es un requisito si queremos hacer contenidos accesibles porque si no esa imagen no

189
00:20:18,230 --> 00:20:23,750
existe vale podemos dejar el texto alternativo vacío únicamente cuando estemos utilizando

190
00:20:23,750 --> 00:20:29,529
imágenes 100% decorativas vale no tienen valor para el contenido más que para decorar

191
00:20:31,069 --> 00:20:35,450
no voy a entrar en detalles de si esas imágenes se deben meter con css o no pero vamos que sepáis

192
00:20:35,450 --> 00:20:50,609
Si es decorativa, podríais dejar el texto alternativo vacío. Si no lo es, hay que escribir el texto alternativo. Y el texto alternativo tiene que ser un texto breve que realmente describa la imagen. Esto sería, pues, Puerta de Alcalá, Madrid.

193
00:20:50,609 --> 00:21:09,750
Y de título podría poner otra cosa. Por dejarlo vacío. Puerta de Alcalá. Como veis, eso se ve ahí. Ese es el título. Si guardara, pasaría exactamente lo mismo. Ese es el título. El texto alternativo no se ve en pantalla, pero ahí está. Y es el que podrán leer los revisores de pantalla, los lectores de pantalla.

194
00:21:09,750 --> 00:21:24,180
Y por último, la leyenda. Yo suelo ponerla muchas veces, no siempre, no es imprescindible, pero ya sabéis que si tenéis que meter una leyenda o una imagen, no tenéis que hacer esto, escribir aquí.

195
00:21:27,079 --> 00:21:40,740
No hay que hacer eso, lo que hay que hacer es esto. Tenemos la imagen seleccionada, nos vamos a la pestaña título y reconocimiento y pongamos que esta imagen la he descargado de un sitio web.

196
00:21:40,740 --> 00:22:03,380
Os podría aquí incluir el enlace a la página desde la que lo he descargado y también podría seleccionar su licencia. Voy a guardar y como veis pues gano mucho haciendo las cosas así. Aquí tengo una imagen que tiene un pie que está correctamente asociado a las etiquetas. Este pie está asociado a la imagen en el HTML.

197
00:22:03,380 --> 00:22:11,299
no presenta problemas de accesibilidad está bien presentado la imagen no pesa mucho etcétera a por

198
00:22:11,299 --> 00:22:21,000
otra con los vídeos y otros contenidos vídeos audios sitios web externos podemos funcionar

199
00:22:21,000 --> 00:22:26,200
como con las imágenes ahora veremos cómo si quería decir que lo ideal en un recurso educativo abierto

200
00:22:26,200 --> 00:22:31,019
entiendo que es un recurso que está pensado para compartir es que todos los contenidos del recurso

201
00:22:31,019 --> 00:22:35,759
estén incluidos en el propio recurso vale pero hay una excepción que son los contenidos muy

202
00:22:35,759 --> 00:22:42,299
pesados vale entre ellos por ejemplo los vídeos entonces generalmente se recomienda que si tú

203
00:22:42,299 --> 00:22:47,940
tienes un pdf u otros documentos esos archivos estén incluidos en el lp están enlazados

204
00:22:47,940 --> 00:22:59,819
directamente formen parte del contenido pero si vamos a pero si vamos a a trabajar con vídeos

205
00:22:59,819 --> 00:23:05,819
pues a lo mejor salvo que sea un vídeo muy ligero y que queramos que esté en el contenido pues lo

206
00:23:05,819 --> 00:23:17,000
Lo que debemos hacer es publicarlo en una plataforma que sirva para servir vídeos, como por ejemplo la Mediateca de EducaMadrid, YouTube y similares.

207
00:23:17,000 --> 00:23:23,599
No hablo de la Mediateca porque es el que tiene EducaMadrid, es realmente potente y no solo permite subir vídeos, sino muchos otros contenidos.

208
00:23:23,700 --> 00:23:27,299
Sin publicidad, etc. Tiene sus ventajas. Teniéndola, usadla, desde luego.

209
00:23:28,579 --> 00:23:35,220
Vamos a hacer la prueba con el vídeo. Para insertar vídeos y otros elementos de la Mediateca, lo voy a hacer con esto.

210
00:23:35,819 --> 00:23:45,059
voy a copiar esta url con control c y control ce con gusto grande para que lo veáis y

211
00:23:46,480 --> 00:23:52,000
veréis que ahora esto creo que es de la 29 si no es de la 29 del anterior veréis que para añadir

212
00:23:52,000 --> 00:23:57,099
con creo que esto sí que es de la 29 si quiere para añadir contenidos de la mediateca lo único

213
00:23:57,099 --> 00:24:00,680
que tenéis que hacer es pegar la url de la mediateca ni siquiera tenéis que pegar el

214
00:24:00,680 --> 00:24:04,579
código que os proporciona la mediateca para beber el documento pero es la url del vídeo

215
00:24:04,579 --> 00:24:11,119
la mediateca y ya lo tenéis y podéis rellenar aquí esto este sería mi contenido aquí pondría

216
00:24:11,119 --> 00:24:18,180
la url de la mediateca la página en la que pues se puede encontrar la licencia si corresponde

217
00:24:18,180 --> 00:24:24,660
etcétera vale lo inserto y ahí tengo un contenido que está alojado en la mediateca vale ese contenido

218
00:24:24,660 --> 00:24:31,640
mejor ahí que formando parte del lp ocupando un montón de peso no despacio

219
00:24:31,640 --> 00:24:43,380
Vamos con las columnas. Esto de aquí arriba parece que está bien, pero en realidad no está bien. Ahora veremos por qué. Mejor de la segunda forma. Voy a ir haciendo esto pequeñito.

220
00:24:45,839 --> 00:24:51,180
Esto es lo que pasaría si navegara, por ejemplo, con un dispositivo móvil o simplemente tuviera una resolución de pantalla muy bajita.

221
00:24:51,720 --> 00:24:59,799
Las columnas están ahí, están ahí, está todo pelotonado, no hay quien se entere. Sin embargo, en la parte de abajo los contenidos se han ido adaptando.

222
00:24:59,799 --> 00:25:18,859
A partir de cierta resolución las columnas desaparecen. Responsive design, que se llama. ¿Cómo se hace eso? Pues se hace así. Esto de aquí arriba está hecho con tablas. Está hecho así. No uséis las tablas para maquetar.

223
00:25:18,859 --> 00:25:29,480
hay otras maneras mejor de de organizar la información en pues en filas columnas y demás

224
00:25:29,480 --> 00:25:35,660
ahora voy explicando pero las tablas pues para lo que la lógica te dice que debe ser una tabla

225
00:25:35,660 --> 00:25:41,420
para presentar información que debe ser presentada en forma de rejilla vale pues tengo unos encabezados

226
00:25:41,420 --> 00:25:52,690
tengo unas columnas que presentan datos vale para lo demás esto plantilla y hacer una cosa

227
00:25:52,690 --> 00:26:03,819
disculpado un momento y es poner esto para que no se me vaya el tiempo porque no tengo reloj delante

228
00:26:03,819 --> 00:26:14,000
ahí está están estas plantillas que estas columnas aquí insertar plantilla vale aquí tenéis tenéis

229
00:26:14,000 --> 00:26:21,000
varias tenéis pues esta ocupa la mitad cada una hasta el 30% está el 70 esta tiene tres columnas

230
00:26:21,000 --> 00:26:25,039
vale aquí hay una que tiene dos columnas cada una de las cuales tiene un vídeo una que tiene

231
00:26:25,039 --> 00:26:29,779
dos imágenes esta tiene tres columnas con tres imágenes puedo previsualizar las y una vez que

232
00:26:29,779 --> 00:26:36,380
las tengo inserto bien pues usando eso tendremos estructuras de columnas como las de los contenidos

233
00:26:36,380 --> 00:26:40,880
de ejemplo que os enseñé al principio de estos y hay que hacerlo así vale pues estructuras de

234
00:26:40,880 --> 00:26:44,440
columnas sencillitas que se adaptan perfectamente al dispositivo y no presentan problemas de

235
00:26:44,440 --> 00:26:56,000
accesibilidad tablas hacer una tabla con el editor con este editor este editor está en mc es fácil

236
00:26:56,000 --> 00:27:01,799
vale nos vamos aquí hacemos una tabla hacer una tabla que esté que tenga un buen marcado las

237
00:27:01,799 --> 00:27:06,700
tablas tienen sus peculiaridades hay que hacer las que son encabezados luego la tabla tiene

238
00:27:06,700 --> 00:27:10,859
cabecera luego tiene el cuerpo de la tabla vale hacer una celda que esté bien estructurada que

239
00:27:10,859 --> 00:27:17,500
sea bonita que sea accesible etcétera tienes o aquel hay que dedicarle tiempo personalmente creo

240
00:27:17,500 --> 00:27:22,920
que no merece la pena porque hacerlo a mano por supuesto que merece la pena hacerlo bien pero que

241
00:27:22,920 --> 00:27:29,640
se gana se gana mucho tiempo utilizando estas opciones de nuevo en insertar de nuevo aquí en

242
00:27:29,640 --> 00:27:38,680
insertar plantilla vale pues ahí tengo tablas tengo pues una tabla con encabezado en filas

243
00:27:38,680 --> 00:27:46,720
y columnas otra que tiene la tabla una que tiene sólo sólo sólo columnas el hijo está

244
00:27:46,720 --> 00:27:57,130
aquí ya pongo el nombre de la tabla estos serían alumnos de clase y empezaría el nombre apellido

245
00:27:57,130 --> 00:28:03,730
lo que fuera vale y esta tabla pues pues está está bien estructurada el html está bien estructurado

246
00:28:03,730 --> 00:28:08,849
no presenta problemas de accesibilidad y además es bonita incluso en algunos estilos tiene un

247
00:28:08,849 --> 00:28:15,250
aspecto distinto al cambiar de estilo pues la vemos con unos colores otros si me voy aquí a

248
00:28:15,250 --> 00:28:26,579
ver si soy capaz de hacer esto habla estuvo en menos altos y pues no tenía pensado contarlo

249
00:28:26,579 --> 00:28:32,440
así que no voy a contarlo no lo encuentro la primera no lo cuento que sepáis que ahí tenéis

250
00:28:32,440 --> 00:28:36,460
las tablas y que conviene usar esas tablas en lugar de meterse a hacer tablas a mano salvo

251
00:28:36,460 --> 00:28:41,660
que no estemos seguro de lo que está haciendo voy con los enlaces no hagáis esto por favor eso de

252
00:28:41,660 --> 00:28:48,559
bla bla bla bla pincha aquí vale que es ese aquí que se hace mucho lo ideal es que los enlaces

253
00:28:48,559 --> 00:28:57,359
expliquen que hace el propio enlace vale pues dime puedes matricular te ahora y en el matricular te

254
00:28:57,359 --> 00:29:01,059
ahora al azar o poner un botón que deje bien clarito que pinchando en ese botón un enlace

255
00:29:01,059 --> 00:29:06,160
con aspecto de botón que pinchando en ese botón puedes matricular te vale el caso más extremo son

256
00:29:06,160 --> 00:29:11,200
esas páginas que tienen montones de noticias con muchísimos enlaces en los que ponen leer más leer

257
00:29:11,200 --> 00:29:15,819
más que para nosotros bien porque lo vemos en pantalla visualmente pero para quien no lo ve

258
00:29:15,819 --> 00:29:19,660
así quien usa un lector de pantalla por ejemplo hay un montón de enlaces que tienen el mismo

259
00:29:19,660 --> 00:29:28,460
texto y que no indican para nada dónde va cada uno y otras cuestiones los enlaces en ventana nueva vale

260
00:29:30,200 --> 00:29:34,539
mayor nivel de accesibilidad yo quiero que los enlaces bueno para empezar los enlaces

261
00:29:36,160 --> 00:29:41,380
no tendrían por qué abrirse en ventana nueva nos puedes dejar que se abran en la misma en

262
00:29:41,380 --> 00:29:46,119
la misma ventana del navegador y que el usuario pulsando la tecla control lo habrá en ventana

263
00:29:46,119 --> 00:29:51,140
nueva si quiere pero bueno todos sabemos que al final intentamos que los enlaces externos abren

264
00:29:51,140 --> 00:29:58,059
en ventana nueva para que la gente no pierda nuestra nuestra página lo más accesible de todo

265
00:29:58,059 --> 00:30:03,579
poner el texto visible también se podría poner poner este texto visible se abren en ventana

266
00:30:03,579 --> 00:30:07,839
nueva dejar claro que eso se abre en ventana nueva hay que indicar de alguna manera que eso

267
00:30:07,839 --> 00:30:14,039
se va a abrir en ventana nueva. También se podría dejar el texto, pero ocultándolo de manera accesible.

268
00:30:14,140 --> 00:30:20,700
Más tarde explico cómo hacerlo. Ese se abre en ventana nueva, se oculta, pero de manera accesible.

269
00:30:20,799 --> 00:30:27,619
Nosotros no lo vemos en pantalla, pero con un lector de pantalla lo veríamos. Y otra opción sería añadir un título,

270
00:30:28,119 --> 00:30:34,059
que es lo que se hace la mayoría de las veces. Se dice que se abre en ventana nueva y en el título decimos

271
00:30:34,059 --> 00:30:46,579
Pues esto abre Excel Learning en ventana nueva. Con eso lo solucionaríamos. ¿Que tenéis que hacer un contenido con un nivel de accesibilidad muy elevado? Pues a lo mejor os dicen que no se abran en ventana nueva o que se verifique así, ya os dirían.

272
00:30:46,579 --> 00:30:58,660
Los enlaces internos, esto para que no se extrañe. Cuando creamos enlaces a otras páginas, se ven si exportamos como sitio web, que es lo mismo que vemos si le damos a visualización previo.

273
00:30:59,079 --> 00:31:04,920
Pero si exportamos como y dentro de Excel también funcionan. Para hacer un enlace a otra página de nuestro documento iríamos aquí.

274
00:31:06,039 --> 00:31:11,039
A AnclarNodo seleccionaríamos cualquiera de las páginas de nuestro contenido y ya tendríamos un enlace a esa página.

275
00:31:11,039 --> 00:31:34,759
Pero que sepáis que cuando exportamos como en otros formatos, en SCORM, en IMS, por ejemplo, esos enlaces internos desaparecerán. El texto se seguirá mostrando, pero no habrá enlace, ¿vale? Porque es el LMS, el Moodle o el LMS que se utiliza, Moodle en el caso de la Comunidad de Madrid, el que se encarga de pintar la navegación y no hay enlaces, ¿vale? De ningún tipo. No hay menú, no hay enlaces, de eso se encarga el LMS.

276
00:31:34,759 --> 00:31:48,660
Más sobre los enlaces. Esta opción se usa poco y está muy bien. Mejora mucho la accesibilidad de los enlaces, en especial cuando son enlaces a documentos pesados.

277
00:31:50,240 --> 00:32:03,359
Yo tengo un texto. Voy a crear un enlace a un documento. Tengo un documento por aquí. Voy a crear un documento al PDF.

278
00:32:03,359 --> 00:32:32,319
Esta opción se usa poquito, incluir información del fichero. Puedo elegir la unidad en la que se muestra. La voy a poner en kilobytes para que ponga aquí una cantidad razonable. Y como veis, me marca directamente cuál es la extensión y me genera esto. Con lo cual, tengo un enlace que ya tiene el título, no he tenido que incluirlo directamente y que además tiene la información del fichero, es decir, su formato y su tamaño a continuación.

279
00:32:32,319 --> 00:33:00,660
Bueno, pues esa es una mejora de accesibilidad interesante. Enbeber documentos. Sabéis que podemos enbeber documentos, pongamos que un PDF desde aquí, como añadimos un vídeo, yo selecciono el documento y lo incrusto directamente. Voy a poner aquí título de reconocimiento, ejemplo, lo incrusto.

280
00:33:00,660 --> 00:33:07,079
esto ha cambiado en ese 29 antes se incrustaban como y frame esto para los que sepáis más de

281
00:33:07,079 --> 00:33:14,180
html ahora se incrustan como con la etiqueta en vez vale es un poco lo de menos yo soy más

282
00:33:14,180 --> 00:33:18,980
partidario de enlazar los los documentos como enseñado en la página anterior vale para es

283
00:33:18,980 --> 00:33:25,240
decir con un enlace especificando que se trata de un pdf su peso etcétera y que el usuario descargue

284
00:33:25,240 --> 00:33:29,240
el documento y lo vea donde quiera y como quiera a lo mejor quiere verlos el navegador a lo mejor

285
00:33:29,240 --> 00:33:33,640
Quiere verlo en Foxy Reader, quiere verlo en una prueba Reader, como él quiera. Así respetamos su preferencia.

286
00:33:34,619 --> 00:33:39,180
Muchas veces se quieren incrustar los documentos por una cuestión visual.

287
00:33:39,180 --> 00:33:41,759
No, es que me gusta más que se vea en pantalla porque queda chulo.

288
00:33:42,579 --> 00:33:52,400
Podéis hacerlo, pero os recomiendo también añadir el enlace para que en caso de que alguien tenga un navegador que no sea compatible con esto

289
00:33:52,400 --> 00:33:58,240
o en caso de que el contenido esté publicado en el servidor que presente problemas para incrustar los contenidos de esa manera,

290
00:33:59,240 --> 00:34:12,760
el usuario, el alumno, pueda descargarse el contenido. Podéis seleccionar aquí la leyenda y añadir un enlace como hemos añadido antes. Seleccionamos el PDF y ya tenemos el documento ahí.

291
00:34:12,760 --> 00:34:29,159
También podéis incrustar el documento subiendo previamente el documento a la Mediateca de EducaMadrid y utilizando la técnica de inserción que he comentado antes.

292
00:34:29,239 --> 00:34:53,659
Voy a pegar aquí la URL del documento, me voy al título, escribo todo, ahí tengo el documento que en realidad está en la Mediateca de EducaMadrid y ya es EducaMadrid el que se encarga de hacer las comprobaciones necesarias para ver cómo puede mostrar ese contenido correctamente el navegador que está usando el usuario.

293
00:34:53,659 --> 00:35:17,539
Y adicionalmente podemos añadir el enlace al propio fichero, al PDC. Lo tengo, incluir información del fichero, etc. Con eso ganamos en accesibilidad también y evitamos que algunas personas tengan problemas para acceder a nuestro contenido porque no pueden verlo aquí, por su navegador, por lo que sea.

294
00:35:17,539 --> 00:35:43,639
El idioma. Ya os he dicho antes que es muy importante especificar el idioma del documento, pero también hay que especificar el idioma de algunas partes del documento. Si yo estoy escribiendo un texto en castellano y de repente escribo en inglés, pues debo decirlo, aparte de marcarlo con cursivas, que es lo correcto en español, pues debo especificar que se trata de un contenido en otro idioma. Eso se hace desde aquí.

295
00:35:43,639 --> 00:35:49,659
insertar aquí en editar, insertar y editar atributos

296
00:35:49,659 --> 00:35:53,420
y ponemos el código del idioma, inglés en este caso

297
00:35:53,420 --> 00:35:59,230
lo he hecho aquí con el árabe

298
00:35:59,230 --> 00:36:04,420
para enseñaros un ejemplo, veis que esto está aquí, pues si yo

299
00:36:04,420 --> 00:36:08,480
usara un estilo compatible con la escritura de derecha e izquierda, pues eso ya

300
00:36:08,480 --> 00:36:12,599
aparecería con la justificación correcta

301
00:36:12,599 --> 00:36:16,719
porque yo he dicho los contenidos que estén en ese idioma se presentan

302
00:36:16,719 --> 00:36:23,280
de esta manera. Esos son los trucos, me he referido hasta ahora a los trucos más relacionados

303
00:36:23,280 --> 00:36:27,380
con la accesibilidad y la usabilidad. Voy con otros. Ahora tengo que apurar un poco,

304
00:36:27,500 --> 00:36:33,809
¿vale? Despejar elementos. Muchas veces queremos escribir aquí en una imagen a la izquierda

305
00:36:33,809 --> 00:36:38,349
un texto a su derecha. Yo quiero escribir, pero no quiero escribir aquí, ¿vale? Yo

306
00:36:38,349 --> 00:36:42,449
quiero que estos puntitos me salgan aquí debajo. Bien, pues eso podéis hacerlo usando

307
00:36:42,449 --> 00:36:47,789
esta opción despejar y a partir de ahí esos puntitos ya están en la parte de abajo vale

308
00:36:47,789 --> 00:36:52,710
otra opción muy práctica para estos casos es esta otra añadir un párrafo al final que te

309
00:36:52,710 --> 00:36:58,469
hace justo eso doy aquí clic y me añade un párrafo al final y eso lo digo porque a veces

310
00:36:58,469 --> 00:37:04,010
uno no sabe muy bien cómo salir del lugar en el que se encuentra vale pues con eso se consigue

311
00:37:04,010 --> 00:37:28,349
Bocadillos de este tipo sirven para hacer estas cosas. Voy aquí, selecciono un bocadillo, voy a decir que es de tipo definición, los hay de distintos tipos, no voy a entrar en cada uno ahora porque podéis verlo y aquí te dice el bocadillo mostrará el término y su definición.

312
00:37:28,349 --> 00:37:51,230
Voy a escribir el término. Disculpad, porque lo voy a hacer mejor aquí, que tenía ya escrito el texto Puerta de Alcalá. Y me voy a los bocadillos. Aquí está Puerta de Alcalá, la definición, término Puerta de Alcalá y definición. Describo un monumento muy importante en la ciudad de Madrid, etcétera.

313
00:37:51,230 --> 00:37:58,190
etcétera vale ventaja que puedo editar esto vale podría por ejemplo pues añadir una imagen de la

314
00:37:58,190 --> 00:38:05,489
puerta de alcala voy a añadir una imagen está ya la tenía optimizada pero en fin voy con esta

315
00:38:05,489 --> 00:38:14,230
chiquitita ballet papá para finalizar esto es la puerta de la palabra y guardo pues con eso

316
00:38:14,230 --> 00:38:20,849
consigo este efecto vale que en algunos casos puede estar muy bien puede ser útil y además

317
00:38:20,849 --> 00:38:30,230
visualmente es atractivo. Otro elemento que se puede usar es este. Selecciono un texto y elijo

318
00:38:30,230 --> 00:38:36,889
la opción ventana de diálogo, donde puedo escribir lo que quiera. Exactamente igual que he hecho con

319
00:38:36,889 --> 00:38:42,909
el bocadillo. Y lo mismo que en el bocadillo nos creaba este cuadro azul, aquí me crea este cuadro

320
00:38:42,909 --> 00:38:49,750
gris que yo también puedo editar. Lo edito. Voy a guardar los cambios para que veáis cómo se

321
00:38:49,750 --> 00:38:56,530
comporta vale he puesto un texto podría aquí podría haber metido otros elementos es atractivo

322
00:38:56,530 --> 00:39:02,190
no presenta problemas de accesibilidad y es útil para presentar un poquito más de información de

323
00:39:02,190 --> 00:39:08,869
un texto sobre un texto pequeño de nuestra página mensajes y textos especiales no sé si os habéis

324
00:39:08,869 --> 00:39:13,130
fijado al principio cuando os he enseñado ese contenido de ejemplo de mejor hacer las cosas

325
00:39:13,130 --> 00:39:20,010
así vale y también os he dicho que conviene usar lo que se os ofrece pues se ofrece una serie de

326
00:39:20,010 --> 00:39:26,429
mensajes que resultan muy útiles como estos que tenéis aquí delante no a mí por lo menos me

327
00:39:26,429 --> 00:39:33,190
resulta muy muy útiles los uso constantemente están aquí están aquí editar insertar editar

328
00:39:33,190 --> 00:39:34,489
atributos una vez más vale

329
00:39:37,489 --> 00:39:47,210
nuevo me coloco en cualquier punto del elemento insertar editar atributos y en clase css voy a

330
00:39:47,210 --> 00:39:52,769
decir estos cualquiera de estos estos que empiezan por ese blog pues son esos bloques que estáis

331
00:39:52,769 --> 00:39:56,130
viendo voy a decir que esta información la información es así de azul y está vale pues

332
00:39:56,130 --> 00:40:05,510
Ahí lo tenéis. Hay algunos estilos que incluso les ponen un icono, pero en líneas generales todos los presentan de la misma manera.

333
00:40:08,500 --> 00:40:15,039
También podemos ocultar un texto de manera accesible. ¿Ves lo que había puesto en el ejemplo de enlaces que se abren en ventana nueva?

334
00:40:15,139 --> 00:40:20,719
Se abre en ventana nueva. Vamos a ocultar este texto que tengo seleccionado de manera accesible.

335
00:40:20,719 --> 00:40:27,840
Yo no lo veo en pantalla, pero el texto está ahí y con un lector de pantalla se vería. De nuevo, insertar y editar atributos.

336
00:40:27,960 --> 00:40:35,159
clase exe tejida en accesible oculto accesible está ocultado pero es accesible como veis aquí

337
00:40:35,159 --> 00:40:43,559
lo veo lo podría editar si quisiera vale pero si guardo aquí lo veo pero si exportó esto ya

338
00:40:43,559 --> 00:40:50,760
no se va a ver está ahí como explicado pero no se va a ver grabar audio esto no sólo puede ser

339
00:40:50,760 --> 00:40:55,559
útil para los de idiomas que creo que es muy útil para ellos también para explicar un poquito mejor

340
00:40:55,559 --> 00:41:01,599
un ejercicio que es un poco complicado por ejemplo para unos pequeños les haces una descripción del

341
00:41:01,599 --> 00:41:05,699
problema pero a lo mejor no quieres perder tiempo en hacer una descripción muy detallada no puedes

342
00:41:05,699 --> 00:41:09,659
hacerlo pues puedes ir aquí directamente le das a grabar no voy a hacerlo porque como estoy

343
00:41:09,659 --> 00:41:14,860
compartiendo el audio por otro lado no quiero que haya problemas valen grabar finalizar aceptar y

344
00:41:14,860 --> 00:41:19,679
tenéis un audio al que le podéis poner una leyenda como hemos hecho antes con los vídeos etcétera es

345
00:41:19,679 --> 00:41:25,440
útil enlaces creo que esto lo habéis tenido que usar muchos a la hora de presentar el portafolio

346
00:41:25,559 --> 00:41:35,559
hacer un enlace con un efecto de este tipo lightbox m voy a editar eso se hace así voy a añadir un

347
00:41:35,559 --> 00:41:43,099
efecto como veis perdonado que lo estoy haciendo muy rápido he seleccionado un texto podría haber

348
00:41:43,099 --> 00:41:50,019
seleccionado una imagen lo hecho con un texto lo seleccionó añado un enlace voy a seleccionar un

349
00:41:50,019 --> 00:41:56,280
fichero pues este por ejemplo y voy a escribir un título el título es hola vale y aquí en rel

350
00:41:56,280 --> 00:42:05,239
digo lightbox vale pues yo guardo esto me voy aquí ya lo tengo y el título es lo que aparece

351
00:42:05,239 --> 00:42:13,750
a pie de foto vale puedo hacer lo mismo con vídeos de la mediateca mediateca

352
00:42:13,750 --> 00:42:18,429
el primero que encuentre

353
00:42:18,429 --> 00:42:20,590
este

354
00:42:20,590 --> 00:42:24,530
voy a añadir un enlace aquí

355
00:42:24,530 --> 00:42:26,969
voy a pegar la url directamente

356
00:42:26,969 --> 00:42:28,309
y voy a decir rel

357
00:42:28,309 --> 00:42:30,550
lightbox, aceptar

358
00:42:30,550 --> 00:42:34,210
guardo y ahí lo tengo

359
00:42:34,210 --> 00:42:35,690
el resto lo hace automáticamente

360
00:42:35,690 --> 00:42:38,550
y ahora lo que quiero enseñaros es como hacer

361
00:42:38,550 --> 00:42:40,730
colecciones, para que os haga esto

362
00:42:40,730 --> 00:42:42,849
pero que puedas pasar a la siguiente

363
00:42:42,849 --> 00:42:44,030
haciendo clic en un botoncito

364
00:42:44,030 --> 00:42:45,809
de siguiente o volver a la anterior

365
00:42:45,809 --> 00:42:57,150
eso se hace así me voy aquí y una vez más atributos vale como veis en real me dice que es light box

366
00:42:57,150 --> 00:43:02,849
vale yo voy a abrir corchete cerrar corchete y voy a poner el nombre de mi galería el que sea sin

367
00:43:02,849 --> 00:43:09,769
caracteres especiales sin espacios ejemplo vale esto lo voy a seleccionar y lo voy a copiar lo

368
00:43:09,769 --> 00:43:20,050
copio aceptar me voy a ir al vídeo editar insertar editar atributos un botón derecho pegar los dos

369
00:43:20,050 --> 00:43:28,269
comparten el valor del atributo real de manera que si yo ahora hago así pues tengo una pequeña

370
00:43:28,269 --> 00:43:33,170
galería vale como veis aquí otro elemento que tiene lightbox pero ese no forma parte de mi

371
00:43:33,170 --> 00:43:39,889
galería ejemplo por eso no aparece en el listado notación musical esto pues para los de música

372
00:43:39,889 --> 00:43:47,369
claro a lo mejor para composiciones muy complejas no sirve no soy experto en eso yo ojalá pero para

373
00:43:47,369 --> 00:43:54,769
cosas sencillas como lo que se puede ver como lo que se puede ver en la eso sí voy a hacer un

374
00:43:54,769 --> 00:44:00,090
ejemplo con un código fuente que copiado de esa página que tenéis ahí esto lo hace con una

375
00:44:00,090 --> 00:44:03,869
anotación que se llaman notación musical a veces que hace bueno por referencia a los nombres de

376
00:44:03,869 --> 00:44:10,230
las notas pues separado de los de música lo sabéis perfectamente no tengo más que irme aquí y notación

377
00:44:10,230 --> 00:44:17,750
musical pero el código que acabo de copiar que es ese ese código en formato abc se ha oído algo

378
00:44:17,750 --> 00:44:25,369
yo sigo si hay algún problema cortame alberto por favor mientras tanto sigo le doy a visualización

379
00:44:25,369 --> 00:44:30,829
previa pues este sería el formato definitivo vale tendría un reproductor tengo la partitura y

380
00:44:30,829 --> 00:44:41,150
podría ver el código fuente vale como veis es súper fácil y el resultado pues es es atractivo mapas mentales

381
00:44:43,690 --> 00:44:50,610
crear un mapa mental desde aquí es fácil se usa este botoncito de aquí ya tengo uno creado

382
00:44:50,610 --> 00:44:55,050
simplemente para que veáis que además de crearlos podemos editarlos voy a abrir el editor de mapas

383
00:44:55,050 --> 00:44:59,010
mentales y qué pasa aquí pues que se me ha olvidado por ejemplo empieza como es posible

384
00:44:59,010 --> 00:45:04,889
no se me olvida empieza pues empieza ahí está y lo voy a guardar vale recortó el trocito que

385
00:45:04,889 --> 00:45:11,070
quiero y cuando termino le doy a guardar y ya ha terminado tengo una imagen no voy a hacerlo

386
00:45:11,070 --> 00:45:16,489
por ahorrar tiempo quedando un poco justo y tendría mi mapa mental que para esquemas

387
00:45:16,489 --> 00:45:24,050
sencillos pues es muy útil esto para código esto yo lo uso constantemente cuando la clase

388
00:45:24,050 --> 00:45:30,369
informático por ejemplo cuando crea contenidos para material apoyo para las clases presentar

389
00:45:30,369 --> 00:45:36,329
el código así como lo estáis viendo ahora pues pues es tristón no voy a copiarlo y voy a usar

390
00:45:36,329 --> 00:45:45,309
esta opción voy a pegar ahí puedo marcar la opción incluir estilos y además le voy a decir que

391
00:45:45,309 --> 00:45:49,969
resalte la sintaxis y le voy a decir que eso es código efectivamente es javascript y voy a decir

392
00:45:49,969 --> 00:45:54,789
que quiero un diseño claro lugar de oscuro sí que quiero que me marque los números de línea y quiero

393
00:45:54,789 --> 00:46:00,809
que resalte la segunda línea que es donde tengo la alerta vale pues ahí lo tengo vale gana gana

394
00:46:00,809 --> 00:46:09,610
mucho es mucho más fácil de seguir el código e inserción de hoy voy a apurar un poquito vale

395
00:46:09,610 --> 00:46:16,030
inserción de fórmulas matemáticas aquí hay un botoncito que permite insertar códigos matemáticos

396
00:46:16,030 --> 00:46:20,809
fórmulas matemáticas vale escribiendo código látex aquí usando el editor que se abre pensando aquí

397
00:46:20,809 --> 00:46:28,309
pero lo que hemos visto en la práctica es que los de matemáticas sabéis o vais aprendiendo código

398
00:46:28,309 --> 00:46:33,050
látex y que os resulta más fácil escribir directamente el código látex de las fórmulas

399
00:46:33,050 --> 00:46:39,969
matemáticas en las páginas vale pues si lo que queréis es hacer eso y que no se presente el

400
00:46:39,969 --> 00:46:46,329
código con esta forma sino que se vea como uno espera que se vea una fórmula matemática lo que

401
00:46:46,329 --> 00:46:51,170
podéis hacer es activar esta casilla la pestaña propiedades con el modo avanzado activado vale me

402
00:46:51,170 --> 00:46:57,309
voy a exportar seleccionó código matemático cargar matias matias es la librería que se encarga de

403
00:46:57,309 --> 00:47:04,030
hacer eso lo guardo me vuelvo al contenido y cuando vuelvo a la página si soy capaz de encontrarla

404
00:47:04,030 --> 00:47:10,010
pues veo que estas fórmulas de aquí se renderizan correctamente tanto en línea como en bloque

405
00:47:10,889 --> 00:47:14,769
buscador esto creo que habéis tenido que hacerlo muchos de vosotros para el portafolio de

406
00:47:14,769 --> 00:47:20,449
competencia digital docente yo puedo querer añadir un buscador en las exportaciones añadir

407
00:47:20,449 --> 00:47:26,869
barra de búsqueda lo guardo y cuando le veía cuando exportó como sitio web únicamente como

408
00:47:26,869 --> 00:47:35,010
sitio web pues aquí tengo un buscador vale funciona bien exactamente igual que el buscador

409
00:47:35,010 --> 00:47:42,710
pues puede añadir puedo añadir contadores a pie de página vale pues esto es útil en algunas

410
00:47:42,710 --> 00:47:50,650
ocasiones creo que veis el efecto que me dice pues mira va son 35 páginas vaya vaya ladrillo

411
00:47:50,650 --> 00:47:55,769
pues esto es útil para algunas presentaciones por ejemplo vale que sepáis que la opción está ahí

412
00:47:56,789 --> 00:48:05,889
porque está un poco escondida ese era ese apartado las rúbricas muchos sabéis que hay un device aquí

413
00:48:05,889 --> 00:48:13,389
en otros contenidos que se llama rúbrica que me permite crear rúbricas con mucha facilidad

414
00:48:13,389 --> 00:48:18,710
voy a importar una de las rúbricas de ejemplo que están creadas por el cd que lo voy a guardar vale

415
00:48:18,710 --> 00:48:23,530
lo que lo que no sé si tanta gente sabe es que esa rúbrica se pueden aplicar vale entonces voy

416
00:48:23,530 --> 00:48:27,710
a aplicar la tiza para aplicarlo tienes que exportar primero pues voy a exportar la vía

417
00:48:27,710 --> 00:48:34,650
visualización previa tengo un buscador voy a buscar las rúbricas me voy a las rúbricas tengo

418
00:48:34,650 --> 00:48:41,329
la rúbrica y la voy a aplicar vale pues aquí puedo poner este es el examen examen 1 de la

419
00:48:41,329 --> 00:48:50,090
primera ovación bla bla bla de hoy 09 del lo que sea este es el alumno x vale la puntuación no

420
00:48:50,090 --> 00:48:55,550
hace falta que la que la escriba yo la puntuación la calcula la rúbrica vale voy reinando la rúbrica

421
00:48:56,550 --> 00:49:02,829
vale y al final le pongo las observaciones fatal lo típico para motivar no y lo que puede hacer

422
00:49:02,829 --> 00:49:08,130
es imprimirlo control p y me genera un pdf con esto que yo le envío al alumno vale también puede

423
00:49:08,130 --> 00:49:13,050
servir para que para que el alumno genere ese pdf y me lo envíe para que me envíe su autoevaluación

424
00:49:13,050 --> 00:49:22,380
o que se autoevalúe sin más y en nuestra página y sigo avanzando en el contenido como compartir el p

425
00:49:24,760 --> 00:49:32,099
la manera más sencilla de hacerlo es esta de aquí me voy a otros contenidos le doy a descargar el

426
00:49:32,099 --> 00:49:37,980
fichero fuente vale si he ido previamente a la pestaña propiedades valerá automáticamente toda

427
00:49:37,980 --> 00:49:47,219
esta información le doy a guardar y me crea una tabla una ficha con la información que yo había

428
00:49:47,219 --> 00:49:50,800
introducido previamente la pestaña propiedades y hay un botoncito que me permite descargar el

429
00:49:50,800 --> 00:49:56,519
lp vale pues con dos puertos y yo pincho en este enlace obviamente se descarga el lp esa sería la

430
00:49:56,519 --> 00:50:01,880
manera más sencilla otra es ésta me voy a propiedades exportar le digo exporta una copia

431
00:50:01,880 --> 00:50:15,820
del LP, guardar. Si yo ahora exporto, aunque el LP que se exporta, o sea, se va a exportar

432
00:50:15,820 --> 00:50:19,780
una copia del LP, obviamente, y el LP que se exporta no está enlazado porque no he incluido

433
00:50:19,780 --> 00:50:23,940
ningún enlace en mi contenido, pero yo sé que ese LP está ahí y eso es útil, por ejemplo,

434
00:50:23,940 --> 00:50:31,380
si yo he publicado en algún sitio mi contenido, pues porque yo sé que tengo el LP ahí metido

435
00:50:31,380 --> 00:50:52,639
Y sé cuál es la URL y lo puedo descargar y recuperar si lo necesito. Esa sería la segunda manera de crear el enlace al LP. Y la tercera sería simplemente hacer esto. Yo creo un enlace al LP. Pues cuando exporte el contenido, este enlace descargará el LP.

436
00:50:52,639 --> 00:51:09,960
Presentaciones. Podéis usar Excel para hacer presentaciones. Se usa poco. Yo, por ejemplo, lo uso mucho. Bueno, un poco para... faltaría más, ¿no? Si no lo usara yo, pero que es muy útil, ¿verdad? Y queda muy bien, sobre todo es muy, muy fácil hacerlas, ¿vale?

437
00:51:09,960 --> 00:51:26,739
Hay un estilo que es este de aquí, presentación, o algunas comunidades autónomas como Madrid que tienen suyo propio, que me permite hacer presentaciones. Selecciono el estilo, exporto y veis, voy a la segunda página que es así más pintona y queda bastante bien para presentación.

438
00:51:26,739 --> 00:51:32,619
mucho mejor que otros estilos más pensados para contenidos más extensos vale como veis tengo aquí

439
00:51:32,619 --> 00:51:37,099
el contador que ha añadido etcétera e incluso el buscador en caso una presentación probablemente

440
00:51:37,099 --> 00:51:43,739
no lo incluiría si vais aquí a información os cuenta cómo se usa esto vale pues no es más que

441
00:51:43,739 --> 00:51:50,619
seguir estas instrucciones si le doy a la m vale lo muestro y oculto el menú con las flechas paso

442
00:51:50,619 --> 00:51:56,059
de una página a otra vale y si voy a la fecha superior voy a la primera página y si le doy a

443
00:51:56,059 --> 00:52:01,940
la fecha de abajo a la fecha bajar me voy a la última página vale pues si hacéis esto pulsando

444
00:52:01,940 --> 00:52:08,300
11 11 para tener el navegador en pantalla completa pues tenéis una presentación atractiva y que se

445
00:52:08,300 --> 00:52:14,420
hace mucho más rápido que con otras aplicaciones es algo de pantalla completa cierro la previsualización

446
00:52:14,420 --> 00:52:20,639
y voy con excel learning 29 ya he dicho que si queréis saber más sobre ese learning 29 ayuda

447
00:52:20,639 --> 00:52:27,820
notas de la versión ahí están todos los detalles vale principalmente seis juegos nuevos no voy a

448
00:52:27,820 --> 00:52:31,880
entrar en ellos ahora que si no me quedo sin tiempo para contaros la parte de madrid otros

449
00:52:31,880 --> 00:52:38,500
y devices nuevos tampoco voy a entrar en ellos ahora todos estos los ha hecho manuel vale y nos

450
00:52:38,500 --> 00:52:44,219
va a hablar de ellos a continuación o sea que no me extiendo más en esa parte pero sí que hay una

451
00:52:44,219 --> 00:52:48,920
novedad que estaba un poquito oculta y que creo que viene bien que conozcáis que es la barra de

452
00:52:48,920 --> 00:52:56,239
accesibilidad de nuevo propiedades y aquí en la pestaña exportar propiedades exportar añadir una

453
00:52:56,239 --> 00:53:01,800
barra de accesibilidad lo voy a guardar guardo voy a cambiar de estilo voy a volver al que tenía

454
00:53:01,800 --> 00:53:11,079
la visualización previa de aquí tengo el estilo con esa barrita vale aquí está la barra accesibilidad

455
00:53:11,079 --> 00:53:18,400
que me permite pues hacer más grande el texto me permite cambiar la tipografía el número de

456
00:53:18,400 --> 00:53:22,460
tipografías es limitado porque hay que exportar las tipografías siempre y bueno hemos optado por

457
00:53:22,460 --> 00:53:29,840
esas tres porque queremos que cubren bastantes casos puedo restablecer las propiedades y puedo

458
00:53:29,840 --> 00:53:39,570
colocar la barrita donde donde yo quiero para que no me moleste si es que me molesta la barra de

459
00:53:39,570 --> 00:53:43,590
accesibilidad puede ser útil para algunos no es imprescindible para crear un contenido accesible

460
00:53:43,590 --> 00:53:51,070
vale si creéis que puede ser útil que vuestro público vuestro alumno nuestros alumnos puedan

461
00:53:51,070 --> 00:53:55,690
seleccionar la tipografía por cualquier motivo pues podéis utilizarlas pero no utilizarlo nos

462
00:53:55,690 --> 00:54:00,550
indica que vuestro contenido no sea accesible si cuidáis los detalles que he mencionado

463
00:54:00,550 --> 00:54:05,590
anteriormente pues no tendría por qué presentar problemas de accesibilidad voy con educa madrid

464
00:54:05,590 --> 00:54:12,730
como decía antes pues oye alberto y manuel me parece que voy a necesitar no creo que llega a

465
00:54:12,730 --> 00:54:17,090
cinco minutos más vale pero así me da tiempo a contar esta parte que creo que es interesante

466
00:54:17,090 --> 00:54:21,409
para para los de madrid que hay algunas opciones que probablemente no las conozca todo el mundo

467
00:54:24,090 --> 00:54:30,050
en educa madrid se pueden publicar de distintas maneras contenidos quedados con el excelente

468
00:54:30,050 --> 00:54:34,130
eso como decía es una gran suerte porque porque uno de los principales problemas que tiene mucha

469
00:54:34,130 --> 00:54:39,510
gente por ahí es la publicación del contenido sin embargo pues nosotros lo tenemos resuelto

470
00:54:39,510 --> 00:54:45,630
voy a ir a mis páginas de educar y voy por cada una de estas opciones en el portal educativo como

471
00:54:45,630 --> 00:54:53,179
contenido me voy al portal educativo no estoy autenticado pero me autentico

472
00:54:54,619 --> 00:54:59,099
estoy en mis páginas privadas del portal educativo a la que les he dado esta apariencia

473
00:55:01,099 --> 00:55:12,179
y lo que voy a hacer es irme al administrador de contenidos vale pues aquí tengo una carpetita que

474
00:55:12,179 --> 00:55:17,340
es la que voy a usar para las pruebas de este curso taller de excelente vale si yo tengo el

475
00:55:17,340 --> 00:55:23,219
modo avanzado activado veo más cosas vale pues activo el modo avanzado y tengo un importar excel

476
00:55:24,760 --> 00:55:31,179
pues si yo me voy aquí y selecciono un sitio web que he exportado desde excel learning así

477
00:55:31,179 --> 00:55:40,400
exportar estándar perdón exportar sitio web carpeta archi exportar sitio web archivo comprimido zip

478
00:55:40,400 --> 00:55:46,800
vale si yo selecciono un zip que he creado así y le doy a importar el fichero no lo voy a hacer

479
00:55:46,800 --> 00:55:51,900
porque a veces tarda un poco en especial si el contenido tiene muchos ficheros como es el caso

480
00:55:51,900 --> 00:56:01,199
vale pues lo que hace es crearme un contenido me crea un contenido de este estilo lo voy a editar

481
00:56:01,199 --> 00:56:07,260
para que veáis me crea un contenido al que yo luego le voy a poder poner un título le voy a

482
00:56:07,260 --> 00:56:12,239
poner una poder le voy a poder poner una imagen la que yo quiera y le puedo añadir también una

483
00:56:12,239 --> 00:56:16,539
descripción a la ley cuando termine de hacer los cambios pues lo público y tengo un contenido más

484
00:56:16,539 --> 00:56:30,239
como cualquiera de los que tengáis en el portal educativo. Y después lo puedo añadir a mis páginas con un agregador de contenidos. Esto ya forma parte de la manera de trabajar con el portal educativo.

485
00:56:31,699 --> 00:56:42,739
Voy a hacer la prueba rápida, no voy a entrar en detalles aquí. Y ahí tengo mi contenido. Yo podría compartir esta página con los alumnos y los alumnos podrían acceder directamente al contenido.

486
00:56:42,739 --> 00:56:49,219
esa sería una manera de publicar un contenido en educa madrid portal educativo administrador

487
00:56:49,219 --> 00:56:55,280
de contenidos otra portal educativo pero en lugar de usando el administrador de contenidos usando

488
00:56:55,280 --> 00:57:02,920
esto el directorio de ficheros vale el procedimiento similar yo tengo ahí mi carpetita

489
00:57:02,920 --> 00:57:08,179
en el directorio de ficheros que se está vale y me voy a crear dentro de una carpeta que se

490
00:57:08,179 --> 00:57:16,500
voy a llamar por ejemplo nueva carpeta contenido nuevo vale y creo la carpeta cuando creo la

491
00:57:16,500 --> 00:57:20,460
carpeta le digo voy a añadir ficheros de un zip tengo que tener el modelo está activado

492
00:57:21,900 --> 00:57:27,719
añadir ficheros desde un zip vale me dice vale pues selecciona el zip voy aquí me he creado

493
00:57:27,719 --> 00:57:34,340
unos contenidos ligeros para poder hacer esta prueba y voy a subir fichero pues está subiendo

494
00:57:34,340 --> 00:57:38,019
el fichero está descomprimiendo los archivos puede tardar un pelín este contenido es ligero

495
00:57:38,019 --> 00:57:43,360
no tardará mucho cuando termina me voy al listado y tengo todos los ficheros que estaban en el ciclo

496
00:57:43,360 --> 00:57:50,340
lo que voy a hacer es esto voy a ver voy a ver voy a ver los ficheros de tipo texto para que

497
00:57:50,340 --> 00:57:56,599
me resulte más fácil localizar el fichero index que es la puerta de entrada a mi contenido este

498
00:57:56,599 --> 00:58:00,840
es el contenido que acabo de subir y este contenido lo puede ver cualquiera está borrar

499
00:58:00,840 --> 00:58:07,739
la podéis compartir con quien sea vale salvo que y esta es otra ventaja de hacerlo de hacerlo aquí

500
00:58:07,739 --> 00:58:14,219
desde el asistente de permisos digáis que a ese directorio no puede acceder cualquiera vale no

501
00:58:14,219 --> 00:58:19,380
voy a entrar ahora lo que hace cada uno de los permisos pero podría restringir el acceso y otra

502
00:58:19,380 --> 00:58:25,599
ventaja tiene publicar usar el directorio de ficheros para publicar estos contenidos pues

503
00:58:25,599 --> 00:58:32,599
pongamos yo tenía mi contenido voy a abrir de nuevo este contenido es el contenido nuevo vale

504
00:58:32,599 --> 00:58:44,440
y antes tenía un contenido tenía otro esta labor es así yo tenía este contenido el contenido vale

505
00:58:45,539 --> 00:58:50,940
y yo les había dado a mis alumnos esta url la url del contenido y luego lo he visto yo madre

506
00:58:50,940 --> 00:58:55,440
mía si se lo es lo he pasado con él con el estilo para los niños y este no es un contenido para

507
00:58:55,440 --> 00:59:00,539
ellos voy a cambiar el estilo porque yo quiero que se vea así pues lo que podéis hacer con esto

508
00:59:00,539 --> 00:59:07,500
es cambiar el nombre de las carpetas vale yo tenía mi carpeta contenido a podría renombrar

509
00:59:07,500 --> 00:59:21,650
la carpeta el nombre y tengo mi carpetita contenido nuevo y la voy a renombrar le voy

510
00:59:21,650 --> 00:59:30,119
a llamar contenido a renombre vale pues si ahora fuera a la url de contenido a que antes era verde

511
00:59:30,119 --> 00:59:35,559
pues ya no sería verde sería tendría el último contenido publicado vale pues esto es fácil de

512
00:59:35,559 --> 00:59:41,099
hacer con el directorio de ficheros más complicado de hacer de otras maneras sigo con otras maneras

513
00:59:41,099 --> 00:59:44,940
de publicar contenidos en educa madrid desde hace un tiempo en educa madrid

514
00:59:47,800 --> 00:59:58,039
tenemos la posibilidad bueno ver poco a poco vamos a ver me voy a mis cursos el webinar

515
00:59:58,039 --> 01:00:01,059
de Excel Learning, activo el modo edición, lo voy a poner

516
01:00:01,059 --> 01:00:03,820
en modo claro, que tal vez más gente esté habituada a él.

517
01:00:04,840 --> 01:00:07,380
Puedo añadir una actividad o recurso, eso ya lo sabéis.

518
01:00:08,619 --> 01:00:10,400
Desde hace mucho, decías de hace poco,

519
01:00:10,519 --> 01:00:12,980
desde hace mucho en EducaMadrid, porque esto es algo que tiene

520
01:00:12,980 --> 01:00:16,260
es que Moodle de serie podía subir ficheros

521
01:00:16,260 --> 01:00:19,019
SCORM. Yo creo una actividad de tipo SCORM,

522
01:00:19,420 --> 01:00:20,320
le pongo un título,

523
01:00:22,159 --> 01:00:25,059
arrastro aquí un SCORM

524
01:00:25,059 --> 01:00:27,900
que arrastro aquí o me voy aquí a

525
01:00:28,039 --> 01:00:48,719
Voy a subir un archivo. Selecciono un archivo que he creado con Excel Learning, un feature Scorn, le doy a mostrar y ya tengo mi contenido creado con Excel Learning publicado en EducaMadrid. Nada nuevo estoy. Vuelvo a mis cursos, abandono la página y ahora voy a por los cambios recientes. Esa sería una manera.

526
01:00:48,719 --> 01:00:55,659
la otra manera muchísimo más cómoda como veréis es ésta vale esto lo tienen de momento sólo madrid

527
01:00:55,659 --> 01:01:03,559
y extremadura y los hay más comunidades autónomas que están trabajando en la instalación pero es una

528
01:01:03,559 --> 01:01:14,519
suerte poder contar con esto tan pronto y es que podemos directamente crear un contenidos con con

529
01:01:14,519 --> 01:01:19,619
excel en sin salir de aquí me voy a tengo seleccionada opción por defecto que es crear

530
01:01:19,619 --> 01:01:23,639
con Excel Learning y mostrar. Voy a Excel Learning y me va

531
01:01:23,639 --> 01:01:27,760
a la versión online de Excel Learning que tiene montada en Madrid. Aquí hago lo que

532
01:01:27,760 --> 01:01:30,800
quiera o incluso puedo importar un contenido.

533
01:01:34,679 --> 01:01:38,000
Insertar una LP en esta página, puedo hacer lo que quiera, puedo trabajar con normalidad

534
01:01:38,000 --> 01:01:41,639
y cuando termino me dice, ¿seguro que lo quieres publicar en Moodle? Sí.

535
01:01:43,300 --> 01:01:44,840
Me voy a Moodle y aquí tengo el contenido.

536
01:01:44,840 --> 01:02:07,659
Y además tiene un visor más bonito, a lo mejor no es tan bonito, no nos parece tan bonito como los contenidos que exportamos directamente desde Excel Learning como sitio web, pero tiene un menú más cuidado y con más opciones como esta de pantalla completa que el visor normal que tenía la actividad de tipo SCORM de Moodle.

537
01:02:07,659 --> 01:02:32,900
¿Vale? Lógicamente el contenido este lo puedo editar, etcétera, etcétera. Vuelvo aquí. Hoy hemos visto hasta aquí. Hemos publicado, hemos visto las aulas virtuales como SCORM, las aulas virtuales como SCORM de X-Learning y nos faltaría esta última opción, que es en las aulas virtuales como sitio web de X-Learning.

538
01:02:32,900 --> 01:02:46,079
Lo muestro, pues añado unas páginas para que veamos el menú, voy a dejar esto vacío

539
01:02:46,079 --> 01:02:51,639
por cuestión de tiempo y cuando termine lo voy a finalizar.

540
01:02:51,639 --> 01:02:58,159
Y aquí tengo mi contenido en Moodle, con su menú, etcétera.

541
01:02:58,159 --> 01:03:02,679
También puedo verlo en pantalla completa y si me voy a configuración también puedo

542
01:03:02,679 --> 01:03:08,980
decir que ese contenido en lugar de incrustarse en mi página del curso del tema vale perdón no

543
01:03:08,980 --> 01:03:17,179
es aquí es en opciones avanzadas en apariencia en lugar de incrustarse en el tema en el que he

544
01:03:17,179 --> 01:03:22,840
creado esa actividad pues habrá ventana nueva vale que me permitiría ver el contenido pues de una

545
01:03:22,840 --> 01:03:30,909
manera completamente independiente voy a volver aquí ya hemos visto esto también y bueno que

546
01:03:30,909 --> 01:03:44,710
Que sepáis que en el futuro, todavía no sabemos cuándo, pero en el futuro esto estará integrado también con la Mediateca, ¿vale? Con la Mediateca de EducaMadrid para que se puedan crear contenidos con Excel Learning directamente desde ahí, editarlos, compartirlos, etc.

547
01:03:44,710 --> 01:04:03,190
Por último, que sepáis que EducaMadrid y el exe que hay, el exe online de EducaMadrid, ya tiene estos estilos, los estilos de Creatum y el estilo de competencia digital docente.

548
01:04:03,190 --> 01:04:17,289
Y que ahora para instalaros desde esta mañana lo único que tenéis que hacer en lugar de descargar el zip, etc., es ir aquí a gestor de estilos y en banco de estilos localizarlos y darle al botoncito de instalar.

549
01:04:17,289 --> 01:04:36,250
Y eso es todo. Ya os he comentado antes que para dudas de Excel Learning y demás, el grupo de Telegram funciona de maravilla y para un contacto más oficial, peticiones, etc., os diría que escribáis a esta dirección que aparece en pantalla, inforobaxlearning.net.

550
01:04:36,250 --> 01:04:52,230
Y si tenéis dudas relacionadas con EducaMadrid, que escribáis o llaméis al CAO, que ahí hay gente que sabe mucho en los dos sitios, en EXE y en EducaMadrid, que sabe mucho y es muy maja y ayuda muy bien. Así que muchas gracias y dejo paso a Manuel. Muchas gracias por los minutos, Manuel.