Contenido Web

Taller a cargo de

Alfonso

Propósito general de aprendizaje

Comunicar. En este taller queremos aprender a comunicar en el espacio web. Subir nuestro contenido a espacios para compartirlos con el resto del mundo. Este contenido web debe ser efectivo y atractivo. Las actividades se sentrarán en la resolución de problemas comunes en el proceso de diseño y publicación de sitios web.

Justificación

Pasamos parte de nuestro tiempo consumiendo contenido web, ¿pero quien lo hace? ¿cómo lo hace? Con este taller queremos producir contenido, no solo consumirlo.

Horario, modalidad, horas

Miércoles, una hora. Se invita a que tengan una hora más de trabajo personal.

Requisitos (saberes previos)

Se requiere tiempo, práctica, equivocarnos, corregirnos, intentar de nuevo, no rendirnos, paciencia.

No es necesario saber algo, pero sí es necesario el deseo de aprender algo nuevo, algo desconocido.

Cuenta de correo en gmail (nombre.apellido.alas@gmail.com).

Llevar computadora para trabajar.

Crear un blog e iniciar a postear contenido.

Estructura de las sesiones

1. Introducción al Desarrollo de Contenido Web
2. Planificación y Diseño de Sitios Web - Revisar contenido.
3. Creación de Contenido Web Efectivo
4. Herramientas y Tecnologías para el Desarrollo Web
5. Resolución de Problemas de Compatibilidad
6. Optimización de Rendimiento
7. Accesibilidad Web
8. Proyecto Final -Entregar contenido para otros talleres.

Saberes a desarrollar

Competencias y Habilidades

1. Diseñar y planificar sitios web efectivos, teniendo en cuenta las necesidades del usuario.
2. Desarrollar contenido web de calidad, incluyendo texto, imágenes y multimedia.
3. Utilizar herramientas y tecnologías web para la creación y gestión de sitios.
4. Identificar y resolver problemas comunes en el desarrollo y mantenimiento de sitios web.
5. Optimizar sitios web para mejorar su rendimiento y accesibilidad.
6. Evaluar la usabilidad y la experiencia del usuario de un sitio web.

 

Conocer

• Web
• FPT
• Servidor
• Hospedaje
• HTML
• CSS

Hacer

• Textos
• Fotos
• Dibujos
• Caricaturas
• Colores
• Videos
• Resumen

Ser y convivir

• Empatía
• Escucha atenta
• Libertad de expresión
• Responsabilidad
• Honestidad
• Apertura al diálogo
• Participación
• Autogestión
• Colaboración
• Respeto a la diversa diversidad

Sesión 3 octubre: sitio web

Entrar a gmail

clic en los :::, y buscar una apllicación que se llama sites.

El nonmbre del sitio , recuerden que es como vamos a llegar: https://sites.google.com/alascomunidad.org/alas/calendario

Todos los sitios tienen una página principal (index), y luego páginas secundarias a las que se llega por una liga en la página principal.

 

Temas

Lluvia de ideas

 

Sesión 26 sep: Planificación y Diseño de Sitios Web - Revisar contenido

Objetivos de la Sesión

• Comprender la importancia de la planificación y el diseño en el desarrollo de sitios web efectivos.
• Aprender a identificar las necesidades de los usuarios y establecer objetivos claros.
• Explorar las etapas clave en la planificación y el diseño de un sitio web.

Planificación

Acomodo

Diseño

Página

Menú

Estructura

Objetivos

Para qué, porqué, para quienes, por quienes...

Etapas

¿Nace-vive-muere?

¿Construcción-terminado?

¿siempre nueve?

Ejercicio

Vamos a entrar a nuestra cuneta de gmail,

en una ventana nueva teceleamos blogger.com

Ingresar con las credenciales de gmail que tienen.

Les va a pedir el nombre del blog.

 

Nombre del blog: NombreBitácora

Siguiente

Dirección url: nombreBitacora.blogger.com

Siguiente

Nombre visible: Nombre Bitácora

Finalizar

Tenemos nuestro blog listo

Ahora vamos a hacer una entrada.

Clic en:

Nueva entrada

Le dan un título:

Mi primer entrada de mi blog

 

Reviar qué hace cada botón.

 

Y llenar con sus reflexiones del diseño de dos sitios web.

 

También hacer una liga a cada uno de los blogs del grupo.

 

Pueden ver un ejemplo en:

https://phialhorno.blogspot.com

también el blog de mi experienca con las matemáticas en:

https://amandomate.blogspot.com/

Sesión 19 sep: Introducción al Desarrollo de Contenido Web

• Álvaro
• Mina
• Mara
• Patricio
• Luis f
• Mateo A
• Pablo

Objetivos de la Sesión

