1 00:00:03,819 --> 00:00:06,839 Vamos a aprender a utilizar el recurso Página. 2 00:00:07,459 --> 00:00:10,419 Vamos a añadir una actividad o un recurso. 3 00:00:12,119 --> 00:00:16,699 Bajamos y vamos a añadir la actividad Página. 4 00:00:19,420 --> 00:00:25,399 La actividad Página no es otra cosa que una página, como bien dice. 5 00:00:26,620 --> 00:00:31,480 Una página, pues imaginémonos que tenemos un documento de LibreOffice, 6 00:00:31,480 --> 00:00:35,960 un documento de texto y podemos escribir todo lo que queramos ahí. 7 00:00:36,560 --> 00:00:39,619 Es una manera muy cómoda de presentar contenidos. 8 00:00:40,799 --> 00:00:52,829 Vamos a poner elaborar tutoriales o elaboración de tutoriales. 9 00:00:58,600 --> 00:00:59,200 Descripción. 10 00:01:01,039 --> 00:01:04,920 Es una pequeña descripción de lo que incluye la página. 11 00:01:06,659 --> 00:01:11,469 En este contenido vais a aprender a elaborar videotutoriales. 12 00:01:12,629 --> 00:01:14,189 Muestra la descripción en la página del curso. 13 00:01:14,189 --> 00:01:35,609 Y el contenido. Vemos que es un editor con su negrita, subrayado, cursiva, tamaño de letra, hiperenlaces, añadir, importar desde un Word para que limpie todo el código basura que tiene y traer solo el texto plano, añadir imagen, añadir un multimedia. 14 00:01:35,609 --> 00:01:39,709 si pinchamos en esta flecha 15 00:01:39,709 --> 00:01:42,750 nos aparecen más opciones 16 00:01:42,750 --> 00:01:44,629 alinear, justificar 17 00:01:44,629 --> 00:01:49,709 nos aparece importante aquí 18 00:01:49,709 --> 00:01:52,030 html 19 00:01:52,030 --> 00:01:53,650 ahora veremos por qué eso es importante 20 00:01:53,650 --> 00:01:56,769 porque nos va a permitir insertar código html 21 00:01:56,769 --> 00:02:00,219 esta es la página 22 00:02:00,219 --> 00:02:04,920 y ¿qué podemos introducir en un documento de texto? 23 00:02:05,319 --> 00:02:06,760 pues podemos introducir texto 24 00:02:06,760 --> 00:02:13,039 podemos introducir enlaces 25 00:02:13,039 --> 00:02:17,039 antes hemos visto como introducíamos 26 00:02:17,039 --> 00:02:21,840 el recurso URL como un enlace único 27 00:02:21,840 --> 00:02:26,259 aquí podemos introducir un enlace dentro de la propia página 28 00:02:26,259 --> 00:02:33,110 por ejemplo, seleccionamos la palabra 29 00:02:33,110 --> 00:02:36,689 o las palabras, en este caso la palabra 30 00:02:36,689 --> 00:02:39,650 vamos a enlace 31 00:02:39,650 --> 00:02:58,110 Y nos pide introducir la URL. Bueno, venimos aquí, la copiamos, la pegamos y eso sí, le decimos que la abra en una nueva ventana para que el alumno no abandone nuestra página cuando visites ese enlace. 32 00:02:58,110 --> 00:03:20,150 Ya tenemos ahí el enlace, seguimos escribiendo, podemos añadir imágenes, no tenemos más que ir a imagen, examinar repositorios, seleccionar archivo, imágenes, estas son imágenes realizadas por nosotros, 33 00:03:20,150 --> 00:03:29,389 así que podemos ponerle un nombre, autor Daniel Esteban, y la podemos, como la hemos hecho nosotros, 34 00:03:29,550 --> 00:03:34,550 podemos catalogarla como queramos, vamos a darle a de dominio público, para que la pueda usar cualquiera. 35 00:03:35,150 --> 00:03:41,270 Si la hubiéramos cogido de alguna plataforma, tendríamos que cerciorarnos de que o era de dominio público, 36 00:03:41,750 --> 00:03:46,569 o tenía algún tipo de licencia de este tipo y teníamos que marcar esa licencia. 37 00:03:46,569 --> 00:03:49,310 en nuestro caso la vamos a donar 38 00:03:49,310 --> 00:03:50,729 subir archivo 39 00:03:50,729 --> 00:03:53,550 describir la imagen 40 00:03:53,550 --> 00:03:55,710 es importante describir la imagen 41 00:03:55,710 --> 00:03:56,990 para que hay 42 00:03:56,990 --> 00:03:59,610 personas que no puedan verla 43 00:03:59,610 --> 00:04:00,449 al pasar el ratón 44 00:04:00,449 --> 00:04:03,469 lectores de pantalla puedan identificar que hay 45 00:04:03,469 --> 00:04:05,830 y es un paisaje 46 00:04:05,830 --> 00:04:07,789 el tamaño 47 00:04:07,789 --> 00:04:09,009 este es muy grande 48 00:04:09,009 --> 00:04:10,389 vamos a poner un tamaño 49 00:04:10,389 --> 00:04:15,909 de 600x400 50 00:04:15,909 --> 00:04:20,170 la alineación al medio, guardar imagen 51 00:04:20,170 --> 00:04:24,550 vale, ahí la tenemos, pero la imagen vamos a dejarla 52 00:04:24,550 --> 00:04:27,629 centrada y vamos a seguir escribiendo aquí abajo 53 00:04:27,629 --> 00:04:32,089 bueno, hemos incluido la imagen, hemos incluido texto 54 00:04:32,089 --> 00:04:34,389 el texto podemos darle formato 55 00:04:34,389 --> 00:04:40,129 podemos encabezado, negrita, subrayado 56 00:04:40,129 --> 00:04:48,420 centrado, hemos incluido 57 00:04:48,420 --> 00:04:57,680 un enlace, una imagen. Vamos a incluir un vídeo. Veíamos aquí que teníamos código 58 00:04:57,680 --> 00:05:04,439 HTML. Pues vamos a aprovechar a insertar en Beber un contenido de la mediateca, un vídeo 59 00:05:04,439 --> 00:05:09,439 con su código HTML. Por ejemplo, vamos a subir este vídeo que se llama elaboración 60 00:05:09,980 --> 00:05:15,339 de tutoriales con simple screen recorder. Vemos que la mediateca incluye aquí estos 61 00:05:15,339 --> 00:05:25,389 corchetes y pone embeber aparece un código lo copiamos una manera cómoda 62 00:05:25,389 --> 00:05:31,029 para trabajar con el editor de texto es pinchar aquí en estas flechas y cambiar 63 00:05:31,029 --> 00:05:35,750 a modo de pantalla completa y así ahora es mucho más cómodo y en este modo 64 00:05:35,750 --> 00:05:38,930 pantalla completa ahora si pinchamos en los corchetes de 65 00:05:38,930 --> 00:05:46,769 html y vemos aquí os adjunto un vídeo con control v pegamos el código html 66 00:05:47,329 --> 00:05:50,829 Pulsamos otra vez en los corchetes y ahí nos aparece el vídeo. 67 00:05:52,029 --> 00:05:53,290 Podemos centrarlo. 68 00:05:56,050 --> 00:05:59,709 Nos gustaría que el vídeo fuera más grande, que queda muy pequeño en relación a la imagen. 69 00:06:00,550 --> 00:06:06,449 No pasa nada. Vamos otra vez a código HTML y vamos a ver las características. 70 00:06:06,449 --> 00:06:15,389 Hemos visto que tiene 420 x 315. Pues vamos a ponerle 600 x 420. 71 00:06:15,389 --> 00:06:17,149 y a ver cómo queda 72 00:06:17,149 --> 00:06:20,170 bueno, ahí lo tenemos 73 00:06:20,170 --> 00:06:22,230 elaboración de tutoriales 74 00:06:22,230 --> 00:06:23,370 con Simple Screen Recorder 75 00:06:23,370 --> 00:06:25,550 y seguimos escribiendo 76 00:06:25,550 --> 00:06:39,730 frecuente 77 00:06:39,730 --> 00:06:42,050 cometer errores 78 00:06:42,050 --> 00:06:44,449 y vamos a buscar otro vídeo 79 00:06:44,449 --> 00:06:46,750 donde aparecen los errores 80 00:06:46,750 --> 00:06:48,290 frecuentes de Simple Screen Recorder 81 00:06:48,290 --> 00:06:49,430 vamos por allá 82 00:06:49,430 --> 00:06:53,009 errores más comunes 83 00:06:53,009 --> 00:06:55,029 al utilizar Simple Screen Recorder 84 00:06:55,029 --> 00:06:56,050 pues igual 85 00:06:56,050 --> 00:07:21,589 Vamos a embeber, cogemos el código, copiar, vamos a la página, pinchamos en los corsetes, nos ponemos ahí donde queremos ponerlo, control V, ya sabemos que queríamos de 600 por 420, y lo centramos. 86 00:07:21,589 --> 00:07:23,569 y seguimos escribiendo 87 00:07:23,569 --> 00:07:33,139 y vamos a subir otro videotutorial 88 00:07:33,139 --> 00:07:35,480 en este caso sobre OBS 89 00:07:35,480 --> 00:07:37,379 vamos a la mediateca 90 00:07:37,379 --> 00:07:43,759 y tenemos otro tutorial 91 00:07:43,759 --> 00:07:46,720 con otro programa para grabar videotutoriales 92 00:07:46,720 --> 00:07:48,980 embeber, copiar 93 00:07:48,980 --> 00:07:51,879 html 94 00:07:51,879 --> 00:07:56,899 cambiamos aquí los tamaños 95 00:07:56,899 --> 00:08:04,420 por 420 96 00:08:04,420 --> 00:08:07,980 y lo centramos 97 00:08:07,980 --> 00:08:12,519 bueno, hemos introducido 98 00:08:12,519 --> 00:08:16,079 distintos tipos de letra, de tamaño de letra 99 00:08:16,079 --> 00:08:19,959 hiperenlaces a páginas web 100 00:08:19,959 --> 00:08:23,540 insertado imágenes, insertado vídeos 101 00:08:23,540 --> 00:08:28,160 también con código HTML podemos insertar cualquier vídeo o cualquier contenido 102 00:08:28,160 --> 00:08:31,699 que se incluya en una página donde ponga embeber o insertar. 103 00:08:31,980 --> 00:08:35,779 En la mediateca hay imágenes, archivos de texto, 104 00:08:36,279 --> 00:08:38,720 todo eso se puede también insertar en nuestra página. 105 00:08:39,820 --> 00:08:43,519 ¿Y podría insertar un archivo también, un archivo de texto o un PDF 106 00:08:43,519 --> 00:08:47,360 dentro del contenido? Sí, hay distintas maneras. 107 00:08:48,059 --> 00:08:52,259 Una de ellas sería subirlo a la mediateca y embeberlo, 108 00:08:52,340 --> 00:08:53,799 insertarlo como hemos hecho con los vídeos. 109 00:08:53,799 --> 00:09:03,740 Otra sería utilizando el Cloud, generando un archivo, un link público y enlazándolo como una URL. 110 00:09:04,480 --> 00:09:11,500 Vamos a hacerlo y así integramos también la herramienta EducaMadrid Cloud junto con el aula virtual. 111 00:09:13,320 --> 00:09:14,940 Accedemos a la nube de EducaMadrid. 112 00:09:14,940 --> 00:09:29,820 podemos subir cualquier contenido 113 00:09:29,820 --> 00:09:31,379 añadiendo el más y subiendo el contenido 114 00:09:31,379 --> 00:09:34,100 o alguno de los que tenemos ya subidos 115 00:09:34,100 --> 00:09:34,899 bueno, voy a crear uno 116 00:09:34,899 --> 00:09:39,100 más, voy a crear un documento 117 00:09:39,100 --> 00:09:48,220 nuevo documento de prueba 118 00:09:48,220 --> 00:09:55,299 y pinchando aquí puedo ir a crear un enlace público 119 00:09:55,299 --> 00:09:57,000 creo un link público 120 00:09:57,000 --> 00:09:59,200 que sea solo de lectura 121 00:09:59,200 --> 00:10:01,340 para que solo se lo baje la persona 122 00:10:01,340 --> 00:10:05,200 podría ponerle una contraseña para darle más seguridad 123 00:10:05,200 --> 00:10:07,759 e incluso una fecha de caducidad 124 00:10:07,759 --> 00:10:10,700 para que a partir de cierta fecha no se lo pudieran bajar 125 00:10:10,700 --> 00:10:15,840 pero en nuestro caso simplemente estamos subiendo un documento 126 00:10:15,840 --> 00:10:17,539 que queremos que lo tengan los alumnos 127 00:10:17,539 --> 00:10:21,139 así que le doy a guardar 128 00:10:21,139 --> 00:10:25,559 y ahí se ha creado nuestro link público 129 00:10:25,559 --> 00:10:27,820 podemos copiarlo 130 00:10:27,820 --> 00:10:31,940 pinchando aquí lo copiamos, el link 131 00:10:31,940 --> 00:10:34,779 y volvemos al contenido 132 00:10:34,779 --> 00:10:37,539 y ponemos aquí 133 00:10:37,539 --> 00:10:40,440 este es el documento 134 00:10:40,440 --> 00:10:41,500 o el examen 135 00:10:41,500 --> 00:10:45,259 lo marcamos 136 00:10:45,259 --> 00:10:48,139 y hacemos exactamente igual que cuando hicimos 137 00:10:48,139 --> 00:10:49,960 el enlace a Tecnorurales 138 00:10:49,960 --> 00:10:52,179 a URL, enlace 139 00:10:52,179 --> 00:10:54,340 pegamos 140 00:10:54,340 --> 00:10:56,340 la URL, abrir 141 00:10:56,340 --> 00:10:58,240 en ventana nueva y crear enlace 142 00:10:58,240 --> 00:11:03,059 ahí lo tenemos 143 00:11:03,059 --> 00:11:06,139 vamos a cerrar todo 144 00:11:06,139 --> 00:11:25,279 Vamos a minimizar la pantalla completa. Aquí no vamos a tocar nada por ahora. Vamos a guardar cambios y regresar al curso. Y vamos a ver cómo lo verían los alumnos. Así que nos cambiamos el rol a estudiante. 145 00:11:25,279 --> 00:11:29,019 ah, mira, nivel 2 146 00:11:29,019 --> 00:11:32,159 elaboración de tutoriales 147 00:11:32,159 --> 00:11:35,320 y ellos acceden al contenido 148 00:11:35,320 --> 00:11:37,700 aquí veíamos el link 149 00:11:37,700 --> 00:11:39,659 que se abre en otra ventana 150 00:11:39,659 --> 00:11:43,440 la foto, los vídeos 151 00:11:43,440 --> 00:11:45,220 que como están embebidos cargan dentro 152 00:11:45,220 --> 00:11:47,000 del propio aula 153 00:11:47,000 --> 00:11:50,720 y el enlace al documento del cloud 154 00:11:50,720 --> 00:11:52,259 si le damos 155 00:11:52,259 --> 00:11:55,259 se descarga en el documento 156 00:11:55,259 --> 00:12:13,730 Esta es la manera de utilizar el recurso página, que nos permite en una página presentar todo lo que queramos. Es donde podemos aprovechar a incluir los contenidos, la materia, que todos los días queremos que los alumnos en su casa sean capaces de asimilar.