Eduteka+

Rúbrica Analítica para la Creación de una Página Web Básica con HTML y CSS

Rúbrica Analítica Tecnología e Informática Informática 5 niveles 8 nov 2026 CC BY-SA 4.0

Creado por Sindy D.

DOCX PDF

Cómo fue en el aula

Todavía nadie ha contado cómo le fue con este recurso.

Esta rúbrica evalúa el diseño, estructura y estilo de una página web creada con HTML5 y CSS, enfocándose en la correcta aplicación de etiquetas fundamentales y estilos visuales para mejorar la presentación y experiencia del usuario. Está dirigida a estudiantes de 15 a 17 años en el área de Tecnología e Informática.

Rúbrica Analítica para la Creación de una Página Web Básica con HTML y CSS

Esta rúbrica evalúa el diseño, estructura y estilo de una página web creada con HTML5 y CSS, enfocándose en la correcta aplicación de etiquetas fundamentales y estilos visuales para mejorar la presentación y experiencia del usuario. Está dirigida a estudiantes de 15 a 17 años en el área de Tecnología e Informática.
Criterios de Evaluación Excelente (5) Sobresaliente (4) Bueno (3) Aceptable (2) Bajo (1)
Uso correcto de etiquetas HTML5 fundamentales Emplea todas las etiquetas HTML5 básicas correctamente y de forma semántica, garantizando estructura clara. Utiliza la mayoría de etiquetas HTML5 fundamentales correctamente con mínimas imprecisiones. Aplica las etiquetas básicas pero con algunos errores en la semántica o estructura. Utiliza pocas etiquetas HTML5 o con errores frecuentes que afectan la estructura. No utiliza etiquetas HTML5 adecuadas o la estructura es confusa.
Estructura y organización del contenido La página está organizada lógicamente con secciones claras y contenido bien distribuido. La estructura es clara con algunas secciones bien definidas, aunque hay detalles por mejorar. La organización es aceptable pero presenta inconsistencias en la distribución del contenido. La estructura es pobre y dificulta la comprensión del contenido. La página carece de organización, el contenido está desordenado y confuso.
Implementación de enlaces y navegación básica Enlaces funcionan correctamente, con navegación clara y coherente dentro y fuera de la página. Enlaces mayormente funcionales con navegación adecuada, pero con pequeños errores. Algunos enlaces funcionan, pero hay errores que afectan la navegación. Enlaces limitados y con problemas frecuentes que dificultan la navegación. No hay enlaces o no funcionan, impidiendo la navegación.
Aplicación de estilos CSS para presentación visual Utiliza CSS para crear un diseño visual atractivo, coherente y profesional. Aplica estilos CSS que mejoran la presentación, aunque con detalles por pulir. Se usan estilos básicos, pero la presentación visual es simple o inconsistente. Los estilos CSS son escasos o poco efectivos para mejorar la apariencia. No aplica estilos CSS o la presentación es deficiente y poco atractiva.
Uso de propiedades CSS para diseño responsivo La página se adapta correctamente a diferentes tamaños de pantalla y dispositivos. Se implementan estilos responsivos con algunas limitaciones menores. La página muestra adaptabilidad limitada en algunos dispositivos o resoluciones. Poca o ninguna adaptación responsiva, dificultando la visualización en otros dispositivos. No presenta adaptabilidad responsiva, causando problemas en la visualización móvil.
Consistencia en la aplicación de estilos y formato Los estilos son consistentes en toda la página, manteniendo uniformidad y armonía. La mayoría de estilos son consistentes, con pequeños errores aislados. Existen inconsistencias notables en la aplicación de estilos entre secciones. Los estilos son mayormente inconsistentes, afectando la coherencia visual. No hay consistencia en los estilos, generando un diseño desordenado.
Validación y corrección de errores en código HTML y CSS El código está libre de errores y cumple con los estándares recomendados. El código presenta pocos errores menores que no afectan la funcionalidad. Existen errores que afectan levemente la presentación o estructura. Errores frecuentes que afectan la funcionalidad o presentación de la página. El código tiene múltiples errores que impiden la correcta visualización o funcionamiento.
Originalidad y creatividad en el diseño Demuestra creatividad y originalidad destacada en la estructura y estilos aplicados. Presenta algunas ideas creativas que mejoran el diseño básico. El diseño es funcional pero poco creativo o repetitivo. Escasa creatividad, diseño muy básico y poco atractivo. No se evidencia creatividad; diseño pobre y sin innovación.

Crea tus propias rúbricas con IA

7 tipos de rúbricas disponibles · 100 créditos gratuitos cada mes

Comenzar gratis