Title: Profesor: Personalización de Iconos, Banners, & Botones
Course: Kínder, Lomas del Valle, Santa Anita. > Section: Información Para el Profesor (No Publicar)

Esta información es para el profesor | No publicar

Iconos de la Plantilla

Esta plantilla está precargada con una selección de imágenes de iconos del curso. Los iconos están disponibles a través de los archivos del curso. Estos iconos se pueden agregar en cualquier lugar donde tenga el Editor de Contenido Enriquecido (RCE). Para obtener más información sobre cómo agregar una imagen a una página de contenido a través del Editor de Contenido Enriquecido (RCE), revise el siguiente enlace:  ¿Cómo hago para incrustar imágenes de la web en el Editor de contenido enriquecido como instructor?

Galería de Iconos

Ilustraciones

Banners de la Página Principal

Esta plantilla está precargada con 3 diseños de página de inicio que pueden ser personalizados de acuerdo a las necesidades del curso o asignatura.

Opción 1 - Página por Módulos | Opción 2 - Página por Tema

Opción 3 - Página por Módulos UAG

1. Para obtener una guía paso a paso de como configurar su página de inicio y cambiar la página de inicio del curso, consulte las siguientes Guías de Canvas:
  - ¿Cómo establezco una Portada (Página Principal) en un curso?
Personalización del Banner de la Página Inicial
Si desea editar las imágenes o texto dentro de los banners incluidos en esta plantilla, puede hacer lo siguiente:
  1. En la tabla de abajo, haga clic en el texto del tema para abrir la página "Copiar documento" de Google Draw y elija "Hacer una copia".
  2. Dentro de Google Draw, puede reemplazar las imágenes haciendo clic en la imagen original y luego seleccionando las opciones dentro del cuadro desplegable "Reemplazar imagen".
  3. Cambie el nombre de su nuevo banner haciendo doble clic en el título de la imagen ubicado en la parte superior izquierda de la pantalla de Google Draw o seleccionando Archivo> Renombrar.
Nota: este título de imagen será parte del texto alternativo (Alt text), por lo que es importante nombrar el banner para que corresponda con el tema del curso. Por ejemplo, debe nombrar una pancarta "LIT 2000: Introducción a la literatura" "LIT-2000-Introducción a la literatura".
  4. Una vez completado:
    - Seleccione "Archivo",
    - Elija "Descargar como" y
    - Seleccione "PNG img".
  5. Finalmente, cargue el banner en sus archivos del curso y reemplace el banner de la página principal actual con su versión personalizada. Para obtener ayuda de cómo insertar imágenes del curso, revise la siguiente Guía: ¿Cómo hago para incrustar imágenes de la web en el Editor de contenido enriquecido como instructor?
Pasos Avanzados
Si desea ajustar el tamaño del banner puede hacerlo agregando un porcentaje de ancho usando el Editor HTML. Esto es útil para el diseño móvil, ya que permite que la imagen de banner se ajuste medida que cambia el tamaño de la página. Para hacerlo, por favor siga los siguientes pasos:
  1. Desde la página principal, seleccione "Editar"
  2. Seleccione "Editor HTML"
  3. Desplácese hasta la parte superior de la página HTML
  4. Después del texto que incluye la etiqueta "Alt", agregue el siguiente texto (incluyendo las comillas): "width = 100%"
  5. Seleccione "guardar"
Aquí hay una imagen de pantalla que demuestra donde va el texto "width= 100%" incluido en el paso # 4:

Banners de la Página Principal y Enlaces de Personalización

Tema Seleccione el enlace del tema para copiar y editar | Imagen del Banner
Banner 1 |
Banner 2 |
Banner 3 |
Banner 4 |
Banner 5 |
Banner 6 |
Banner 7 |

Los banners presentados tienen dimensiones de 850 pixeles de ancho x 200 pixeles de alto. Si utiliza otros banners aparte de los mostrados se recomienda las mismas dimensiones y formatos .png o jpg

Botones de la Página Principal

Si desea editar los botones, puede seguir los siguientes pasos:

1. En la tabla de abajo, haga clic en el texto del tema para abrir la página "Copiar documento" de Google Draw y elija "Hacer una copia".
2. Dentro de Google Draw, puede reemplazar las imágenes haciendo clic en la imagen original y luego seleccionando las opciones dentro del cuadro desplegable "Reemplazar imagen".
3. También puede editar el texto como desee.
4. Cambie el nombre de su nuevo botón haciendo doble clic en el título de la imagen ubicado en la parte superior izquierda de la pantalla de Google Draw o seleccionando Archivo> Renombrar.
Nota: este título de imagen será parte del texto alternativo (Alt text), por lo que es importante nombrar el botón para que corresponda con el destino o enlace deseado. Por ejemplo, debe nombrar un botón "Acerca del Instructor" "Acerca del Instructor" frente a "Copia de Acerca del Instructor".
5. Una vez completado:
Seleccione "Archivo",
Elija "Descargar como",
Y seleccione "PNG img".
6. Suba la imagen del botón en sus archivos del curso y reemplace el botón actual con la versión personalizada. Para obtener ayuda de cómo insertar imágenes del curso, revise la siguiente Guía: ¿Cómo hago para incrustar imágenes de la web en el Editor de contenido enriquecido como instructor?
7. En la página principal, seleccione el botón personalizado y elija entre las diversas opciones en el menú del lado derecho para enlazar el botón con su destino (por ejemplo, la página de Recursos de Canvas).
8. Seleccione Guardar.

Botones de la Página Principal y Enlaces de Personalización

Tema Seleccione el enlace del tema para copiar y editar | Imagen del Botón
Anuncios y Noticias |
Material Suplementario |
Módulos de Aprendizaje |
Preguntas y Respuestas |
Introducción |
Unidad 1 |
Unidad 2 |
Unidad 3 |
Unidad 4 |
Unidad 5 |
Unidad 6 |
Unidad 7 |
Unidad 8 |
Evaluaciones |
Cierre de Curso |
Guía del Curso |
Orientación de Canvas |
Ayuda |
Grabación de sesiones |

Botones de la Página Principal y Enlaces de Personalización

Tema Seleccione el enlace del tema para copiar y editar | Imagen del Botón
Anuncios y Noticias |
Material Suplementario |
Módulos de Aprendizaje |
Preguntas y Respuestas |
Introducción |
Unidad 1 |
Unidad 2 |
Unidad 3 |
Unidad 4 |
Unidad 5 |
Unidad 6 |
Unidad 7 |
Unidad 8 |
Evaluaciones |
Cierre del Curso |
Guía del Curso |
Orientación de Canvas |
Ayuda |
Grabación de sesiones |

Botones de la Página Principal y Enlaces de Personalización

Tema Seleccione el enlace del tema para copiar y editar | Imagen del Botón
Anuncios y Noticias |
Material Suplementario |
Módulos de Aprendizaje |
Preguntas y Respuestas |
Introducción |
Unidad 1 |
Unidad 2 |
Unidad 3 |
Unidad 4 |
Unidad 5 |
Unidad 6 |
Unidad 7 |
Unidad 8 |
Evaluaciones |
Cierre de Curso |
Guía del Curso |
Orientación de Canvas |
Ayuda |
Grabación de Sesiones |