Actividades prácticas del curso

1. Introducción a las Actividades

La práctica constante es fundamental para consolidar y aplicar los conocimientos adquiridos en el curso "Páginas Web con Lenguaje de Marcas y Hojas de Estilo". A través de actividades prácticas, los estudiantes podrán integrar conceptos teóricos en proyectos reales o simulados, fortaleciendo sus habilidades técnicas y creativas. Estas actividades están diseñadas para promover un aprendizaje activo, fomentando la resolución de problemas, la toma de decisiones y la creatividad en el diseño y desarrollo web.

Las actividades aquí propuestas abarcan desde proyectos integradores hasta análisis críticos, permitiendo una visión holística del proceso de creación de páginas web. Se recomienda seguir las instrucciones con atención, documentar cada paso y reflexionar sobre los resultados obtenidos. La participación activa y el compromiso con cada tarea facilitarán no solo la comprensión de los temas, sino también la adquisición de habilidades profesionales que serán valiosas en su desempeño laboral futuro.

Para realizar estas actividades, se sugiere contar con un entorno de trabajo adecuado, herramientas de edición web (como editores recomendados), y recursos adicionales que apoyen el proceso creativo y técnico. La idea es que cada actividad sea una oportunidad para aprender haciendo, promoviendo una experiencia enriquecedora y motivadora.

2. Actividades Integradoras del Curso

Actividad 1: Proyecto Final Integrador

Descripción: Diseña y desarrolla un sitio web completo que integre todos los conocimientos del curso. El proyecto debe incluir estructura con marcas, elementos multimedia, accesibilidad, estilos CSS y un documento funcional que defina contenidos, navegación y tipos de páginas.

1. Planificación: Define el objetivo del sitio, público destinatario y mapa conceptual inicial.
2. Diseño: Crea el esquema del documento funcional, seleccionando contenidos, estructura de navegación y tipos de páginas.
3. Implementación: Redacta el código HTML respetando las marcas aprendidas, incorpora imágenes y multimedia, aplica hojas de estilo para mejorar la presentación y accesibilidad.
4. Evaluación: Verifica usabilidad, accesibilidad y compatibilidad en diferentes navegadores.

Entregables: Código fuente completo, documento funcional, mapa de navegación visualizado en un diagrama o esquema.

Rúbrica: Se evaluará la correcta integración de temas (50%), calidad técnica del código (20%), diseño visual (15%), documentación (10%) y presentación final (5%).

Tiempo estimado: 10-15 horas.

Actividad 2: Caso Práctico Complejo

Descripción: Analiza un escenario real donde una pequeña empresa necesita renovar su página web para mejorar su presencia digital y accesibilidad.

1. Análisis: Evalúa la situación actual del sitio, identificando deficiencias en estructura, contenido multimedia o accesibilidad.
2. Toma de decisiones: Propón mejoras técnicas usando marcas específicas, estilos CSS adecuados y elementos multimedia pertinentes.
3. Justificación técnica: Explica las razones detrás de cada decisión basada en conceptos aprendidos en el curso.
4. SOLUCIONES: Presenta un plan detallado con ejemplos prácticos en código HTML y CSS para implementar las mejoras propuestas.

Resultado esperado: Un informe técnico que demuestre comprensión integral del análisis y soluciones aplicadas.

Actividad 3: Portafolio de Evidencias

Crea un portafolio digital que documente tu proceso de aprendizaje a lo largo del curso. Incluye:

• Tema 1: Ejemplo de uso correcto de marcas para formato textual y estructuración.
• Tema 2: Incorporación de imágenes y multimedia en tus proyectos.
• Tema 3: Evidencias sobre accesibilidad y usabilidad implementadas en tus páginas.
• Tema 4: Capturas o ejemplos del uso de diferentes editores web utilizados durante el curso.
• Tema 5: Creación y aplicación de hojas de estilo CSS en tus diseños.
• Tema 6: Documentos funcionales o esquemas utilizados para planificar páginas web.

Añade reflexiones personales sobre cada tema, destacando aprendizajes clave y dificultades superadas. Finaliza con una autoevaluación del proceso formativo.

Actividad 4: Simulación Profesional

Ponte en el rol de un desarrollador web contratado por una organización para crear una página institucional. La tarea incluye:

1. Definir roles: diseñador, programador, especialista en accesibilidad.
2. Narrar cómo abordarías la creación del sitio considerando aspectos técnicos y creativos aprendidos en el curso.
3. Sitúa desafíos típicos (ejemplo: restricciones técnicas o requerimientos específicos) y explica cómo los resolverías usando conocimientos del curso.
4. Criterios de éxito: cumplimiento técnico, diseño atractivo, accesibilidad garantizada y satisfacción del cliente ficticio.

Actividad 5: Investigación y Propuesta

Selecta una problemática actual relacionada con el desarrollo web (por ejemplo: baja accesibilidad en sitios públicos). Investiga sus causas e impacto social o económico. Luego:

1. Crea una propuesta innovadora basada en las mejores prácticas aprendidas en el curso para solucionar dicha problemática.
2. Sustenta tu propuesta con fundamentos teóricos extraídos del contenido del curso (ejemplo: uso correcto de marcas o estilos accesibles).
3. Puedes presentar tu propuesta mediante un documento digital o presentación visual que destaque las soluciones propuestas.

Actividad 6: Análisis Crítico Transversal

Selecta un sitio web popular o institucional. Realiza un análisis desde las perspectivas de varios módulos del curso:

• Estructura con marcas (Tema 1)
• Incorporación multimedia (Tema 2)
• Accesibilidad y usabilidad (Tema 3)
• Estilos CSS aplicados (Tema 5)
• Documentación funcional (Tema 6)

Sintetiza las relaciones entre estos aspectos, identifica fortalezas y áreas de mejora. Finaliza con una reflexión integradora sobre cómo estos elementos contribuyen a la calidad final del sitio web.

3. Actividades Colaborativas

A lo largo del curso también se fomentará el trabajo en equipo mediante actividades colaborativas que potencien habilidades sociales, comunicación efectiva e integración multidisciplinar:

Debate estructurado sobre temas clave

• Puntos a discutir: importancia del diseño accesible, elección adecuada de estilos CSS, impacto multimedia en la experiencia usuario.
• Estructura: preparación previa con investigación individual; exposición por equipos; discusión guiada; conclusión compartida.

Proyecto colaborativo multidisciplinar

• Cada integrante asume roles específicos (diseñador visual, programador HTML/CSS, analista de accesibilidad).
• Crea un prototipo funcional integrando todos los conocimientos; presenta resultados al grupo para retroalimentación.

Análisis de casos en equipo con presentación

• Análisis conjunto de sitios web reales; identificación de buenas prácticas y errores comunes según los temas estudiados.
• Puesta en común mediante presentaciones breves; discusión grupal sobre mejoras posibles.

Simplificación profesional grupal

• Caso ficticio donde se simula la gestión integral del desarrollo web desde planificación hasta evaluación final en equipo.
• Cada miembro aporta su expertise; se evalúa coordinación, comunicación y resultados finales.

4. Autoevaluación Final del Curso

Cierra tu proceso formativo realizando una autoevaluación integral mediante preguntas que cubren todos los temas abordados. Incluye diferentes tipos:

Preguntas tipo opción múltiple

• ¿Cuál es la función principal del lenguaje HTML?
  - a) Crear estilos visuales
  - b) Estructurar contenido
  - c) Programar interactividad
  - d) Optimizar carga