Curso - Distancia

Diseño web, técnicas UX/UI, e integración con WordPress (Edición 1)

Convocatoria

Periodo de inscripción Del 05/11/2021 al 16/11/2021
Estado En ejecución
Periodo de realización Del 29/11/2021 al 06/02/2022
Línea formativa Actividad Física, Deporte, Arte y Creatividad

Resumen

Curso de WordPress para el diseño de proyectos web eficaces con un objetivo definido de antemano. Tanto para su uso en el aula como para la dinamización y cohesión de la comunidad educativa.

En este curso se dará un especial énfasis en el diseño web planteado como creación de una experiencia de usuario, haciendo uso de técnicas y metodologías que hoy en día se conocen como UX (User Experience). De esta forma diseñaremos un proyecto web, poniendo en el centro a las personas que usarán esa web, y aunando sus necesidades con las expectativas y objetivo del proyecto.

Actualmente existen muchas posibilidades comerciales para la creación de webs,  sin embargo no todas las opciones respetan los estándares de código, accesibilidad, usabilidad y sostenibilidad, además de suponer importantes gastos de mantenimiento.

En este curso utilizaremos WordPress como estándar de software libre para la web, así como complementos (plugins) y programas gratuitos para todo el proceso de creación de la misma. Como plugin estrella usaremos Gutenberg Block Builder a modo de constructor o maquetador de código libre y gratuito. También hablaremos de otros constructores de pago como Elementor u Oxygen. Además de los aspectos puramente técnicos, pondremos el foco en la investigación previa (research),  planificación, eficacia, sostenibilidad, comunicación online, experiencia de usuario, y  el diseño de la interfaz.

Programa financiado por el Ministerio de Educación y Formación Profesional y el Mecanismo de Recuperación y Resiliencia de la Unión Europea.

 

Información básica

Entidad organizadora CENTRO REGIONAL DE FORMACIÓN DEL PROFESO
Línea formativa Actividad Física, Deporte, Arte y Creatividad
Modalidad Curso
Ámbito Regional
Forma de impartición Distancia
Línea Actividad Física, Deporte, Arte y Creatividad
Nº máximo de participantes 150
Nº mínimo de participantes 10
Tutor Mario Bastian, Jesús A. Luna Magán
Destinatarios

Docentes en activo de centros y etapas sostenidas con fondos públicos de Castilla-La Mancha de cualquier nivel y etapa educativa no universitaria. 

Está acción formativa está destinada principalmente a docentes de Escuelas de Arte, así como al resto de docentes que presten servicios en centros y etapas sostenidos con fondos públicos de enseñanzas no universitarias de régimen especial y de régimen general en la Comunidad Autónoma de Castilla-La Mancha y que tengan interés en la materia.

En el caso de que el número solicitudes de inscripción sea inferior a 10 se suspenderá la acción formativa. 

El número máximo de participantes estará limitado a 150. En el caso de que el número de solicitudes de inscripción superase ese número, la selección se realizará siguiendo un riguroso orden de inscripción, priorizando a las y los docentes de las Escuelas de Arte de nuestra comunidad autónoma.

 

Objetivos
  1. Obtener los conocimientos necesarios para planificar y desarrollar proyectos web que potencien, faciliten y dinamicen los procesos educativos.
     
  2. Obtener las competencias técnicas para crear páginas web con WordPress, que sean accesibles, sostenibles, y que estén optimizadas para todo tipo de dispositivos (smartphone, ordenador, tablets o lectores de pantalla).
Metodología Activa y participativa.
Observaciones

Contenidos

  1. Introducción
    • ¿Para qué crear una web?
    • Tipos de proyectos web
    • ¿Tenemos una idea de proyecto?
    • Validación de la idea
    • Desarrollo de la idea
    • Estrategia
    • Proyectos Lean Startup
    • Una breve introducción a las metodologías UX
  2. Conceptos Básicos
    • ¿Qué es un dominio de internet?
    • Registro y configuración de dominios
    • Introducción a WordPress
    • Diferencias entre wordpress.org y wordpress.com
    • Elección de hosting o servicio de alojamiento web
    • Creación de cuenta en un hosting gratuito
  3. Instalación y configuración de WordPress
    • Instalación de WordPress en local, es decir, en nuestro ordenador. Usaremos una aplicación llamada Local, que simula un servidor de internet.
    • Vistazo rápido a la forma en la que gestiona WordPress los contenidos de una página web: entradas y páginas.
    • Configuración básica de WordPress como blog
    • Creación de entradas
  4. Estructura y elementos de una página Web
    • Cabecera o header
    • Área de contenidos: Editor Gutenberg
    • Tipos de elementos: títulos, textos, imágenes, vídeos, botones
    • Sidebars
    • Widgets
    • Tipos de estructuras, usabilidad y accesibilidad.
    • Footer o pie de página
  5. Aspecto gráfico y personalización de tu web: Themes
    • Qué es un theme
    • Instalación y búsqueda de themes gratuitos
    • Personalización de un theme: logotipo, colores, tipografía, widgets, menús, pié de página, listados de archivos.
  6. Definiendo la experiencia de usuario de nuestro proyecto. UX
    • El briefing
    • Metodologías de investigación y research UX
    • Objetivos del proyecto
    • ¿A quién va dirigida tu web? ¿Quienes son esas personas?¿Cómo usarían la web?
    • Estructura de contenidos
    • Mapa de navegación
    • Wireframing y esquemas conceptuales
    • Comunicación textual
    • Programas para comenzar con el wireframing de un proyecto web
  7. Diseñando el aspecto visual de la web y definiendo el «look and feel»
    • Creación de tablero visual del proyecto
    • Diseño vectorial con el programa Sketch
    • Definición de tono visual, paleta de colores y tipografías
    • Dibujo vectorial y máscaras
    • Creación de símbolos
    • Diseño de la home o página principal del proyecto. Creación de assets para la maquetación de la web. Formatos de imagen: .pg .svg .png
  8. Integración/maquetación de tu primer proyecto web
    • Elección de theme que nos permita integrar nuestro diseño
    • CSS básico para diseñadores
    • Personalización del theme
    • Creación de menús y cabecera
    • Integración y maquetación de nuestro diseño con Gutenberg para WordPress
      • Complementos recomendables para Gutenberg
      • Títulos, párrafos, citas, verso y listas
      • Inserción de imágenes, vídeos y audios
      • Uso de columnas y responsive
      • Uso de widgets y bloques
    • Creación de Entradas y blogs
    • Creación de portfolio online y «custom post types»
  9. Seguridad en WordPress,
    • Mantenimiento
    • Gestión de usuarios
  10. Publicación y posicionamiento
    • Publicación de la página web en un servidor web real: migraciones
    • SEO on-page y posicionamiento en buscadores
    • Principios del Marketing On-line, dar a conocer el proyecto y consecución de objetivos

