Recomendaciones Sobre Etiquetas y Páginas

Tamaño: px

Comenzar la demostración a partir de la página:

Download "Recomendaciones Sobre Etiquetas y Páginas"

Celia Muñoz Domínguez
hace 7 años
Vistas:

1 Recomendaciones Sobre Etiquetas y Páginas Índice Etiquetas. pág Atto, Nuevo Editor de Texto. pág Herramientas del Editor pág 4 4 Hipervinculos. pág 7 5 Imágenes. pág 9 6 Video. pág Material elaborado por la Unidad de Enseñanza de la Facultad de Ingeniería de la Universidad de la República. Tutorial Etiquetas y Páginas Moodle.8 by Luciana Canuti, Clara Raimondi, Manuel Serra is licensed under a Creative Commons Reconocimiento-NoComercial-CompartirIgual 4.0 Internacional License. Material base:

pág Material elaborado por la Unidad de Enseñanza de la Facultad de Ingeniería de la Universidad de la República.

2 . Etiquetas y Páginas El recurso Etiqueta permite colocar texto e imágenes entre otras actividades en la página central de un curso. Haciendo un buen uso de ellas podemos mejorar la apariencia del curso. El recurso Página permite crear una página web desde el editor de texto y utilizar recursos multimedia.. Con el rol profesor ir a la Página Principal del curso.. Si la edición está desactivada pulsar en Activar edición ().. Decidir en qué tema o sección deseamos agregar la etiqueta. 4. Hacer clic en Añadir una actividad o un recurso () y después en Etiqueta () o Página (4). 4

El recurso Página permite crear una página web desde el editor de texto y utilizar recursos multimedia.

3 . Atto, Nuevo Editor de Texto: En Moodle.6 y anteriores, TinyMCE era el editor de texto por defecto, pero a partir de Moodle.8, el editor de texto HTML por defecto es Atto, un editor JavaScript hecho específicamente para Moodle, aunque también coexisten el antiguo Editor TinyMCE y un editor de texto plano (texto simple). Puede seleccionar el editor de texto en su perfil desde Administración () > Ajustes de mi perfil () > Editar perfil (). En la opción Editor de texto (4). 4

8, el editor de texto HTML por defecto es Atto, un editor JavaScript hecho específicamente para Moodle, aunque también

4 .Herramientas del Editor Al acceder a Atto encontramos la barra de herramientas colapasada. Para expandirla pulse sobre Expandir () Expander () Estilo () Negritas () Cursivas (4) Lista con viñetas (5) Lista numerada (6) Añadir enlace (7) Desenlazar (8) Añadir imagen (9) Añadir medio (0) Gestionar archivos incrustados () Para expandirla pulse sobre Expandir () y podrá ver la segunda fila Subrayar () Tachar () Subíndice (4) Superíndice (5) Alinear a la izquierda (6) Alinear al centro (7) Alinear a la derecha (8) Aumentar tabulador (9) Disminuir tabulador (0) Editor de ecuación () Caracter especial () Tabla () Limpiar formato (4) Deshacer/rehacer (5) Deshacer/rehacer (6) Revisor de accesibilidad (7) Ayuda para lector de pantalla (8) Vista de código/html (9) 4

medio (0) Gestionar archivos incrustados () Para expandirla pulse sobre Expandir () y podrá ver la segunda fila.

5 . La opción Formato () permite elegir formatos de texto predefinidos. Se recomienda utilizar para títulos el formato Encabezado y para contenidos el formato Párrafo.. Para resaltar palabras se utilizan las opciones de Negrita (), Cursiva (), Subrayado (). Para ordenar items se puede seleccionar lista con viñetas (4) o lista numerada (5)

6 . Instertar Ecuación () permite escribir ecuaciones y debera permitir el uso del complemento java en su navegador.. 4. Al finalizar la edición es necesario guardar los cambios haciendo click en el botón Guardar Cambios (). 6

7 . Hipervinculos. Para crear links a paginas web o archivos seleccione el texto correspondiente () y haga click en Insertar Hipervinculo ().. En la nueva ventana debe insertar la url (), puede escribirla o copiarla y pegarla con ctrl c - ctrl v. Se recomineda elegir Abrir en Ventana Nueva (4), ya que favorece la navegación del usuario. Al finalizar haga click en el botón Creae enlace. 4 7

. Para crear un link a un archivo debe hacer click en el botón Examinar (5) que se encuentra a la derecha del campo Url del vínculo y seleccionar el archivo