• Comprender la importancia del desarrollo de contenido web efectivo.
• Identificar los objetivos y alcance del curso.
• Explorar los conceptos básicos del diseño web.
• Reconocer problemas comunes en sitios web y su impacto en la experiencia del usuario.

Importancia del Contenido Web

• Discusión sobre por qué el contenido web es crucial en la era digital.
  • Sitio web, ejemplos.
• Ejemplos de sitios web exitosos y fallidos debido al contenido.
  • ¿un sitio que te guste? ¿qué te gusta?
  • un sitio que no te guste.
• La relación entre el contenido y la experiencia del usuario.
  • Decir diferencias.

Conceptos Básicos de Diseño Web

• Definición de diseño web y su evolución.
  • ¿qué es diseño web?
• Elementos clave del diseño web:
  • diseño visual,
  • estructura,
  • navegación y
  • funcionalidad.
• Ejemplos de buen diseño web.
• Estos ejemplos ilustran diferentes enfoques de diseño web, pero todos comparten características clave, como la navegación intuitiva, el contenido de alta calidad, el uso efectivo de imágenes y una estética atractiva. Estudiar estos sitios web puede proporcionarte inspiración y ejemplos concretos de lo que constituye un buen diseño web en la actualidad.
• Behance (www.behance.net):
• Stripe (www.stripe.com)
• The New York Times (www.nytimes.com)
• Tesla (www.tesla.com)
• National Geographic (www.nationalgeographic.com):
• Coca-Cola (www.coca-cola.com)
• Dropbox (www.dropbox.com)
• Awwwards (www.awwwards.com)
  

Identificación de Problemas en Sitios Web

• Discusión de problemas comunes que los usuarios enfrentan al navegar en la web.
• Ejemplos de problemas de usabilidad, diseño deficiente y contenido inefectivo.
• Impacto de los problemas en la retención de usuarios y la conversión.

Objetivos del Curso y Competencias a Desarrollar

• Explicación detallada de los objetivos generales del curso.
• Descripción de las competencias y habilidades que los participantes adquirirán.
• Relación entre los objetivos y las competencias.

Cierre y Preparación para la Siguiente Sesión

• Resumen de los puntos clave de la sesión.
• Anuncio de lecturas y recursos para la próxima sesión.
• Tiempo para preguntas y aclaraciones.

Ejercicios Prácticos

• Los participantes realizarán una breve actividad de análisis de un sitio web proporcionado por el instructor.
• Deberán identificar problemas potenciales en el diseño y el contenido.

Discusión en Grupo

• Los grupos compartirán sus hallazgos y discutirán posibles soluciones.
• El instructor facilitará la discusión y proporcionará retroalimentación.

Resumen Final y Tarea

• Resumen de los conceptos clave abordados en la sesión.
• Asignación de una tarea breve relacionada con la identificación de problemas en un sitio web de su elección como preparación para la próxima sesión.

Sesión 3: Creación de Contenido Web Efectivo

Objetivos de la Sesión

• Comprender la importancia del contenido web de calidad.
• Aprender técnicas para escribir contenido efectivo para la web.
• Explorar la selección y edición de imágenes y multimedia.

Sesión 4: Herramientas y Tecnologías para el Desarrollo Web

Objetivos de la Sesión

• Familiarizarse con las herramientas y tecnologías esenciales para el desarrollo web.
• Comprender los conceptos básicos de HTML y CSS.
• Aprender a utilizar un editor de código y a publicar un sitio web básico.

Sesión 5: Resolución de Problemas de Compatibilidad

Objetivos de la Sesión

• Comprender la importancia de abordar problemas de compatibilidad entre navegadores.
• Aprender a identificar y resolver problemas comunes de compatibilidad.
• Conocer buenas prácticas para garantizar la compatibilidad en diferentes navegadores.

Sesión 6: Optimización de Rendimiento

Objetivos de la Sesión

• Comprender la importancia de la optimización del rendimiento en el desarrollo web.
• Aprender técnicas para mejorar la velocidad y la eficiencia de carga de una página web.
• Identificar y abordar problemas comunes que afectan al rendimiento de un sitio web.

Sesión 7: Accesibilidad Web

Objetivos de la Sesión

• Comprender la importancia de la accesibilidad web y su impacto en los usuarios.
• Aprender a implementar prácticas de diseño y desarrollo web accesible.
• Identificar las pautas y estándares de accesibilidad.

Sesión 8: Proyecto Final -Entregar contenido para otros talleres

Objetivos de la Sesión

• Aplicar y consolidar los conocimientos adquiridos durante el curso.
• Trabajar en un proyecto final que involucra la creación de contenido web.
• Preparar material de aprendizaje para futuros talleres o cursos relacionados con el desarrollo web.