editor html en exelearning

25
EDITOR HTML Dar formato al texto Por Concepción Bedón

Upload: spacexxi

Post on 26-May-2015

282 views

Category:

Education


0 download

DESCRIPTION

Documentos sobre el uso del editor HTML para textos, imágenes y videos.

TRANSCRIPT

Page 1: Editor html en eXelearning

EDITOR HTMLDar formato al texto

Por Concepción Bedón

Page 2: Editor html en eXelearning

EDITOR HTMLEl editor HTML está disponible en todos las herramientas de edición (Panel iDevices) de eXe Learning y permite:- Dar formato al texto.- Insertar elementos multimedia como

imágenes, vídeos y animaciones.- Representar expresiones matemáticas,

gracias a un teclado virtual de símbolos.- Crear tablas e insertar caracteres

especiales.

Page 3: Editor html en eXelearning
Page 4: Editor html en eXelearning

EDITOR HTML- El editor de eXe ofrece funciones fundamentales para

dar formato al texto. - En muchas ocasiones, los textos que queremos utilizar

están ya escritos o sencillamente preferimos usar un procesador al que estamos más habituados. Para ello usaremos los botones del editor destacados en la siguiente imagen.

Page 5: Editor html en eXelearning

EDITOR HTML- Aunque en el momento de editar la página no se

advierta, cuando se copia un fragmento de Word y lo pegamos en un editor HTML (como el de eXe, Moodle...), se está pegando un código de Word incompatible.

- Muchas veces no pasa nada, pero puede ocurrir que nosotros no veamos el problema originado y otros usuarios sí; por eso, aunque se tenga que tomar un momento para volver a dar formato al texto que se ha pegado, se recomienda la segunda y la tercera opción.

Page 6: Editor html en eXelearning

EDITOR HTML- Primera opción:

- Se copia el texto de word y cuando se pega en el editor de texto de eXelearning, pasa esto:

Copia textual, similar al word

Page 7: Editor html en eXelearning
Page 8: Editor html en eXelearning

EDITOR HTML- Segunda opción:

- Se copia el texto de word y cuando se pega en el editor de texto de eXelearning, pasa esto:

Copia textual que no mantiene el formato original

Page 9: Editor html en eXelearning

EDITOR HTML- Segunda opción:

Este es el cuadro de texto

Page 10: Editor html en eXelearning
Page 11: Editor html en eXelearning

EDITOR HTML- Tercera opción:

- Se copia el texto de word y cuando se pega en el editor de texto de eXelearning, pasa esto:

Copia textual que mantiene el formato original.

Page 12: Editor html en eXelearning

EDITOR HTML- Tercera opción:

Este es el cuadro de texto

Page 13: Editor html en eXelearning
Page 14: Editor html en eXelearning

EDITOR HTMLInserción de imágenes

Page 15: Editor html en eXelearning

EDITOR HTML- El editor HTML permite insertar imágenes en el texto de

forma intuitiva y sencilla. - A través del cuadro de diálogo se puede insertar una

imagen. - La imagen detecta automáticamente las dimensiones y

permite cambiarlas sin deformar la imagen. - Ofrece varias opciones de justificación y márgenes que

pueden visualizarse antes de elegir.- Los formatos de imagen aceptados por eXe

son GIF (.gif), JPG (.jpg y .jpeg) y PNG (.png).

Page 16: Editor html en eXelearning

El ícono de la imagen despliega el cuadro de diálogo.

Page 17: Editor html en eXelearning

EDITOR HTML- Nota: Si se quiere situar una imagen centrada y no

rodeada de texto es preferible no utilizar el cuadro de diálogo mostrada anteriormente y utilizar la opción del editor para centrar el texto.

Page 18: Editor html en eXelearning

EDITOR HTMLInserción de audio y video

Page 19: Editor html en eXelearning

EDITOR HTML- El editor HTML permite insertar videos.- Se debe distinguir entre dos grupos:

- Las cuatro primeras opciones: Flash, Quicktime, Windows Media y Real Audio. (El usuario debe tener instaladas estas aplicaciones).

- El segundo grupo: MP3 con XSPF Player y FLV.

Page 20: Editor html en eXelearning
Page 21: Editor html en eXelearning

EDITOR HTML

Page 22: Editor html en eXelearning

EDITOR HTML

- Se selecciona la opción de Windows media con extensión wmv.- Exe crea una ruta provisional para mostrarla previsualización.

Page 23: Editor html en eXelearning

EDITOR HTML

Page 24: Editor html en eXelearning
Page 25: Editor html en eXelearning

Presentación del video en la página principal.