PlanMaestro / Currículo / Tecnología De La Información 11° / DISEÑO Y PUBLICACIÓN DE UN SITIO WEB

DISEÑO Y PUBLICACIÓN DE UN SITIO WEB · Tecnología De La Información 11°

Objetivos, contenidos e indicadores de logro oficiales de DISEÑO Y PUBLICACIÓN DE UN SITIO WEB en Tecnología De La Información 11°. Genera tu planificación didáctica con PlanMaestro.

Objetivos de aprendizaje

  • Aplica los fundamentos, principios y herramientas de diseño web para crear sitios funcionales y atractivos, en entornos académicos o profesionales, mediante el uso de editores visuales y buenas prácticas de UX/UI.
  • Incorpora criterios de accesibilidad, inclusión y diseño responsivo para garantizar una experiencia óptima para todos los usuarios, en el desarrollo de proyectos digitales, utilizando pruebas y ajustes en distintos dispositivos.
  • Respeta la ética y los derechos en la publicación digital para producir y compartir contenido legal y responsable, en plataformas web, mediante la correcta aplicación de licencias y atribuciones.
  • Gestiona la publicación, mantenimiento y actualización de sitios web para asegurar su vigencia, seguridad y confiabilidad, en la administración de proyectos digitales, a través de revisiones periódicas.

Contenidos 1

Conceptuales

  • . 1. Fundamentos del diseño web
  • 1.1 Historia y evolución del diseño web.
  • 1.2 Definición y propósito
  • 1.3 Elementos básicos del diseño: estructura, navegación, contenido, color, tipografía.
  • 1.4 Principios de diseño centrado en el usuario (UX/UI)
  • 1.5 Tipos de páginas web: informativas, blogs, portafolios, tiendas, educativas

Procedimentales

  • Reconocimiento de la historia y evolución del diseño web.
  • Identificación de la definición y propósito del diseño web en casos reales.
  • Análisis de elementos básicos del diseño web.
  • Evaluación de principios de diseño centrado en el usuario.
  • Clasificación de tipos de páginas web según sus características y finalidades.

Actitudinales

  • Valoración del diseño web como componente esencial del desarrollo tecnológico y cultural.
  • Comprensión del impacto y la aplicación del diseño web en diversos contextos reales.
  • Reflexión crítica sobre la composición visual y funcional de los sitios web.
  • Promoción del respeto y la empatía hacia las necesidades del usuario final.
  • Organización y observación analítica de la diversidad de sitios web con criterio técnico.

Indicadores de logro

  • Identifica los principales hitos en la historia y evolución del diseño web a través de lecturas, líneas de tiempo y debates en clase.
  • Explica el propósito y los elementos básicos de un sitio web (estructura, navegación, contenido, color y tipografía) mediante exposiciones orales y cuadros comparativos.
  • Aplica principios de UX/UI en la elaboración de páginas web sencillas utilizando editores visuales en prácticas de laboratorio.
  • Analiza la adecuación del tipo de página web (informativa, blog, portafolio, tienda, educativa) comparando ejemplos reales de sitios existentes.

2. Ética y derechos en la publicación digital

Conceptuales

  • 2.1 Uso responsable de imágenes, textos y recursos en línea.
  • 2.2 Derechos de autor, licencias libres y Creative Commons.
  • 2.3 Responsabilidad al crear y compartir contenidos en la web.

Procedimentales

  • Evaluación del uso responsable de imágenes, textos y recursos en línea.
  • Verificación de derechos de autor y selección de licencias libres.
  • Aplicación de criterios de responsabilidad al crear y compartir contenidos en la web.

Actitudinales

  • Concienciación ética y legal sobre el uso responsable de contenidos digitales.
  • Adquisición de compromiso con la propiedad intelectual y el respeto a los autores.
  • Manifestación de responsabilidad y cuidado en la difusión de información en la web.
  • Promoción del uso consciente de licencias digitales como medio para proteger y compartir responsablemente la producción propia y ajena.

Indicadores de logro

  • Reconoce los derechos de autor y licencias libres al revisar casos y recursos digitales en plataformas web.
  • Aplica correctamente licencias Creative Commons al publicar imágenes, textos o videos en proyectos grupales.
  • Diferencia entre el uso legal y el uso indebido de recursos digitales mediante análisis de ejemplos en foros o talleres de discusión.
  • Justifica la importancia de la ética y la responsabilidad digital en ensayos y presentaciones orales con casos prácticos.
  • Produce y comparte recursos digitales de manera legal, segura y responsable al entregar proyectos académicos publicados en la web.

3. Estructura de un sitio web

Conceptuales

  • 3.1 Página de inicio, secciones, menús y pie de página.
  • 3.2 Jerarquía visual y organización del contenido.
  • 3.3 Bocetos (wireframe) y esquemas previos al diseño final.
  • 3.4 Sitios estáticos y dinámicos
  • 3.5 Principios de accesibilidad digital (diseño para todos)
  • 3.6 Contrastes, lectura fácil, navegación intuitiva

