DOCENCIA PÁGINA 1

OFICINA DE DESARROLLO ACADÉMICO DE: 5

FORMATO ELABORACIÓN TAREA VERSIÓN: 01

Curso Programación WEB

Docente Jose Luis Aguilar
Fecha 1/07/2020 Corte 1
Nombre de la Tarea Tipo de Manual a través de
actividad realimentación rúbrica
Competencia 1. Identifica los diferentes lenguajes de programación para el desarrollo
de software teniendo en cuenta las necesidades del contexto.
2. Reconoce las técnicas y herramientas adecuadas que permitan la
solución de problemas de software de mediana complejidad por medio de
las estructuras computacionales y un lenguaje sintáctico.

Escriba las instrucciones para el desarrollo de la actividad en la siguiente tabla

Propósito de la actividad Estimado estudiante, la segunda actividad del

curso Programación WEB, pretende la
maquetación de una página web de acuerdo a los
requisitos del cliente y usando los temas vistos
en clase.
Saberes Identifica la sintaxis necesaria para maquetar
una página web de manera responsive
Organización Individual
Procedimiento para el desarrollo de la 1. Con el propósito de conocer sus conceptos
actividad: previos, inicialmente debe responder las
siguientes preguntas:
• ¿Qué es maquetación?
• ¿Qué es un requisito de un sistema?
• ¿Qué es la etiqueta nav?
2. Luego lea las diapositivas “semana 1,
semana 2, semana 3, semana 4 y 5”, las
encuentra dispuestos en los materiales de apoyo
de este curso.
 3. Regrese nuevamente a las preguntas iniciales
y compare las respuestas con el conocimiento
producto de la lectura y responda:
• ¿Qué cosas nuevas aprendió?
• ¿Qué cosas corrigió de sus saberes?
• ¿Qué elementos le llamó la atención?
4. Finalmente, va a realizar la “página web”
sobre tema libre, esto quiere decir que puede
seleccionar el tema de su agrado, por ejemplo,
una hoja de vida, una página de comercio, una
página de futbol, de biográfica, etc.
La página deberá contar con:
- Un banner
- Un menú
- Un pie de página
- Una división en el cuerpo de la página
que permita visualización organizada
- Característica Responsive
Recuerde que debe organizar su proyecto
dejándolo listo para subirlo a un servidor, esto
quiere decir que debe tener un archivo index.php
en la raíz del proyecto y deberá contener las
siguientes carpetas:
- Carpeta Raíz (nombre proyecto)
o Carpeta CS
o Carpeta JavaScript
o Carpeta Imágenes
o Carpeta Páginas
Producto o evidencia Luego de elaborar la “página web” con las
indicaciones anteriores se debe organizar su
entrega de la siguiente manera.
Modo de entrega: Actividad -Tarea, Tipo de
archivo comprimido en .rar o .zip.
Recursos o materiales para desarrollar la Textos:
actividad
• “semana 1”
• “semana 2”
• “Semana 3”

Página 2 de 5
Instrumento para valorar la actividad Rúbrica de evaluación

Estimado estudiante, la segunda actividad del curso Programación WEB, pretende la

maquetación de una página web de acuerdo a los requisitos del cliente y usando los temas vistos
en clase.
1. Con el propósito de conocer sus conceptos previos, inicialmente debe responder las siguientes
preguntas:
• ¿Qué es maquetación?
• ¿Qué es un requisito de un sistema?
• ¿Qué es la etiqueta nav?
2. Luego lea las diapositivas “semana 1, semana 2, semana 3, semana 4 y 5”, las encuentra
dispuestos en los materiales de apoyo de este curso.
3. Regrese nuevamente a las preguntas iniciales y compare las respuestas con el conocimiento
producto de la lectura y responda:
• ¿Qué cosas nuevas aprendió?
• ¿Qué cosas corrigió de sus saberes?
• ¿Qué elementos le llamó la atención?
4. Finalmente, va a realizar la “página web” sobre tema libre, esto quiere decir que puede seleccionar
el tema de su agrado, por ejemplo, una hoja de vida, una página de comercio, una página de futbol,
de biográfica, etc.
La página deberá contar con:
- Un banner
- Un menú
- Un pie de página
- Una división en el cuerpo de la página que permita visualización organizada
- Característica Responsive
Recuerde que debe organizar su proyecto dejándolo listo para subirlo a un servidor, esto quiere decir
que debe tener un archivo index.php en la raíz del proyecto y deberá contener las siguientes carpetas:
- Carpeta Raíz (nombre proyecto)
o Carpeta CS
o Carpeta JavaScript
o Carpeta Imágenes
o Carpeta Páginas

