cómo manejar el editor html de...

16
¿Cómo manejar el editor HTML de Moodle? El editor HTML nos permite agregar textos, imágenes, videos y audios, entre otras posibilidades. Cada vez que entramos a alguno de los recursos para Agregar una actividad o un recurso, aparece el editor HTML: Algunas de las opciones del editor son muy conocidas y sirven para darle formato al texto. A continuación veremos los íconos más importantes. Fuente: se utiliza para elegir el tipo de letra que queremos para nuestro texto.

Upload: vonga

Post on 26-Jun-2018

230 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Cómo manejar el editor HTML de Moodle?ingenieria2.udea.edu.co/multimedia-static/aemtic/unidad_4/... · podemos usar videos de sitios web externos tales como Youtube. ! • Para subir

 

¿Cómo manejar e l ed i tor HTML de Moodle? El editor HTML nos permite agregar textos, imágenes, videos y audios, entre otras posibilidades. Cada vez que entramos a alguno de los recursos para Agregar una actividad o un recurso, aparece el editor HTML:

Algunas de las opciones del editor son muy conocidas y sirven para darle formato al texto. A continuación veremos los íconos más importantes.

• Fuente: se utiliza para elegir el tipo de letra que queremos para nuestro texto.

Page 2: Cómo manejar el editor HTML de Moodle?ingenieria2.udea.edu.co/multimedia-static/aemtic/unidad_4/... · podemos usar videos de sitios web externos tales como Youtube. ! • Para subir

 

• Tamaño de fuente: permite determinar el tamaño de la letra.

• Otras opciones, tales como ‘negrita’, ‘cursiva’, ‘subrayar’ y ‘tachar’, sirven para variar

el aspecto del texto según lo que necesitemos resaltar o enfatizar.

• Alineación: con esta opción se puede elegir la alineación del texto, es decir, ‘izquierda’, ‘centrada’ y ‘derecha’.

Page 3: Cómo manejar el editor HTML de Moodle?ingenieria2.udea.edu.co/multimedia-static/aemtic/unidad_4/... · podemos usar videos de sitios web externos tales como Youtube. ! • Para subir

 

• Lista ordenada: se utiliza para enumerar los elementos de una lista.

• Lista con viñetas: permite crear viñetas para diferenciar los elementos de una lista.

Page 4: Cómo manejar el editor HTML de Moodle?ingenieria2.udea.edu.co/multimedia-static/aemtic/unidad_4/... · podemos usar videos de sitios web externos tales como Youtube. ! • Para subir

 

• Sangría: sirve para aumentar o reducir el nivel de sangría del párrafo.

• Color de fuente: permite elegir el color del texto.

• Color de fondo: se utiliza para cambiar el aspecto del texto como si estuviera resaltado con un marcador.

Page 5: Cómo manejar el editor HTML de Moodle?ingenieria2.udea.edu.co/multimedia-static/aemtic/unidad_4/... · podemos usar videos de sitios web externos tales como Youtube. ! • Para subir

 

• Insertar enlace: se usa para agregar un enlace. Primero escribimos el texto que queremos enlazar, luego lo seleccionamos y hacemos clic en el ícono Insertar/Editar hipervínculo:

o Se abrirá una ventana en la que escribiremos la URL del hipervínculo, o bien

hacemos clic en el icono Examinar para elegir el archivo que queremos enlazar.

Page 6: Cómo manejar el editor HTML de Moodle?ingenieria2.udea.edu.co/multimedia-static/aemtic/unidad_4/... · podemos usar videos de sitios web externos tales como Youtube. ! • Para subir

 

o Después hacemos clic en el botón Seleccionar este archivo.

o Elegimos el Destino, que puede ser “Abrir en ventana nueva“, y finalizamos el enlace haciendo clic en Insertar.

Page 7: Cómo manejar el editor HTML de Moodle?ingenieria2.udea.edu.co/multimedia-static/aemtic/unidad_4/... · podemos usar videos de sitios web externos tales como Youtube. ! • Para subir

 

• Eliminar vínculo: se utiliza para eliminar los enlaces y vínculos del párrafo que

hayan sido seleccionados.

Page 8: Cómo manejar el editor HTML de Moodle?ingenieria2.udea.edu.co/multimedia-static/aemtic/unidad_4/... · podemos usar videos de sitios web externos tales como Youtube. ! • Para subir

 

• Insertar imagen: esta opción permite agregar imágenes que estén guardadas en el curso, que se encuentren en nuestro PC o desde Internet.

• Para agregar una imagen hacemos clic en Insertar/Editar imagen. Si vamos a

agregar la imagen desde el curso o desde una carpeta, hacemos clic en Buscar o cargar una imagen, elegimos Archivos locales o Seleccionar archivo, hacemos clic en el botón Seleccionar este archivo y luego clic en el botón Insertar

Page 9: Cómo manejar el editor HTML de Moodle?ingenieria2.udea.edu.co/multimedia-static/aemtic/unidad_4/... · podemos usar videos de sitios web externos tales como Youtube. ! • Para subir

 

