eXeLearning

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. 00:00:02

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. 00:00:18

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. 00:00:32

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

me estoy refiriendo a estas actividades que podéis añadir aquí en cualquier contenido creado con Excel Learning. 00:00:56

Y por otra parte, me referiré en muchas ocasiones, en varias ocasiones, a los estilos. 00:01:02

Lo explico porque hay que les llama skins, que les llama plantillas, que les llama themes. 00:01:07

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

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. 00:01:17

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

pasaré por encima de las novedades de ese 29 sin profundizar porque para eso ya está lo que 00:01:34

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

nuevos vale así que no me enrollaré en esa parte después contaré cómo publicar contenidos en educa 00:01:47

madrid educa madrid tenemos mucha suerte porque es muy fácil publicar contenidos y es algo que 00:01:52

pues que ya les gustaría tener otros sitios con la gente con lo que tiene problemas principalmente es 00:01:56

con la publicación de los contenidos que crean vale así que empiezo directamente con los consejos 00:02:01

prácticos desde el punto de vista de la usabilidad y la accesibilidad empiezo con las propiedades 00:02:06

cuando creéis un proyecto nuevo lo primero que tenéis que hacer es rellenar todo esto 00:02:14

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

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. 00:02:24

ya me aparece aparecerá aquí una vez que cargue la página ahí la tengo y no la guarda perdón 00:02:42

perdón primer fallo tengo que guardar las propiedades una vez guardadas ya veré los 00:02:51

cambios voy a darle a visualización previa para que veáis dónde se refleja esto en nuestro 00:02:56

contenido y por qué es importante exportó la página voy a ver el código fuente de la página 00:03:01

que como siempre luego con el comando no sé cómo se hace desde aquí inspeccionar propiedades 00:03:08

inspeccionar control que es lo que hago siempre empiezo voy a ir en orden de siguiendo el html 00:03:13

empiezo con el idioma como veis lo primero que encuentro en el código de la página es el idioma 00:03:19

es importante especificar el idioma por accesibilidad primero porque tú tienes un 00:03:24

documento tienes que especificar en qué idioma está y también por los buscadores tú le estás 00:03:30

diciendo los buscadores las máquinas en general lectores de pantalla etcétera tú estás diciendo 00:03:34

este es un contenido en castellano y lo que espera encontrar ahí pues es ese idioma por otra parte si 00:03:39

tengo seleccionado un idioma diferente del que realmente debe tener contenido habrá algunos 00:03:47

contenidos que genera ese automáticamente que no estarán en el idioma adecuado si yo digo que el 00:03:52

idioma es inglés y mi contenido está en castellano los botones de anterior y siguiente no estarán en 00:03:57

castellano sino en inglés vale los que trabajáis generalmente con ex en castellano y creáis 00:04:00

contenidos en castellano pues no habréis tenido este tipo de problemas pero se permite trabajar 00:04:06

con la aplicación en idioma y crear contenidos en otro y ahí es donde empiezan los problemas 00:04:10

en fin especificar el idioma el documento importante seguimos el título el título en 00:04:15

el html está aquí vale pero también es esto que veis aquí es lo que aparece en la parte superior 00:04:21

para el título es importante porque es el título del documento si yo me voy a otra página veo que 00:04:27

el título esto que aparece aquí varía vale ahora ya es consejos prácticos barra seguido del título 00:04:32

que tiene mi contenido vale como veis el título del documento es la etiqueta esa etiqueta title 00:04:38

aporta información de contexto dice estamos en consejos prácticos dentro de este contenido 00:04:43

fundamental sigo con la licencia la licencia bueno es importante porque es lo que es tu 00:04:47

garantía a la hora de compartir un contenido tú compartes un contenido con una licencia que exige 00:04:56

reconocimiento y espera reconocimiento por parte de quien lo utilice pues además también está en 00:05:00

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 00:05:05

escrito nosotros esto lo general es automáticamente este contenido ha sido generado con excel erlin 29 00:05:10

y la descripción vale hemos introducido una descripción y esta descripción está en el html 00:05:14

en concreto va a estar en el fichero index html esto sólo está en la página principal de los 00:05:19

contenidos que queremos vale la descripción cuando nosotros buscamos un contenido en un 00:05:24

buscador lo que aparece aquí es la descripción del contenido vale y lo que aparece aquí es el 00:05:31

título del contenido de manera que no sólo es importante por accesibilidad para dar esa 00:05:37

información de contexto etcétera etcétera también es importante para el posicionamiento de las 00:05:42

páginas así que no dejéis de rellenar toda esa información vuelvo al contenido no se me olvidó 00:05:46

ninguno pasamos al siguiente punto si tenéis un contenido que tiene un índice parecido a 00:05:54

este es que algo va mal vale si es demasiado grande pues tal vez te vais plantearos reducir 00:06:01

el número de apartados vale o bien partir el contenido en varios lp es diferentes y crear 00:06:09

un índice mucho mejor que tener un contenido que resulta difícil de navegar esto también afecta a 00:06:15

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

tener problemas si tenéis un lp muy pesado con muchísimas imágenes muchos contenidos etcétera 00:06:24

pero aparte de eso es que conviene que el contenido sea abarcable podéis crear índices 00:06:29

de distintas maneras pues el cd por ejemplo tiene un índice de contenidos creados con excel 00:06:38

learning si no los conocéis os animo a conocerlos porque son muy buenos se podría crear en el portal 00:06:43

educativo educa madrid y hablaremos de eso más adelante estos no son contenidos quedados con 00:06:51

excel opuesto simplemente como ejemplo podrías crearlo con una página de chaman o estos son 00:06:55

los contenidos del instituto geográfico nacional que están hechos con excel learning y están muy 00:07:01

bien vale pues han creado un índice y luego han enlazado a cada uno de los temas o podéis incluso 00:07:05

crear un temas pues con excel learning directamente creáis un lp que contenga el índice y el índice no 00:07:10

tiene más que enlaces al punto en el que tenéis publicado cada uno de los que tienes publicados 00:07:17