Requisitos de los participantes

  • Conocimientos básicos de informática a nivel usuario.
  • Ordenador con conexión a internet.
  • Tener cuenta en la plataforma Teams (Office 360) y tener instalado el navegador Chrome, recomendado para el uso de la plataforma.
  • No se requieren conocimientos previos de WordPress ni de creación de webs.


ESTRUCTURA DEL CURSO

El curso será eminentemente práctico y participativo.

La formación se realizará en 4 sesiones online en vivo. Cada sesión tendrá una parte dedicada a de realización de tutoriales y exposición de casos prácticos, y una parte final para la resolución de dudas. Estas sesiones se llevarán a cabo mediante la plataforma Microsoft Teams, siguiendo el calendario:

  Fecha Hora
1ª Videoconferencia 1 de diciembre de 2021 de 17:00 a 20:00
2ª Videoconferencia 15 de diciembre de 2021 de 17:00 a 20:00
3ª Videoconferencia 12 de enero de 2022 de 17:00 a 20:00
4ª Videoconferencia 19 de enero de 2022 de 17:00 a 20:00

Cada sesión tendrá una duración de 3 horas y se estructurará en dos bloques separados por un pequeño descanso:

  1. Bloque A: dedicado a exposiciones teóricas, ejemplos o demostraciones.
  2. Bloque B: puesta en práctica de los temas tratados en el bloque A.

Todas estas sesiones se realizarán mediante la plataforma Microsoft Teams y la asistencia a las mismas en directo será necesaria para acreditar el curso, no pudiendo visualizarse a posteriori.

Además de las sesiones formativas, los participantes dispondrán de 2 videotutoriales, 4 cuestionarios asociados, una guía de recursos online y una guía del curso.

Es posible que, durante el curso, recibas en tu correo de forma automática un código QR para las sesiones presenciales. NO SERÁ NECESARIO PRESENTARLO, POR LO QUE QUEDA INHABILITADO EL USO DE DICHO CÓDIGO.

PROTOCOLO COVID-19 DEL CRFP

El Centro Regional de Formación del Profesorado ha elaborado un protocolo de seguridad y medidas sanitarias ante la crisis sanitaria provocada por el COVID-19, a tener en cuenta para las acciones formativas que tienen sesiones presenciales. Lo activaremos también cuando pueda retomarse la presencialidad en todas nuestras acciones formativas.

Este protocolo ha sido aprobado por el Comité de Seguridad y Salud Laboral Sectorial de Educación.

Puedes encontrarlo pinchando aquí.

PROTECCIÓN DE DATOS

Información de contacto

Para más información, pueden escribir un email a afdacre.crfp@jccm.es

Criterios de acreditación

Número de horas 20
Número de créditos 2
Criterios de certificación
  • Asistencia a las sesiones on-line en la fecha y hora previstas.
  • Visualización de los videotutoriales y realización de los tests asociados.
  • Realización y entrega en tiempo y forma de la tarea propuesta.

close
Seleccionados Todos Visibles Ninguno
nombreCompletoSinAcento Nombre completo Fecha de solicitud DNI Cuerpo Email Asignaturas Especialidades Centros Educativos Código centro Provincia Cursos Cargos directivos Adjuntos Preguntas Motivo del rechazo Ausencias

Elige un motivo de rechazo:

Ver más Nombre nombreSinAcento Apellidos apellidosSinAcento Estado Apto Avance Asistencias Tareas pendientes Formulario pendientes Estado cuestionario de opinión Listado de tareas Listado de formularios Razón del suspenso Tareas superadas Cuestionarios superados Tareas entregadas Formularios entregados Créditos Número de horas Observaciones email
LanzarModal