8 . Para crear un link a un archivo debe hacer click en el botón Examinar (5) que se encuentra a la derecha del campo Url del vínculo y seleccionar el archivo deseado desde el directorio (6). Haga click en Subir Este Archivo (7) y luego en Insertar. Para quitar el link existente haga click en Quitar Hipervinculo (8)

La imagen deberá tener un formato jpg o png.

9 4. Imágenes. Para Insertar/Editar Imágenes () se recomienda subir una imagen desde la propia computadora. Debe hacer click en Examinar repositorios () e indicar la carpeta que la contiene, también puede arrastrarla desde su escritorio. La imagen deberá tener un formato jpg o png. Es necesario escribir una descripción de la imagen () para que sea accesible, o en su defecto marcar el casillero La descripción no es necesaria. Debe seleccionar el casillero Tamaño automático (4) o indicar el tamaño en pixels que quiere para su imagen. 4. Una vez que tenemos la imagen insertada podemos hacer doble click sobre ella y editar sus configuraciones. 9

10 . Para mejorar la apariencia del curso puede hacer una imagen que sea el banner y cabezal de los unidades del curso. Puede usar cualquier programa de edición de imagen como Paint o alguna aplicación web gratuita como canva.com o podcast.ulb.ac.be/banner/. Uso de Canva: Una vez en el sitio debe hacerse una cuenta. A continuación haga click en Use custom dimensons () (Usar dimensiones personalizadas) y introduzca en los campos el ancho y el alto del banner (). Utilice 700 px para el ancho y no más de 00px para el alto. Haga click en Design! () 0

Uso de Canva: www.canva.com Una vez en el sitio debe hacerse una cuenta.

Introduzca el texto en el campo de texto que aparece en el banner, puede elegir el color y el

11 A continuación haga click en Background (4) (fondo) y seleccione uno de los fondos (5) y un color (6) Dirigase a Text (7) (texto) y haga click en Add text (añadir texto) (8). Introduzca el texto en el campo de texto que aparece en el banner, puede elegir el color y el tipo de letra (9). Por ultimo haga click en Download (Descargar) para descargarlo a su computadora (0)

12 Uso de Módulo de Creación de Banners: podcast.ulb.ac.be/banner/ Introduzca el texto en el primer campo (). Seleccione el tipo de banner (), si quiere una imagen (), el color del banner (4) y el color del texto (5). Para terminar haga click en el botón para descargarlo (6)

5. Video. Otra posibilidad que brinda Moodle es la de publicar videos, se pueden subir desde la computadora o linkearlos a través de un sitio web de videos como youtube.

13 5. Video. Otra posibilidad que brinda Moodle es la de publicar videos, se pueden subir desde la computadora o linkearlos a través de un sitio web de videos como youtube.com o vimeo.com. Para subir un video desde su computadora haga click en Multimedia () que abre una ventana donde puede insertar la URL del video () o cargar uno desde su computadora ().

computadora o linkearlos a través de un sitio web de videos como youtube.com o

14 . Para insertar un video de youtube mediante HTML, dirigase a la dirección en youtube y haga click en Compartir () debajo del video. En la ventana Insertar vinculo, en el campo Tamaño del video () seleccione una de las opciones disponibles o seleccione Personalizar tamaño y escriba el ancho del video. Procure que la medida no sea muy grande, unos 700 px de anchos están bien. Copie el código (). 4

En la ventana Insertar vinculo, en el campo Tamaño del video () seleccione una de las opciones

15 Pegue el código con Ctrl v en la ventana Editor de HTML de la Plataforma EVA (4). 4 Vista del editor HTML (5) y vista de la página con el video insertado (6)

16 La accesibilidad Web significa que personas con algún tipo de discapacidad van a poder hacer uso de la Web. En concreto, al hablar de accesibilidad Web se está haciendo referencia a un diseño Web que va a permitir que estas personas puedan percibir, entender, navegar e interactuar con la Web, aportando a su vez contenidos. 6

En concreto, al hablar de accesibilidad Web se está haciendo referencia a un

Documentos relacionados

Recomendaciones Sobre Etiquetas y Páginas

Recomendaciones Sobre Etiquetas y Páginas Índice Etiquetas y Páginas. pág Editor de Texto: Atto. pág Herramientas del Editor. pág 4 4 Hipervinculos. pág 7 5 Imágenes. pág 9 6 Video. pág Material elaborado