los los temas pincho en el tema 1 pues ahí voy al tema 1 y desde el tema 1 permito volver al índice 00:07:21

vale eso es muy sencillo y podéis hacerlo sin usar otra herramienta que excelente otra cosa que no 00:07:26

hay que hacer esto esto en fin es de cajón que no hay que hacer esto no y esto es una exageración 00:07:33

o realmente no sé si es el caso de este proyecto pero sí que conozco otros proyectos en los que 00:07:40

han llegado contenidos listos para su revisión y los revisores se encuentran con que eso es 00:07:47

difícil de seguir porque son textos farragosos voy a quitar el la ortografía porque si no vais 00:07:52

a ver todo en rojo todo el rato esto es difícil de seguir párrafos cortos títulos intermedios 00:08:02

los títulos son estos luego comentaré por qué vale títulos intermedios listados si es necesario 00:08:09

hacer listados vale que visualmente no sólo por por lo que las palabras expresan sino que 00:08:16

visualmente el contenido sea fácil de seguir negritas etcétera etcétera mucho más fácil y 00:08:24

al final la calidad la calidad final del contenido va a mejorar mucho más cosas que no hay que hacer 00:08:32

esto a ver los los efectos son muy golosos porque haciendo un clic dos clics en realidad pues haces 00:08:39

algo chulo haces un par de clics y ya tienes un acordeón qué pasa que muchas veces nos encontramos 00:08:48

con contenidos que tienen con muchos acordeones muchas pestañas muchas diapositivas mucho de todo 00:08:53

y eso hace ilusión crear cosas visualmente atractivas pero lo que tenemos que preguntarnos 00:09:01

es si esos contenidos son fáciles de seguir vale porque muchas veces resulta más fácil seguir tres 00:09:08

páginas que seguir una página que tiene un montón de contenidos y tengo que andar desplegando o 00:09:15

o replegando unos elementos para para poder ver lo que realmente quiero ver así que efectos y 00:09:20

abusar de los efectos no vale con moderación y desde luego pues con consistencia y luego me 00:09:26

referiré a este efecto en particular a las listas de definición otra cosa que también conviene evitar 00:09:37

es sobrecargar la página con contenidos externos especialmente con contenido multimedia que puede 00:09:42

tardar en cargar también nos ha pasado muchas veces que encontramos una página que tiene un 00:09:47

montón de actividades muy chulas pero que tardan una eternidad o que te deja colgado el navegador 00:09:52

porque porque consume muchos recursos la página y no hay manera de trabajar con comodidad en ella 00:09:57

pues la solución es la misma que he comentado antes partir partir vale irá por apartados más 00:10:03

pedirá por pues por una estructura bueno una estructura no irá por apartados pues más 00:10:09

pequeños con menos contenido pero que muestren únicamente lo que necesito y que pues que no 00:10:15

que no den estos problemas y el último de estos de no hay que hacer esto voy a quitar la licencia 00:10:21

que si no vamos a estar viéndola en todas las páginas y cuantos menos elementos tengamos en 00:10:26

pantalla mejor esto no lo hagáis por favor también nos es normal que queramos personalizar nuestros 00:10:29

nuestros contenidos que queramos que tengan pues determinados colores que tengan determinadas 00:10:42

tipografías que tengan las cosas más grandes otras más pequeñas la calidad final de un contenido 00:10:47

mejora notablemente cuando hacemos uso de las herramientas que nos proporciona ese learning 00:10:52

luego ir explicando cuáles son y de las opciones de personalización que nos ofrece el estilo vale 00:10:57

unos estilos ofrecen unas opciones otros estilos ofrecen otras por ejemplo pues unos estilos pueden 00:11:04

decir que este título de aquí es de color rojo y otros pueden decir que este título de aquí es de 00:11:10

color verde vale pero de la misma manera pueden decir pues yo quiero que los párrafos tengan esta 00:11:14

tipografía tengan este color las negritas esta tipografía este color vale lo suyo es manejar 00:11:20

todas esas cuestiones desde el estilo no forzar las nosotros desde aquí complica la edición del 00:11:25

contenido la creación del contenido y desde luego complica la reutilización os voy a poner un ejemplo 00:11:31

me descargo este contenido quiero utilizarlo pero a mí me gusta más este estilo pues ahí 00:11:38

lo tenéis se ve fatal no hay un problema de elegibilidad importante que afecta afecta la 00:11:43

accesibilidad porque no hay contraste suficiente entre el texto y el fondo vale pues eso lo hubiera 00:11:47

evitado si no hubiera seleccionado un color sino simplemente utilizado el color que el 00:11:52

estilo me define por defecto y los contenidos pues al final van a quedar mejor así este es 00:11:58

un contenido sencillo ahora iremos viendo cómo crear cada uno de estos elementos no todos ellos 00:12:04

esperamos cómo podemos crear contenidos bien presentados y es mucho mejor mucho más fácil 00:12:08

además mucho más rápido aquí voy a enseñaros otro otro contenido sencillito que podría funcionar muy 00:12:16

bien eso está hecho a golpe de clic y sin preocuparse de elegir tipografías etcétera 00:12:22

vamos ya con consejos un poco más detallados aquí pone esto no es un título esto no es una lista y 00:12:28

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. 00:12:39

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

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

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. 00:13:12

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. 00:13:32

las listas igual a mí me pueden gustar los bienes largos pero eso no es una lista vale esto es un 00:13:49

párrafo que empieza por un guión largo y hacerlo así supone un problema accesibilidad hay herramientas 00:13:57

de el lector de pantalla por ejemplo de lectores de pantalla que te permiten mostrar las listas 00:14:02

que tiene un contenido para luego a continuación listar cada uno de sus elementos y yo no utilizo 00:14:08

una lista pues tengo un problema de accesibilidad así que si lo que necesito es una lista uso una 00:14:12

lista no esto y este boliche y luego lo que sea sino que escribo tengo mi lista con el formato 00:14:17

que sea y sigo escribiendo vale voy a poner esto en grande hemos llegado hasta ahí eso no es una 00:14:25

