Clase Diseño y programación semana 18/05/2026

Evaluación N°2 – Desarrollo de Sitio Web Onepage

Unidad II: Desarrollo de interfaces de aplicaciones web y uso de frameworks

Introducción

La asignatura Diseño y Programación corresponde al área formativa de especialidad de diseño y tiene un enfoque principalmente práctico, orientado al desarrollo de sitios web básicos utilizando herramientas y estándares de la industria. Durante el desarrollo del curso, los estudiantes aplicarán conocimientos relacionados con diseño responsivo, implementación de interfaces web y programación básica, considerando la adaptabilidad en múltiples dispositivos y la comunicación efectiva.

En esta evaluación, los estudiantes deberán desarrollar un sitio web tipo onepage, siguiendo un ejercicio guiado presentado clase a clase por el docente. El proyecto busca fortalecer habilidades técnicas relacionadas con la creación de interfaces web responsivas utilizando plataformas profesionales como WordPress y Elementor, además de comprender la importancia de la estructura visual y funcional de un sitio web moderno.

Desarrollo

La presente evaluación se relaciona directamente con el aprendizaje esperado:

Aprendizaje Esperado 2.1

Propone interfaz de página web, para dar respuesta a los requerimientos de un encargo, considerando estándares para sitios responsivos, con funciones y roles definidos y colaborativos dentro del equipo de trabajo.

Para el desarrollo del proyecto, el estudiante deberá construir un sitio web onepage respetando las instrucciones, estructura y ejercicios trabajados durante las clases.

Etapas del Proyecto

Etapa Uno: Creación del Sitio Web

Plataforma: CDmon

El estudiante deberá:

• Crear un nuevo servidor bajo el formato:
  nombrecreado.com

WordPress

Posteriormente deberá realizar:

• Instalación del CMS WordPress.

• Instalación y activación de tres plugins esenciales.

• Instalación y activación del tema base trabajado en clases.

Etapa Dos: Desarrollo del Sitio Web

Elementor

El estudiante deberá construir el sitio web onepage considerando tres formatos responsivos:

• Pantalla

• Tableta

• Teléfono

Cada formato deberá adaptarse correctamente al tamaño del dispositivo, respetando criterios de diagramación, distribución de contenido y visualización responsive.

Etapa Tres: Armado del Sitio Web

El estudiante deberá completar el sitio web utilizando:

• Fotografías proporcionadas en la base de datos facilitada.

• Texto entregado por el docente.

Se evaluará la correcta organización visual, uso de gadgets y coherencia de la interfaz web.

Formato de Entrega

El estudiante deberá entregar:

Acceso a WordPress

• URL administrador (wp-admin)

• Usuario y contraseña del servidor CDmon

• Usuario y contraseña de WordPress

⚠️ Importante:
Es responsabilidad del estudiante revisar y verificar que todos los datos solicitados permitan el acceso correcto al sitio web para su evaluación. En caso de que los accesos presenten errores o no permitan ingresar al sitio, el proyecto será evaluado con la nota mínima.

Conclusión

Esta evaluación permitirá que los estudiantes integren conocimientos técnicos y prácticos relacionados con el desarrollo de interfaces web responsivas mediante el uso de frameworks y herramientas profesionales de la industria. A través de la construcción de un sitio web onepage, se busca fortalecer competencias vinculadas al diseño visual, organización de contenidos y adaptabilidad multiplataforma.

Además, el proyecto permitirá aplicar criterios fundamentales en la construcción de interfaces web, considerando estándares actuales de diseño responsivo y experiencia de usuario.

En relación con los criterios de evaluación, el estudiante deberá identificar correctamente los elementos de un framework dentro de una interfaz web responsiva y seleccionar adecuadamente los componentes necesarios para la construcción del sitio, considerando los requerimientos técnicos y visuales del encargo planteado.

ndicaciones de entrega

En la plataforma AAI se habilitará la tarea para que carguen la documentación en la fecha correspondiente.  Para la recepción del proyecto el estudiante debe tener como mínimo el 60% de asistencia a clases de la unidad, caso contrario será evaluado directamente con la nota mínima. Una vez finalizado el plazo, se bloqueará el acceso a subir la tarea.  Se recomienda evitar realizar la carga en el último minuto, dado que existe la posibilidad de fallas en el sistema y problemas de conexión que podrían surgir. Es aconsejable planificar con antelación para prevenir inconvenientes. NO SE RECIBIRÁN ENTREGAS POR CORREO O CHAT sin excepciones.  Carpetas vacías o errores al enviar el link serán evaluadas con la nota mínima.  Aquellos que no envíen el proyecto en las fechas de evaluación recibirán una calificación mínima, a menos que justifiquen su ausencia de acuerdo con los protocolos establecidos en el Reglamento Académico.

Criterio	Excelente	Bueno	Aceptable	Insuficiente
Identifica elementos de un framework en un sitio web, considerando estándares de construcción de interfaces responsivas	Identifica correctamente todos los elementos del framework y aplica adecuadamente estándares responsivos en la interfaz web.	Identifica la mayoría de los elementos del framework con leves errores en la aplicación de estándares responsivos.	Reconoce parcialmente los elementos del framework, presentando errores en la estructura responsiva.	No identifica correctamente los elementos del framework ni los estándares responsivos.
Selecciona componentes en la construcción de una interfaz web, considerando los requerimientos de un encargo	Selecciona y utiliza correctamente todos los componentes requeridos en la interfaz web.	Selecciona la mayoría de los componentes correctamente, con pequeños errores de aplicación.	Selecciona algunos componentes, pero de forma incompleta o poco adecuada.	No selecciona correctamente los componentes requeridos para la interfaz.
Diseña correctamente la estructura framework (layout) para el formato navegador (pantalla)	Diseña un layout completo, organizado y funcional para pantalla, respetando la estructura solicitada.	Diseña un layout funcional con pequeños errores de organización o distribución.	El layout presenta problemas de estructura o jerarquía visual.	No logra diseñar correctamente el layout solicitado.
Adapta correctamente la estructura framework para los formatos tableta - celular	Adapta correctamente el framework en ambos formatos, manteniendo funcionalidad y coherencia visual.	La adaptación es adecuada, aunque presenta pequeños errores visuales o de distribución.	La adaptación presenta problemas evidentes de organización o responsividad.	No adapta correctamente el framework para tableta y celular.
Diseña correctamente el armado del contenido del sitio web a partir de la base de datos facilitada	Organiza y presenta correctamente todo el contenido, logrando coherencia visual y funcional.	Presenta correctamente la mayor parte del contenido, con pequeños detalles mejorables.	El contenido presenta errores de organización, jerarquía o presentación visual.	No organiza correctamente el contenido o presenta información incompleta.