1 00:00:00,000 --> 00:00:10,400 Bienvenidos compañeras y compañeros a un nuevo capítulo de nuestro curso de aula virtual para 2 00:00:10,400 --> 00:00:15,400 profesores. En el capítulo de hoy lo que aprenderemos será darle a la pantalla principal 3 00:00:15,400 --> 00:00:19,920 de nuestro curso un aspecto mucho más sencillo, mucho más amigable y mucho más profesional. 4 00:00:20,600 --> 00:00:24,940 Cuanto más sencillas hagamos las cosas y más visuales sean, más fácil sea para los alumnos 5 00:00:24,940 --> 00:00:29,239 moverse por nuestro curso de aula virtual. Es decir, lo que vamos a hacer va a ser cambiar 6 00:00:29,239 --> 00:00:32,200 el aspecto habitual que tienen nuestros cursos, que es algo parecido a esto, 7 00:00:33,539 --> 00:00:36,799 donde vemos temas que no están desarrollados, donde los alumnos tienen que 8 00:00:36,799 --> 00:00:40,679 clicar sobre el texto para después poder ir 9 00:00:40,679 --> 00:00:43,939 a los contenidos y demás elementos que hemos puesto, a 10 00:00:43,939 --> 00:00:48,240 esta opción, donde vemos que las unidades de programación 11 00:00:48,240 --> 00:00:52,140 quedan perfectamente limpias, identificadas con una imagen 12 00:00:52,140 --> 00:00:56,119 y los alumnos lo único que tienen que hacer es clicar 13 00:00:56,119 --> 00:01:02,219 sobre la imagen de las unidades de programación y automáticamente se les abre una nueva pestaña 14 00:01:02,219 --> 00:01:08,840 en su navegador donde tienen acceso a todos los contenidos y todos los elementos que hemos colgado 15 00:01:08,840 --> 00:01:13,659 para esa unidad de programación. Para volver a la página principal lo único que tienen que hacer 16 00:01:13,659 --> 00:01:20,079 nuestros alumnos es cerrar esa pestaña y vuelven a nuestra página principal donde está todo limpio 17 00:01:20,079 --> 00:01:24,000 y ordenado. ¿Cómo conseguimos hacer esto? Pues bien, nos vamos 18 00:01:24,000 --> 00:01:27,840 a nuestro curso de pruebas y lo primero que vamos a hacer va a ser poner 19 00:01:27,840 --> 00:01:36,469 nuestro rol de profesor y activar el modo edición. Tenemos 20 00:01:36,469 --> 00:01:40,530 esto que es una sección, es nuestra primera unidad de programación 21 00:01:40,530 --> 00:01:44,290 estructuras y mecanismos. Si vamos más abajo 22 00:01:44,290 --> 00:01:47,689 nos encontramos con la siguiente sección 23 00:01:47,689 --> 00:01:52,430 otra, otra y otra. Es decir, cada tema es una 24 00:01:52,430 --> 00:01:57,629 sección o un asunto. Lo que vamos a hacer va a ser poner una imagen en cada una de las secciones 25 00:01:57,629 --> 00:02:08,719 que vamos a utilizar. Para ello, tres puntitos a la derecha, editar tema. En este caso vamos a llamarlo 26 00:02:08,719 --> 00:02:19,520 tema 1 y vamos a insertar una imagen. Examinamos repositorios, seleccionamos archivos. Yo tengo 27 00:02:19,520 --> 00:02:24,780 aquí ya unas imágenes creadas que las he realizado en Canva, todas estas, y vamos a 28 00:02:24,780 --> 00:02:28,080 seleccionar la imagen que corresponde a la unidad de programación número 1, método 29 00:02:28,080 --> 00:02:38,120 de proyectos, subir este archivo, tamaño la pondremos más pequeño, 500, alineación 30 00:02:38,120 --> 00:02:46,139 superior y la imagen solo es decorativa. Guardamos imagen, la dejamos centrada, clicando en este 31 00:02:46,139 --> 00:02:53,680 icono de aquí, bajamos y guardamos cambios. Vemos que ya el tema 1 tiene una imagen creada. 32 00:02:54,479 --> 00:03:00,240 Vamos a la siguiente, que será el tema 2. Editamos, le podemos poner nombre ya aquí, 33 00:03:00,240 --> 00:03:15,710 directamente tema 2, intro, editamos tema, insertamos imagen, el tema 2 va a ser la 34 00:03:15,710 --> 00:03:30,229 electricidad, subimos este archivo, tamaño 500, alineación superior, la imagen sólo es decorativa 35 00:03:30,229 --> 00:03:41,680 y guardamos imagen. La centramos dando a este icono y guardamos cambios. Repetiremos el proceso con 36 00:03:41,680 --> 00:03:47,919 todos los demás. Muy bien, pues ya tenemos todos los temas con su imagen correspondiente, sin embargo 37 00:03:47,919 --> 00:03:52,240 lo que nos ocurre es que están desordenados. Es decir, primero tenemos el tema 5, luego el tema 1, 38 00:03:52,360 --> 00:03:56,819 el tema 2, el tema 3 y el tema 4. Lo que vamos a hacer va a ser colocarlos en orden y esto es 39 00:03:56,819 --> 00:04:03,379 fundamental. Colocar arriba del todo el tema 1, después el tema 2, tema 3, tema 4. Para ello vamos 40 00:04:03,379 --> 00:04:08,379 a utilizar el esquema de árbol que tenemos aquí en la zona izquierda de nuestra pantalla. Simplemente 41 00:04:08,379 --> 00:04:18,970 cogeríamos el tema 5 y nos lo desplazamos hacia abajo y lo colocamos ahí. Y ahora tenemos 42 00:04:19,430 --> 00:04:25,430 Tema 1, tema 2, tema 3, tema 4, tema 5, con todos sus contenidos dentro. 43 00:04:26,670 --> 00:04:30,610 Bien, ahora sí que lo tenemos perfectamente organizado todo y aquí lo podemos ver. 44 00:04:31,310 --> 00:04:34,709 Tema 5, tema 4, tema 3, tema 2, tema 1. 45 00:04:36,129 --> 00:04:40,689 Lo siguiente que vamos a hacer va a ser quitar el texto de los temas, de las secciones. 46 00:04:40,850 --> 00:04:42,829 Para ello, edito el nombre. 47 00:04:43,769 --> 00:04:48,310 En su lugar voy a poner un espacio, es decir, una pulsación en la barra espaciadora. 48 00:04:48,310 --> 00:04:56,970 y después intro para que me lo guarde. Así, ahora mismo hemos borrado el texto, aunque realmente lo hemos borrado, hemos dejado un espacio. 49 00:04:57,610 --> 00:05:19,370 Repetimos el proceso para el tema 2, tema 3, tema 4 y también para el tema 5. Bien, esta parte la tenemos resuelta. 50 00:05:19,370 --> 00:05:25,470 Si nosotros entramos ahora en nuestro curso de aula virtual como alumnos, nos encontramos con lo siguiente. 51 00:05:25,470 --> 00:05:33,350 vemos que ha desaparecido el texto, ahora tenemos imágenes en lugar del texto 52 00:05:33,350 --> 00:05:37,370 pero nos siguen apareciendo todos estos temas 53 00:05:37,370 --> 00:05:41,550 que ahora mismo están rellenando y que realmente nos estropean el aspecto 54 00:05:41,550 --> 00:05:45,389 de nuestro curso, para ello vamos a hacer que estos temas 55 00:05:45,389 --> 00:05:52,170 no se vean, volvemos a nuestro rol normal, nos bajamos 56 00:05:52,170 --> 00:05:55,730 a esos temas, modo edición 57 00:05:55,730 --> 00:06:07,319 tema 6, aquí a la derecha, ocultar tema 58 00:06:07,319 --> 00:06:16,720 ocultar tema, igual, igual 59 00:06:16,720 --> 00:06:20,620 e igual. Sin embargo, aunque hemos ocultado 60 00:06:20,620 --> 00:06:24,500 los temas, los alumnos los van a seguir viendo. Nos fijamos. Volvamos 61 00:06:24,500 --> 00:06:27,459 a rol de alumno, cambiar rol a estudiante 62 00:06:27,459 --> 00:06:32,439 página principal del curso, pero vemos que 63 00:06:32,439 --> 00:06:36,660 estos textos nos siguen apareciendo. Nos aparecen como no disponibles, pero nos aparecen. 64 00:06:36,660 --> 00:06:42,420 ¿Cómo arreglamos esto? Rol normal, vamos 65 00:06:42,420 --> 00:06:54,649 a configuración, formato de curso y pedimos que las secciones ocultas se muestran como 66 00:06:54,649 --> 00:07:04,029 no disponibles. No, son totalmente invisibles. Guardamos cambios, vamos al rol de alumno 67 00:07:04,029 --> 00:07:14,949 y vemos que ahora ya sí que ha desaparecido todos esos temas. Muchísimo más limpio. 68 00:07:15,689 --> 00:07:19,970 Nos queda la última parte, que es que cuando nosotros cliquemos sobre esta imagen nos lleve 69 00:07:19,970 --> 00:07:36,420 directamente a todos los contenidos y todos los elementos que hemos colgado para trabajar esa unidad programática. Para ello volvemos a nuestro rol normal y modo edición, on, bajamos a nuestra unidad, vamos a poner 70 00:07:36,420 --> 00:07:51,899 algo de texto, clicamos sobre el texto y nos fijamos en la dirección URL que tenemos en la 71 00:07:51,899 --> 00:07:58,000 barra de direcciones de nuestro navegador. Esta dirección tenemos que copiarla. Seleccionamos 72 00:07:58,000 --> 00:08:07,439 derecho del ratón, copiar y nos fijamos en una cosa fundamental y es que el final del texto nos 73 00:08:07,439 --> 00:08:11,259 indica que estamos en la sección 5, que era realmente nuestra unidad de 74 00:08:11,259 --> 00:08:15,579 programación 5, nuestro tema 5 de nuestro curso. Esto es fundamental 75 00:08:15,579 --> 00:08:18,860 que se mantenga. Una vez que lo tenemos hecho 76 00:08:18,860 --> 00:08:23,399 lo que hacemos es que nos vamos a la cabecera, ya podemos 77 00:08:23,399 --> 00:08:26,540 borrar este texto, borrar, barra espaciadora, intro 78 00:08:26,540 --> 00:08:30,540 y nos vamos a editar la cabecera 79 00:08:30,540 --> 00:08:36,370 editar tema, seleccionamos nuestra imagen 80 00:08:36,370 --> 00:09:05,720 También pinchamos en enlace y aquí introducimos la dirección que antes hemos copiado. Derecho del ratón, pegar. Y en el texto a mostrar no queremos que nos aparezca la dirección, queremos que nos ponga unidad de programación 5. 81 00:09:05,720 --> 00:09:32,139 y además queremos que lo abra en una nueva ventana, creamos enlace, guardamos cambios, pues ya habremos terminado, ya lo hemos conseguido, vamos a comprobarlo, entramos en el rol de estudiante, podemos cerrar el navegador 82 00:09:32,139 --> 00:09:43,559 de la izquierda, entramos en el curso y vemos que nuestras unidades de programación, nuestros temas se han quedado muy limpios, solo tenemos una imagen 83 00:09:43,559 --> 00:09:55,299 y si clicamos sobre la imagen, en este caso solamente lo he hecho sobre la unidad programática 05 estructuras y mecanismos, nos abre en una ventana nueva 84 00:09:55,299 --> 00:09:59,200 todos los elementos y todo lo que necesitábamos 85 00:09:59,200 --> 00:10:02,120 de esa unidad de programación 86 00:10:02,120 --> 00:10:03,120 todo lo que vamos a trabajar 87 00:10:03,120 --> 00:10:08,799 bueno, pues hasta aquí el capítulo de hoy 88 00:10:08,799 --> 00:10:11,299 espero que os haya resultado útil y entretenido 89 00:10:11,299 --> 00:10:13,299 muchísimas gracias, nos vemos en el próximo capítulo