lista nosotros vamos a trabajar con listas y una cosa que nos encontramos muchas veces es esta que 00:14:34

tenemos aquí esto parece una lista pero en realidad no son dos listas voy a enseñar el 00:14:41

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

una lista es así una lista en html se abre así se encierra como veis aquí y dentro tiene cada 00:14:56

uno de los elementos del listado lo que tenéis ahí son dos listas una que se abre y tiene un 00:15:05

elemento del listado y otra que se abre y se cierra aquí y tiene otro elemento porque la 00:15:13

gente hace eso pues porque quiere aumentar el interlineado vale pues si quiere quiere aumentar 00:15:18

el espacio entre elementos de la lista y con eso pues lo estamos rompiendo y también tenemos un 00:15:23

problema de accesibilidad porque ya no son elementos de una misma lista si queréis aumentar 00:15:27

el tamaño entre los elementos de la distancia entre los elementos de un listado tenéis que 00:15:33

hacerlo con css y si queréis que en el estilo que estáis usando pongamos que es un estilo que 00:15:38

ha desarrollado la comunidad auto creéis que en el estilo que estáis usando no hay espacio 00:15:43

suficiente comentando con los responsables de la creación del estilo para que lo tengan en cuenta 00:15:49

lo mejor deciden que esa mejora es buena para todos y la aplican y a partir de ahí ya podéis 00:15:53

crear listados que no tienen problemas lo de las listas de definiciones una lista de definición que 00:15:56

se añade desde aquí está pensada para lo que su propio nombre indica vale para incluir términos 00:16:02

y definiciones vale sin embargo estamos viendo voy a deshacer cambios estamos viendo que muchas 00:16:08

veces se usa porque visualmente gusta y se usa para crear contenidos kilométricos vale que además 00:16:15

tienen dentro pues títulos de segundo nivel tercer nivel lo que sea vale pues no conviene usarlo 00:16:22

estamos haciendo un mal uso de las listas de definición resumiendo lo que tenemos que hacer 00:16:29

cuando estamos creando contenidos es utilizar las etiquetas teniendo en cuenta lo que son comprendo 00:16:34

que a veces es difícil saberlo sin saber html pero pero bueno en caso de duda pues títulos 00:16:40

bien anidados listas enlaces etcétera negritas después comentaremos los enlaces en los elementos 00:16:48

de uso más habituales sin salirnos de ellos y bueno podemos consultar vale en caso de que 00:16:54

tengamos duda o yo puedo ver problemas de por utilizar este tipo de efecto o este elemento 00:17:01

para incluir este tipo de información pues podéis preguntar en en algo de lo que hablaré más 00:17:06

adelante pero ya que ha salido pues aprovecho a pie de página la web de exe tenéis un enlace al 00:17:11

grupo de telegram tiene un grupo muy activo en el que participa un montón de gente y la gente 00:17:19

contesta no contestan los usuarios se contestan entre sí y también estamos pues que nos formamos 00:17:23

parte del equipo de desarrollo de excel learning para echar una mano a lo que podemos funciona 00:17:29

bien el grupo así que os recomiendo apuntaros si os interesa hacer ese tipo de preguntas paso 00:17:32

a las imágenes el problema muy habitual en los contenidos imágenes super grandes que luego en 00:17:38

pantalla son pequeñitas vale a la hora de añadir una imagen tenemos que tratarla vale si no la 00:17:44

tratamos al final tenemos un contenido que pesa un montón y estamos obligando a quien ve el 00:17:50

contenido a cargar pues una imagen que realmente no necesita no necesitas una imagen gigante para 00:17:54

que se vea con este tamaño cómo hacer el tratamiento de imágenes lo más sencillo 00:18:01

es usar la opción que tiene excel en él para quienes no sabéis utilizar un programa un 00:18:09

programa edición de imágenes pedido demasiado rápido me he ido aquí a imagen insertar imagen 00:18:16

he marcado optimizar imagen antes de pinchar en la carpetita que me permite seleccionarla vale y 00:18:23

aquí ya puedo seleccionar mi imagen voy a seleccionar una que sé que es grande vale es 00:18:30

una imagen muy muy grande que pesaba cerca de 2 megas vale pues resulta que después de optimizar 00:18:34

la por aquí va a pesar 150 casas es una mejora enorme vale con lo que tenéis que jugar es con 00:18:42

el tamaño y con la calidad os recomiendo que elijáis unas proporciones para las un tamaño 00:18:48

para las imágenes horizontales otro para las imágenes verticales y otro para las cuadradas 00:18:57

por ejemplo no digo que tengan que ser esos pues 600 x 400 para las horizontales 400 x 600 para 00:19:03

las verticales y 450 x 450 para las cuadradas vale y trabajando siempre con los mismos tamaños 00:19:10

no sólo estaremos usando las imágenes con el tamaño que necesitamos vale sino que tendremos 00:19:15

un contenido con una presentación más homogénea y los con realmente el resultado final mejorará 00:19:23

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

podría jugar con la calidad vale si coge una calidad muy baja se veía muy mal 95 ahora la 00:19:36

que me sugería ganó mucho finalizar lo inserto ahora hablo del texto alternativo y ahí tendría 00:19:41

mi imagen vale voy a editarla texto alternativo escrito alt por accesibilidad las imágenes deben 00:19:49

llevar un texto alternativo el texto alternativo es este vale la descripción de la imagen no el 00:19:59

título de la imagen el título de imagen es ese bocadillo que aparece cuando nos ponemos sobre 00:20:04

la imagen vale el título de la imagen es opcional la descripción de la imagen el texto alternativo 00:20:07

no es opcional es un requisito si queremos hacer contenidos accesibles porque si no esa imagen no 00:20:12

existe vale podemos dejar el texto alternativo vacío únicamente cuando estemos utilizando 00:20:18

imágenes 100% decorativas vale no tienen valor para el contenido más que para decorar 00:20:23

