iDevices de información textual

Para presentar contenidos o temas (incluidos imágenes, vídeos, contenidos multimedia...) tendremos los siguientes iDevices:

Texto libre: similar a como trabajamos con un editor de texto normal. Una vez publicado, se presenta al estudiante como la lectura de un texto.

Objetivos: para incluir los objetivos en una caja de texto destacado y con un icono que enfatiza el contenido mostrado.

Conocimiento previo: destinado a incluir los contenidos que el estudiante debe conocer para saber a cabo una actividad. También aparece como texto destacado y con un icono representativo.

Nota: destinado a incluir comentarios y anotaciones del autor. Este iDevice NO será visible en ninguno de los exportados.

¿Sabías qué?

TinyMCE es el editor de texto WYSIWYG para HTML de código abierto utilizado en eXeLearning.

A continuación te mostraremos las capacidades de edición que presenta:

Primera fila

En la primera fila encontraremos las herramientas necesarias para la edición de los textos.

Para saber más, muestra retroalimentación:

Retroalimentación

Podremos seleccionar palabras con el ratón y luego aplicarles el formato haciendo clic en el icono del editor o por el contrario, seleccionar el formato en el editor y escribir (se nos mantendrá el formato seleccionado).

Opciones:

Nuevo documento: nos permite dejar en blanco el documento, previa confirmación.

Corrector ortográfico: nos facilita detectar las palabras escritas de manera incorrecta. Para su correcto funcionamiento, deberemos tener instalado el corrector ortográfico/diccionario del navegador.

Negrita (Ctrl+B), cursiva (Ctrl+I) y subrayado (Ctrl+U).

Tachado: nos permite añadir una línea horizontal que atraviesa por su centro la palabra o palabras seleccionadas.

Alineación: nos permite la alineación de un párrafo a la izquierda, centrado, a la derecha o justificado.

Listas: nos facilita la creación de listas con viñetas (círculo, disco y cuadrado) y ordenadas (alfabeto y numérico).

Sangría: nos permite el desplazamiento de párrafos completos aumentando o disminuyendo la sangría.

Cita Cita: nos permite una vez seleccionado un párrafo, mostrarlos como una cita (hará, dependiendo del estilo, un efecto de sangrado a la derecha e izquierda).

Formato: Nos permite utilizar diferentes estilos en el proyecto. Si no se especifica el tamaño de la fuente, vendrá determinado por el estilo que se haya seleccionado.

Tamaño de la fuente. Si no se especifica el tamaño de la fuente, vendrá determinado por el estilo que se haya seleccionado.

Tipo de letra. Si no especificamos ninguno, se utilizará el tipo de letra del estilo seleccionado.

Color del texto o color de fondo. Pulsando sobre las pequeñas flechas a la derecha de los iconos, podemos seleccionar el color del texto o el color del fondo.

Subíndice y superíndice: nos permite insertar _subíndicesy ^{superíndices}.

Pantalla completa: nos permite cambiar el modo a pantalla completa

Vídeo:

Formateo de texto en iDevice. Pablo Bellafronte. Licencia YouTube estándar

Segunda fila

En esta fila nos encontraremos los elementos fundamentales para pegar texto desde documentos, introducir imágenes y elementos multimedia como vídeos, recursos tipo prezy, slideshare ... y todo aquello que permita ser compartido en la web.

Para saber más, muestra retroalimentación:

Retroalimentación

Su funcionamiento es similar al de cualquier procesador de textos. Permite copiar, pegar, insertar multimedia... seleccionando la opción adecuada.

Opciones:

deshacer hacer Nos permite deshacer (Ctrl + Z) o rehacer (Ctrl + Y) el último cambio realizado.

cortar Nos permite cortar (Ctrl + X) el texto seleccionado (que desaparece) para posteriormente pegarlo.

Nos permite copiar (Ctrl + C) el texto seleccionado en el portapapeles.

Nos permite pegar (Ctrl + V) del portapapeles el texto previamente copiado o cortado. Debemos tener en cuenta que en esta modalidad de pegado, copiaremos el código "basura" del documento original, lo que podrá darnos problemas posteriormente a la hora de modificar el formato o texto pegado. Para limpiar este código, seleccionaremos el texto y utilizaremos los botones de "limpiar formato" o "limpiar código basura".

IMPORTANTE: No se pegarán las imágenes copiadas utilizando la opción de pegado (Ctrl + V)

Pegar como texto plano. Esta modalidad de pegado es útil cuando copiamos (o cortamos) desde una página web y queremos pegar el texto pero NO los formatos y estilos de origen.

Pegar contenido desde aplicaciones externas, tipo LibreOffice, OpenOffice...

Buscar un texto.

Buscar/Reemplazar texto.

Permite embeber código HTML.

Si no se desea ver todo el código HTML, se pueden embeber elementos con el botón "Pegar fragmento de código HTML (código embebido)". Los pasos serán los siguientes:

