EJERCICICIO Nº11: INSERTAR CONTENIDOS DENTRO DE CADA TEMA

Transcripción

1 EJERCICICIO Nº11: INSERTAR CONTENIDOS DENTRO DE CADA TEMA Una vez se han definido los títulos de cada tema ha llegado la hora de saber incluir varios tipos de contenidos, en este caso: 1. Una imagen descriptiva dentro del tema con texto de introducción 2. Un indice de contenidos del tema y los contenidos dentro de páginas web 3. Documentación en diferentes formatos MUY IMPORTANTE: Crear una estructura de carpetas donde guardar toda la información descargada de Internet y tratada con programas informáticos: 1. Crear una carpeta llamada Curso de Moodle dentro del pendrive o en el escritorio 2. Dentro de esta carpeta anterior crear otras dos, una llamada Descargas y otra Datos de mi curso de Moodle. Para simplificar este ejercicio solo se realiza la inclusión de los contenidos anteriores dentro del primer tema. 1. Una imagen descriptiva dentro del tema con texto de introducción El profesor Lucas Martínez busca en Internet una imagen del tipo Creative commons, relacionada con la electricidad, y que tiene que ver con los contenidos de su primer tema Introducción a la electricidad del curso Electricidad Básica (ejercicio 10 anterior, página 26). Esta imagen se descarga dentro de la carpeta Descargas que se localiza dentro de la carpeta de Curso de Moodle y en el pendrive o en el escritorio. Ahora abre el programa Gimp portable y modifica la imagen original tal y como se muestra aquí abajo, es decir, la convierte en una imagen cuadrada de 120 por 120 pixels y con tonalidad azul. IMAGEN ORIGINAL IMAGEN MODIFICADA CON GIMP Component electric.jpg Imagen de portada tema 1.jpg Una vez modificada la imagen con Gimp, ahora hay que colocarla dentro del primer tema: 28

2 a) El profesor Lucas Martínez se registra en la plataforma, entra en el curso de Electricidad básica y a continuación pulsa el botón de activar la edición. b) Ahora justo debajo y derecha del título del primer tema pulsar sobre el texto Añadir recurso. c) En la ventana que se abre, y en la parte inferior seleccionar Etiqueta. d) Se abre una ventana con un editor HTML, aquí pulsar sobre el icono de Insertar/agregar imagen. e) Ahora se abre una ventana y habrá que pulsar sobre el texto Buscar o cargar una imagen para subirla a la plataforma desde el disco duro. f) En la siguiente ventana pulsar sobre el botón Subir un archivo y Seleccionar archivo. Se abre una navegador a través del cual habrá que buscar y seleccionar la imagen a subir. Una vez seleccionada pulsar sobre el botón de Abrir y Subir este archivo. g) Se abre una ventana en donde hay que cubrir el recuadro de Descripción de la imagen, sirve a modo de descripción emergente o Tooltip. En este ejemplo se pone Introducción. h) Dentro de la ventana anterior ahora pulsar sobre la pestaña de Apariencia. Desde aquí se puede cambiar el tamaño de la imagen así como su comportamiento con respecto al texto. 29

3 Recuadro alineación: Derecha Dejar las medidas de 122 por 122 Espacio vertical: 0 Espacio horizontal: 2 Bordes: 2 i) Por último pulsar en el botón de Insertar. j) Se vuelve abrir el editor HTML, y ahora se puede incluir a la izquierda de la imagen un texto de descripción de este curso. k) Por último pulsar sobre el botón de Guardar cambios y regresar al curso. Aquí abajo se puede ver el resultado final. TRABAJO EN LA CLASE: Repetir el apartado anterior. Buscar una imagen para el primer tema de tu curso de Moodle. Después de encontrar la imagen atender a las explicaciones del profesor para modificar dicha imagen con Gimp. 30

4 2. Un indice de contenidos del tema y los contenidos dentro de páginas web Se trata de realizar un índice de los contenidos del tema y a continuación elaborar estos contenidos en páginas web y a través de Moodle. Por ejemplo, para el curso sobre Electricidad básica : CONTENIDOS Nociones básicas sobre electricidad Qué es la electricidad Corriente eléctrica y electrónica Para llevar a cabo esta tarea: 1. Activar la edición dentro del curso sobre Electricidad básica. 2. Pulsar sobre la flecha invertida de Agregar recurso y en el menú que aparece escoger Etiqueta. 3. Se abre la ventana de edición, aquí escribir en letras mayúsculas en negrita y subrayado CONTENIDOS. Una vez terminado pulsar sobre Guardar cambios y regresar al curso. 4. Ahora volver a seleccionar la flecha invertida de Agregar recurso pero ahora seleccionar Página. 5. Una vez abierto el editor, atender a las explicaciones del profesor para: 1. Colocar texto con un determinado formato 2. Colocar imágenes 3. Colocar un enlace 4. Colocar un vídeo de Youtube 31

5 En esta imagen se puede ver el contenido incluido dentro de está pagina una vez terminada la edición de la misma. Otro ejemplo de contenido dentro de una página web realizada en Moodle. 32

6 Volver a repetir el proceso anterior pero ahora para dos página más. Se muestra una imagen de como está quedando este parte del ejercicio. TRABAJO EN LA CLASE Repetir el apartado anterior, pero para tu curso. 1. Crear un índice de contenidos dentro del primer tema, mostrando al principio la palabra CONTENIDOS. 2. Crear tres páginas web que incluyen texto con formato, imágenes, hipervínculos a otras páginas web y vídeos de Youtube.Documentación en diferentes formatos. 3. Realizar una captura de pantalla como la mostrada aquí arriba, incluirla dentro de la carpeta Curso de Moodle y en Datos de mi curso de Moodle. 33

7 3. Documentación en diferentes formatos Es posible incluir dentro de un tema vatios tipos de documento con diferentes formatos, pdf, zip, doc, etc. Para incluir este tipo de ficheros, y para separarlo de los contenidos, antes es se coloca una etiqueta que muestre el texto DOCUMENTACIÓN ADJUNTA. 1. Entrar en el curso, en este caso Electricidad básica, y activar la edición. 2. Seleccionar dentro de Agregar recurso escoger Etiqueta. 3. Escribir el texto DOCUMENTACIÓN ADJUNTA. Después pulsar en Guardar y regresar al curso 4. Volver a repetir el punto anterior, pero ahora escoger Archivo dentro de Agregar recurso 5. En la ventana que se abre cubrir los siguientes campos 6. Al finalizar pulsar sobre Guardar cambios y regresar al curso. 34

8 7. Se vuelve a repetir el proceso, pero ahora con el fichero comprimido Simbologia Eléctrica Normalizada.zip Captura de pantalla del trabajo realizado hasta ahora dentro del tema 1. TRABAJO EN LA CLASE Repetir el apartado anterior, pero dentro de tu curso 1. Colocar el texto en negrita subrayado y en mayúsculas DOCUMENTACIÓN ADJUNTA 2. Subir un fichero en formato PDF con un título que refleje su contenido. 3. Subir un fichero en formato ZIP con un título que refleje su contenido. 4. Realizar una captura de pantalla como la mostrada aquí arriba y guardarla con el nombre Ficheros adjuntos.jpg. 35