no voy a entrar en detalles de si esas imágenes se deben meter con css o no pero vamos que sepáis 00:20:31

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. 00:20:35

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. 00:20:50

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í. 00:21:09

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. 00:21:27

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. 00:21:40

no presenta problemas de accesibilidad está bien presentado la imagen no pesa mucho etcétera a por 00:22:03

otra con los vídeos y otros contenidos vídeos audios sitios web externos podemos funcionar 00:22:11

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

entiendo que es un recurso que está pensado para compartir es que todos los contenidos del recurso 00:22:26

estén incluidos en el propio recurso vale pero hay una excepción que son los contenidos muy 00:22:31

pesados vale entre ellos por ejemplo los vídeos entonces generalmente se recomienda que si tú 00:22:35

tienes un pdf u otros documentos esos archivos estén incluidos en el lp están enlazados 00:22:42

directamente formen parte del contenido pero si vamos a pero si vamos a a trabajar con vídeos 00:22:47

pues a lo mejor salvo que sea un vídeo muy ligero y que queramos que esté en el contenido pues lo 00:22:59

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. 00:23:05

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. 00:23:17

Sin publicidad, etc. Tiene sus ventajas. Teniéndola, usadla, desde luego. 00:23:23

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. 00:23:28

voy a copiar esta url con control c y control ce con gusto grande para que lo veáis y 00:23:35

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 00:23:46

con creo que esto sí que es de la 29 si quiere para añadir contenidos de la mediateca lo único 00:23:52

que tenéis que hacer es pegar la url de la mediateca ni siquiera tenéis que pegar el 00:23:57

código que os proporciona la mediateca para beber el documento pero es la url del vídeo 00:24:00

la mediateca y ya lo tenéis y podéis rellenar aquí esto este sería mi contenido aquí pondría 00:24:04

la url de la mediateca la página en la que pues se puede encontrar la licencia si corresponde 00:24:11

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

mejor ahí que formando parte del lp ocupando un montón de peso no despacio 00:24:24

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. 00:24:31

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. 00:24:45

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. 00:24:51

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. 00:24:59

hay otras maneras mejor de de organizar la información en pues en filas columnas y demás 00:25:18

ahora voy explicando pero las tablas pues para lo que la lógica te dice que debe ser una tabla 00:25:29

para presentar información que debe ser presentada en forma de rejilla vale pues tengo unos encabezados 00:25:35

tengo unas columnas que presentan datos vale para lo demás esto plantilla y hacer una cosa 00:25:41

disculpado un momento y es poner esto para que no se me vaya el tiempo porque no tengo reloj delante 00:25:52

ahí está están estas plantillas que estas columnas aquí insertar plantilla vale aquí tenéis tenéis 00:26:03

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

vale aquí hay una que tiene dos columnas cada una de las cuales tiene un vídeo una que tiene 00:26:21

dos imágenes esta tiene tres columnas con tres imágenes puedo previsualizar las y una vez que 00:26:25

las tengo inserto bien pues usando eso tendremos estructuras de columnas como las de los contenidos 00:26:29

de ejemplo que os enseñé al principio de estos y hay que hacerlo así vale pues estructuras de 00:26:36

columnas sencillitas que se adaptan perfectamente al dispositivo y no presentan problemas de 00:26:40

accesibilidad tablas hacer una tabla con el editor con este editor este editor está en mc es fácil 00:26:44

vale nos vamos aquí hacemos una tabla hacer una tabla que esté que tenga un buen marcado las 00:26:56

tablas tienen sus peculiaridades hay que hacer las que son encabezados luego la tabla tiene 00:27:01

cabecera luego tiene el cuerpo de la tabla vale hacer una celda que esté bien estructurada que 00:27:06

sea bonita que sea accesible etcétera tienes o aquel hay que dedicarle tiempo personalmente creo 00:27:10

que no merece la pena porque hacerlo a mano por supuesto que merece la pena hacerlo bien pero que 00:27:17

se gana se gana mucho tiempo utilizando estas opciones de nuevo en insertar de nuevo aquí en 00:27:22

insertar plantilla vale pues ahí tengo tablas tengo pues una tabla con encabezado en filas 00:27:29

y columnas otra que tiene la tabla una que tiene sólo sólo sólo columnas el hijo está 00:27:38

aquí ya pongo el nombre de la tabla estos serían alumnos de clase y empezaría el nombre apellido 00:27:46

lo que fuera vale y esta tabla pues pues está está bien estructurada el html está bien estructurado 00:27:57

no presenta problemas de accesibilidad y además es bonita incluso en algunos estilos tiene un 00:28:03

aspecto distinto al cambiar de estilo pues la vemos con unos colores otros si me voy aquí a 00:28:08

ver si soy capaz de hacer esto habla estuvo en menos altos y pues no tenía pensado contarlo 00:28:15

así que no voy a contarlo no lo encuentro la primera no lo cuento que sepáis que ahí tenéis 00:28:26

las tablas y que conviene usar esas tablas en lugar de meterse a hacer tablas a mano salvo 00:28:32

que no estemos seguro de lo que está haciendo voy con los enlaces no hagáis esto por favor eso de 00:28:36

bla bla bla bla pincha aquí vale que es ese aquí que se hace mucho lo ideal es que los enlaces 00:28:41

expliquen que hace el propio enlace vale pues dime puedes matricular te ahora y en el matricular te 00:28:48

ahora al azar o poner un botón que deje bien clarito que pinchando en ese botón un enlace 00:28:57

con aspecto de botón que pinchando en ese botón puedes matricular te vale el caso más extremo son 00:29:01

esas páginas que tienen montones de noticias con muchísimos enlaces en los que ponen leer más leer 00:29:06

más que para nosotros bien porque lo vemos en pantalla visualmente pero para quien no lo ve 00:29:11

así quien usa un lector de pantalla por ejemplo hay un montón de enlaces que tienen el mismo 00:29:15

texto y que no indican para nada dónde va cada uno y otras cuestiones los enlaces en ventana nueva vale 00:29:19

