1 00:00:01,580 --> 00:00:24,480 Hola, buenas. Esto es un vídeo para todos aquellos usuarios de EducaMadrid, de la Mediateca, que me habéis comentado en algún que otro comentario la posibilidad de hacer este pequeño videotutorial en torno al diseño de un espacio web, de una web de clase de EducaMadrid. 2 00:00:24,480 --> 00:00:34,899 Con todo el respeto para todas aquellas personas que obviamente están haciendo un curso completo porque las páginas de EducaMadrid pues tienen muchísimas funciones. 3 00:00:34,899 --> 00:00:57,920 Pero si es cierto que hay cientos, por no decir miles de compañeros, compañeras que necesitan un espacio web y quisiera con este videotutorial, en menos de 12-13 minutos no más, poder mostraros cómo sí podríais tener vuestra página web operativa y funcional en cuestión de 40-50 minutos, una hora, ¿vale? 4 00:00:57,920 --> 00:01:04,019 partimos de aquí de la página de educa madrid en donde entramos por web y usuarios aquí os 5 00:01:04,019 --> 00:01:12,620 identificáis con nuestro usuario vuestra contraseña accedemos a nuestro espacio entonces tenemos aquí 6 00:01:12,620 --> 00:01:19,040 previamente donde pone aquí en mis sitios tendréis que haber pedido a vuestro coordinador coordinador 7 00:01:19,040 --> 00:01:28,280 a ti con quien lo pudiera llevar que es que os conceda un espacio web a vuestro nombre en mi 8 00:01:28,280 --> 00:01:34,760 caso a mí me dieron en su día este amadeo 34 yo soy del colegio amadeo vive me pusieron amadeo 9 00:01:34,760 --> 00:01:41,159 34 cuando entré aquí obviamente la vais a encontrar completamente vacía no hagáis caso a lo que está 10 00:01:41,159 --> 00:01:47,959 viendo aquí pero vosotros tendréis una página web donde está obviamente no hay ninguna pestaña y 11 00:01:47,959 --> 00:01:55,219 aquí pondrá inicio o home o algo similar vamos a pensar que está todo vacío y empezaremos por la 12 00:01:55,219 --> 00:02:02,480 administración de las páginas igualmente aquí también diría que las páginas no vendría ninguna 13 00:02:02,480 --> 00:02:11,360 aquí aparecerá solamente la de inicio vale que podéis empezar a editar voy a empezar creando una 14 00:02:11,360 --> 00:02:17,039 página vale para que la veáis que está completamente en blanco vamos a poner una asignatura aunque 15 00:02:17,039 --> 00:02:27,780 esté repetido voy a poner aquí lengua y la el formato que quieres que tenga vale aquí a mí 16 00:02:27,780 --> 00:02:35,620 me gusta que tengan dos columnas y lo demás lo podéis dejar tal cual añadimos la página y la 17 00:02:35,620 --> 00:02:41,699 vamos a ver aquí más abajo mira esto lo que acabamos de entrar de crear vale le damos a 18 00:02:41,699 --> 00:02:50,139 guardar y nos vamos hacia atrás para poder entrar en esta página que hemos creado vamos a pensar que 19 00:02:50,139 --> 00:02:55,599 esto es lo que vosotros tenéis ahora mismo vamos a decir que no volvemos a entrar aceptamos lo 20 00:02:55,599 --> 00:03:03,340 dejamos en blanco pues bien cuando nosotros tenemos aquí en este menú de añadir es muy 21 00:03:03,340 --> 00:03:09,080 posible que todo el mundo se asuste cuando ve que tenemos un menú con muchísimas funciones no 22 00:03:09,080 --> 00:03:18,680 No os asustéis. Si luego un día queréis ir probando una, una fenomenal. Si queréis hacer el curso, genial, porque ahí tenéis muchísimas funciones que podéis sacar partido. 23 00:03:19,340 --> 00:03:27,500 Nosotros solamente vamos a trabajar con esta ahora en este video tutorial, ¿vale? Le vamos a dar a añadir. También podemos hacer el juego de arrastrar, ¿vale? 24 00:03:27,500 --> 00:03:33,979 pero bueno aquí añadir la selección de contenidos cerramos aquí un poquito mirar la selección de 25 00:03:33,979 --> 00:03:40,520 contenidos es para en el caso de que previamente tú ya hayas creado un contenido lo tendrás aquí 26 00:03:40,520 --> 00:03:50,599 en administración vale yo tengo aquí cientos pero obviamente vosotros si partir de que no 27 00:03:50,599 --> 00:03:57,259 tenéis nada lo vais a entender pues es un vacío tenemos otra vez añadir contenidos entonces lo 28 00:03:57,259 --> 00:04:03,159 que vamos a hacer es crear contenido desde cero pues bien vamos a poner aquí hemos dicho estamos 29 00:04:03,159 --> 00:04:18,740 en lengua vamos a poner un nombre tema 1 tema 1 en lengua cuarto lengua tercero en el tercero 30 00:04:18,740 --> 00:04:28,579 que en mi caso ese es el título donde no podéis dejar de momento blanco si queréis vale y si no 31 00:04:28,579 --> 00:04:34,279 luego podéis hacer pruebas y en el cuerpo es cuando llegamos a empezar a editar la parte que 32 00:04:34,279 --> 00:04:44,839 va a ser visible para los usuarios para vuestros alumnos aquí empezaremos a meter el título de un 33 00:04:44,839 --> 00:04:51,500 enlace que vais que los niños van a leer y van a querer acceder a ello que puede ser una aplicación 34 00:04:51,500 --> 00:05:03,139 una canción un podcast audios imágenes fotos de aplicaciones enlaces a vídeos mirar una vez que 35 00:05:03,139 --> 00:05:13,660 lo escriba jce vale lo señalaría jce y aquí ponemos el insertar el enlace o bien yo tengo 36 00:05:13,660 --> 00:05:15,480 un pequeño truco que me vais a permitir 37 00:05:15,480 --> 00:05:17,980 que os lo comparta 38 00:05:17,980 --> 00:05:19,540 con vosotros. Mirad, yo aquí con 39 00:05:19,540 --> 00:05:21,279 ayuda de un procesador de textos 40 00:05:21,279 --> 00:05:23,360 tengo aquí para 41 00:05:23,360 --> 00:05:25,319 este tema de lengua 42 00:05:25,319 --> 00:05:26,939 tengo un enlace 43 00:05:26,939 --> 00:05:29,240 a cómo se describen lugares 44 00:05:29,240 --> 00:05:31,300 otro, que lo tenéis aquí 45 00:05:31,300 --> 00:05:33,379 sobre el tiempo verbal, otro sobre 46 00:05:33,379 --> 00:05:35,240 los sinónimos, antónimos, el cómic 47 00:05:35,240 --> 00:05:37,319 aquí separado tenemos otro 48 00:05:37,319 --> 00:05:38,600 tipo de material como es 49 00:05:38,600 --> 00:05:41,180 la visión de un cuento 50 00:05:41,180 --> 00:05:43,459 y actividades para que los niños 51 00:05:43,459 --> 00:05:47,160 vayan probando, también para decorar un poquito una imagen 52 00:05:47,160 --> 00:05:51,480 entonces, ¿cómo puedo trabajar yo con esto? mirad, si yo 53 00:05:51,480 --> 00:05:54,399 hago la selección de todo lo que yo quiero 54 00:05:54,399 --> 00:06:01,279 incluidos los enlaces, hago un copio y pego 55 00:06:01,279 --> 00:06:08,680 ¿vale? aquí le damos a pegar, control V 56 00:06:08,680 --> 00:06:12,459 y aquí lo tenemos, mirad, con esto podemos 57 00:06:12,459 --> 00:06:15,399 hacer la pantalla un poquito más grande para que lo podáis ver 58 00:06:15,399 --> 00:06:18,899 Entonces yo tengo aquí describir lugares 59 00:06:18,899 --> 00:06:23,860 Para asignarlo lo que tengo que ir haciendo es simplemente selecciono su enlace 60 00:06:23,860 --> 00:06:27,319 Control X para cortarlo 61 00:06:27,319 --> 00:06:34,319 Señalo y lo que he cortado lo voy a pegar 62 00:06:34,319 --> 00:06:35,120 ¿De acuerdo? 63 00:06:36,199 --> 00:06:36,540 Ok 64 00:06:36,540 --> 00:06:40,019 Vuelvo a hacer lo mismo con el siguiente 65 00:06:40,019 --> 00:06:42,639 Lo quito de la pantalla 66 00:06:42,639 --> 00:06:52,139 vale y lo voy a pegar como un enlace control v y así sucesivamente de acuerdo venga voy a hacer 67 00:06:52,139 --> 00:07:02,959 ahora una pausa vale para hacerlo con los demás y enseguida vuelvo lo he cortado inserto control 68 00:07:02,959 --> 00:07:10,180 v y hasta que doy al ok y así sucesivamente venga ahora vuelvo hasta dentro del momento 69 00:07:10,180 --> 00:07:15,360 venga que lo tenga ya todo hecho vale pues ya estamos de vuelta ya ha ido poniendo todos los 70 00:07:15,360 --> 00:07:21,699 enlaces en cada uno de los títulos y he dejado pendiente el de la fotografía o imagen para que 71 00:07:21,699 --> 00:07:27,980 también lo pudierais ver mirar yo quiero poner aquí la imagen al principio en este caso es una 72 00:07:27,980 --> 00:07:35,319 imagen sobre sobre el cómics de acuerdo que también se va a dar en esta unidad y utilizó 73 00:07:35,319 --> 00:07:45,699 esta mira que se dejó aquí el cursor pongo insertar imagen y aquí en el enlace voy a copiar la en el 74 00:07:45,699 --> 00:07:53,740 enlace de la imagen que lo tengo aquí seleccionado de acuerdo estoy aquí a control copy vale bueno 75 00:07:53,740 --> 00:08:03,319 en realidad perdón vamos a hacer vamos a quitar los dirigentes definitivamente venga lo corto 76 00:08:03,319 --> 00:08:05,899 pongo aquí el cursor 77 00:08:05,899 --> 00:08:07,879 mirad donde pone insertar 78 00:08:07,879 --> 00:08:08,920 editar imagen 79 00:08:08,920 --> 00:08:11,180 control V 80 00:08:11,180 --> 00:08:14,439 dejamos 81 00:08:14,439 --> 00:08:18,019 podemos dejarlo en grande, vamos a ver como va a quedar 82 00:08:18,019 --> 00:08:19,319 va a quedar demasiado grande 83 00:08:19,319 --> 00:08:21,740 vamos a editarlo 84 00:08:21,740 --> 00:08:23,000 120 85 00:08:23,000 --> 00:08:25,540 vale, suficiente 86 00:08:25,540 --> 00:08:27,120 ahora en avanzado 87 00:08:27,120 --> 00:08:29,680 la alineación lo vamos a poner 88 00:08:29,680 --> 00:08:31,920 a la derecha para que no nos estorbe 89 00:08:31,920 --> 00:08:33,659 si creéis conveniente 90 00:08:33,659 --> 00:08:36,679 le podéis dar un espacio vertical, un borde o el espacio 91 00:08:36,679 --> 00:08:39,659 horizontal. Especialmente en el espacio 92 00:08:39,659 --> 00:08:42,659 horizontal voy a dejar 5 por si acaso, pero no va a ser 93 00:08:42,659 --> 00:08:45,440 necesario. Le damos al OK y 94 00:08:45,440 --> 00:08:48,700 nuestra imagen ya está aquí. ¿Vale? Veis que ha quedado un poco 95 00:08:48,700 --> 00:08:51,639 grande, la podemos dejar un poquito más reducida. Luego 96 00:08:51,639 --> 00:08:54,340 más tarde vamos a ver cómo queda en nuestra página web. 97 00:08:56,179 --> 00:08:57,720 Termino de quitar esto de la 98 00:08:57,720 --> 00:09:00,779 imagen. ¿Vale? Y voy a 99 00:09:00,779 --> 00:09:03,059 dejar esto a propósito. Luego diré por qué. 100 00:09:03,659 --> 00:09:12,100 salimos de la pantalla completa para darle a publicar cuando lo publicamos ya 101 00:09:12,100 --> 00:09:17,379 lo tenemos aquí hecho mira cuando ya se había quedado de antes y eliminar esta 102 00:09:17,379 --> 00:09:22,659 parte si nos va a quedar algo similar a esto lo de agregar contenido lo podemos 103 00:09:22,659 --> 00:09:27,740 quitar como lo van a ver los chavales los que los que lo visitan pues si a 104 00:09:27,740 --> 00:09:32,600 quien editar controles que le damos aquí el botón vamos a ver cómo queda y vais a 105 00:09:32,600 --> 00:09:40,120 a ver cómo queda un poquito pendiente de un poco más de edición verdad yo considero que 106 00:09:40,120 --> 00:09:48,320 debería estar un poquito más grande cuando todo ello todas las letras vamos a poner a 14 107 00:09:49,899 --> 00:09:58,899 vamos a publicar vamos a enmarcarlo con este botón le damos a apariencia y le vamos a dar 108 00:09:58,899 --> 00:10:05,200 un estilo de texto si queréis cambiarlo o un estilo de fondo si le vas a dar fondo yo os 109 00:10:05,200 --> 00:10:10,840 aconsejo que le dierais una tonalidad muy clarita para que haya un cierto contraste en el estilo de 110 00:10:10,840 --> 00:10:17,080 borde como veis ya está todo marcado igual para todo para poder simplificar la acción en igual 111 00:10:17,080 --> 00:10:24,519 para todos la anchura le voy a dar un 8 el estilo de borde elegís el que queráis para todos igual y 112 00:10:24,519 --> 00:10:26,480 Y el color del borde, pues también el que queráis. 113 00:10:26,980 --> 00:10:30,299 Le damos a guardar y nos vamos a la pantalla. 114 00:10:30,480 --> 00:10:33,139 Y como veis, ya se ha quedado un poquito mejor enmarcado. 115 00:10:33,399 --> 00:10:34,860 Así es como lo van a ver vuestros alumnos. 116 00:10:35,340 --> 00:10:39,960 Y ya tenemos todo esto operativo para que los niños puedan ir viéndolo. 117 00:10:40,460 --> 00:10:40,659 ¿Ok? 118 00:10:41,620 --> 00:10:41,879 Vale. 119 00:10:42,740 --> 00:10:43,740 Una cosita más. 120 00:10:43,740 --> 00:10:52,139 A la hora de editarlo, si no tenéis idea de actividades porque estáis un poquito verdes o lo que sea, 121 00:10:52,139 --> 00:11:16,899 O, por cualquier motivo, mirar la... esta función de EducaMadrid nos permite a todos poder realizar actividades, ¿vale? De todo este tipo. Son muy intuitivas, ¿vale? Actividades de rellenar huecos, del juego del ahorcado, de pregunta calculada, de texto con retroalimentación. 122 00:11:16,899 --> 00:11:35,919 Como digo, como es tan intuitivo, bastaría con empezar a practicar con ellas para que por lo menos tengáis, si no lo hacéis de otra manera, pues actividades de EducaMadrid que están bastante bien, sobre todo porque son muy sencillas de hacer y de realizar. 123 00:11:35,919 --> 00:12:04,990 Le damos a publicar y nosotros ya tenemos aquí pues esto ya editado y completado. A partir de ahí ya podéis seguir practicando para poner la página bonita, pero que ya sepáis que ya está operativa, ¿de acuerdo? Bueno, espero que haya servido para que por lo menos os sirva de inspiración. Venga, muchas gracias, un saludo, chao.