editor html en exelearning
DESCRIPTION
Documentos sobre el uso del editor HTML para textos, imágenes y videos.TRANSCRIPT
![Page 1: Editor html en eXelearning](https://reader036.vdocuments.mx/reader036/viewer/2022081421/5563fc56d8b42a0a288b5dbd/html5/thumbnails/1.jpg)
EDITOR HTMLDar formato al texto
Por Concepción Bedón
![Page 2: Editor html en eXelearning](https://reader036.vdocuments.mx/reader036/viewer/2022081421/5563fc56d8b42a0a288b5dbd/html5/thumbnails/2.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022081421/5563fc56d8b42a0a288b5dbd/html5/thumbnails/3.jpg)
![Page 4: Editor html en eXelearning](https://reader036.vdocuments.mx/reader036/viewer/2022081421/5563fc56d8b42a0a288b5dbd/html5/thumbnails/4.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022081421/5563fc56d8b42a0a288b5dbd/html5/thumbnails/5.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022081421/5563fc56d8b42a0a288b5dbd/html5/thumbnails/6.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022081421/5563fc56d8b42a0a288b5dbd/html5/thumbnails/7.jpg)
![Page 8: Editor html en eXelearning](https://reader036.vdocuments.mx/reader036/viewer/2022081421/5563fc56d8b42a0a288b5dbd/html5/thumbnails/8.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022081421/5563fc56d8b42a0a288b5dbd/html5/thumbnails/9.jpg)
EDITOR HTML- Segunda opción:
Este es el cuadro de texto
![Page 10: Editor html en eXelearning](https://reader036.vdocuments.mx/reader036/viewer/2022081421/5563fc56d8b42a0a288b5dbd/html5/thumbnails/10.jpg)
![Page 11: Editor html en eXelearning](https://reader036.vdocuments.mx/reader036/viewer/2022081421/5563fc56d8b42a0a288b5dbd/html5/thumbnails/11.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022081421/5563fc56d8b42a0a288b5dbd/html5/thumbnails/12.jpg)
EDITOR HTML- Tercera opción:
Este es el cuadro de texto
![Page 13: Editor html en eXelearning](https://reader036.vdocuments.mx/reader036/viewer/2022081421/5563fc56d8b42a0a288b5dbd/html5/thumbnails/13.jpg)
![Page 14: Editor html en eXelearning](https://reader036.vdocuments.mx/reader036/viewer/2022081421/5563fc56d8b42a0a288b5dbd/html5/thumbnails/14.jpg)
EDITOR HTMLInserción de imágenes
![Page 15: Editor html en eXelearning](https://reader036.vdocuments.mx/reader036/viewer/2022081421/5563fc56d8b42a0a288b5dbd/html5/thumbnails/15.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022081421/5563fc56d8b42a0a288b5dbd/html5/thumbnails/16.jpg)
El ícono de la imagen despliega el cuadro de diálogo.
![Page 17: Editor html en eXelearning](https://reader036.vdocuments.mx/reader036/viewer/2022081421/5563fc56d8b42a0a288b5dbd/html5/thumbnails/17.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022081421/5563fc56d8b42a0a288b5dbd/html5/thumbnails/18.jpg)
EDITOR HTMLInserción de audio y video
![Page 19: Editor html en eXelearning](https://reader036.vdocuments.mx/reader036/viewer/2022081421/5563fc56d8b42a0a288b5dbd/html5/thumbnails/19.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022081421/5563fc56d8b42a0a288b5dbd/html5/thumbnails/20.jpg)
![Page 21: Editor html en eXelearning](https://reader036.vdocuments.mx/reader036/viewer/2022081421/5563fc56d8b42a0a288b5dbd/html5/thumbnails/21.jpg)
EDITOR HTML
![Page 22: Editor html en eXelearning](https://reader036.vdocuments.mx/reader036/viewer/2022081421/5563fc56d8b42a0a288b5dbd/html5/thumbnails/22.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022081421/5563fc56d8b42a0a288b5dbd/html5/thumbnails/23.jpg)
EDITOR HTML
![Page 24: Editor html en eXelearning](https://reader036.vdocuments.mx/reader036/viewer/2022081421/5563fc56d8b42a0a288b5dbd/html5/thumbnails/24.jpg)
![Page 25: Editor html en eXelearning](https://reader036.vdocuments.mx/reader036/viewer/2022081421/5563fc56d8b42a0a288b5dbd/html5/thumbnails/25.jpg)
Presentación del video en la página principal.