mayor nivel de accesibilidad yo quiero que los enlaces bueno para empezar los enlaces 00:29:30

no tendrían por qué abrirse en ventana nueva nos puedes dejar que se abran en la misma en 00:29:36

la misma ventana del navegador y que el usuario pulsando la tecla control lo habrá en ventana 00:29:41

nueva si quiere pero bueno todos sabemos que al final intentamos que los enlaces externos abren 00:29:46

en ventana nueva para que la gente no pierda nuestra nuestra página lo más accesible de todo 00:29:51

poner el texto visible también se podría poner poner este texto visible se abren en ventana 00:29:58

nueva dejar claro que eso se abre en ventana nueva hay que indicar de alguna manera que eso 00:30:03

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

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

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, 00:30:20

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 00:30:28

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. 00:30:34

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. 00:30:46

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í. 00:30:59

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

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. 00:31:11

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. 00:31:34

Yo tengo un texto. Voy a crear un enlace a un documento. Tengo un documento por aquí. Voy a crear un documento al PDF. 00:31:50

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. 00:32:03

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. 00:32:32

esto ha cambiado en ese 29 antes se incrustaban como y frame esto para los que sepáis más de 00:33:00

html ahora se incrustan como con la etiqueta en vez vale es un poco lo de menos yo soy más 00:33:07

partidario de enlazar los los documentos como enseñado en la página anterior vale para es 00:33:14

decir con un enlace especificando que se trata de un pdf su peso etcétera y que el usuario descargue 00:33:18

el documento y lo vea donde quiera y como quiera a lo mejor quiere verlos el navegador a lo mejor 00:33:25

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

Muchas veces se quieren incrustar los documentos por una cuestión visual. 00:33:34

No, es que me gusta más que se vea en pantalla porque queda chulo. 00:33:39

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 00:33:42

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

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í. 00:33:59

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. 00:34:12

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. 00:34:29

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. 00:34:53

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í. 00:35:17

insertar aquí en editar, insertar y editar atributos 00:35:43

y ponemos el código del idioma, inglés en este caso 00:35:49

lo he hecho aquí con el árabe 00:35:53

para enseñaros un ejemplo, veis que esto está aquí, pues si yo 00:35:59

usara un estilo compatible con la escritura de derecha e izquierda, pues eso ya 00:36:04

aparecería con la justificación correcta 00:36:08

porque yo he dicho los contenidos que estén en ese idioma se presentan 00:36:12

de esta manera. Esos son los trucos, me he referido hasta ahora a los trucos más relacionados 00:36:16

con la accesibilidad y la usabilidad. Voy con otros. Ahora tengo que apurar un poco, 00:36:23

¿vale? Despejar elementos. Muchas veces queremos escribir aquí en una imagen a la izquierda 00:36:27

un texto a su derecha. Yo quiero escribir, pero no quiero escribir aquí, ¿vale? Yo 00:36:33

quiero que estos puntitos me salgan aquí debajo. Bien, pues eso podéis hacerlo usando 00:36:38

esta opción despejar y a partir de ahí esos puntitos ya están en la parte de abajo vale 00:36:42

otra opción muy práctica para estos casos es esta otra añadir un párrafo al final que te 00:36:47

hace justo eso doy aquí clic y me añade un párrafo al final y eso lo digo porque a veces 00:36:52

uno no sabe muy bien cómo salir del lugar en el que se encuentra vale pues con eso se consigue 00:36:58

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. 00:37:04

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. 00:37:28

etcétera vale ventaja que puedo editar esto vale podría por ejemplo pues añadir una imagen de la 00:37:51

puerta de alcala voy a añadir una imagen está ya la tenía optimizada pero en fin voy con esta 00:37:58

chiquitita ballet papá para finalizar esto es la puerta de la palabra y guardo pues con eso 00:38:05

consigo este efecto vale que en algunos casos puede estar muy bien puede ser útil y además 00:38:14

visualmente es atractivo. Otro elemento que se puede usar es este. Selecciono un texto y elijo 00:38:20

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

el bocadillo. Y lo mismo que en el bocadillo nos creaba este cuadro azul, aquí me crea este cuadro 00:38:36

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

comporta vale he puesto un texto podría aquí podría haber metido otros elementos es atractivo 00:38:49

no presenta problemas de accesibilidad y es útil para presentar un poquito más de información de 00:38:56

un texto sobre un texto pequeño de nuestra página mensajes y textos especiales no sé si os habéis 00:39:02

fijado al principio cuando os he enseñado ese contenido de ejemplo de mejor hacer las cosas 00:39:08

así vale y también os he dicho que conviene usar lo que se os ofrece pues se ofrece una serie de 00:39:13

mensajes que resultan muy útiles como estos que tenéis aquí delante no a mí por lo menos me 00:39:20

resulta muy muy útiles los uso constantemente están aquí están aquí editar insertar editar 00:39:26

atributos una vez más vale 00:39:33

nuevo me coloco en cualquier punto del elemento insertar editar atributos y en clase css voy a 00:39:37

decir estos cualquiera de estos estos que empiezan por ese blog pues son esos bloques que estáis 00:39:47

viendo voy a decir que esta información la información es así de azul y está vale pues 00:39:52

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. 00:39:56

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? 00:40:08

Se abre en ventana nueva. Vamos a ocultar este texto que tengo seleccionado de manera accesible. 00:40:15

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. 00:40:20

clase exe tejida en accesible oculto accesible está ocultado pero es accesible como veis aquí 00:40:27

lo veo lo podría editar si quisiera vale pero si guardo aquí lo veo pero si exportó esto ya 00:40:35

no se va a ver está ahí como explicado pero no se va a ver grabar audio esto no sólo puede ser 00:40:43

útil para los de idiomas que creo que es muy útil para ellos también para explicar un poquito mejor 00:40:50

un ejercicio que es un poco complicado por ejemplo para unos pequeños les haces una descripción del 00:40:55

problema pero a lo mejor no quieres perder tiempo en hacer una descripción muy detallada no puedes 00:41:01

