Introducción de texto · ez Yáñez. Editores de Moodle 3.4 Página 2. Por ejemplo, nuevo mensaje...

18
Seminarios sobre la plataforma Moodle CV Campus Virtual de la UCM Adrián Camacho Pérez Luis Hernández Yáñez Facultad de Informática Universidad Complutense

Transcript of Introducción de texto · ez Yáñez. Editores de Moodle 3.4 Página 2. Por ejemplo, nuevo mensaje...

Page 1: Introducción de texto · ez Yáñez. Editores de Moodle 3.4 Página 2. Por ejemplo, nuevo mensaje en un foro… Editor. Muestra/oculta la segunda barra. Introducción de texto como

Seminarios sobre la plataforma Moodle

CV

Campus Virtual de la UCMAdrián Camacho PérezLuis Hernández Yáñez

Facultad de Informática

Universidad Complutense

Page 2: Introducción de texto · ez Yáñez. Editores de Moodle 3.4 Página 2. Por ejemplo, nuevo mensaje en un foro… Editor. Muestra/oculta la segunda barra. Introducción de texto como

Luis

Her

nán

dez

Yáñ

ez

Página 1Editores de Moodle 2.9

Generación de contenidos

Desde una sencilla frase a toda una composición multimedia

En nuestra plataforma están disponibles dos editores:

✓ HTML Atto (por defecto)

✓ TinyMCE HTML

(Se puede poner simplemente un editor de texto simple)

Código HTML que se inserta en las páginas

Para elegir el editor que se quiere usar:

Menú desplegable de usuario (arriba derecha)

Preferencias Configuración del editor

Page 3: Introducción de texto · ez Yáñez. Editores de Moodle 3.4 Página 2. Por ejemplo, nuevo mensaje en un foro… Editor. Muestra/oculta la segunda barra. Introducción de texto como

Luis

Her

nán

dez

Yáñ

ez

Página 2Editores de Moodle 3.4

Por ejemplo, nuevo mensaje en un foro…

Editor

Muestra/ocultala segunda barra

Introducción de textocomo en cualquier

otro editor

Page 4: Introducción de texto · ez Yáñez. Editores de Moodle 3.4 Página 2. Por ejemplo, nuevo mensaje en un foro… Editor. Muestra/oculta la segunda barra. Introducción de texto como

Luis

Her

nán

dez

Yáñ

ez

Página 3Editores de Moodle 3.4

Herramientas

Desplegables, interruptores y botones

Negrita

Cursiva

Viñ

etas

mer

os

Des

en

laza

r

Enla

ce Imagen

Multimedia

¡Accesibilidad!

Permite arrastrar archivos de imagendirectamente al área de edición

Page 5: Introducción de texto · ez Yáñez. Editores de Moodle 3.4 Página 2. Por ejemplo, nuevo mensaje en un foro… Editor. Muestra/oculta la segunda barra. Introducción de texto como

Luis

Her

nán

dez

Yáñ

ez

Página 4Editores de Moodle 3.4

Examinar repositorios

Vistas

Archivos locales, archivos privados, Google Drive

Tras identificarse se accede a Drive

Page 6: Introducción de texto · ez Yáñez. Editores de Moodle 3.4 Página 2. Por ejemplo, nuevo mensaje en un foro… Editor. Muestra/oculta la segunda barra. Introducción de texto como

Luis

Her

nán

dez

Yáñ

ez

Página 5Editores de Moodle 3.4

Barra de herramientas secundariaSu

bra

yad

o

Tach

ado

Sub

índ

ice

Sup

erín

dic

e

Alin

eaci

ón

a la

izq

uie

rda

Alin

eac

ión

al c

etro

Alin

eaci

ón

a la

der

ech

a

Párrafo

San

grar

a la

izq

uie

rda

San

grar

a la

de

rech

a

Edit

or

de

ecu

acio

nes

Inse

rtar

sím

bo

lo

Inse

rtar

tab

la

Qu

itar

fo

rmat

o

Des

hac

er

Reh

acer

Co

mp

rob

ació

n d

e a

cces

ibili

dad

Ayu

dan

te d

e le

cto

r d

e p

anta

lla

Edit

ar c

ód

igo

HTM

L

Page 7: Introducción de texto · ez Yáñez. Editores de Moodle 3.4 Página 2. Por ejemplo, nuevo mensaje en un foro… Editor. Muestra/oculta la segunda barra. Introducción de texto como

Luis

Her

nán

dez

Yáñ

ez

Página 6Editores de Moodle 3.4

Editor de ecuaciones

Se puede escribir directamente en LaTeX

Pulsar botones y escribir directamente otros elementos

Aquí se previsualiza la fórmula resultante

Page 8: Introducción de texto · ez Yáñez. Editores de Moodle 3.4 Página 2. Por ejemplo, nuevo mensaje en un foro… Editor. Muestra/oculta la segunda barra. Introducción de texto como

Luis

Her

nán

dez

Yáñ

ez

Página 7Editores de Moodle 3.4

Insertar carácter y crear tabla

Page 9: Introducción de texto · ez Yáñez. Editores de Moodle 3.4 Página 2. Por ejemplo, nuevo mensaje en un foro… Editor. Muestra/oculta la segunda barra. Introducción de texto como