Localizar, en páginas como Goear, Prezi, Slideshare, etc el objeto que se desea incluir.
Localizar la etiqueta "Insertar", "Compartir" o "Embed" que se encuentra junto al elemento.
Seleccionar y copiar el texto contenido (Ctrl+C).
Dentro de eXe, crear un iDevice y localizar el icono "Pegar fragmento de código HTML (código embebido)".
Aparecerá una ventana donde deberemos copiar el código (Ctrl + V).
Pulsar el botón "Insertar".

Incrustar contenidos 2.0. CeDeC. Licencia CC by.

Útil para pegar código como texto.

<iframe src="cuadernia_school_things/index.html" frameborder="0" 
height="600" scrolling="auto" width="800"></iframe>

Permite borrar el formato previamente aplicado a un texto (negrita, cursiva).

Al hacer clic en este botón, el sistema intentará limpiar el código HTML del texto incluido en el editor. Es habitual utilizarlo si has copiado el texto desde una fuente externa como el procesador de textos Word o Impress ya que en muchas ocasiones esta copia de texto puede añadir código innecesario que es posible suprimir sin problemas.

Permite la inclusión de elementos multimedia:

HTML5 vídeo: formatos ogg vídeo, WebM y mp4. Soportada según navegador.

HTML5 audio: formato ogg y mp3. Soportada según navegador.

Flash: formato FLV, SWF, MP3 mediante Flowplayer. En exportados HTML local, y por las restricciones de seguridad de Flash Player, habrá que dar los permisos necesarios.

Quicktime: formatos mov, mp4, mpeg. Será necesario tener instalados en el navegador los plugins correspondientes.

Windows Media: formatos wmv, wma. Será necesario tener instalados en el navegador los plugins correspondientes.

iFrame: ideal para introducir vídeos de YouTube o Vimeo aportando el enlace.

Permite insertar un ancla para acceder a otras partes de nuestro proyecto. Por ejemplo a los Objetivos. ÚNICAMENTE VÁLIDO PARA EXPORTADOS HTML

Permite enlazar una página Web (por ejemplo eXe Learning) o un fichero (artículo en pdf) que se podrá ver en la página actual o en una nueva página.

Rompe los enlaces creados.

Facilita la inserción de imágenes.

General: permite introducir una imagen mediante una URL o con el archivo de la misma y su previsualización. Por cuestiones de accesibilidad, será recomendable introducir la "Descripción de la imagen" y un "Título".

Apariencia: alineaciones, tamaños, espacio horizontal y vertical de la imagen...

Avanzado: opción de imagen alternativa al pasar por encima el ratón.

Permite insertar un separador, indicando el tamaño y grosor del mismo.

Permite insertar un símbolo, como símbolos de moneda (€, £), caracteres del alfabeto griego (γ, ζ), etc. Pero cuidado, este no es el modo más sencillo de introducir fórmulas (existe un editor de fórmulas incorporado en el editor) ni de escribir en alfabetos no latinos (es más sencillo cambiar el idioma de entrada del teclado).

Permite introducir fórmulas en LATEX. Una vez pulsado, aparece la siguiente ventana:

Esta opción permite la introducción de fórmulas sencillas, aunque faltan algunos símbolos.

Para escribir fórmulas más complejas, podemos introducir en el editor texto LaTeX (en el recuadro "input LaTeX source"). Para ver el resultado, debemos pulsar sobre "Preview".

Más información sobre Latex: Tutorial de fórmulas con LaTeX.

Tercera fila

En la última fila nos encontraremos las herramientas necesarias para la creación de tablas.

Para saber más, muestra retroalimentación:

Retroalimentación

El editor de eXe Learning facilita la utilización de tablas mediante los botones de su barra de herramientas.

Opciones:

Insertar una tabla nueva.

Cuando tengamos seleccionada una tabla, se activarán los siguientes iconos del editor:

Permite modificar las propiedades de la fila.

Permite modificar las propiedades de la celda.

Inserta una fila en la parte superior.

Inserta una fila en la parte inferior.

Borra una fila.

Inserta una columna a la izquierda.

Inserta una columna a la derecha.

Borra una columna.

Separa dos celdas que han sido unidas.

Une dos celdas.

Cuando se crea una nueva tabla aparecerá una ventana que permitirá su configuración:

Columnas: número de columnas de la tabla.

Filas: número de filas.

Cellpadding: espacio entre los contenidos de una celda y los bordes de la misma. Debe ser un número entero.

Cellspacing: espacio entre celdas contiguas. Debe ser un número entero.

Alinear: alineación de la tabla con respecto a la página (izquierda, centrada o a la derecha).

Borde: grosor del los bordes de las celdas. Si está a cero, no aparecerá borde.

Ancho: anchura de la tabla. Podemos indicar un número entero, o bien un porcentaje. En este último caso, se indica el porcentaje que ocupará la tabla con respecto al ancho de la página.

Alto: altura de la tabla.