hacerlo pues puedes ir aquí directamente le das a grabar no voy a hacerlo porque como estoy 00:41:05

compartiendo el audio por otro lado no quiero que haya problemas valen grabar finalizar aceptar y 00:41:09

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

útil enlaces creo que esto lo habéis tenido que usar muchos a la hora de presentar el portafolio 00:41:19

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

efecto como veis perdonado que lo estoy haciendo muy rápido he seleccionado un texto podría haber 00:41:35

seleccionado una imagen lo hecho con un texto lo seleccionó añado un enlace voy a seleccionar un 00:41:43

fichero pues este por ejemplo y voy a escribir un título el título es hola vale y aquí en rel 00:41:50

digo lightbox vale pues yo guardo esto me voy aquí ya lo tengo y el título es lo que aparece 00:41:56

a pie de foto vale puedo hacer lo mismo con vídeos de la mediateca mediateca 00:42:05

el primero que encuentre 00:42:13

este 00:42:18

voy a añadir un enlace aquí 00:42:20

voy a pegar la url directamente 00:42:24

y voy a decir rel 00:42:26

lightbox, aceptar 00:42:28

guardo y ahí lo tengo 00:42:30

el resto lo hace automáticamente 00:42:34

y ahora lo que quiero enseñaros es como hacer 00:42:35

colecciones, para que os haga esto 00:42:38

pero que puedas pasar a la siguiente 00:42:40

haciendo clic en un botoncito 00:42:42

de siguiente o volver a la anterior 00:42:44

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

vale yo voy a abrir corchete cerrar corchete y voy a poner el nombre de mi galería el que sea sin 00:42:57

caracteres especiales sin espacios ejemplo vale esto lo voy a seleccionar y lo voy a copiar lo 00:43:02

copio aceptar me voy a ir al vídeo editar insertar editar atributos un botón derecho pegar los dos 00:43:09

comparten el valor del atributo real de manera que si yo ahora hago así pues tengo una pequeña 00:43:20

galería vale como veis aquí otro elemento que tiene lightbox pero ese no forma parte de mi 00:43:28

galería ejemplo por eso no aparece en el listado notación musical esto pues para los de música 00:43:33

claro a lo mejor para composiciones muy complejas no sirve no soy experto en eso yo ojalá pero para 00:43:39

cosas sencillas como lo que se puede ver como lo que se puede ver en la eso sí voy a hacer un 00:43:47

ejemplo con un código fuente que copiado de esa página que tenéis ahí esto lo hace con una 00:43:54

anotación que se llaman notación musical a veces que hace bueno por referencia a los nombres de 00:44:00

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

musical pero el código que acabo de copiar que es ese ese código en formato abc se ha oído algo 00:44:10

yo sigo si hay algún problema cortame alberto por favor mientras tanto sigo le doy a visualización 00:44:17

previa pues este sería el formato definitivo vale tendría un reproductor tengo la partitura y 00:44:25

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

crear un mapa mental desde aquí es fácil se usa este botoncito de aquí ya tengo uno creado 00:44:43

simplemente para que veáis que además de crearlos podemos editarlos voy a abrir el editor de mapas 00:44:50

mentales y qué pasa aquí pues que se me ha olvidado por ejemplo empieza como es posible 00:44:55

no se me olvida empieza pues empieza ahí está y lo voy a guardar vale recortó el trocito que 00:44:59

quiero y cuando termino le doy a guardar y ya ha terminado tengo una imagen no voy a hacerlo 00:45:04

por ahorrar tiempo quedando un poco justo y tendría mi mapa mental que para esquemas 00:45:11

sencillos pues es muy útil esto para código esto yo lo uso constantemente cuando la clase 00:45:16

informático por ejemplo cuando crea contenidos para material apoyo para las clases presentar 00:45:24

el código así como lo estáis viendo ahora pues pues es tristón no voy a copiarlo y voy a usar 00:45:30

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

resalte la sintaxis y le voy a decir que eso es código efectivamente es javascript y voy a decir 00:45:45

que quiero un diseño claro lugar de oscuro sí que quiero que me marque los números de línea y quiero 00:45:49

que resalte la segunda línea que es donde tengo la alerta vale pues ahí lo tengo vale gana gana 00:45:54

mucho es mucho más fácil de seguir el código e inserción de hoy voy a apurar un poquito vale 00:46:00

inserción de fórmulas matemáticas aquí hay un botoncito que permite insertar códigos matemáticos 00:46:09

fórmulas matemáticas vale escribiendo código látex aquí usando el editor que se abre pensando aquí 00:46:16

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

látex y que os resulta más fácil escribir directamente el código látex de las fórmulas 00:46:28

matemáticas en las páginas vale pues si lo que queréis es hacer eso y que no se presente el 00:46:33

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

podéis hacer es activar esta casilla la pestaña propiedades con el modo avanzado activado vale me 00:46:46

voy a exportar seleccionó código matemático cargar matias matias es la librería que se encarga de 00:46:51

hacer eso lo guardo me vuelvo al contenido y cuando vuelvo a la página si soy capaz de encontrarla 00:46:57

pues veo que estas fórmulas de aquí se renderizan correctamente tanto en línea como en bloque 00:47:04

buscador esto creo que habéis tenido que hacerlo muchos de vosotros para el portafolio de 00:47:10

competencia digital docente yo puedo querer añadir un buscador en las exportaciones añadir 00:47:14

barra de búsqueda lo guardo y cuando le veía cuando exportó como sitio web únicamente como 00:47:20

sitio web pues aquí tengo un buscador vale funciona bien exactamente igual que el buscador 00:47:26

pues puede añadir puedo añadir contadores a pie de página vale pues esto es útil en algunas 00:47:35

ocasiones creo que veis el efecto que me dice pues mira va son 35 páginas vaya vaya ladrillo 00:47:42

pues esto es útil para algunas presentaciones por ejemplo vale que sepáis que la opción está ahí 00:47:50

porque está un poco escondida ese era ese apartado las rúbricas muchos sabéis que hay un device aquí 00:47:56