Procedimentales

  • Elaboración de la estructura base de un sitio web con página de inicio, secciones, menús y pie de página.
  • Organización jerárquica del contenido para mejorar la experiencia de navegación.
  • Comparación entre sitios dinámicos y estáticos.
  • Integración de principios de accesibilidad digital en el diseño de páginas web.
  • Optimización de contraste, tipografía, navegación.

Actitudinales

  • Demostración del compromiso y orden en la organización de contenidos digitales.
  • Valoración de la estética y funcionalidad como aspectos clave para la usabilidad web.
  • Expresión de una actitud inclusiva al aplicar principios de accesibilidad digital para todos los usuarios
  • Manifestación de responsabilidad al diferenciar y seleccionar estructuras adecuadas según el tipo de sitio (estático o dinámico).

Indicadores de logro

  • Identifica los componentes básicos de un sitio web: página de inicio, secciones, menús y pie de página en prácticas guiadas con sitios reales.
  • Organiza contenidos aplicando jerarquías visuales claras al diseñar esquemas de estructura en ejercicios de aula.
  • Elabora bocetos (wireframes) en papel o mediante herramientas digitales antes de la construcción final de un sitio.
  • Diferencia entre sitios web estáticos y dinámicos a través de la observación y comparación de ejemplos en línea.
  • Implementa principios de accesibilidad digital al diseñar páginas web de prueba.

4. Herramientas para diseño web sin código

Conceptuales

  • 4.1 Editores visuales
  • 4.2 Personalización de plantillas
  • 4.3 Imágenes, videos, enlaces y botones
  • 4.4 Diseño responsive (adaptable a móvil/tablet/PC) . 5. Publicación de sitios web
  • 5.1 Dominio, hosting y plataformas gratuitas vs. Pagadas.
  • 5.2 Proceso básico de publicación en WordPress o editores similares.
  • 5.3 Actualización, mantenimiento y revisión del sitio.
  • 5.4 Prácticas seguras para publicar contenido confiable y seguro. .

Procedimentales

  • Exploración de editores visuales.
  • Personalización de plantillas según el objetivo del sitio.
  • Inserción de elementos multimedia.
  • Configuración de diseño responsivo adaptable a diferentes dispositivos.
  • Comparación de servicios de hosting y dominio.
  • Ejecución del proceso básico de publicación en WordPress o editores similares.
  • Actualización y mantenimiento del sitio web.
  • Aplicación de prácticas seguras de publicación se sitios web.

Actitudinales

  • Manifestación de interés y disposición para aprender herramientas tecnológicas para diseño web sin código.
  • Expresión de creatividad y proactividad en la aplicación del diseño digital utilizando plantillas de diseño web.
  • Valoración de la integración de recursos diversos para enriquecer la experiencia web.
  • Manifestación de compromiso con la usabilidad y coherencia visual al personalizar plantillas y recursos multimedia.
  • Demostración de responsabilidad en la verificación de la compatibilidad en distintos dispositivos.
  • Elección responsable de los servicios adecuados para la publicación de sitios web
  • Ejecución responsable y comprometida con el mantenimiento y actualización de un sitio web.
  • Disposición ética y preventiva con relación a la seguridad y la protección del contenido que publica.
  • Demostración de proactividad en la resolución de problemas técnicos durante la publicación y mantenimiento
  • Valoración de la importancia de la confiabilidad y seguridad como pilares de la gestión de proyectos digitales

Indicadores de logro

  • Utiliza editores visuales para crear y personalizar plantillas de sitios web durante talleres prácticos en laboratorio.
  • Inserta imágenes, videos, enlaces y botones en el desarrollo de un proyecto digital de aula.
  • Ajusta diseños para que sean responsivos probando su funcionamiento en móviles, tablets y PC.
  • Evalúa la usabilidad de un sitio web mediante pruebas de navegación entre compañeros en distintos dispositivos.
  • Crea sitios web funcionales aplicando herramientas de diseño sin necesidad de programación en proyectos colaborativos presentados públicamente.
  • Reconoce los conceptos de dominio, hosting y las diferencias entre plataformas gratuitas y pagadas mediante comparaciones en cuadros de análisis.
  • Publica sitios básicos en plataformas como WordPress u otros editores similares durante actividades prácticas de clase.
  • Aplica prácticas seguras en la publicación de contenidos digitales al configurar permisos y contraseñas en proyectos simulados.
  • Mantiene y actualiza periódicamente los sitios web, realizando revisiones programadas en clase o como tarea de seguimiento.
  • Gestiona la administración integral de proyectos digitales en equipos de trabajo, garantizando seguridad y confiabilidad en la entrega final.

Genera tu planificación de esta área

Crea tu perfil, selecciona Tecnología De La Información 11° y genera tu planificación de esta área.

Prueba gratis 2 planificaciones