Examen: Construcción de un Sitio Web Personal
Fecha:
Nombre completo:
El objetivo de esta actividad es que demuestren su dominio de los conceptos y componentes
que hemos cubierto en clase. Deberán crear un sitio web de 5 páginas que refleje su
creatividad y capacidad para integrar diferentes elementos.
Instrucciones:
1. Revisión del Material: Antes de comenzar, asegúrense de revisar a fondo todo el
material de contenido que les he proporcionado. Esto incluye apuntes, ejemplos de
código, y cualquier recurso adicional. La clave para un sitio web exitoso es una
comprensión sólida de los fundamentos.
2. Diseño Previo (1.0 punto): El primer paso es fundamental: deben presentar un
diseño del sitio web. Esto puede ser un boceto a mano, un wireframe digital, o un
prototipo básico. La idea es que planifiquen la estructura, la navegación y la
disposición de los elementos antes de escribir una sola línea de código. Este diseño
inicial será calificado y representa 1.0 punto de su nota final.
3. Preparación de Materiales (1.0 punto): Asegúrense de tener listos todos los
textos e imágenes que utilizarán en su sitio web. La organización previa de estos
recursos les ahorrará tiempo y garantizará un flujo de trabajo más eficiente. Este
punto también tendrá una calificación de 1.0 punto.
4. Desarrollo del Sitio Web:
o Creen un sitio web compuesto por cinco páginas HTML distintas.
o Apliquen todos los conocimientos adquiridos en clase. Esto significa que
deben utilizar y demostrar el manejo de los diferentes componentes que
hemos estudiado (ej. etiquetas HTML, CSS básico, enlaces, listas, tablas,
formularios, etc., dependiendo de lo que hayamos cubierto).
o Investigación y Aplicación (Video): Como un reto adicional y para
fomentar su autonomía, deberán consultar en internet cómo insertar un
video en una página web y aplicarlo en al menos una de sus páginas. Este
es un ejemplo de cómo la búsqueda de soluciones por cuenta propia es
crucial en el desarrollo web.
5. Entrega: El sitio web completo deberá ser entregado en un archivo comprimido
(.zip o .rar) que contenga todas las páginas HTML, archivos CSS (si los hay),
imágenes y videos.
Aquí tienes una rúbrica que puedes usar, basada en los criterios que me proporcionaste. He
incluido 4 niveles de desempeño para cada criterio.
Rúbrica de Evaluación de Proyecto Web Básico
Nombre del Alumno/a: _________________________ Fecha:
_________________________
Criterio 4 - 5 Excelente 3 - Bueno 2 - Regular 1 - Insuficiente
El diseño de las
El diseño de las El diseño de las
páginas es
páginas es claro, páginas es
inconsistente o
coherente y generalmente El diseño es
poco claro en
demuestra una claro y confuso,
algunas
1. Planeación planificación coherente, con desorganizado o
secciones. La
(Construcción del detallada. La una inexistente. No
planificación es
Diseño) estructura y el planificación hay evidencia
limitada o no se
flujo de la evidente. La de
refleja
información son estructura es planificación.
completamente
lógicos y fáciles mayormente
en el producto
de seguir. lógica.
final.
La mayoría de Algunos
Todos los Los materiales
los materiales materiales
materiales (textos (textos e
2. Puntualidad y (textos e (textos e
e imágenes) imágenes) no
Responsabilidad imágenes) imágenes)
fueron entregados fueron
(Entrega de fueron fueron
a tiempo y en el entregados, o la
materiales como entregados a entregados tarde
formato correcto, entrega fue muy
textos e imágenes) tiempo y en el o incompletos, o
demostrando alta tardía e
formato en un formato
responsabilidad. incompleta.
correcto. incorrecto.
No se
Se construyeron 5
construyeron las
páginas HTML Se construyeron Se construyeron
páginas, o las
3. Manejo del con todos los 5 páginas menos de 5
páginas
Código HTML elementos HTML con la páginas, o faltan
construidas no
(Construcción de requeridos mayoría de los varios elementos
incluyen los
5 páginas que (títulos, párrafos, elementos requeridos en las
elementos
incluyan: texto viñetas, imágenes, requeridos, páginas. El
básicos
título, texto videos) de manera funcionando código presenta
requeridos o no
párrafo, viñetas, correcta y correctamente. errores o es
funcionan. El
imágenes, videos) funcional. El El código es difícil de
código es
código es limpio y comprensible. entender.
incorrecto o
bien estructurado.
inexistente.
