MANUAL DEL EDITOR HTML DE MOODLE

En muchas de las actividades y recursos de Moodle se muestra una ventana similar a la que se ve en la siguiente imagen:

Se trata de un editor html cuya interfaz grfica es semejante a la de un procesador de palabras y el cual es de gran ayuda para la edicin de Recursos y Actividades. El manejo de este lo explicaremos en detalle a continuacin:

Editor HTML: Editar propiedades de texto:

Al igual que en un procesador de palabras el editor nos permite cambiar el tipo de letra, el tamao de esta, ponerla en negrita, cursiva, subrayada y/o tachada. Subndice Superndice: Permite incluir, de manera sencilla, niveles de medidas y

nmeros elevados a determinada potencia. Limpiar Word html: Esta opcin permite limpiar la informacin que ha sido copiada desde

Word. Hay muchas etiquetas html de Word que son incompatibles con los editores html. Se puede copiar de Word y pegar el texto en el editor Moodle, pero luego se debe pulsar este botn. El

texto perder todo el formato (esa es la idea), pero el documento quedar limpio. Luego se pueden ajustar las fuentes, los subrayados, y en general todo el formato, usando el editor Moodle. Deshacer Rehacer: efectuadas. Opciones de prrafo: Seleccionando el texto podemos justificarlo a la derecha, Esta opcin permite deshacer y/o rehacer las ltimas acciones

centro, izquierda o completo, de acuerdo al diseo que deseemos. Numeracin Vietas: con vietas. Disminuir sangra Aumentar sangra: su sangra o disminuyndola. Color: Estos botones nos permiten cambiar el color del texto o resaltarlo. Con esta opcin podemos insertar lneas en el documento. Esta opcin permite tabular el texto aumentando Permite ordenar los contenidos en listas numeradas, o en listas

Lnea horizontal: Anclar:

Un ancla es un enlace dentro de una misma pgina. Para crearse debe seleccionarse

un texto o una imagen, dar clic en este botn y dar un nombre al Ancla. Esta quedar disponible para ser enlazada desde cualquier parte de la pgina dado clic en la opcin Insertar enlace .

Fig. Crear Ancla

Insertar enlaces:

Para usar esta opcin primero seleccione el texto o la imagen que desee

enlazar, oprima el botn Insertar enlaces, escriba la direccin de destino la cual puede ser externa (una pgina o un archivo web), interna (dentro de los archivos del curso) o un Ancla creada previamente. Tambin nos permite definir el destino del enlace creado: en la misma ventana o en una nueva. Al presionar este botn se abrir una ventana como la que se muestra a continuacin:

Fig. Insertar vnculo Insertar imgenes: Permite buscar la imagen que se desea insertar. Se pueden poner

imgenes que se encuentran en Internet, en los archivos que han sido subidos al curso, o en uno de los discos del PC. Tambin permite definir el tamao de la imagen antes de subirla. Se debe dar un nombre a la imagen y luego presionar "OK". Al dar clic en esta opcin se muestra la siguiente ventana.

Fig. insertar imagen Insertar tablas: Con solo oprimir el botn puede crear tablas a fin de organizar el diseo de su

recurso o actividad. Al dar clic se abre una ventana como la siguiente en la cual debemos dar las especificaciones de la tabla: nmero de filas, nmero de columnas, el ancho y alineacin de esta. Si es necesario definir propiedades de tabla ms avanzadas se puede dar clic al botn Agrandar editor (el cual explicamos ms adelante), este nos abre una ventana que brinda mayores opciones para modificar las tablas. La siguiente imagen nos muestra como se ve en pantalla.

Insertar emoticonos (Smile) automticamente.)

: Para poner estos pequeos iconos en el texto oprima este botn y

elija el que desee. (Tambin puede colocar el cdigo correspondiente y el emoticono aparecer

Fig. Emoticones Insertar caracteres especiales teclado. Al dar clic en esta opcin veremos una ventana como la

siguiente, con la cual podremos insertar caracteres que probablemente no se encuentran en el

Fig. Caraceres especiales Tabulacin html Permite editar directamente con cdigo html. Para hacerlo debemos

conocer este lenguaje previamente. Agrandar el editor: trabajo con tablas. Al dar clic en esta opcin se nos abrir una ventana como la siguiente en

la cual podremos editar en un espacio ms amplio y veremos las opciones avanzadas para el

RECOMENDACIONES PARA EL USO DEL EDITOR HTML DE MOODLE Word es un gran procesador de palabras con el cual la mayora est familiarizado, pero puede presentar grandes inconvenientes cuando un documento que hayamos trabajado en l lo copiamos y pegamos en el editor de Moodle. Word, y en general todos los programas de Office, trabajan con un cdigo html propio de Microsoft que no corresponde con el estndar de la Web, que al ser pegado en un editor html como el de Moodle genera problemas de incompatibilidad que dificultan el proceso de edicin, al arrastrar con el texto cdigo innecesario para la Web.

Fig. Cdigo deun texto copiado en Word y pegado en Moodle Por esto se recomienda editar el texto en el editor de Moodle o en programas que generen cdigo html estndar como: Word Pad, Front Page, Macromedia Dreamweaver o algn editor html; programas diseados especialmente para la tecnologa Web. En caso de copiar un texto desde Word no olvide activar el botn de Limpiar Word html (Ver explicacin de este botn en la parte superior de este documento), el cual elimina el formato del texto y el cdigo innecesario, evitando posible inconvenientes durante el proceso de edicin. En la siguiente imagen podemos ver el resultado.

Fig. Resultado al activar el botn Limpiar word html a un texto copiado en Word y pegado en Moodle Recomendaciones:

No incluir signos de interrogacin ? como parte de un enlace. Eso puede crear confusin. Para la edicin se debe tener en el PC Internet Explorer 6, pues el editor HTML de Moodle no funciona con versiones inferiores. Los estudiantes pueden usar cualquier navegador para acceder a la plataforma. Fig. Insertar tabla

Eliminar vnculo:

Permite eliminar enlaces que han sido creados con anterioridad. Para

usarlo se debe seleccionar el vnculo y dar clic en este botn.