1 00:00:00,800 --> 00:00:19,879 Uno de los aspectos más importantes cuando nos enfrentamos a la creación de nuestro primer curso en Moodle 2 00:00:19,879 --> 00:00:22,300 es la organización de la información. 3 00:00:23,460 --> 00:00:29,440 A menudo empezamos a crear contenidos, a poner distintas tareas, 4 00:00:30,160 --> 00:00:32,920 pero no organizamos la información suficientemente clara 5 00:00:32,920 --> 00:00:39,159 y nuestros alumnos pueden ver cierto caos si no tenemos el curso bien organizado. 6 00:00:39,159 --> 00:00:42,539 Ya no solo que estén organizados por temas o por semanas, 7 00:00:42,899 --> 00:00:50,280 sino que tengamos divisores, banners, títulos claros de distintas secciones de nuestro curso, 8 00:00:51,000 --> 00:00:54,359 para que nuestros alumnos tengan bien centrada la información. 9 00:00:55,299 --> 00:01:02,740 En este sentido, es importante el crear y utilizar las etiquetas, como vemos en este ejemplo, 10 00:01:02,740 --> 00:01:11,260 que las etiquetas pueden ser banners con imágenes o textos con distintos efectos, colores, subrayados, etc. 11 00:01:11,260 --> 00:01:18,760 Lo que nos permite organizar los distintos contenidos dentro de las etiquetas de un propio curso. 12 00:01:19,579 --> 00:01:24,459 Bueno, pues vamos a aprender en este tutorial a insertar estas etiquetas, 13 00:01:25,040 --> 00:01:32,879 pero antes de crear una etiqueta vamos a diseñar nuestro contenido gráfico de esa etiqueta, una especie de banner. 14 00:01:33,640 --> 00:01:38,780 Y para ello os voy a presentar varias herramientas online que nos van a permitir hacer estos diseños 15 00:01:38,780 --> 00:01:43,000 y realizaremos un diseño rápido con una de ellas 16 00:01:43,000 --> 00:01:46,560 y lo insertaremos como etiqueta en nuestro curso. 17 00:01:47,219 --> 00:01:51,739 Bueno, pues los ejemplos de las herramientas online 18 00:01:51,739 --> 00:01:55,659 más utilizadas para este tipo de cosas como diseños gráficos 19 00:01:55,659 --> 00:01:58,900 pues una de las más utilizadas es Canva 20 00:01:58,900 --> 00:02:02,680 que nos permite muchísimos diseños 21 00:02:02,680 --> 00:02:05,980 entre ellos el banner, posters o logotipos 22 00:02:05,980 --> 00:02:20,900 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. 23 00:02:21,740 --> 00:02:30,800 En este caso, Canva solo permite descargar formato JPG, pero tiene muchos diseños, muchas posibilidades. 24 00:02:30,800 --> 00:02:56,300 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. 25 00:02:56,300 --> 00:03:03,979 y bueno pues si aquí quisiéramos descargar nuestro diseño pues al final sólo nos permite utilizar jpg 26 00:03:03,979 --> 00:03:12,020 ya que la descarga de un png es una característica premium así como otro tipo de formatos de archivos 27 00:03:13,479 --> 00:03:19,960 bueno pues sigamos otra de las herramientas que también podemos utilizar sería el spark de adobe 28 00:03:19,960 --> 00:03:25,539 que son de los creadores de photoshop y aquí lo malo que la versión gratuita pues nos está 29 00:03:25,539 --> 00:03:30,539 colocando una pequeña marca de agua en todos nuestros diseños 30 00:03:30,539 --> 00:03:37,120 después genial y es una también de las soluciones que más podemos aconsejar 31 00:03:37,120 --> 00:03:41,280 para hacer este tipo de diseños aunque genial y realmente nos hace infinidad de 32 00:03:41,280 --> 00:03:47,580 elementos gráficos ya no sólo diseños de banner o de carteles sino hasta escape 33 00:03:47,580 --> 00:03:53,539 rooms por ejemplo o imágenes interactivas 34 00:03:53,539 --> 00:04:02,439 y por último pues os voy a enseñar el photojet que la verdad es que es bastante atractivo y 35 00:04:02,439 --> 00:04:09,319 dentro de ser freemium como todas las herramientas que hemos presentado pues nos permite bastantes 36 00:04:09,319 --> 00:04:15,680 cosas como por ejemplo descargar el formato png con transparencia bueno pues yo es el que voy a 37 00:04:15,680 --> 00:04:22,819 utilizar para hacer un diseño rápido ya me identificado en una cuenta gratuita vamos a 38 00:04:22,819 --> 00:04:29,240 crear un diseño directamente yo voy a partir de una plantilla porque las 39 00:04:29,240 --> 00:04:33,899 dimensiones específicas para mis intereses pues son un tamaño propio que 40 00:04:33,899 --> 00:04:36,980 eso es una característica premium entonces voy a buscar dentro de los 41 00:04:36,980 --> 00:04:41,660 tamaños predefinidos pues uno que se pueda que se pueda adaptar a un banner 42 00:04:41,660 --> 00:04:46,259 para mí para mi moodle por ejemplo este que pone tabla de clasificación que 43 00:04:46,259 --> 00:04:51,819 tiene 90 píxeles de alto pues me puede servir para mi objetivo bueno pues 44 00:04:51,819 --> 00:05:00,360 Podemos coger una plantilla de las que tenemos por aquí o podemos utilizar desde cero el banner. 45 00:05:01,339 --> 00:05:35,689 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. 46 00:05:35,689 --> 00:05:39,649 la verdad es que tienen bastantes posibilidades, por ejemplo 47 00:05:39,649 --> 00:05:43,269 puedo poner un resaltado con un color 48 00:05:43,269 --> 00:05:48,569 efectos, por ejemplo, de tonalidades en el color 49 00:05:48,569 --> 00:05:50,389 o ponerlo en blanco y negro 50 00:05:50,389 --> 00:05:56,509 quitarle exposición para que sea más oscuro 51 00:05:56,509 --> 00:06:02,670 bueno, me permite jugar 52 00:06:02,670 --> 00:06:08,629 bastante, darle, quitarle opacidad 53 00:06:08,629 --> 00:06:10,610 Bueno, yo lo voy a dejar así 54 00:06:10,610 --> 00:06:16,310 Ahora me voy a incorporar un texto 55 00:06:16,310 --> 00:06:19,250 Aquí tenemos unas cuantas muestras de texto 56 00:06:19,250 --> 00:06:21,990 Algunas de ellas son premium 57 00:06:21,990 --> 00:06:24,029 Otras no, por ejemplo esta 58 00:06:24,029 --> 00:06:25,709 Lo añado 59 00:06:25,709 --> 00:06:28,110 Puedo cambiar el tipo de letra 60 00:06:28,110 --> 00:06:30,649 Voy a cambiar su tamaño 61 00:06:30,649 --> 00:06:34,490 Aquí las dimensiones 62 00:06:34,490 --> 00:06:43,050 Y el color del texto pues que lo voy a poner así verde para que vaya acorde un poquito con la imagen 63 00:06:43,050 --> 00:06:55,100 Puedo cambiar los efectos sobre la fuente, que tenga contorno 64 00:06:55,100 --> 00:06:57,819 Puedo cambiar el color del contorno 65 00:06:57,819 --> 00:07:07,649 Y aquí pues puedo escribir directamente el texto 66 00:07:07,649 --> 00:07:30,220 No solo podemos añadir textos, también podemos poner cliparts 67 00:07:30,220 --> 00:07:34,339 Que tengan que ver con formas 68 00:07:34,339 --> 00:07:36,600 por ejemplo este 69 00:07:36,600 --> 00:07:48,040 bueno aquí tenemos un ejemplo de un banner 70 00:07:48,040 --> 00:07:51,259 que hemos terminado, automáticamente se va guardando 71 00:07:51,259 --> 00:07:54,720 en nuestros diseños y lo bueno que nos ofrece 72 00:07:54,720 --> 00:07:57,000 Fotoyet es que nos permite descargar 73 00:07:57,000 --> 00:08:00,439 no solo en JPG sino también 74 00:08:00,439 --> 00:08:01,939 podríamos descargar en PNG 75 00:08:01,939 --> 00:08:06,079 eso está bien si tiene nuestro banner alguna transparencia 76 00:08:06,079 --> 00:08:07,959 y queremos jugar un poquito más con los diseños 77 00:08:07,959 --> 00:08:13,860 lo voy a guardar y ahora mismo 78 00:08:13,860 --> 00:08:19,540 me permite su descarga, ya me lo he descargado 79 00:08:19,540 --> 00:08:23,680 y ahora nos vamos a ir a nuestro curso 80 00:08:23,680 --> 00:08:27,639 para añadir una etiqueta 81 00:08:27,639 --> 00:08:31,600 lo voy a hacer en un curso de pruebas, lo primero activar edición 82 00:08:31,600 --> 00:08:38,789 como siempre y en el tema que me interesa colocar esta etiqueta 83 00:08:38,789 --> 00:08:42,850 por ejemplo aquí, añadir una actividad de tipo 84 00:08:42,850 --> 00:08:49,409 etiqueta, lo agregamos 85 00:08:49,409 --> 00:08:56,179 y este será el cuadro donde podemos escribir el contenido de la etiqueta. 86 00:08:56,940 --> 00:09:02,320 Podemos poner textos, como siempre, jugar con todas estas posibilidades que nos ofrece este editor de texto 87 00:09:02,320 --> 00:09:05,279 o directamente podemos incluir una imagen. 88 00:09:05,279 --> 00:09:15,690 Hacemos clic en este icono, buscamos la imagen que nos acabamos de descargar de Photojet, aquí está. 89 00:09:17,690 --> 00:09:19,090 Subimos este archivo. 90 00:09:19,090 --> 00:09:29,629 Es aconsejable que tenga una descripción, la imagen, para que sea más accesible 91 00:09:29,629 --> 00:09:40,809 Y luego en apariencia podemos definir el tamaño 92 00:09:40,809 --> 00:09:47,370 Aquí lo hemos dejado en 728x90, que es el tamaño con el que nos lo hemos descargado 93 00:09:47,370 --> 00:09:49,669 Y directamente podemos insertarlo 94 00:09:49,669 --> 00:09:57,049 para que nos quede centrado simplemente ponemos el cursor detrás de la imagen 95 00:09:57,049 --> 00:09:58,809 y hacemos clic en el icono de centrado 96 00:09:58,809 --> 00:10:01,350 ahora guardamos 97 00:10:01,350 --> 00:10:10,059 y ahí vemos como nos va quedando el banner 98 00:10:10,059 --> 00:10:16,019 si nos gusta que esta etiqueta quede en otra parte del curso 99 00:10:16,019 --> 00:10:23,299 ya sabéis que siempre se puede mover con este icono de la flecha doble para colocarlo en el sitio que queramos 100 00:10:23,299 --> 00:10:31,279 gracias a esto pues ya podemos ir organizando nuestro curso por ejemplo como en este que tenemos en nuestro aula virtual 101 00:10:31,279 --> 00:10:38,559 con banners y con también etiquetas simplemente de texto que si yo las edito para ver como son 102 00:10:38,559 --> 00:10:47,299 pues es simplemente un texto que tiene un formato de encabezado, un color y un color de subrayado 103 00:10:47,299 --> 00:10:50,740 como tenemos aquí el subrayado y aquí el color de la fuente 104 00:10:50,740 --> 00:10:54,000 un ejemplo más de etiqueta 105 00:10:54,000 --> 00:10:57,860 bueno pues con esto finalizamos este sencillo tutorial 106 00:10:57,860 --> 00:11:02,259 que en el fondo sirve para darle un aspecto atractivo a nuestro curso 107 00:11:02,259 --> 00:11:08,240 y a la vez organizar bien las actividades y los recursos dentro de nuestro curso 108 00:11:08,240 --> 00:11:12,059 para que nuestros chicos, nuestros alumnos, tengan más clara la información. 109 00:11:12,759 --> 00:11:13,360 Muchas gracias.