Página 3 de 5
4. Finalmente, va a realizar una página web donde se evidenciará sus conocimientos adquiridos en
sintaxis de HTML, CSS y JavaScript y como maquetar dicha página para un aspecto organizado
y responsive.
Textos para leer y apoyar sus actividades:
• “semana 1”
• “semana 2”
• “semana 3, 4 y 5”
Después de la lectura:
▪ Elabore resúmenes
▪ Formule y responda preguntas
▪ Utilice organizadores gráficos
Evidencia de aprendizaje: Luego de elaborar la “página web” con las indicaciones anteriores se
debe organizar su entrega de la siguiente manera.
Modo de entrega: Actividad -Tarea, Tipo de archivo documento comprimido.

Página 4 de 5
Rúbrica de evaluación

Competencia: 1. Identifica los diferentes lenguajes de programación para el desarrollo de software

teniendo en cuenta las necesidades del contexto.
2. Reconoce las técnicas y herramientas adecuadas que permitan la solución de problemas de software
de mediana complejidad por medio de las estructuras computacionales y un lenguaje sintáctico.
Niveles de Dominio
Indicadores
Criterios de
de
evaluación Excelente Alto Medio Bajo
evaluación

Utiliza la Aunque hace uso del

Utiliza la
estructura de lenguaje HTML 5 de
estructura de
HTML 5, pero no forma correcta en su
Utiliza la estructura HTML 5 en un
esta con la sintaxis, no sigue la
Emplea la de HTML 5 en la 50% de su
sintaxis y estructura de
sintaxis de maquetación de la sintaxis,
distribución maquetación correcta.
HTML 5 página con la omitiendo ciertas
correcta, se
sintaxis correcta. estructuras de
encuentra en un
maquetación.
80%.

4.5 – 5.0 4.0 – 4.4 3.0 – 3.9 0.0 – 2.9

CALIFICACIÓN

Maqueta una Se observa la Se observa la Se observa la No se observa la

aplicación de estilo aplicación de aplicación de aplicación de menú
página web de inline-block en el estilo inline-block estilo inline-block con estilo CSS.
acuerdo a los menú. en el menú. en el menú.
requerimientos (80%) No aplica los estilos de
Identifica la Identifica la distribución por caja,
del cliente distribución o
Identifica la distribución o para una buena
maquetación a
distribución o maquetación a maquetación.
través de los estilos
maquetación a través de los
por cajas. través de los estilos por cajas, No establece
estilos por cajas. pero su validaciones.
Establece las (80%) aplicación es
validaciones de deficiente.
Aplica estilos cajas de texto Establece las Aplica colores y estilos
CSS y según la sintaxis validaciones de Establece las coherentes y
validaciones JS correcta de JS. cajas de texto validaciones de armoniosos a la
según la sintaxis cajas de texto página siguiente la
Aplica colores y correcta de JS. según la sintaxis estructura de un CSS
estilos coherentes (80%) correcta de JS, externo.
y armoniosos a la pero no lo aplica
página siguiente la Aplica colores y en toda la página.
estructura de un estilos
CSS externo.. coherentes y Aplica colores y
armoniosos a la estilos
página siguiente coherentes y
la estructura de armoniosos a la
un CSS externo. página siguiente
la estructura de
un CSS externo.
Ponderación
4.5 – 5.0 4.0 – 4.4 3.0 – 3.9 0.0 – 2.9
total: 5 CALIFICACIÓN
puntos

Página 5 de 5