• Si vamos a insertar una imagen desde Internet, la buscamos allí, la localizamos haciendo clic derecho en el botón del mouse y escogemos la opción Copiar URL de imagen (esto se hace para Firefox y Chrome; en Explorer hay que ver las propiedades para encontrar la ruta de la imagen). Una vez tengamos la URL le damos “pegar” en el campo URL de la imagen, y si necesitamos ajustar el tamaño u otras opciones de alineación hacemos clic en Apariencia. Una vez se tenga en orden la imagen, hacemos clic en Actualizar.

Page 10: Cómo manejar el editor HTML de Moodle?ingenieria2.udea.edu.co/multimedia-static/aemtic/unidad_4/... · podemos usar videos de sitios web externos tales como Youtube. ! • Para subir

 

• Insertar Media Moodle o Embebido. El contenido embebido generalmente es de tipo media: una imagen, una película, una aplicación Flash, etc. Para iniciar hacemos clic en Insertar Media Moodle y luego en Buscar o cargar un audio, video o applet. Podemos seleccionar un archivo de los existentes en la plataforma, ya sea en cualquier curso (archivos locales) o en nuestro espacio personal de almacenamiento (archivos privados), o subir un archivo en ese momento. También podemos usar videos de sitios web externos tales como Youtube.

Page 11: Cómo manejar el editor HTML de Moodle?ingenieria2.udea.edu.co/multimedia-static/aemtic/unidad_4/... · podemos usar videos de sitios web externos tales como Youtube. ! • Para subir

 

• Para subir un video desde YouTube hacemos clic en el enlace Videos YouTube de la columna de la izquierda y luego escribimos una palabra o frase en el campo Buscar videos. En el menú Ordenar por seleccionamos después un criterio de búsqueda y hacemos clic en Buscar, escogemos el video que necesitamos y hacemos clic en Insertar.

Page 12: Cómo manejar el editor HTML de Moodle?ingenieria2.udea.edu.co/multimedia-static/aemtic/unidad_4/... · podemos usar videos de sitios web externos tales como Youtube. ! • Para subir

 

• Insertar tabla: permite insertar una tabla en el espacio de trabajo. Para insertar una tabla hacemos clic en Insertar/Editar tabla y luego especificamos los parámetros de la tabla que queremos construir, como “Número de columnas”, “Número de filas”, “Espaciado de celda”, “Alineación”, “Borde”, “Ancho” y “Alto”, entre otros. Para finalizar, hacemos clic en Insertar.

• Insertar DragMath: esta opción permite poner ecuaciones en el área de trabajo. Se puede ingresar todo tipo de ecuaciones, como sumatorias, integrales y derivadas; si esta opción no aparece habilitada, debemos solicitársela al administrador.

Page 13: Cómo manejar el editor HTML de Moodle?ingenieria2.udea.edu.co/multimedia-static/aemtic/unidad_4/... · podemos usar videos de sitios web externos tales como Youtube. ! • Para subir

 

• Insertar caracteres especiales: sirve para poner símbolos especiales en el espacio del editor HTML. Para insertarlos hacemos clic en Insertar carácter/Insertar caracteres especiales y luego seleccionamos el carácter que necesitamos.

• Buscar y reemplazar: utilizamos esta opción cuando queremos cambiar una palabra o una frase del texto por otra. En ‘Qué buscar’ escribimos la palabra del texto que queremos quitar, y en ‘Reemplazar por’ escribimos la nueva palabra.

Page 14: Cómo manejar el editor HTML de Moodle?ingenieria2.udea.edu.co/multimedia-static/aemtic/unidad_4/... · podemos usar videos de sitios web externos tales como Youtube. ! • Para subir

 

• Pegar como texto plano: esta opción permite pegar sin formato la información de Word u otro editor, es decir, pegar el texto y borrar el formato. Para ello hacemos clic en Pegar como texto plano.

• Copiar desde Word: debemos usar esta herramienta del editor HTML para copiar y

pegar documentos Word; si no se utiliza, pegaremos caracteres raros e incompatibles con los navegadores actuales, lo cual hará que no se visualice correctamente el texto. Para copiar y pegar de Word hacemos clic en Pegar desde Word. Nos aparece entonces una ventana en la que podemos pegar directamente el texto copiado desde Word (utilizando el teclado Ctrl+V) y luego hacemos clic en Insertar.

Page 15: Cómo manejar el editor HTML de Moodle?ingenieria2.udea.edu.co/multimedia-static/aemtic/unidad_4/... · podemos usar videos de sitios web externos tales como Youtube. ! • Para subir

 

• Editar código HTML: esta opción pone en modo texto el editor HTML. Este modo permite ver el código HTML correspondiente a lo que hemos ingresado y además podemos modificarlo manualmente.

Page 16: Cómo manejar el editor HTML de Moodle?ingenieria2.udea.edu.co/multimedia-static/aemtic/unidad_4/... · podemos usar videos de sitios web externos tales como Youtube. ! • Para subir

 

• Cambiar a modo pantalla completa: sirve para poner el editor de texto en una página completa.