Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

AULA VIRTUAL 05: PANTALLA PRINCIPAL DEL CURSO BONITA Y PROFESIONAL - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 14 de agosto de 2023 por Manuel J.

327 visualizaciones

En este capítulo aprenderemos a dejar la pantalla principal del curso organizada, limpia, bonita y profesional. Sustituiremos el texto por imágenes y crearemos enlaces a los contenidos de los temas desde esas imágenes.

Más información Transcripción

Descargar la transcripción

Bienvenidos compañeras y compañeros a un nuevo capítulo de nuestro curso de aula virtual para 00:00:00
profesores. En el capítulo de hoy lo que aprenderemos será darle a la pantalla principal 00:00:10
de nuestro curso un aspecto mucho más sencillo, mucho más amigable y mucho más profesional. 00:00:15
Cuanto más sencillas hagamos las cosas y más visuales sean, más fácil sea para los alumnos 00:00:20
moverse por nuestro curso de aula virtual. Es decir, lo que vamos a hacer va a ser cambiar 00:00:24
el aspecto habitual que tienen nuestros cursos, que es algo parecido a esto, 00:00:29
donde vemos temas que no están desarrollados, donde los alumnos tienen que 00:00:33
clicar sobre el texto para después poder ir 00:00:36
a los contenidos y demás elementos que hemos puesto, a 00:00:40
esta opción, donde vemos que las unidades de programación 00:00:43
quedan perfectamente limpias, identificadas con una imagen 00:00:48
y los alumnos lo único que tienen que hacer es clicar 00:00:52
sobre la imagen de las unidades de programación y automáticamente se les abre una nueva pestaña 00:00:56
en su navegador donde tienen acceso a todos los contenidos y todos los elementos que hemos colgado 00:01:02
para esa unidad de programación. Para volver a la página principal lo único que tienen que hacer 00:01:08
nuestros alumnos es cerrar esa pestaña y vuelven a nuestra página principal donde está todo limpio 00:01:13
y ordenado. ¿Cómo conseguimos hacer esto? Pues bien, nos vamos 00:01:20
a nuestro curso de pruebas y lo primero que vamos a hacer va a ser poner 00:01:24
nuestro rol de profesor y activar el modo edición. Tenemos 00:01:27
esto que es una sección, es nuestra primera unidad de programación 00:01:36
estructuras y mecanismos. Si vamos más abajo 00:01:40
nos encontramos con la siguiente sección 00:01:44
otra, otra y otra. Es decir, cada tema es una 00:01:47
sección o un asunto. Lo que vamos a hacer va a ser poner una imagen en cada una de las secciones 00:01:52
que vamos a utilizar. Para ello, tres puntitos a la derecha, editar tema. En este caso vamos a llamarlo 00:01:57
tema 1 y vamos a insertar una imagen. Examinamos repositorios, seleccionamos archivos. Yo tengo 00:02:08
aquí ya unas imágenes creadas que las he realizado en Canva, todas estas, y vamos a 00:02:19
seleccionar la imagen que corresponde a la unidad de programación número 1, método 00:02:24
de proyectos, subir este archivo, tamaño la pondremos más pequeño, 500, alineación 00:02:28
superior y la imagen solo es decorativa. Guardamos imagen, la dejamos centrada, clicando en este 00:02:38
icono de aquí, bajamos y guardamos cambios. Vemos que ya el tema 1 tiene una imagen creada. 00:02:46
Vamos a la siguiente, que será el tema 2. Editamos, le podemos poner nombre ya aquí, 00:02:54
directamente tema 2, intro, editamos tema, insertamos imagen, el tema 2 va a ser la 00:03:00
electricidad, subimos este archivo, tamaño 500, alineación superior, la imagen sólo es decorativa 00:03:15
y guardamos imagen. La centramos dando a este icono y guardamos cambios. Repetiremos el proceso con 00:03:30
todos los demás. Muy bien, pues ya tenemos todos los temas con su imagen correspondiente, sin embargo 00:03:41
lo que nos ocurre es que están desordenados. Es decir, primero tenemos el tema 5, luego el tema 1, 00:03:47
el tema 2, el tema 3 y el tema 4. Lo que vamos a hacer va a ser colocarlos en orden y esto es 00:03:52
fundamental. Colocar arriba del todo el tema 1, después el tema 2, tema 3, tema 4. Para ello vamos 00:03:56
a utilizar el esquema de árbol que tenemos aquí en la zona izquierda de nuestra pantalla. Simplemente 00:04:03
cogeríamos el tema 5 y nos lo desplazamos hacia abajo y lo colocamos ahí. Y ahora tenemos 00:04:08
Tema 1, tema 2, tema 3, tema 4, tema 5, con todos sus contenidos dentro. 00:04:19
Bien, ahora sí que lo tenemos perfectamente organizado todo y aquí lo podemos ver. 00:04:26
Tema 5, tema 4, tema 3, tema 2, tema 1. 00:04:31
Lo siguiente que vamos a hacer va a ser quitar el texto de los temas, de las secciones. 00:04:36
Para ello, edito el nombre. 00:04:40
En su lugar voy a poner un espacio, es decir, una pulsación en la barra espaciadora. 00:04:43
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. 00:04:48
Repetimos el proceso para el tema 2, tema 3, tema 4 y también para el tema 5. Bien, esta parte la tenemos resuelta. 00:04:57
Si nosotros entramos ahora en nuestro curso de aula virtual como alumnos, nos encontramos con lo siguiente. 00:05:19
vemos que ha desaparecido el texto, ahora tenemos imágenes en lugar del texto 00:05:25
pero nos siguen apareciendo todos estos temas 00:05:33
que ahora mismo están rellenando y que realmente nos estropean el aspecto 00:05:37
de nuestro curso, para ello vamos a hacer que estos temas 00:05:41
no se vean, volvemos a nuestro rol normal, nos bajamos 00:05:45
a esos temas, modo edición 00:05:52
tema 6, aquí a la derecha, ocultar tema 00:05:55
ocultar tema, igual, igual 00:06:07
e igual. Sin embargo, aunque hemos ocultado 00:06:16
los temas, los alumnos los van a seguir viendo. Nos fijamos. Volvamos 00:06:20
a rol de alumno, cambiar rol a estudiante 00:06:24
página principal del curso, pero vemos que 00:06:27
estos textos nos siguen apareciendo. Nos aparecen como no disponibles, pero nos aparecen. 00:06:32
¿Cómo arreglamos esto? Rol normal, vamos 00:06:36
a configuración, formato de curso y pedimos que las secciones ocultas se muestran como 00:06:42
no disponibles. No, son totalmente invisibles. Guardamos cambios, vamos al rol de alumno 00:06:54
y vemos que ahora ya sí que ha desaparecido todos esos temas. Muchísimo más limpio. 00:07:04
Nos queda la última parte, que es que cuando nosotros cliquemos sobre esta imagen nos lleve 00:07:15
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 00:07:19
algo de texto, clicamos sobre el texto y nos fijamos en la dirección URL que tenemos en la 00:07:36
barra de direcciones de nuestro navegador. Esta dirección tenemos que copiarla. Seleccionamos 00:07:51
derecho del ratón, copiar y nos fijamos en una cosa fundamental y es que el final del texto nos 00:07:58
indica que estamos en la sección 5, que era realmente nuestra unidad de 00:08:07
programación 5, nuestro tema 5 de nuestro curso. Esto es fundamental 00:08:11
que se mantenga. Una vez que lo tenemos hecho 00:08:15
lo que hacemos es que nos vamos a la cabecera, ya podemos 00:08:18
borrar este texto, borrar, barra espaciadora, intro 00:08:23
y nos vamos a editar la cabecera 00:08:26
editar tema, seleccionamos nuestra imagen 00:08:30
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. 00:08:36
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 00:09:05
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 00:09:32
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 00:09:43
todos los elementos y todo lo que necesitábamos 00:09:55
de esa unidad de programación 00:09:59
todo lo que vamos a trabajar 00:10:02
bueno, pues hasta aquí el capítulo de hoy 00:10:03
espero que os haya resultado útil y entretenido 00:10:08
muchísimas gracias, nos vemos en el próximo capítulo 00:10:11
Valoración:
  • 1
  • 2
  • 3
  • 4
  • 5
Eres el primero. Inicia sesión para valorar el vídeo.
Idioma/s:
es
Autor/es:
Manuel Jiménez Serrano
Subido por:
Manuel J.
Licencia:
Reconocimiento - Compartir igual
Visualizaciones:
327
Fecha:
14 de agosto de 2023 - 11:23
Visibilidad:
Público
Descripción ampliada:
En este capítulo aprenderemos a dejar la pantalla principal del curso organizada, limpia, bonita y profesional. Sustituiremos el texto por imágenes y crearemos enlaces a los contenidos de los temas desde esas imágenes.
Duración:
10′ 19″
Relación de aspecto:
1.89:1
Resolución:
1364x720 píxeles
Tamaño:
88.13 MBytes

Del mismo autor…

Ver más del mismo autor

Comentarios

Para publicar comentarios debes entrar con tu nombre de usuario de EducaMadrid.

Comentarios

Este vídeo todavía no tiene comentarios. Sé el primero en comentar.


EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid