Editor
Descripción y análisis de funcionalidad
del editor visual de Moodle
Sigue el recorrido de estas transparencias con ...
Editor HTML
• Las áreas donde se introduce texto suelen
tener un editor HTML
• WYSIWIG: lo que ves es lo que obtienes
• Es...
Navegadores y editor
• Este editor se despliega en un navegador
Web
• Normalmente no planteará ninguna
dificultad con los ...
Detalle de la “Interface” del editor
Tipo de
fuente
Tamaño de
fuente
Estilo
Formato de texto
Colores de fuente y
fondo
Lis...
Elementos concretos: insertar tabla
Cuando pulsas sobre el
icono de insertar tabla
esta ventana que se
muestra para insert...
Editor con la barra de botones para las
tablas. Y ventana de propiedades de tabla
Elementos concretos: insertar
imagen
Ventana que nos
mostrará al pulsar
sobre el icono de
insertar imagen.
Lo más cómodo e...
Elementos concretos: subir imagen
El proceso para subir
una imagen es sencillo,
una vez desplegada
esta ventana, pulsamos
...
Elementos concretos: subir imagen
En este ejemplo hemos
subido una imagen que
se llama
“busqueda.png” y que
también se
pre...
Elementos concretos: subir imagen
Aquí puedes
modificar los
valores
predefinidos de la
imagen que se
toman por defecto,
ta...
Practica
• Prueba a subir una imagen cualquiera
como parte de un texto de un foro a tu
curso
Elementos concretos: insertar un
hiperenlace
• Podemos seleccionar un texto y vincular
un enlace a ese texto
• El icono de...
Elementos concretos: insertar un
hiperenlace
Debemos poner la dirección
(URL) a donde queremos que
nos dirija al pulsar en...
Elementos concretos: insertar un
hiperenlace
Pulsando en el botón buscar…
se muestra la ventana
adyacente (gestor de fiche...
Elementos concretos: insertar una
línea horizontal
Pulsando sobre este icono
sencillamente inserta una línea
horizontal
Elementos concretos: editar HTML
Pulsando sobre este icono nos
muestra la edición en HTML,
volviendo a pulsar volvemos al
...
Elementos concretos: caracteres
especiales
Pulsando sobre
este icono nos
muestra esta
ventana con
una serie de
caracteres
...
Elementos concretos: emoticonos
No creo que
necesiten
explicación,
pero no olvides
que en
conversaciones
mediadas por
orde...
Elementos concretos: limpiar
formato de Word
El mismo texto, la misma
imagen, antes y después de
pulsar el botón limpiar w...
Elementos concretos: los colores
Los dos botones nos permiten
establecer el color del texto o
el color del fondo. Se
despl...
Elementos concretos: cambiar
dirección del texto
Permiten voltear el texto y
cambiar el ajuste del texto
a la derecha
Reflexión
• Es una herramienta muy sencilla y que evidentemente
se acaba usando con profusión.
• Hemos hecho un repaso de ...
Método para trabajar con estas transparencias:
debes seguir una lectura secuencial de las transparencias
salvo que se indi...
Upcoming SlideShare
Loading in...5
×

Dando vida-evas

81

Published on

Vida

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
81
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Dando vida-evas

  1. 1. Editor Descripción y análisis de funcionalidad del editor visual de Moodle Sigue el recorrido de estas transparencias con el editor HTML de Moodle a la vista
  2. 2. Editor HTML • Las áreas donde se introduce texto suelen tener un editor HTML • WYSIWIG: lo que ves es lo que obtienes • Es muy similar a los procesadores de texto ofimáticos, pero lo que hace es crear texto en HTML sin necesidad de tener conocimientos al respecto
  3. 3. Navegadores y editor • Este editor se despliega en un navegador Web • Normalmente no planteará ninguna dificultad con los navegadores más habituales y actuales, IE, Firefox.
  4. 4. Detalle de la “Interface” del editor Tipo de fuente Tamaño de fuente Estilo Formato de texto Colores de fuente y fondo Listas y sangrías Alineación de texto Elementos varios: insertar línea horizontal, anclajes, enlaces, imágenes, emoticonos, tablas, caracteres especiales, buscar y reemplazar Hacer y rehacer Agrandar el editor. También aparecen una serie de iconos concretos para trabajar con tablas Editar en HTML Copiar, cortar, pegar, limpiar html de Word Sub y supraíndices
  5. 5. Elementos concretos: insertar tabla Cuando pulsas sobre el icono de insertar tabla esta ventana que se muestra para insertar tabla no necesita mucha explicación. Y aparece cuando pulsas el icono del editor que mostramos en el título de esta transparencia. Al pulsar sobre este icono se mostrará la barra de iconos para trabajar con las tablas
  6. 6. Editor con la barra de botones para las tablas. Y ventana de propiedades de tabla
  7. 7. Elementos concretos: insertar imagen Ventana que nos mostrará al pulsar sobre el icono de insertar imagen. Lo más cómodo es subir la imagen a la plataforma. ¿Se te ocurre alguna otra forma de mostrar la imagen? Inténtalo
  8. 8. Elementos concretos: subir imagen El proceso para subir una imagen es sencillo, una vez desplegada esta ventana, pulsamos en examinar y buscamos en nuestro PC la imagen. La seleccionamos y, una vez que aparezca en la ventana la dirección donde está la imagen, pulsamos en el botón subir
  9. 9. Elementos concretos: subir imagen En este ejemplo hemos subido una imagen que se llama “busqueda.png” y que también se previsualiza. Seguidamente la seleccionamos (doble pulsación con el ratón) y aparece su URL, donde se va a buscar la imagen para poder visualizarla. Rellenamos el texto alterno, pulsamos OK y ya está
  10. 10. Elementos concretos: subir imagen Aquí puedes modificar los valores predefinidos de la imagen que se toman por defecto, tamaño, alineación..
  11. 11. Practica • Prueba a subir una imagen cualquiera como parte de un texto de un foro a tu curso
  12. 12. Elementos concretos: insertar un hiperenlace • Podemos seleccionar un texto y vincular un enlace a ese texto • El icono del editor a pulsar es • Al pulsarlo nos mostrará la siguiente ventana
  13. 13. Elementos concretos: insertar un hiperenlace Debemos poner la dirección (URL) a donde queremos que nos dirija al pulsar en el texto seleccionado “bajo” el que se encontrará el enlace que insertemos. En el título ponemos el texto que queremos que aparezca al pasar el ratón sobre el texto seleccionado. En destino seleccionamos el modo como queremos que se nos muestre.
  14. 14. Elementos concretos: insertar un hiperenlace Pulsando en el botón buscar… se muestra la ventana adyacente (gestor de ficheros de Moodle) lo que te permitirá establecer enlaces dentro del propio sitio-directorio (dentro de Moodle)
  15. 15. Elementos concretos: insertar una línea horizontal Pulsando sobre este icono sencillamente inserta una línea horizontal
  16. 16. Elementos concretos: editar HTML Pulsando sobre este icono nos muestra la edición en HTML, volviendo a pulsar volvemos al modo “normal”. Esto te permite editarlo manualmente
  17. 17. Elementos concretos: caracteres especiales Pulsando sobre este icono nos muestra esta ventana con una serie de caracteres “especiales”, los que estas usando en el navegador
  18. 18. Elementos concretos: emoticonos No creo que necesiten explicación, pero no olvides que en conversaciones mediadas por ordenador pueden ser un elemento comunicativo de primer orden aclarando párrafos ambiguos
  19. 19. Elementos concretos: limpiar formato de Word El mismo texto, la misma imagen, antes y después de pulsar el botón limpiar word HTML. Usar la opción de copiar y pegar. Un documento generado por un procesador de texto (Write, Word, etc.) puede tener código HTML muy particular, es recomendable limpiar el código con la opción de la barra de herramientas para ajustarnos al estándar (W3C). Y después darle el formato que deseemos si algo ha cambiado.
  20. 20. Elementos concretos: los colores Los dos botones nos permiten establecer el color del texto o el color del fondo. Se despliega una ventana con una paleta de colores. Además de visualmente los colores los presenta en código html: #330000
  21. 21. Elementos concretos: cambiar dirección del texto Permiten voltear el texto y cambiar el ajuste del texto a la derecha
  22. 22. Reflexión • Es una herramienta muy sencilla y que evidentemente se acaba usando con profusión. • Hemos hecho un repaso de los iconos y usos que consideramos más esenciales. • Aun suponiendo que no hubieras usado nunca un procesador de texto tardarías bien poco en utilizar adecuadamente la funciones que no hemos detallado por obvias o supuestamente conocidas. • Alguna función como el corrector ortográfico pueden no estar disponibles si el administrador no lo ha instalado. • Si necesitas más ayuda la puedes encontrar aquí y aunque un poco obsoleto también aquí
  23. 23. Método para trabajar con estas transparencias: debes seguir una lectura secuencial de las transparencias salvo que se indique (ejecute) lo contrario o se muestre un enlace a seguir (texto en azul) que sea de tu interés. Es importante que según vayas realizando la lectura compruebes en tu propio curso cada una de las “situaciones” descritas en las transparencias, ejecútalas si es posible. (trabaja con dos ventanas abiertas simultáneamente, tu navegador y el ppt). Es posible que cada cierto tiempo se te pida que realices un ejercicio concreto, que aunque no es objeto de control es recomendable seguir pues ayudará en tu aprendizaje. Si tienes alguna duda que te impide seguir, y no puede esperar su resolución por un método asincrónico, no dudes en contactar mediante Skype o similar.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×