Activa JavaScript para disfrutar de los vídeos de la Mediateca.
CREACIÓN WEB DE CLASE
Ajuste de pantallaEl ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:
CREACIÓN WEB DE CLASE
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.
00:00:01
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.
00:00:24
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?
00:00:34
partimos de aquí de la página de educa madrid en donde entramos por web y usuarios aquí os
00:00:57
identificáis con nuestro usuario vuestra contraseña accedemos a nuestro espacio entonces tenemos aquí
00:01:04
previamente donde pone aquí en mis sitios tendréis que haber pedido a vuestro coordinador coordinador
00:01:12
a ti con quien lo pudiera llevar que es que os conceda un espacio web a vuestro nombre en mi
00:01:19
caso a mí me dieron en su día este amadeo 34 yo soy del colegio amadeo vive me pusieron amadeo
00:01:28
34 cuando entré aquí obviamente la vais a encontrar completamente vacía no hagáis caso a lo que está
00:01:34
viendo aquí pero vosotros tendréis una página web donde está obviamente no hay ninguna pestaña y
00:01:41
aquí pondrá inicio o home o algo similar vamos a pensar que está todo vacío y empezaremos por la
00:01:47
administración de las páginas igualmente aquí también diría que las páginas no vendría ninguna
00:01:55
aquí aparecerá solamente la de inicio vale que podéis empezar a editar voy a empezar creando una
00:02:02
página vale para que la veáis que está completamente en blanco vamos a poner una asignatura aunque
00:02:11
esté repetido voy a poner aquí lengua y la el formato que quieres que tenga vale aquí a mí
00:02:17
me gusta que tengan dos columnas y lo demás lo podéis dejar tal cual añadimos la página y la
00:02:27
vamos a ver aquí más abajo mira esto lo que acabamos de entrar de crear vale le damos a
00:02:35
guardar y nos vamos hacia atrás para poder entrar en esta página que hemos creado vamos a pensar que
00:02:41
esto es lo que vosotros tenéis ahora mismo vamos a decir que no volvemos a entrar aceptamos lo
00:02:50
dejamos en blanco pues bien cuando nosotros tenemos aquí en este menú de añadir es muy
00:02:55
posible que todo el mundo se asuste cuando ve que tenemos un menú con muchísimas funciones no
00:03:03
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.
00:03:09
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?
00:03:19
pero bueno aquí añadir la selección de contenidos cerramos aquí un poquito mirar la selección de
00:03:27
contenidos es para en el caso de que previamente tú ya hayas creado un contenido lo tendrás aquí
00:03:33
en administración vale yo tengo aquí cientos pero obviamente vosotros si partir de que no
00:03:40
tenéis nada lo vais a entender pues es un vacío tenemos otra vez añadir contenidos entonces lo
00:03:50
que vamos a hacer es crear contenido desde cero pues bien vamos a poner aquí hemos dicho estamos
00:03:57
en lengua vamos a poner un nombre tema 1 tema 1 en lengua cuarto lengua tercero en el tercero
00:04:03
que en mi caso ese es el título donde no podéis dejar de momento blanco si queréis vale y si no
00:04:18
luego podéis hacer pruebas y en el cuerpo es cuando llegamos a empezar a editar la parte que
00:04:28
va a ser visible para los usuarios para vuestros alumnos aquí empezaremos a meter el título de un
00:04:34
enlace que vais que los niños van a leer y van a querer acceder a ello que puede ser una aplicación
00:04:44
una canción un podcast audios imágenes fotos de aplicaciones enlaces a vídeos mirar una vez que
00:04:51
lo escriba jce vale lo señalaría jce y aquí ponemos el insertar el enlace o bien yo tengo
00:05:03
un pequeño truco que me vais a permitir
00:05:13
que os lo comparta
00:05:15
con vosotros. Mirad, yo aquí con
00:05:17
ayuda de un procesador de textos
00:05:19
tengo aquí para
00:05:21
este tema de lengua
00:05:23
tengo un enlace
00:05:25
a cómo se describen lugares
00:05:26
otro, que lo tenéis aquí
00:05:29
sobre el tiempo verbal, otro sobre
00:05:31
los sinónimos, antónimos, el cómic
00:05:33
aquí separado tenemos otro
00:05:35
tipo de material como es
00:05:37
la visión de un cuento
00:05:38
y actividades para que los niños
00:05:41
vayan probando, también para decorar un poquito una imagen
00:05:43
entonces, ¿cómo puedo trabajar yo con esto? mirad, si yo
00:05:47
hago la selección de todo lo que yo quiero
00:05:51
incluidos los enlaces, hago un copio y pego
00:05:54
¿vale? aquí le damos a pegar, control V
00:06:01
y aquí lo tenemos, mirad, con esto podemos
00:06:08
hacer la pantalla un poquito más grande para que lo podáis ver
00:06:12
Entonces yo tengo aquí describir lugares
00:06:15
Para asignarlo lo que tengo que ir haciendo es simplemente selecciono su enlace
00:06:18
Control X para cortarlo
00:06:23
Señalo y lo que he cortado lo voy a pegar
00:06:27
¿De acuerdo?
00:06:34
Ok
00:06:36
Vuelvo a hacer lo mismo con el siguiente
00:06:36
Lo quito de la pantalla
00:06:40
vale y lo voy a pegar como un enlace control v y así sucesivamente de acuerdo venga voy a hacer
00:06:42
ahora una pausa vale para hacerlo con los demás y enseguida vuelvo lo he cortado inserto control
00:06:52
v y hasta que doy al ok y así sucesivamente venga ahora vuelvo hasta dentro del momento
00:07:02
venga que lo tenga ya todo hecho vale pues ya estamos de vuelta ya ha ido poniendo todos los
00:07:10
enlaces en cada uno de los títulos y he dejado pendiente el de la fotografía o imagen para que
00:07:15
también lo pudierais ver mirar yo quiero poner aquí la imagen al principio en este caso es una
00:07:21
imagen sobre sobre el cómics de acuerdo que también se va a dar en esta unidad y utilizó
00:07:27
esta mira que se dejó aquí el cursor pongo insertar imagen y aquí en el enlace voy a copiar la en el
00:07:35
enlace de la imagen que lo tengo aquí seleccionado de acuerdo estoy aquí a control copy vale bueno
00:07:45
en realidad perdón vamos a hacer vamos a quitar los dirigentes definitivamente venga lo corto
00:07:53
pongo aquí el cursor
00:08:03
mirad donde pone insertar
00:08:05
editar imagen
00:08:07
control V
00:08:08
dejamos
00:08:11
podemos dejarlo en grande, vamos a ver como va a quedar
00:08:14
va a quedar demasiado grande
00:08:18
vamos a editarlo
00:08:19
120
00:08:21
vale, suficiente
00:08:23
ahora en avanzado
00:08:25
la alineación lo vamos a poner
00:08:27
a la derecha para que no nos estorbe
00:08:29
si creéis conveniente
00:08:31
le podéis dar un espacio vertical, un borde o el espacio
00:08:33
horizontal. Especialmente en el espacio
00:08:36
horizontal voy a dejar 5 por si acaso, pero no va a ser
00:08:39
necesario. Le damos al OK y
00:08:42
nuestra imagen ya está aquí. ¿Vale? Veis que ha quedado un poco
00:08:45
grande, la podemos dejar un poquito más reducida. Luego
00:08:48
más tarde vamos a ver cómo queda en nuestra página web.
00:08:51
Termino de quitar esto de la
00:08:56
imagen. ¿Vale? Y voy a
00:08:57
dejar esto a propósito. Luego diré por qué.
00:09:00
salimos de la pantalla completa para darle a publicar cuando lo publicamos ya
00:09:03
lo tenemos aquí hecho mira cuando ya se había quedado de antes y eliminar esta
00:09:12
parte si nos va a quedar algo similar a esto lo de agregar contenido lo podemos
00:09:17
quitar como lo van a ver los chavales los que los que lo visitan pues si a
00:09:22
quien editar controles que le damos aquí el botón vamos a ver cómo queda y vais a
00:09:27
a ver cómo queda un poquito pendiente de un poco más de edición verdad yo considero que
00:09:32
debería estar un poquito más grande cuando todo ello todas las letras vamos a poner a 14
00:09:40
vamos a publicar vamos a enmarcarlo con este botón le damos a apariencia y le vamos a dar
00:09:49
un estilo de texto si queréis cambiarlo o un estilo de fondo si le vas a dar fondo yo os
00:09:58
aconsejo que le dierais una tonalidad muy clarita para que haya un cierto contraste en el estilo de
00:10:05
borde como veis ya está todo marcado igual para todo para poder simplificar la acción en igual
00:10:10
para todos la anchura le voy a dar un 8 el estilo de borde elegís el que queráis para todos igual y
00:10:17
Y el color del borde, pues también el que queráis.
00:10:24
Le damos a guardar y nos vamos a la pantalla.
00:10:26
Y como veis, ya se ha quedado un poquito mejor enmarcado.
00:10:30
Así es como lo van a ver vuestros alumnos.
00:10:33
Y ya tenemos todo esto operativo para que los niños puedan ir viéndolo.
00:10:35
¿Ok?
00:10:40
Vale.
00:10:41
Una cosita más.
00:10:42
A la hora de editarlo, si no tenéis idea de actividades porque estáis un poquito verdes o lo que sea,
00:10:43
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.
00:10:52
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.
00:11:16
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.
00:11:35
- Autor/es:
- Pedro Mengual
- Subido por:
- Pedro B M.
- Licencia:
- Reconocimiento - No comercial - Compartir igual
- Visualizaciones:
- 42
- Fecha:
- 18 de abril de 2024 - 13:13
- Visibilidad:
- Público
- Centro:
- CP INF-PRI AMADEO VIVES
- Duración:
- 14′ 57″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1920x1080 píxeles
- Tamaño:
- 76.36 MBytes
