Activa JavaScript para disfrutar de los vídeos de la Mediateca.
Aspecto de los cursos y utilización de etiquetas
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:
Vídeotutorial del curso "Uso de herramientas TIC para la formación semipresencial"
Uno de los aspectos más importantes cuando nos enfrentamos a la creación de nuestro primer curso en Moodle
00:00:00
es la organización de la información.
00:00:19
A menudo empezamos a crear contenidos, a poner distintas tareas,
00:00:23
pero no organizamos la información suficientemente clara
00:00:30
y nuestros alumnos pueden ver cierto caos si no tenemos el curso bien organizado.
00:00:32
Ya no solo que estén organizados por temas o por semanas,
00:00:39
sino que tengamos divisores, banners, títulos claros de distintas secciones de nuestro curso,
00:00:42
para que nuestros alumnos tengan bien centrada la información.
00:00:51
En este sentido, es importante el crear y utilizar las etiquetas, como vemos en este ejemplo,
00:00:55
que las etiquetas pueden ser banners con imágenes o textos con distintos efectos, colores, subrayados, etc.
00:01:02
Lo que nos permite organizar los distintos contenidos dentro de las etiquetas de un propio curso.
00:01:11
Bueno, pues vamos a aprender en este tutorial a insertar estas etiquetas,
00:01:19
pero antes de crear una etiqueta vamos a diseñar nuestro contenido gráfico de esa etiqueta, una especie de banner.
00:01:25
Y para ello os voy a presentar varias herramientas online que nos van a permitir hacer estos diseños
00:01:33
y realizaremos un diseño rápido con una de ellas
00:01:38
y lo insertaremos como etiqueta en nuestro curso.
00:01:43
Bueno, pues los ejemplos de las herramientas online
00:01:47
más utilizadas para este tipo de cosas como diseños gráficos
00:01:51
pues una de las más utilizadas es Canva
00:01:55
que nos permite muchísimos diseños
00:01:58
entre ellos el banner, posters o logotipos
00:02:02
Y bueno, pues como todas estas herramientas que son freemium, tienen aspectos gratuitos y si queremos utilizar todas las posibilidades de la herramienta, podemos tener el pago y hacernos premium.
00:02:05
En este caso, Canva solo permite descargar formato JPG, pero tiene muchos diseños, muchas posibilidades.
00:02:21
Otra herramienta similar a Canva es Visme, entonces Visme como vemos permite hacer diseños bastante atractivos dentro de lo que cabe con muchos elementos gráficos, como vemos aquí en este panel de la izquierda permite la utilización de diagramas o crear grid de fotografías que son efectos gráficos bastante chulos.
00:02:30
y bueno pues si aquí quisiéramos descargar nuestro diseño pues al final sólo nos permite utilizar jpg
00:02:56
ya que la descarga de un png es una característica premium así como otro tipo de formatos de archivos
00:03:03
bueno pues sigamos otra de las herramientas que también podemos utilizar sería el spark de adobe
00:03:13
que son de los creadores de photoshop y aquí lo malo que la versión gratuita pues nos está
00:03:19
colocando una pequeña marca de agua en todos nuestros diseños
00:03:25
después genial y es una también de las soluciones que más podemos aconsejar
00:03:30
para hacer este tipo de diseños aunque genial y realmente nos hace infinidad de
00:03:37
elementos gráficos ya no sólo diseños de banner o de carteles sino hasta escape
00:03:41
rooms por ejemplo o imágenes interactivas
00:03:47
y por último pues os voy a enseñar el photojet que la verdad es que es bastante atractivo y
00:03:53
dentro de ser freemium como todas las herramientas que hemos presentado pues nos permite bastantes
00:04:02
cosas como por ejemplo descargar el formato png con transparencia bueno pues yo es el que voy a
00:04:09
utilizar para hacer un diseño rápido ya me identificado en una cuenta gratuita vamos a
00:04:15
crear un diseño directamente yo voy a partir de una plantilla porque las
00:04:22
dimensiones específicas para mis intereses pues son un tamaño propio que
00:04:29
eso es una característica premium entonces voy a buscar dentro de los
00:04:33
tamaños predefinidos pues uno que se pueda que se pueda adaptar a un banner
00:04:36
para mí para mi moodle por ejemplo este que pone tabla de clasificación que
00:04:41
tiene 90 píxeles de alto pues me puede servir para mi objetivo bueno pues
00:04:46
Podemos coger una plantilla de las que tenemos por aquí o podemos utilizar desde cero el banner.
00:04:51
Voy a elegir una fotografía, busco una etiqueta, por ejemplo esta simpática, la coloco, voy a coger esta imagen de fondo y voy a aplicar algún efecto.
00:05:01
la verdad es que tienen bastantes posibilidades, por ejemplo
00:05:35
puedo poner un resaltado con un color
00:05:39
efectos, por ejemplo, de tonalidades en el color
00:05:43
o ponerlo en blanco y negro
00:05:48
quitarle exposición para que sea más oscuro
00:05:50
bueno, me permite jugar
00:05:56
bastante, darle, quitarle opacidad
00:06:02
Bueno, yo lo voy a dejar así
00:06:08
Ahora me voy a incorporar un texto
00:06:10
Aquí tenemos unas cuantas muestras de texto
00:06:16
Algunas de ellas son premium
00:06:19
Otras no, por ejemplo esta
00:06:21
Lo añado
00:06:24
Puedo cambiar el tipo de letra
00:06:25
Voy a cambiar su tamaño
00:06:28
Aquí las dimensiones
00:06:30
Y el color del texto pues que lo voy a poner así verde para que vaya acorde un poquito con la imagen
00:06:34
Puedo cambiar los efectos sobre la fuente, que tenga contorno
00:06:43
Puedo cambiar el color del contorno
00:06:55
Y aquí pues puedo escribir directamente el texto
00:06:57
No solo podemos añadir textos, también podemos poner cliparts
00:07:07
Que tengan que ver con formas
00:07:30
por ejemplo este
00:07:34
bueno aquí tenemos un ejemplo de un banner
00:07:36
que hemos terminado, automáticamente se va guardando
00:07:48
en nuestros diseños y lo bueno que nos ofrece
00:07:51
Fotoyet es que nos permite descargar
00:07:54
no solo en JPG sino también
00:07:57
podríamos descargar en PNG
00:08:00
eso está bien si tiene nuestro banner alguna transparencia
00:08:01
y queremos jugar un poquito más con los diseños
00:08:06
lo voy a guardar y ahora mismo
00:08:07
me permite su descarga, ya me lo he descargado
00:08:13
y ahora nos vamos a ir a nuestro curso
00:08:19
para añadir una etiqueta
00:08:23
lo voy a hacer en un curso de pruebas, lo primero activar edición
00:08:27
como siempre y en el tema que me interesa colocar esta etiqueta
00:08:31
por ejemplo aquí, añadir una actividad de tipo
00:08:38
etiqueta, lo agregamos
00:08:42
y este será el cuadro donde podemos escribir el contenido de la etiqueta.
00:08:49
Podemos poner textos, como siempre, jugar con todas estas posibilidades que nos ofrece este editor de texto
00:08:56
o directamente podemos incluir una imagen.
00:09:02
Hacemos clic en este icono, buscamos la imagen que nos acabamos de descargar de Photojet, aquí está.
00:09:05
Subimos este archivo.
00:09:17
Es aconsejable que tenga una descripción, la imagen, para que sea más accesible
00:09:19
Y luego en apariencia podemos definir el tamaño
00:09:29
Aquí lo hemos dejado en 728x90, que es el tamaño con el que nos lo hemos descargado
00:09:40
Y directamente podemos insertarlo
00:09:47
para que nos quede centrado simplemente ponemos el cursor detrás de la imagen
00:09:49
y hacemos clic en el icono de centrado
00:09:57
ahora guardamos
00:09:58
y ahí vemos como nos va quedando el banner
00:10:01
si nos gusta que esta etiqueta quede en otra parte del curso
00:10:10
ya sabéis que siempre se puede mover con este icono de la flecha doble para colocarlo en el sitio que queramos
00:10:16
gracias a esto pues ya podemos ir organizando nuestro curso por ejemplo como en este que tenemos en nuestro aula virtual
00:10:23
con banners y con también etiquetas simplemente de texto que si yo las edito para ver como son
00:10:31
pues es simplemente un texto que tiene un formato de encabezado, un color y un color de subrayado
00:10:38
como tenemos aquí el subrayado y aquí el color de la fuente
00:10:47
un ejemplo más de etiqueta
00:10:50
bueno pues con esto finalizamos este sencillo tutorial
00:10:54
que en el fondo sirve para darle un aspecto atractivo a nuestro curso
00:10:57
y a la vez organizar bien las actividades y los recursos dentro de nuestro curso
00:11:02
para que nuestros chicos, nuestros alumnos, tengan más clara la información.
00:11:08
Muchas gracias.
00:11:12
- Idioma/s:
- Autor/es:
- José Tomás Alonso García
- Subido por:
- Jose Tomas A.
- Licencia:
- Reconocimiento - No comercial - Sin obra derivada
- Visualizaciones:
- 79
- Fecha:
- 13 de abril de 2021 - 22:42
- Visibilidad:
- Público
- Enlace Relacionado:
- https://irfb.es
- Centro:
- IES RAFAEL FRUHBECK DE BURGOS
- Descripción ampliada:
- Curso de formación "Uso de herramientas TIC para la formación semipresencial". Videotutorial 3. Aspecto de los cursos y utilización de etiquetas
- Duración:
- 11′ 26″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1920x1080 píxeles
- Tamaño:
- 64.64 MBytes