en otros contenidos que se llama rúbrica que me permite crear rúbricas con mucha facilidad 00:48:05

voy a importar una de las rúbricas de ejemplo que están creadas por el cd que lo voy a guardar vale 00:48:13

lo que lo que no sé si tanta gente sabe es que esa rúbrica se pueden aplicar vale entonces voy 00:48:18

a aplicar la tiza para aplicarlo tienes que exportar primero pues voy a exportar la vía 00:48:23

visualización previa tengo un buscador voy a buscar las rúbricas me voy a las rúbricas tengo 00:48:27

la rúbrica y la voy a aplicar vale pues aquí puedo poner este es el examen examen 1 de la 00:48:34

primera ovación bla bla bla de hoy 09 del lo que sea este es el alumno x vale la puntuación no 00:48:41

hace falta que la que la escriba yo la puntuación la calcula la rúbrica vale voy reinando la rúbrica 00:48:50

vale y al final le pongo las observaciones fatal lo típico para motivar no y lo que puede hacer 00:48:56

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

servir para que para que el alumno genere ese pdf y me lo envíe para que me envíe su autoevaluación 00:49:08

o que se autoevalúe sin más y en nuestra página y sigo avanzando en el contenido como compartir el p 00:49:13

la manera más sencilla de hacerlo es esta de aquí me voy a otros contenidos le doy a descargar el 00:49:24

fichero fuente vale si he ido previamente a la pestaña propiedades valerá automáticamente toda 00:49:32

esta información le doy a guardar y me crea una tabla una ficha con la información que yo había 00:49:37

introducido previamente la pestaña propiedades y hay un botoncito que me permite descargar el 00:49:47

lp vale pues con dos puertos y yo pincho en este enlace obviamente se descarga el lp esa sería la 00:49:50

manera más sencilla otra es ésta me voy a propiedades exportar le digo exporta una copia 00:49:56

del LP, guardar. Si yo ahora exporto, aunque el LP que se exporta, o sea, se va a exportar 00:50:01

una copia del LP, obviamente, y el LP que se exporta no está enlazado porque no he incluido 00:50:15

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

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

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. 00:50:31

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? 00:50:52

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. 00:51:09

mucho mejor que otros estilos más pensados para contenidos más extensos vale como veis tengo aquí 00:51:26

el contador que ha añadido etcétera e incluso el buscador en caso una presentación probablemente 00:51:32

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

seguir estas instrucciones si le doy a la m vale lo muestro y oculto el menú con las flechas paso 00:51:43

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 00:51:50

la fecha de abajo a la fecha bajar me voy a la última página vale pues si hacéis esto pulsando 00:51:56

11 11 para tener el navegador en pantalla completa pues tenéis una presentación atractiva y que se 00:52:01

hace mucho más rápido que con otras aplicaciones es algo de pantalla completa cierro la previsualización 00:52:08

y voy con excel learning 29 ya he dicho que si queréis saber más sobre ese learning 29 ayuda 00:52:14

notas de la versión ahí están todos los detalles vale principalmente seis juegos nuevos no voy a 00:52:20

entrar en ellos ahora que si no me quedo sin tiempo para contaros la parte de madrid otros 00:52:27

y devices nuevos tampoco voy a entrar en ellos ahora todos estos los ha hecho manuel vale y nos 00:52:31

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

novedad que estaba un poquito oculta y que creo que viene bien que conozcáis que es la barra de 00:52:44

accesibilidad de nuevo propiedades y aquí en la pestaña exportar propiedades exportar añadir una 00:52:48

barra de accesibilidad lo voy a guardar guardo voy a cambiar de estilo voy a volver al que tenía 00:52:56

la visualización previa de aquí tengo el estilo con esa barrita vale aquí está la barra accesibilidad 00:53:01

que me permite pues hacer más grande el texto me permite cambiar la tipografía el número de 00:53:11

tipografías es limitado porque hay que exportar las tipografías siempre y bueno hemos optado por 00:53:18

esas tres porque queremos que cubren bastantes casos puedo restablecer las propiedades y puedo 00:53:22

colocar la barrita donde donde yo quiero para que no me moleste si es que me molesta la barra de 00:53:29

accesibilidad puede ser útil para algunos no es imprescindible para crear un contenido accesible 00:53:39

vale si creéis que puede ser útil que vuestro público vuestro alumno nuestros alumnos puedan 00:53:43

seleccionar la tipografía por cualquier motivo pues podéis utilizarlas pero no utilizarlo nos 00:53:51

indica que vuestro contenido no sea accesible si cuidáis los detalles que he mencionado 00:53:55

anteriormente pues no tendría por qué presentar problemas de accesibilidad voy con educa madrid 00:54:00

como decía antes pues oye alberto y manuel me parece que voy a necesitar no creo que llega a 00:54:05

cinco minutos más vale pero así me da tiempo a contar esta parte que creo que es interesante 00:54:12

para para los de madrid que hay algunas opciones que probablemente no las conozca todo el mundo 00:54:17

en educa madrid se pueden publicar de distintas maneras contenidos quedados con el excelente 00:54:24

eso como decía es una gran suerte porque porque uno de los principales problemas que tiene mucha 00:54:30

gente por ahí es la publicación del contenido sin embargo pues nosotros lo tenemos resuelto 00:54:34

voy a ir a mis páginas de educar y voy por cada una de estas opciones en el portal educativo como 00:54:39

contenido me voy al portal educativo no estoy autenticado pero me autentico 00:54:45

estoy en mis páginas privadas del portal educativo a la que les he dado esta apariencia 00:54:54

y lo que voy a hacer es irme al administrador de contenidos vale pues aquí tengo una carpetita que 00:55:01

es la que voy a usar para las pruebas de este curso taller de excelente vale si yo tengo el 00:55:12

modo avanzado activado veo más cosas vale pues activo el modo avanzado y tengo un importar excel 00:55:17

pues si yo me voy aquí y selecciono un sitio web que he exportado desde excel learning así 00:55:24

exportar estándar perdón exportar sitio web carpeta archi exportar sitio web archivo comprimido zip 00:55:31

vale si yo selecciono un zip que he creado así y le doy a importar el fichero no lo voy a hacer 00:55:40

porque a veces tarda un poco en especial si el contenido tiene muchos ficheros como es el caso 00:55:46

vale pues lo que hace es crearme un contenido me crea un contenido de este estilo lo voy a editar 00:55:51

para que veáis me crea un contenido al que yo luego le voy a poder poner un título le voy a 00:56:01

poner una poder le voy a poder poner una imagen la que yo quiera y le puedo añadir también una 00:56:07

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

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. 00:56:16

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. 00:56:31

esa sería una manera de publicar un contenido en educa madrid portal educativo administrador 00:56:42

de contenidos otra portal educativo pero en lugar de usando el administrador de contenidos usando 00:56:49

esto el directorio de ficheros vale el procedimiento similar yo tengo ahí mi carpetita 00:56:55

en el directorio de ficheros que se está vale y me voy a crear dentro de una carpeta que se 00:57:02

voy a llamar por ejemplo nueva carpeta contenido nuevo vale y creo la carpeta cuando creo la 00:57:08

carpeta le digo voy a añadir ficheros de un zip tengo que tener el modelo está activado 00:57:16

añadir ficheros desde un zip vale me dice vale pues selecciona el zip voy aquí me he creado 00:57:21

unos contenidos ligeros para poder hacer esta prueba y voy a subir fichero pues está subiendo 00:57:27

el fichero está descomprimiendo los archivos puede tardar un pelín este contenido es ligero 00:57:34

no tardará mucho cuando termina me voy al listado y tengo todos los ficheros que estaban en el ciclo 00:57:38

lo que voy a hacer es esto voy a ver voy a ver voy a ver los ficheros de tipo texto para que 00:57:43

me resulte más fácil localizar el fichero index que es la puerta de entrada a mi contenido este 00:57:50

es el contenido que acabo de subir y este contenido lo puede ver cualquiera está borrar 00:57:56

la podéis compartir con quien sea vale salvo que y esta es otra ventaja de hacerlo de hacerlo aquí 00:58:00

desde el asistente de permisos digáis que a ese directorio no puede acceder cualquiera vale no 00:58:07

voy a entrar ahora lo que hace cada uno de los permisos pero podría restringir el acceso y otra 00:58:14

ventaja tiene publicar usar el directorio de ficheros para publicar estos contenidos pues 00:58:19

pongamos yo tenía mi contenido voy a abrir de nuevo este contenido es el contenido nuevo vale 00:58:25

y antes tenía un contenido tenía otro esta labor es así yo tenía este contenido el contenido vale 00:58:32

y yo les había dado a mis alumnos esta url la url del contenido y luego lo he visto yo madre 00:58:45

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 00:58:50

ellos voy a cambiar el estilo porque yo quiero que se vea así pues lo que podéis hacer con esto 00:58:55

es cambiar el nombre de las carpetas vale yo tenía mi carpeta contenido a podría renombrar 00:59:00

la carpeta el nombre y tengo mi carpetita contenido nuevo y la voy a renombrar le voy 00:59:07

a llamar contenido a renombre vale pues si ahora fuera a la url de contenido a que antes era verde 00:59:21

pues ya no sería verde sería tendría el último contenido publicado vale pues esto es fácil de 00:59:30

hacer con el directorio de ficheros más complicado de hacer de otras maneras sigo con otras maneras 00:59:35

de publicar contenidos en educa madrid desde hace un tiempo en educa madrid 00:59:41

tenemos la posibilidad bueno ver poco a poco vamos a ver me voy a mis cursos el webinar 00:59:47

de Excel Learning, activo el modo edición, lo voy a poner 00:59:58

en modo claro, que tal vez más gente esté habituada a él. 01:00:01

Puedo añadir una actividad o recurso, eso ya lo sabéis. 01:00:04

Desde hace mucho, decías de hace poco, 01:00:08

desde hace mucho en EducaMadrid, porque esto es algo que tiene 01:00:10

es que Moodle de serie podía subir ficheros 01:00:12

SCORM. Yo creo una actividad de tipo SCORM, 01:00:16

le pongo un título, 01:00:19

arrastro aquí un SCORM 01:00:22

que arrastro aquí o me voy aquí a 01:00:25

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. 01:00:28

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

y extremadura y los hay más comunidades autónomas que están trabajando en la instalación pero es una 01:00:55

suerte poder contar con esto tan pronto y es que podemos directamente crear un contenidos con con 01:01:03

excel en sin salir de aquí me voy a tengo seleccionada opción por defecto que es crear 01:01:14

con Excel Learning y mostrar. Voy a Excel Learning y me va 01:01:19

a la versión online de Excel Learning que tiene montada en Madrid. Aquí hago lo que 01:01:23

quiera o incluso puedo importar un contenido. 01:01:27

Insertar una LP en esta página, puedo hacer lo que quiera, puedo trabajar con normalidad 01:01:34

y cuando termino me dice, ¿seguro que lo quieres publicar en Moodle? Sí. 01:01:38

Me voy a Moodle y aquí tengo el contenido. 01:01:43

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. 01:01:44

¿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. 01:02:07

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

por cuestión de tiempo y cuando termine lo voy a finalizar. 01:02:46

Y aquí tengo mi contenido en Moodle, con su menú, etcétera. 01:02:51

También puedo verlo en pantalla completa y si me voy a configuración también puedo 01:02:58

decir que ese contenido en lugar de incrustarse en mi página del curso del tema vale perdón no 01:03:02

es aquí es en opciones avanzadas en apariencia en lugar de incrustarse en el tema en el que he 01:03:08

creado esa actividad pues habrá ventana nueva vale que me permitiría ver el contenido pues de una 01:03:17

manera completamente independiente voy a volver aquí ya hemos visto esto también y bueno que 01:03:22

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. 01:03:30

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. 01:03:44

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. 01:04:03

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. 01:04:17

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. 01:04:36