curso de wordpress - form.samsungargentina.net · organizaciÓn del curso ¡hola! bienvenido o...
TRANSCRIPT
v.1.0: Junio 2017
Autor y Recopilador: Ezequiel Tesone
Este contenido se distribuye bajo licencia Creative Commons 3.0 con atribución
(https://creativecommons.org/licenses/by/3.0/)
El contenido incluye material ofrecido bajo la misma licencia por Fundación Wikimedia, Inc.
publicado en https://es.wikipedia.org
Se acepta su copia y redistribución en cualquier medio y formato y adaptarlo en cualquier forma
(remixado, transformado y construir sobre él) para cualquier propósito, incluso comercial bajo una
única condición: la atribución y crédito a sus autores y a la aclaración de cambios realizados en
caso de haberse realizado
Curso de Diseño Web – Manual del Alumno 3
INDICE
INDICE ......................................................................................................................................................... 3
ORGANIZACIÓN DEL CURSO ............................................................................................................... 4
MÓDULO I: PLANIFICAR UN SITIO/BLOG ....................................................................................... 5
CLASE 1 ..................................................................................................................................................... 5
Comenzando .......................................................................................................................................... 5
Armado de un Sitio o Blog .................................................................................................................... 7
Ejercicios a plantear en clase ............................................................................................................... 7
CLASE 2 ..................................................................................................................................................... 9
Ejercicios a plantear en clase ............................................................................................................... 9
MÓDULO CREAR CONTENIDO .......................................................................................................... 11
CLASE 3 ................................................................................................................................................... 11
Pixlr ..................................................................................................................................................... 11
Canva .................................................................................................................................................. 12
Ejercicios a plantear en clase ............................................................................................................. 12
CLASE 4 ................................................................................................................................................... 14
Ejercicios a plantear en clase ............................................................................................................. 14
MÓDULO WORDPRESS......................................................................................................................... 16
CLASE 5 ................................................................................................................................................... 16
Ejercicios a plantear en clase ............................................................................................................. 16
CLASE 6 ................................................................................................................................................... 18
Ejercicios a realizar en clase .............................................................................................................. 18
CLASE 7 ................................................................................................................................................... 19
Ejercicios a plantear en clase ............................................................................................................. 19
CLASE 8 ................................................................................................................................................... 20
ORGANIZACIÓN DEL CURSO
¡Hola! Bienvenido o bienvenida al Manual del Profesor del curso de WordPress. En estas
páginas te ayudaré a organizar el dictado de este curso a alumnos del mismo. Este
Manual se acompaña con los videos del curso, presentaciones y planillas de cálculo con
los materiales que podés utilizar en la clase y compartir con los alumnos.
También te recomiendo repasar y revisar el Manual del Alumno que le será entregado a
cada alumno y podés usar como base y como pedido de lectura a los alumnos de una
clase a otra.
Este manual es una sugerencia, te recomiendo adaptarlo a tu forma de dictar y al grupo
que te toque para hacerlo más ameno y cumplir los objetivos del curso.
Este manual está organizado por clase, pero dependiendo del grupo que se te asigne, el
nivel del mismo y la duración del mismo podrías necesitar algunos ajustes en la duración
de los temas y en qué dictar clase por clase. Tomalo como una guía de ayuda no como
algo que debas cumplir 100%.
Cada vez que comiences una clase, preguntá si quedó alguna duda o consulta de la
clase anterior y al terminar tratá de hacerlo 5 ó 10 minutos antes del horario oficial de
cierre y hacé un repaso o punteo de los temas que se trataron en el día y es una buena
oportunidad para terminar de ver si queda alguna pregunta.
Hay un examen por cada módulo, úsalo para ver en qué temas quedaron dudas y repasar
los temas.
Junto con este manual tenés a disposición unas carpetas con archivos por clase que te
ayuden como guía para usar con los alumnos. Revisá qué archivos querés compartir con
los alumnos para usarlos de base y qué preferís que hagan ellos sobre la marcha del
curso.
¡Mucha suerte con el dictado!
MÓDULO PLANIFICAR UN SITIO/BLOG
Clase 1
Comenzando
El primer paso por supuesto es presentarte, hacelo corto y efectivo. Contales qué hacés
y por qué te interesa enseñarles este tema. Luego contales cómo va a ser la organización
del curso, cuántos días, cómo se le entrega el material, qué tipo de curso será, qué
prácticas haremos y repasá el temario de cosas que van a ver y qué van a saber hacer.
Siempre es bueno contar si harás un recreo y a qué hora, dónde están los baños y la
salida de emergencia ante cualquier problema.
Luego para romper el hielo si son menos de 20 alumnos podés hacer que cada uno se
presente rápido (no más de 20 segundos por alumno) diciendo a qué se dedican y qué
esperan del curso. Si son más de 20 alumnos es mejor hacer preguntas y que levanten
la mano.
Luego de esto preguntales si alguno tiene alguna duda sobre lo que se verá en el curso
antes de arrancar.
Como algunos temas son de uso común, tratá de fomentar la participación y el
intercambio de opiniones con los alumnos para que cuando la clase sea más teórica no
se convierta en un monólogo.
Algunos consejos sobre la actitud como profesor(a):
• No tenerle miedo a la clase, son sólo otras personas que quieren aprender un
tema. Vos no tenés que ser el más experto para dar el curso, sos alguien que
sabe un poco más que ellos y que ya practicó y estás para ayudarlos. No lo
consideres como que el evaluado sos vos y que estás dando un examen oral.
• Hay que esperar todo tipo de preguntas y responder desde tu experiencia. Nunca
inventes una respuesta; si no la sabés, respondé que no sabés la respuesta y
deciles que después fuera de clase o para la siguiente clase le buscás la
respuesta.
• Planteá ejercicios prácticos que tengan relación con la vida diaria de los alumnos,
algo que vean concreto. Evitá ejemplos académicos o que no tienen relación con
la vida diaria del lugar donde se dicte el curso. Cuanto más cercano a los alumnos
esté el ejercicio mejor comprenderán los conceptos.
• No pasa nada si te equivocás en clase, no te pongas nervioso/a, simplemente
actúa como si estuvieras trabajando (todos nos equivocamos) y mostrales cómo
se detecta y arregla el problema
• Nunca suponer que los alumnos saben algo. Preguntá primero, incluso si te
parece algo básico como crear una carpeta o saber que "save" significa grabar en
inglés.
• Incentivá las preguntas, cada tanto si están muy tímidos preguntá si hay alguna
duda o si alguien tiene una pregunta. Cuando alguien pregunta, aún si te parece
super básica, agradécele y decile que es buena pregunta porque seguro alguien
más está pensando lo mismo.
• Cuando puedas incentivá a los alumnos a hacer ejercicios entre clase y que
puedan investigar algún tema en Google.
• No te quedes a la defensiva detrás de un escritorio. Es mejor caminar por la clase
mientras vas mirando a todos los alumnos. Que todos se sientan que hablás con
ellos, en lugar de mirar al piso, al techo o sólo a los de adelante.
Al inicio hacé una introducción de qué es WordPress. No te pongas muy teórico en esta
parte, sólo con palabras simples y sencillas qué van a ser capaces de hacer. Es mejor ir
a la práctica en cursos tan cortos e intensivos.
Armado de un Sitio o Blog
En esta clase debés enfocarte en que el alumno comprenda el proceso de armado de un
sitio web en WordPress se compone de diferentes etapas. Esta etapa corresponde a un
estadío de planificación de lo que va a ser ese Sitio/blog. En esta clase vamos a ver los
siguientes conceptos:
1. Pensar y organizar el contenido de un sitio/blog
2. Buscar ideas y establecer mis potenciales por medio de un FODA
3. Investigar tópicos en mi mercado objetivo
4. Implementar Mapa de de contenido con un diagrama.
Recordá leer con anterioridad el material de “Planificar un Sitio/Blog WordPress” donde
se encuentran los contenidos citados. También en este manual vas a tener la descripción
de los ejercicios que te voy a explicar en los videos.
Ejercicios a plantear en clase
Slide 5 de “Planificar un sitio/blog WordPress” - “Vamos a hacer un análisis FODA de nuestro proyecto Web/Blog para identificar cuál es nuestro potencial en contenido.”
La finalidad de este ejercicio es encontrar en qué temáticas soy fuerte o bien cuáles son
de mi preferencia para encarar el proyecto del nuevo sitio/blog. En el video realizamos
una práctica de cómo efectuarlo.
Slide 7 de “Planificar un sitio/blog WordPress” - “Vamos a hacer una investigación en Google trends para encontrar ideas.”
La finalidad de este ejercicio es encontrar en base a como busca la gente y cuáles son
sus intereses:
1. Tópicos más relevantes.
2. ideas para nombre del dominio de mi blog.
3. Qué temáticas son más relevantes para las personas en mi país.
En el video de esta clase detallamos el ejercicio que se plantea en esta clase.
Slide 9 de “Planificar un sitio/blog WordPress” - “Vamos a hacer un mapa de pensamiento para organizar el contenido con la herramienta draw.io .”
La finalidad de este ejercicio es organizar las ideas en un gráfico orientativo que me va
a servir de base para construir un mapa del sitio en la siguiente clase.
Clase 2
En esta clase vamos a avanzar en la segunda parte de planificar un sitio/blog WordPress.
En base a la investigación que realizamos en los diferentes ejercicios de la clase uno
vamos a proceder a organizar las secciones del sitio web en un “Mapa de sitio”.
En este clase vamos a ver los siguiente conceptos:
1. ¿Como se organiza un sitio web?
2. Hacer un mapa del sitio
3. Implementar la herramienta Draw.io para hacer el mapa del sitio.
4. ¿Cómo organizo el contenido de mi sitio web con Google Drive?
Recordá leer los contenidos de la presentación “Planificar un Sitio/Blog WordPress 2” y
ver los videos de clase donde te voy a explicar cómo hacer un Mapa del sitio.
Ejercicios a plantear en clase
Slide 6 de “Planificar un sitio/blog WordPress 2” - “Vamos a crear nuestro primer Mapa del sitio con Draw.IO.”
La idea es llevar el contenido que surgió en el mapa de mente y organizarlo en un Mapa
del sitio.
Slide 5 de “Organización de contenido” - “Vamos a crear la estructura de carpetas en nuestra cuenta gratuita de Google drive y a probar las diferentes funcionalidades del sistema.”
La idea en esta sección es aprender las funcionalidades de Google Drive siguiendo el
siguiente orden:
1. Crear carpetas en google drive con la siguiente estructura:
a. Carpeta con nombre del sitio.
b. Dentro de la carpeta de proyecto vas a crear las siguientes
carpetas:
i. carpeta para imágenes
ii. carpetas para textos.
iii. carpeta para Site Map y Slides (mapa del sitio y
presentaciones).
2. Dentro de la carpeta de “Texto” vas a crear un Documento y vas a probar
las funcionalidades de comentarios y trabajo colaborativo.
3. Dentro de la carpeta “Imágenes” vas a subir diferentes imágenes que vas
a utilizar en el sitio.
4. Dentro de la carpeta “Site Map y Slides” vas a subir el sitemap creado y a
crear una presentación de Google Slides y vas a probar las funcionalidades de
comentarios y trabajo colaborativo.
MÓDULO CREAR CONTENIDO
Clase 3
En esta clase vamos a comenzar con la organización de nuestro proyecto para realizar
un sitio/blog en WordPress.
En este clase vamos a ver los siguientes herramientas y conceptos:
1. Edición de imágenes con Pixlr
2. Armado de diseños con Canva
Recordá leer los contenidos de la presentación “Organización de contenidos” y ver los
videos de clase donde te voy a explicar cómo hacer los diferentes ejercicios.
Pixlr
Cuando no contamos con Photoshop hay una herramienta que nos permite trabajar
online para editar las imágenes y luego guardarlas para utilizarlas en nuestro sitio web.
Esta herramienta es PIXLR y se puede utilizar en forma gratuita y online ingresando en
www.pixlr.com
Canva
Cuando tenemos que diseñar elementos para nuestro sitio web como un encabezado
(header), un banner o bien una portada y no disponemos de herramientas como Adobe
Ilustrator y tampoco tenemos conocimientos de diseño podemos iniciar con las plantillas
editables y gratuitas que nos proporciona Canva.com.
Esta herramienta es un software muy intuitivo y online con el cual podemos llevar a cabo
nuestras ideas.
Ejercicios a plantear en clase
Slide 4 de “Crear contenido” - “Vamos a realizar una práctica con PIXLR.”
Ingresar al sitio de PIXLR y cliquear en Pixlr editor “Lauch Web app” (lanzar aplicación
web). Una vez dentro de Pixlr editor:
1. Abrir una imagen desde el ordenador.
2. Vamos a ver los elementos y las funcionalidades del
3. Vamos a redimensionar la imagen.
4. Aplicar un filtro
5. Crear una capa y aplicar un texto.
6. Guardar el archivo en un formato liviano para web.
Slide 6 de “Crear contenido” - “Vamos a realizar una práctica con CANVA.COM”
Debemos seguir los siguientes pasos
1. Registrarse en Canva.com
2. Explicar el panel y las características.
3. Ver todos los formatos disponibles.
4. Hacer una práctica con uno de los formatos de plantillas (templates).
5. Hacer una práctica con un formato a medida.
6. Guardar la imagen que creamos en nuestra computadora.
Clase 4
En esta clase vamos a comenzar con la organización de nuestro proyecto para realizar
un sitio/blog en WordPress.
En este clase vamos a ver los siguientes herramientas y conceptos:
1. Recursos para alojar y editar audio
2. Recursos para alojar y editar video
Recordá leer los contenidos de la presentación “Crear contenido 2” y ver los videos de
clase donde te voy a explicar cómo hacer los diferentes ejercicios
Ejercicios a plantear en clase
Slide 5 de “Crear contenido 2” - “Vamos a realizar una práctica con Hya-Wave”
En este ejercicio haremos uso de la herramienta gratuita online Hya-Wave disponible en
https://wav.hya.io
1. Ingresar al sitio de Hya-Wave.
2. Vamos a editar un audio desde nuestro ordenador.
3. Vamos a grabar un audio y editarlo en el editor.
Slide 7 de “Crear contenido 2” - “Vamos a crear una cuenta de SoundCloud y probar sus funcionalidades.”
1. Ingresar al sitio de Sound Cloud en www.soundcloud.com
2. Crear una lista y subir audio.
3. Tomar el código para compartir el audio en el blog.
Slide 9 de “Crear contenido 2” - “Vamos a hacer una práctica con Magisto”
Aquí vamos a hacer uso del servicio gratuito de Magisto (disponible en
www.magisto.com) para editar videos.
1. Ingresar al sitio de MAGISTO
2. Editar un video en la plataforma.
Slide 11 de “Crear contenido 2” - “Vamos a crear una cuenta en Vimeo y a subir nuestro video.”
En esta sección haremos uso de los servicios de publicación de video de Vimeo
disponibles en www.vimeo.com)
1. Ingresar al sitio de Vimeo.
2. Subir un video al canal.
MÓDULO WORDPRESS
Clase 5
En esta clase vamos a ver los siguientes conceptos de WordPress.
1. ¿Qué es un CMS?
2. ¿Qué es WordPress?
3. WordPress.com vs. WordPress.org
4. Conceptos básicos
Recordá leer los contenidos de la presentación “WordPress” y ver los videos de clase
donde te voy a explicar cómo hacer los diferentes ejercicios
Ejercicios a plantear en clase
Slide 7 de “WordPress” - “Vamos a ver los sitios de WordPress.com y WordPress.org”
Tenés que analizar los diferentes planes de WordPress.COM y compararlos con
WordPress.org. En el caso del sitio .org descargate los archivos para mostrarles a los
alumnos en que consiste esta versión.
Slide 11 de “WordPress” - “Vamos a ver ejemplos de sitios hechos con WordPress”
Ejemplos:
Sitio empresa de software: http://www.sisem.net/
Sitio empresa de colectivos: http://www.zenit.com.ar/
Sitio e-commerce: http://www.dermashape.com.ar
Sitio Hosteria: http://www.estanciasanjoaquin.com.ar/
Sito medio de comunicación: http://lationews.com/acerca-de-lationews/
Sitio Medico para niños: http://pediatradefamilia.com.ar/
Clase 6
Inicialmente te recomiendo que abras una cuenta gratuita en WordPress.com para poder
dar esta clase. Vamos a ver los siguientes elementos y funcionalidades de WordPress:
1. Ajustes
2. Temas
3. Entradas, Páginas y Categorías
4. Menú
Recordá leer los contenidos de la presentación “WordPress 2” y ver los videos de clase
donde te explicamos cómo dar la clase y hacer los diferentes ejercicios.
Ejercicios a realizar en clase
Slide 8 de “WordPress” - “Vamos a ver ejemplos de diferentes Plugins de WordPress”.
Plug-in SEO YOAST: https://WordPress.org/plugins/WordPress-seo/
Plug-in E-commerce Woocommerce: https://WordPress.org/plugins/woocommerce/
Plug-in Seguridad Wordfence : https://WordPress.org/plugins/wordfence/
Plug-in Calendario The Events Calendar : https://WordPress.org/plugins/the-events-
calendar/
Plug-in Instagram Feed : https://WordPress.org/plugins/instagram-feed/
Clase 7
En esta clase vamos a ver los siguientes elementos y funcionalidades de WordPress:
1. Crear una cuenta en WordPress .COM
2. Panel y funcionalidades
Recordá leer los contenidos de la presentación “WordPress 3” y ver los videos de clase
donde te voy a explicar cómo dar la clase hacer los diferentes ejercicios
Ejercicios a plantear en clase
Slide 8 de “WordPress” - “Vamos a crear nuestra primer cuenta en WordPress.com”.
Tenés que asistir a los alumnos en el proceso paso a paso de crear su primer cuenta
gratuita en WordPress.com
Slide 9 de “WordPress” - “Vamos a ver en detalle todas las funcionalidades de WordPress.COM”.
Tenés que explicar todas las secciones del sistema WordPress, su funcionalidad y la
forma en la que se realizan los ajustes sobre cada una de ellas.
Clase 8
Esta clase estará destinada para que tus alumnos creen y cierren sus proyectos de
WordPress.com en clase. Es un buen momento para la respuesta de inquietudes o
repasar temas que hayan quedado pendientes de clases anteriores. Acompaña a cada
alumno en ver cómo vienen con la creación de su blog y ayudalos a terminar su ejercicio,
cada uno a su nivel.
No esperes ni les hagas entender a los alumnos que todos deberían estar al mismo nivel.
Planteales objetivos que cada persona pueda cumplir y que terminen el curso con un
sitio o blog funcionando para cada uno de ellos.