Luis

Her

nán

dez

Yáñ

ez

Página 8Editores de Moodle 3.4

Accesibilidad

Comprobación de la accesibilidad del contenido generado

Requiere edición del código HTML

Page 10: Introducción de texto · ez Yáñez. Editores de Moodle 3.4 Página 2. Por ejemplo, nuevo mensaje en un foro… Editor. Muestra/oculta la segunda barra. Introducción de texto como

Luis

Her

nán

dez

Yáñ

ez

Página 9Editores de Moodle 3.4

Edición del código HTML Requiere conocer el lenguaje HTML

La edición del código HTMLpermite afinar el resultado finaly añadir algunas característicasque el editor no permite

HTML no es un lenguaje complicado

Page 11: Introducción de texto · ez Yáñez. Editores de Moodle 3.4 Página 2. Por ejemplo, nuevo mensaje en un foro… Editor. Muestra/oculta la segunda barra. Introducción de texto como

Luis

Her

nán

dez

Yáñ

ez

Página 10Editores de Moodle 3.4

Otro editor de Moodle Preferencias (menú desplegable de usuario)

Arrastra para redimensionarel área de ediciónMuestra/oculta

las otras barras

Page 12: Introducción de texto · ez Yáñez. Editores de Moodle 3.4 Página 2. Por ejemplo, nuevo mensaje en un foro… Editor. Muestra/oculta la segunda barra. Introducción de texto como

Luis

Her

nán

dez

Yáñ

ez

Página 11Editores de Moodle 3.4

Herramientas

Desplegables, interruptores y botones

Más estilos

Negrita

Cursiva

Viñ

etas

mer

os

Inse

rtar

/ed

itar

hip

erví

ncu

lo

Qu

itar

hip

erví

ncu

lo

Evit

ar v

íncu

los

auto

mát

ico

s

Inse

rtar

imag

en

Inse

rtar

em

oti

con

o

Inse

rtar

me

dio

Ge

stio

nar

arc

hiv

os

incr

ust

ado

s

Page 13: Introducción de texto · ez Yáñez. Editores de Moodle 3.4 Página 2. Por ejemplo, nuevo mensaje en un foro… Editor. Muestra/oculta la segunda barra. Introducción de texto como

Luis

Her

nán

dez

Yáñ

ez

Página 12Editores de Moodle 3.4

Hipervínculos

Usuariosavanzados

Page 14: Introducción de texto · ez Yáñez. Editores de Moodle 3.4 Página 2. Por ejemplo, nuevo mensaje en un foro… Editor. Muestra/oculta la segunda barra. Introducción de texto como

Luis

Her

nán

dez

Yáñ

ez

Página 13Editores de Moodle 3.4

Imágenes

Mismo selectorde archivos quecon HTML Atto

Page 15: Introducción de texto · ez Yáñez. Editores de Moodle 3.4 Página 2. Por ejemplo, nuevo mensaje en un foro… Editor. Muestra/oculta la segunda barra. Introducción de texto como

Luis

Her

nán

dez

Yáñ

ez

Página 14Editores de Moodle 3.4

Emoticonos y medios

Mismo selectorde archivos quecon HTML Atto

Page 16: Introducción de texto · ez Yáñez. Editores de Moodle 3.4 Página 2. Por ejemplo, nuevo mensaje en un foro… Editor. Muestra/oculta la segunda barra. Introducción de texto como

Luis

Her

nán

dez

Yáñ

ez

Página 15Editores de Moodle 3.4

Más barras de herramientas

Más colores

dig

o H

TML

Des

hac

er

Reh

acer

Sub

raya

do

Tach

ado

Sub

índ

ice

Sup

erín

dic

e

Izq

uie

rda

Cen

trad

o

Der

ech

a

Men

os

san

gría

Más

san

gría

Izd

a. a

dch

a.

Dch

a. a

izd

a.

Bu

scar

Ree

mp

laza

r

Esp

acio

&n

bsp

;

Car

ácte

r es

pe

cial

Inse

rtar

tab

la

Lim

pia

r có

dig

o

Lim

pia

r fo

rmat

o

Pega

r te

xto

pla

no

Pega

r d

esd

e W

ord

Pan

talla

co

mp

leta

Page 17: Introducción de texto · ez Yáñez. Editores de Moodle 3.4 Página 2. Por ejemplo, nuevo mensaje en un foro… Editor. Muestra/oculta la segunda barra. Introducción de texto como

Luis

Her

nán

dez

Yáñ

ez

Página 16Editores de Moodle 3.4

Más herramientas

Page 18: Introducción de texto · ez Yáñez. Editores de Moodle 3.4 Página 2. Por ejemplo, nuevo mensaje en un foro… Editor. Muestra/oculta la segunda barra. Introducción de texto como

Luis

Her

nán

dez

Yáñ

ez

Página 17Editores de Moodle 3.4

¿Cuál elegir?

Es cuestión de gustos

HTML Atto está más actualizado en Moodle 3.4

TinyMCE

Mayor gama de colores

Mayor número de estilos de párrafo

Más opciones para usuarios avanzados

HTML Atto

Permite arrastrar y soltar

Útil editor de ecuaciones

Opciones de accesibilidad