SISTEMA DE GESTIÓN DE LA CALIDAD

CÓDIGO: USAT-PM0401-D-01

VERSIÓN: 04

FACULTAD DE INGENIERÍA

PROGRAMA DE ESTUDIOS DE INGENIERÍA DE SISTEMAS Y COMPUTACIÓN

SÍLABO DE DISEÑO WEB

I. DATOS INFORMATIVOS

1.1 Asignatura: DISEÑO WEB

1.2 Código: 1205701C10IN

1.3 Ciclo del plan de estudios: V

1.4 Créditos: 3

1.5 Tipo de asignatura: (X) Obligatorio ( ) Electivo

1.6 Prerrequisito: DISEÑO DE SOFTWARE

N° de horas teóricas: 1

1.7 Número de horas semanales: N° de horas prácticas: 4

N° de horas totales: 5

1.8 Duración: Del (23/08) al (11/12/2021)

1.9 Semestre académico: 2021-II

1.10 Grupo Horario: A

ERNESTO LUDWIN NICHO CORDOVA

1.11 Docente coordinador:
[email protected]

ERNESTO LUDWIN NICHO CORDOVA

1.12 Docente(s):
[email protected]

Educación Remota de Emergencia (ERE)

1.13 Modalidad: (RCD 039-2020-SUNEDU / RVM 085-2020-MINEDU)
 II. SUMILLA

La asignatura de DISEÑO WEB corresponde al área de formación especializada y tiene naturaleza teórico
práctica. Es de carácter obligatorio y se propone que el estudiante diseñe sitios web responsivos utilizando
metodologías, buenas prácticas y herramientas tecnológicas actuales que el mercado requiera, que
aporten a la presencia digital de las personas y organizaciones con alto impacto visual y debidamente
estructurado. Comprende los siguientes contenidos: Fundamentos de diseño gráfico, edición de imágenes,
comunicación Gráfica, fundamentos para el diseño de sitios web, experiencias de usuario, desarrollo Front-
end, herramientas para la creación de sitios web e interactividad, maquetación web, maquetado avanzado,
desarrollo de animaciones, Responsive Web Design, Framework para diseño de sitios web, Sistemas
Gestores de Contenidos (CMS), presupuesto web. La asignatura está relacionada con el eje transversal de
Investigación.

III. COMPETENCIA(S)

3.1 Competencia(s) de perfil de egreso

La asignatura DISEÑO WEB, que corresponde al área de estudios de Especialidad, contribuye al logro del
perfil de egreso, específicamente a la(s) competencia(s):
- CE3: DESARROLLO DE SOFTWARE: Desarrollar software que brinde soporte a los procesos
organizacionales y la toma de decisiones, mediante la aplicación de estándares de calidad, modelos,
metodologías y herramientas modernas, en consideración a las normativas vigentes.
- CG4: COMUNICACIÓN ORAL Y ESCRITA: El estudiante se comunica fluidamente de forma oral y escrita
en su lengua materna, además en un nivel B1 de un idioma extranjero , y haciendo uso adecuado de las
Tics.

3.2 Logro(s) de la asignatura

Diseña sitios web responsivos mediante la utilización de metodologías, buenas prácticas y herramientas
tecnológicas actuales que el mercado requiera, que aporten a la presencia digital de las personas y
organizaciones con alto impacto visual y debidamente estructurado.

IV. UNIDADES DIDÁCTICAS

 Unidad didáctica N° 01: Generalidades del Diseño Gráfico y Diseño Web

Resultado de aprendizaje N° 01 (RA1):

Diseña páginas web con herramientas de diseño gráfico y maquetado web básico. Contenidos
RA1 = IND1(0.20) + IND2(0.20) + IND3(0.30) + IND4(0.30)

Indicadores Evaluación 1.1 Presentación silabo

1.2 Evaluación de entrada
1.3 Idea de proyecto
Descripción Peso Evidencia Peso Instrumentos 1.4 FUNDAMENTOS DE DISEÑO GRÁFICO:
1.5 El Concepto
1.6 Tipos de Diseño
IND1: Diseña 1.7 Elementos visuales, el boceto,
elementos gráficos Prom. alineación, principios de la Gestalt
20.00 Practica calificada 01 Simple Rúbrica1 1.8 La composición
mediante herramientas
de diseño gráfico. 1.9 USO DE EDITORES GRÁFICOS:
1.10 Inskape (diseño vectorial)
1.11 FUNDAMENTOS DE DISEÑO GRÁFICO:
IND2: Identifica 1.12 Pixel y resoluciones
terminología Prom. 1.13 Mapa de bits y vectores
20.00 Examen teórico 01 Simple Cuestionario 1.14 Sistemas de colores
relacionada al diseño 1.15 Tipografía en el diseño
web. 1.16 USO DE EDITORES GRÁFICOS:
1.17 Gimp (retoque fotográfico)
IND3: Aplica HTML5 y 1.18 Casos prácticos
Prom. 1.19 Práctica Calificada 01
CSS para el diseño de 30.00 Practica calificada 02 Simple Rúbrica2 1.20 FUNDAMENTOS PARA EL DISEÑO DE
páginas web. SITIOS WEB:
1.21 Experiencias de usuario
1.22 Filosofías de diseño: Mobile first /
Responsive Web design, Pencil Project
1.23 Desarrollo Front-end y Backend.
1.24 Herramientas para la creación de
prototipos
1.25 Claves para la creación de paginas web
efectivas
1.26 Repositorio de código: Gitlab, github
1.27 Editores de texto: Sublime Text, Visual
Studio Code
IND4: Diseña wireframe 1.28 Cuestionario 01
del proyecto de curso Avance 01 del proyecto Prom. 1.29 Estructuras y etiquetas HTML
30.00 Simple Rúbrica3 1.30 Creación de páginas HTML..
en base a los requisitos del curso
1.31 Formularios con HTML
y software propuestos. 1.32 Hojas de Estilo: CSS y CSS3
1.33 Creación de páginas HtML con CSS.
1.34 Casos de aplicación
1.35 Responsive Web Design: Definición e
importancia. Páginas responsivas con
Columnas
1.36 Responsive Web Design utilizando
Grid.
1.37 Práctica Calificada 02
1.38 Avance 01 de proyecto de curso

Unidad didáctica N° 02: Maquetado Avanzado para el diseño de Sitios Web.

Resultado de aprendizaje N° 02 (RA2):

Diseña páginas web con herramientas de maquetado avanzado. Contenidos
RA2 = IND5(0.40) + IND6(0.60)

Indicadores Evaluación
2.1 JavaScript. Fundamentos de
Descripción Peso Evidencia Peso Instrumentos programación
2.2 Estructuras de programación en
JavaScript
IND5: Aplica 2.3 Librería JavaScript: Jquery
programación 2.4 LocalStorage (HTML5 Api)
JavaScript, librerías y Prom. 2.5 Casos de aplicación
40.00 Practica calificada 03 Simple Rúbrica4 2.6 DESARROLLO DE ANIMACIONES:
frameworks para el
2.7 Animaciones con CSS
diseño de páginas web 2.8 Librerías JS para animaciones
dinámicas. 2.9 Framework para diseño de sitios web.
Bootstrap
2.10 Casos de aplicación
IND6: Diseña prototipo 2.11 Práctica Calificada 03
del proyecto de curso Avance 02 del proyecto Prom. 2.12 Avance 02 de proyecto de curso
60.00 Simple Rúbrica5
en base a los requisitos del curso
y software propuesto.
 Unidad didáctica N° 03: Uso de CMS para el diseño de sitios Web y Presupuesto Web

Resultado de aprendizaje N° 03 (RA3):

Diseña sitio web utilizando CMS y herramientas de diseño web. Contenidos
RA3 = IND7(0.30) + IND8(0.70)

Indicadores Evaluación

Descripción Peso Evidencia Peso Instrumentos

3.1 Presupuesto web.

IND7: Diseña un sitio 3.2 Casos de aplicación
Prom.
web mediante el uso 30.00 Practica calificada 04 Simple Rúbrica6 3.3 Sistemas Gestores de Contenidos (CMS)
de CMS. 3.4 Evaluación de diferentes tipos de CMS
3.5 Práctica Calificada 04
3.6 Proyecto final del curso
IND8: Presenta el sitio
web del Proyecto de Prom.
curso en base a los 70.00 Proyecto final del curso Simple Rúbrica7
avances y requisitos
propuestos.

V. ESTRATEGIAS DIDÁCTICAS

Para el desarrollo de la asignatura se emplearán las siguientes estrategias didácticas:

• Videoconferencia:
Es la presentación de un tema lógicamente estructurado por el cual el docente, valiéndose de todos los
recursos de un lenguaje didáctico adecuado, presenta a los alumnos un tema nuevo, definiéndolo,
analizándolo y explicándolo.
Se empleará para ello la plataforma Zoom

• Taller virtual:
Permite la aplicación práctica de la materia, mediante la resolución de ejercicios, problemas o casos
planteados, solicitando a los estudiantes que desarrollen soluciones mediante la ejercitación de rutinas, la
aplicación de procedimientos y la interpretación de los resultados.
Se empleará para ello la plataforma Zoom, lenguaje HTML, CSS, JavaScript, Visual Studio Code,
Herramientas de software libre, aula virtual USAT

• Método de casos:
Método activo de aprendizaje que parte de la descripción de una situación realista. Normalmente tiene
que ver con una decisión, un desafío, una oportunidad o un problema. Permite desarrollar el pensamiento
crítico del estudiante, desarrollar competencias sociales (saber escuchar, respetar opiniones, abrirse a otras
perspectivas) así como mejorar la comprensión de teorías y sus aplicaciones.
Se empleará para ello plataforma Zoom, lenguaje HTML, CSS, JavaScript, Visual Studio Code, Herramientas
de software libre, aula virtual USAT

VI. EVALUACIÓN
 6.1 Criterios de evaluación

La calificación para todas las asignaturas, se realizará en la escala vigesimal, es decir, de cero (00) a veinte
(20). La nota aprobatoria mínima es catorce (14).

La evaluación será formativa y sumativa, se aplicará evaluaciones de entrada y de salida, considerando las
evidencias (por ejemplo informes, exposiciones sobre textos académicos) e instrumentos que se
emplearán para la evaluación de cada una de ellas. Por ejemplo: listas de cotejo, escalas estimativas,
rúbricas, pruebas de ensayo etc.

Normatividad:

- El tiempo de tolerancia para el ingreso a las sesiones de clases es de 10 minutos.

- La asistencia a clases es obligatoria y responsabilidad del estudiante, la misma que será registrada por
el docente en cada sesión en el aula virtual.

- Para justificar la inasistencia, el estudiante deberá presentar una solicitud virtual dirigida al Director de
Escuela, dentro de los dos (2) días hábiles siguientes de ocurrida la inasistencia.

- De proceder la justificación, el Director de Escuela comunica al docente de la asignatura a la que no

asistió el estudiante, para conocimiento. El docente de la asignatura consignará este hecho como
inasistencia justificada, de acuerdo a lo estipulado en el sílabo.

- El límite de inasistencias justificadas acumuladas es del 30 %. La justificación de la inasistencia no

otorga derecho al estudiante de recuperar las clases perdidas, sin embargo puede ver las sesiones
grabadas de las clases, las cuales estarán disponibles solo por dos semanas de realizadas estas. Respecto
a las evaluaciones que no pudo rendir y que estuvieron programadas en la fecha que no asistió, estas
serán reprogramadas.

- La comprobación de todo tipo o intento de fraude en cualquier forma de evaluación será considerada
falta grave, se registrará la calificación de cero (00) en la evaluación respectiva. El docente deberá
informar este hecho al Director de Escuela para el inicio de las acciones disciplinarias correspondientes.

6.2 Sistema de calificación

Fórmula para la obtención de la nota de resultado de aprendizaje (RA)

RA = promedio (Calificaciones obtenidas en sus indicadores)

Unidad(es) en la(s) N° de
Evaluación Peso
que se trabaja evaluaciones

Resultado de aprendizaje N° 01 (RA1) I 0.25 04

Resultado de aprendizaje N° 02 (RA2) II 0.25 02

Resultado de aprendizaje N° 03 (RA3) III 0.50 02

Total de evaluaciones programadas 08

Fórmula para la obtención de la nota final de la asignatura (NF)

NF = RA1(0.25) + RA2(0.25) + RA3(0.50)

VII. REFERENCIAS

7.1 Referencias USAT

 • Aubry, C. (2017). HTML5 y CSS3 : revolucione el diseño de sus sitios web (Tercera ed.). Barcelona: ENI.
Código USAT: 006.74HTML A88R 2017.

• Aubry, C., & Lancker, L. v. (2017). HTML5 y CSS3 : domine los estándares de la creación de sitios web
(Tercera ed.). Barcelona: ENI. Código USAT: 006.74HTML A88 2017.

• Marcombo. (2014). Aprender HTML5, CSS3 y Javascript con 100 ejercicios prácticos. Barcelona:
Marcombo. Código USAT: 006.74HTML M26.

• Marshall, L., & Meachem, L. (2010). Cómo usar imágenes en diseño gráfico. Barcelona: Norma. Código
USAT: 741.6 M26.

• Matarazzo, D. (2015). Aprenda los lenguajes HTML5, CSS3 y JavaScript para crear su primer sitio web.
Barcelona: ENI. Código USAT: 006.74HTML M28.

• Poulin, R. (2012). El lenguaje del diseño gráfico : conocimiento y aplicación práctica de los principios
fundamentales del diseño. Barcelona: Promopress. Código USAT: 741.6 P81.

• Rubiales, M. (2018). Curso de desarrollo web : HTML, CSS y JavaScript. Madrid : Anaya Multimedia.
Códigoo USAT: 006.74HTML R91.

• Aubry, C. (2017). Responsive web design, diseños y cuadrículas : técnicas modernas de diseño web
(Segunda ed.). Barcelona: ENI. Código USAT: 006.7 A88 2017.

• Schulz, R. (2009). Diseño web con CSS. México D.F.: Aallfaomega. Código USAT: 006.7 S31.

7.2 Referencias complementarias

• Airey, D. (2015). Diseño de logos (Segunda ed.). Anaya.

• Dabner, D., Vickress, A., & Stewart, S. (2018). Diseño Gráfico, Fundamentos y Práctica (Sexta ed.). BLUME.

• Equipo vértice. (2009). Técnicas avanzadas de diseño web. Madrid: Editorial Vértice.

7.3 Investigaciones de docentes

VIII. PROGRAMACIÓN DE ACTIVIDADES

 Unidad didáctica N° 01: Generalidades del Diseño Gráfico y Diseño Web

Sesión Contenidos Actividades Evaluaciones

(N° / dd-mm)

1 / 23 de agosto 1.1 Presentación silabo • Del docente:- Realiza la exposición

1.2 Evaluación de entrada del sílabo del curso por medio de
1.3 Idea de proyecto una videoconferencia utilizando la
plataforma zoom y PDF del silabo-
Propone un examen diagnóstico por
medio de un cuestionario virtual
utilizando y cuestionarios del aula
virtual.- Expone los contenidos de la
sesión por medio de una
videoconferencia utilizando la
plataforma zoom y diapositiva de la
sesión.
• Del estudiante: - Desarrolla examen
diagnóstico, respondiendo
directamente en el cuestionario del
aula virtual. - Formula consultas y/o
interrogantes sobre el desarrollo de
los temas tratados por
videoconferencia o por chat.- Forma
grupos de trabajo para el caso de
aplicación que se realizará en el
semestre utilizando herramienta
consulta del aula virtual.- Registra en
un foro virtual su idea de proyecto
para ser evaluada utilizando foros
del aula virtual.

2 / 24 de agosto 1.4 FUNDAMENTOS DE DISEÑO GRÁFICO: • Del docente: - Expone los

1.5 El Concepto contenidos de la sesión por medio
1.6 Tipos de Diseño de una videoconferencia utilizando
1.7 Elementos visuales, el boceto, alineación,
principios de la Gestalt la plataforma zoom y diapositiva de
1.8 La composición la sesión. - Desarrolla ejemplos
1.9 USO DE EDITORES GRÁFICOS: relacionados con los contenidos por
1.10 Inskape (diseño vectorial) medio de una videoconferencia
utilizando la plataforma zoom y
editor gráfico Inskape. - Propone
ejercicios para de diseño gráfico
vectorial por medio de un taller
virtual utilizando plataforma zoom y
editor gráfico Inskape.
• Del estudiante: - Realiza diseño
gráfico para dar solución a los casos
propuestos utilizando editor gráfico
Inskape. - Formula consultas y/o
interrogantes sobre el desarrollo de
los temas tratados por
videoconferencia o por chat.

30 de agosto SANTA ROSA DE LIMA (00:01 - 23:59)

3 / 31 de agosto 1.11 FUNDAMENTOS DE DISEÑO GRÁFICO: • Del docente: - Expone los

1.12 Pixel y resoluciones contenidos de la sesión por medio
1.13 Mapa de bits y vectores de una videoconferencia utilizando
1.14 Sistemas de colores
1.15 Tipografía en el diseño la plataforma zoom y diapositiva de
1.16 USO DE EDITORES GRÁFICOS: la sesión. - Desarrolla ejemplos
1.17 Gimp (retoque fotográfico) relacionados con los contenidos por
medio de una videoconferencia
utilizando la plataforma zoom y
editor gráfico Gimp. - Propone
ejercicios para de diseño gráfico por
medio de un taller virtual utilizando
plataforma zoom y editor gráfico
Gimp.
• Del estudiante: - Realiza diseño
gráfico para dar solución a los casos
propuestos utilizando editor gráfico
Gimp. - Formula consultas y/o
interrogantes sobre el desarrollo de
los temas tratados por
videoconferencia o por chat.

4 / 6 de septiembre 1.18 Casos prácticos • Del docente: - Propone ejercicios

para de diseño gráfico por medio de
un taller virtual utilizando plataforma
zoom y editores gráficos Inskape y
Gimp.
• Del estudiante: - Realiza diseño
gráfico para dar solución a los casos
propuestos utilizando editor gráfico
Inskape y Gimp. - Formula consultas
y/o interrogantes sobre el desarrollo
de los temas tratados por
videoconferencia o por chat.
5 / 7 de septiembre 1.19 Práctica Calificada 01 • Evaluación sumativa: El estudiante • Practica
realiza aplicaciones de diseño, a calificada 01
través de un caso de aplicación y (Rúbrica1)
sube al aula virtual USAT el archivo
con la solución propuesta
desarrollado en Inskape y Gimp. Es
evaluado con la rúbrica del examen.

6 / 13 de septiembre 1.20 FUNDAMENTOS PARA EL DISEÑO DE SITIOS • Del docente: - Expone los
WEB: contenidos de la sesión por medio
1.21 Experiencias de usuario de una videoconferencia utilizando
1.22 Filosofías de diseño: Mobile first / Responsive
Web design, Pencil Project la plataforma zoom y diapositiva de
1.23 Desarrollo Front-end y Backend. la sesión. - Realiza preguntas sobre
los temas en estudio fomentando la
búsqueda y discusión de los mismos
utilizando plataforma zoom o chat.
• Del estudiante: - Formula consultas
y/o interrogantes sobre el desarrollo
de los temas tratados por
videoconferencia o por chat.

7-8-9 / 14 de 1.24 Herramientas para la creación de prototipos • Del docente: - Asigna temas de • Examen teórico
septiembre 1.25 Claves para la creación de paginas web exposición sobre los contenidos de 01
efectivas la sesión fomentando la búsqueda, (Cuestionario)
1.26 Repositorio de código: Gitlab, github
1.27 Editores de texto: Sublime Text, Visual Studio discusión y trabajo en equipo
Code utilizando plataforma zoom o chat.
1.28 Cuestionario 01 • Del estudiante: - Presenta su tema
de exposición asignado por medio
de videoconferencia utilizando la
plataforma zoom y diapositiva del
trabajo.- Formula consultas y/o
interrogantes sobre el desarrollo de
los temas tratados por
videoconferencia o por chat.
• Evaluación sumativa: El estudiante
desarrolla examen a través de un
cuestionario virtual de los principios
de diseño gráfico y web, a través de
un cuestionario del aula virtual. Es
evaluado automáticamente por la
lista de respuestas del cuestionario
virtual.

10 / 20 de septiembre 1.29 Estructuras y etiquetas HTML • Del docente: - Expone los

contenidos de la sesión por medio
de una videoconferencia utilizando
la plataforma zoom y diapositiva de
la sesión. - Desarrolla ejemplos
relacionados con los contenidos por
medio de una videoconferencia
utilizando la plataforma zoom,
lenguaje HTML, IDE Visual Studio
Code y diapositiva de la sesión. -
Propone ejercicios para que diseñen
páginas web por medio de un taller
virtual utilizando plataforma zoom,
lenguaje HTML, IDE Visual Studio
Code y diapositiva de la sesión.
• Del estudiante: - Diseña paginas
web para dar solución a los ejercicios
propuestos utilizando lenguaje
HTML e IDE Visual Studio Code. -
Formula consultas y/o interrogantes
sobre el desarrollo de los temas
tratados por videoconferencia o por
chat.

11 / 21 de septiembre 1.30 Creación de páginas HTML.. • Del docente: - Expone los

contenidos de la sesión por medio
de una videoconferencia utilizando
la plataforma zoom y diapositiva de
la sesión. - Desarrolla ejemplos
relacionados con los contenidos por
medio de una videoconferencia
utilizando la plataforma zoom,
lenguaje HTML, IDE Visual Studio
Code y diapositiva de la sesión. -
Propone ejercicios para que diseñen
páginas web por medio de un taller
virtual utilizando plataforma zoom,
lenguaje HTML, IDE Visual Studio
Code y diapositiva de la sesión.
• Del estudiante: - Diseña paginas
web para dar solución a los ejercicios
propuestos utilizando lenguaje
HTML e IDE Visual Studio Code. -
Formula consultas y/o interrogantes
sobre el desarrollo de los temas
tratados por videoconferencia o por
chat.
12 / 27 de septiembre 1.31 Formularios con HTML • Del docente: - Expone los
contenidos de la sesión por medio
de una videoconferencia utilizando
la plataforma zoom y diapositiva de
la sesión. - Desarrolla ejemplos
relacionados con los contenidos por
medio de una videoconferencia
utilizando la plataforma zoom,
lenguaje HTML, IDE Visual Studio
Code y diapositiva de la sesión. -
Propone ejercicios para que diseñen
páginas web por medio de un taller
virtual utilizando plataforma zoom,
lenguaje HTML, IDE Visual Studio
Code y diapositiva de la sesión.
• Del estudiante: - Diseña paginas
web para dar solución a los ejercicios
propuestos utilizando lenguaje
HTML e IDE Visual Studio Code. -
Formula consultas y/o interrogantes
sobre el desarrollo de los temas
tratados por videoconferencia o por
chat.

13 / 28 de septiembre 1.32 Hojas de Estilo: CSS y CSS3 • Del docente: - Expone los
contenidos de la sesión por medio
de una videoconferencia utilizando
la plataforma zoom y diapositiva de
la sesión. - Desarrolla ejemplos
relacionados con los contenidos por
medio de una videoconferencia
utilizando la plataforma zoom,
lenguaje HTML, CSS, IDE Visual
Studio Code y diapositiva de la
sesión. - Propone ejercicios para que
diseñen páginas web por medio de
un taller virtual utilizando plataforma
zoom, lenguaje HTML, CSS, IDE
Visual Studio Code y diapositiva de
la sesión.
• Del estudiante: - Diseña paginas
web para dar solución a los ejercicios
propuestos utilizando lenguaje
HTML, CSS e IDE Visual Studio Code.
- Formula consultas y/o
interrogantes sobre el desarrollo de
los temas tratados por
videoconferencia o por chat.

14 / 4 de octubre 1.33 Creación de páginas HtML con CSS. • Del docente: - Expone los
1.34 Casos de aplicación contenidos de la sesión por medio
de una videoconferencia utilizando
la plataforma zoom y diapositiva de
la sesión. - Desarrolla ejemplos
relacionados con los contenidos por
medio de una videoconferencia
utilizando la plataforma zoom,
lenguaje HTML, CSS, IDE Visual
Studio Code y diapositiva de la
sesión. - Propone ejercicios para que
diseñen páginas web por medio de
un taller virtual utilizando plataforma
zoom, lenguaje HTML, CSS, IDE
Visual Studio Code y diapositiva de
la sesión.
• Del estudiante: - Diseña paginas
web para dar solución a los ejercicios
propuestos utilizando lenguaje
HTML, CSS e IDE Visual Studio Code.
- Formula consultas y/o
interrogantes sobre el desarrollo de
los temas tratados por
videoconferencia o por chat.
15 / 5 de octubre 1.35 Responsive Web Design: Definición e • Del docente: - Expone los
importancia. Páginas responsivas con Columnas contenidos de la sesión por medio
de una videoconferencia utilizando
la plataforma zoom y diapositiva de
la sesión. - Desarrolla ejemplos
relacionados con los contenidos por
medio de una videoconferencia
utilizando la plataforma zoom,
lenguaje HTML, CSS, IDE Visual
Studio Code y diapositiva de la
sesión. - Propone ejercicios para que
diseñen páginas web por medio de
un taller virtual utilizando plataforma
zoom, lenguaje HTML, CSS, IDE
Visual Studio Code y diapositiva de
la sesión.
• Del estudiante: - Diseña paginas
web para dar solución a los ejercicios
propuestos utilizando lenguaje
HTML, CSS e IDE Visual Studio Code.
- Formula consultas y/o
interrogantes sobre el desarrollo de
los temas tratados por
videoconferencia o por chat.

16 / 11 de octubre 1.36 Responsive Web Design utilizando Grid. • Del docente: - Expone los
contenidos de la sesión por medio
de una videoconferencia utilizando
la plataforma zoom y diapositiva de
la sesión. - Desarrolla ejemplos
relacionados con los contenidos por
medio de una videoconferencia
utilizando la plataforma zoom,
lenguaje HTML, CSS, IDE Visual
Studio Code y diapositiva de la
sesión. - Propone ejercicios para que
diseñen páginas web por medio de
un taller virtual utilizando plataforma
zoom, lenguaje HTML, CSS, IDE
Visual Studio Code y diapositiva de
la sesión.
• Del estudiante: - Diseña paginas
web para dar solución a los ejercicios
propuestos utilizando lenguaje
HTML, CSS e IDE Visual Studio Code.
- Formula consultas y/o
interrogantes sobre el desarrollo de
los temas tratados por
videoconferencia o por chat.

17-18 / 12 de octubre 1.37 Práctica Calificada 02 • Evaluación sumativa: - El estudiante • Practica

1.38 Avance 01 de proyecto de curso diseña sitio web utilizando calificada 02
maquetado web, a través de un (Rúbrica2)
examen práctico y sube al aula • Avance 01 del
virtual USAT el archivo con la proyecto del
solución propuesta desarrollado en curso (Rúbrica3)
lenguaje HTML, CSS, IDE Visual
Studio Code. Es evaluado con la
rúbrica del examen.- Los grupos de
trabajo presentan wireframe de sitio
web, a través de un caso de
aplicación y sube al aula virtual USAT
el archivo con su propuesta usando
herramienta para wireframe. Es
evaluado con la rúbrica del avance
del proyecto.
 Unidad didáctica N° 02: Maquetado Avanzado para el diseño de Sitios Web.

Sesión Contenidos Actividades Evaluaciones

(N° / dd-mm)

19 / 18 de octubre 2.1 JavaScript. Fundamentos de programación • Del docente: - Expone los

contenidos de la sesión por medio
de una videoconferencia utilizando
la plataforma zoom y diapositiva de
la sesión. - Desarrolla ejemplos
relacionados con los contenidos por
medio de una videoconferencia
utilizando la plataforma zoom,
lenguaje HTML, CSS, JavaScript, IDE
Visual Studio Code y diapositiva de
la sesión. - Propone ejercicios para
que diseñen páginas web por medio
de un taller virtual utilizando
plataforma zoom, lenguaje HTML,
CSS, JavaScript, IDE Visual Studio
Code y diapositiva de la sesión.
• Del estudiante: - Diseña páginas
web para dar solución a los ejercicios
propuestos utilizando lenguaje
HTML, CSS, JavaScript e IDE Visual
Studio Code. - Formula consultas y/o
interrogantes sobre el desarrollo de
los temas tratados por
videoconferencia o por chat.

20 / 19 de octubre 2.2 Estructuras de programación en JavaScript • Del docente: - Expone los

2.3 Librería JavaScript: Jquery contenidos de la sesión por medio
de una videoconferencia utilizando
la plataforma zoom y diapositiva de
la sesión. - Desarrolla ejemplos
relacionados con los contenidos por
medio de una videoconferencia
utilizando la plataforma zoom,
lenguaje HTML, CSS, JavaScript, IDE
Visual Studio Code y diapositiva de
la sesión. - Propone ejercicios para
que diseñen páginas web por medio
de un taller virtual utilizando
plataforma zoom, lenguaje HTML,
CSS, JavaScript, IDE Visual Studio
Code y diapositiva de la sesión.
• Del estudiante: - Diseña páginas
web para dar solución a los ejercicios
propuestos utilizando lenguaje
HTML, CSS, JavaScript e IDE Visual
Studio Code. - Formula consultas y/o
interrogantes sobre el desarrollo de
los temas tratados por
videoconferencia o por chat.

21 / 25 de octubre 2.4 LocalStorage (HTML5 Api) • Del docente: - Expone los

contenidos de la sesión por medio
de una videoconferencia utilizando
la plataforma zoom y diapositiva de
la sesión. - Desarrolla ejemplos
relacionados con los contenidos por
medio de una videoconferencia
utilizando la plataforma zoom,
lenguaje HTML, CSS, JavaScript, IDE
Visual Studio Code y diapositiva de
la sesión. - Propone ejercicios para
que diseñen páginas web por medio
de un taller virtual utilizando
plataforma zoom, lenguaje HTML,
CSS, JavaScript, IDE Visual Studio
Code y diapositiva de la sesión.
• Del estudiante: - Diseña páginas
web para dar solución a los ejercicios
propuestos utilizando lenguaje
HTML, CSS, JavaScript e IDE Visual
Studio Code. - Formula consultas y/o
interrogantes sobre el desarrollo de
los temas tratados por
videoconferencia o por chat.
22 / 26 de octubre 2.5 Casos de aplicación • Del docente: - Propone caso de
aplicación para que diseñen páginas
web por medio de un taller virtual
utilizando plataforma zoom, lenguaje
HTML, CSS, JavaScript, IDE Visual
Studio Code y diapositiva de la
sesión.
• Del estudiante: - Diseña páginas
web para dar solución a los ejercicios
propuestos utilizando lenguaje
HTML, CSS, JavaScript e IDE Visual
Studio Code. - Formula consultas y/o
interrogantes sobre el desarrollo de
los temas tratados por
videoconferencia o por chat.

1 de noviembre DÍA DE TODOS LOS SANTOS (00:01 - 23:59)

23 / 2 de noviembre 2.6 DESARROLLO DE ANIMACIONES: • Del docente: - Expone los

2.7 Animaciones con CSS contenidos de la sesión por medio
de una videoconferencia utilizando
la plataforma zoom y diapositiva de
la sesión. - Propone uso de librerías
para que diseñen páginas web por
medio de un taller virtual utilizando
plataforma zoom, lenguaje HTML,
CSS, JavaScript, IDE Visual Studio
Code y diapositiva de la sesión.
• Del estudiante: - Presenta páginas
web utilizando librerías para
animaciones para dar solución a los
ejercicios propuestos utilizando
lenguaje HTML, CSS, JavaScript e IDE
Visual Studio Code. - Formula
consultas y/o interrogantes sobre el
desarrollo de los temas tratados por
videoconferencia o por chat.

24 / 8 de noviembre 2.8 Librerías JS para animaciones • Del docente: - Expone los

contenidos de la sesión por medio
de una videoconferencia utilizando
la plataforma zoom y diapositiva de
la sesión. - Propone uso de librerías
para que diseñen páginas web por
medio de un taller virtual utilizando
plataforma zoom, lenguaje HTML,
CSS, JavaScript, IDE Visual Studio
Code y diapositiva de la sesión.
• Del estudiante: - Presenta páginas
web utilizando librerías para
animaciones para dar solución a los
ejercicios propuestos utilizando
lenguaje HTML, CSS, JavaScript e IDE
Visual Studio Code. - Formula
consultas y/o interrogantes sobre el
desarrollo de los temas tratados por
videoconferencia o por chat.

25 / 9 de noviembre 2.9 Framework para diseño de sitios web. • Del docente: - Expone los
Bootstrap contenidos de la sesión por medio
de una videoconferencia utilizando
la plataforma zoom y diapositiva de
la sesión. - Desarrolla ejemplos
relacionados con los contenidos por
medio de una videoconferencia
utilizando la plataforma zoom,
lenguaje HTML, CSS, JavaScript,
framework Boostrap, IDE Visual
Studio Code y diapositiva de la
sesión. - Propone ejercicios para que
diseñen páginas web por medio de
un taller virtual utilizando plataforma
zoom, lenguaje HTML, CSS,
JavaScript, framework Boostrap, IDE
Visual Studio Code y diapositiva de
la sesión.
• Del estudiante: - Diseña páginas
web para dar solución a los ejercicios
propuestos utilizando lenguaje
HTML, CSS, JavaScript, framework
Boostrap, e IDE Visual Studio Code. -
Formula consultas y/o interrogantes
sobre el desarrollo de los temas
tratados por videoconferencia o por
chat.
26 / 15 de noviembre 2.10 Casos de aplicación • Del docente: - Propone caso de
aplicación para que diseñen páginas
web por medio de un taller virtual
utilizando plataforma zoom, lenguaje
HTML, CSS, JavaScript, framework
Boostrap, IDE Visual Studio Code y
diapositiva de la sesión.
• Del estudiante: - Diseña páginas
web para dar solución a los ejercicios
propuestos utilizando lenguaje
HTML, CSS, JavaScript, framework
Boostrap, e IDE Visual Studio Code. -
Formula consultas y/o interrogantes
sobre el desarrollo de los temas
tratados por videoconferencia o por
chat.

27 / 16 de noviembre 2.11 Práctica Calificada 03 • Evaluación sumativa: - El estudiante • Practica

diseña sitio web utilizando calificada 03
maquetado web avanzado, a través (Rúbrica4)
de un examen práctico y sube al aula
virtual USAT el archivo con la
solución propuesta desarrollado en
lenguaje HTML, CSS, framework
Boostrap, IDE Visual Studio Code. Es
evaluado con la rúbrica del examen.

28 / 22 de noviembre 2.12 Avance 02 de proyecto de curso • Evaluación sumativa: - Los grupos • Avance 02 del
de trabajo presentan mockup de proyecto del
sitio web, a través de un caso de curso (Rúbrica5)
aplicación y sube al aula virtual USAT
el archivo con su propuesta usando
herramienta para mockup. Es
evaluado con la rúbrica del avance
del proyecto
 Unidad didáctica N° 03: Uso de CMS para el diseño de sitios Web y Presupuesto Web

Sesión Contenidos Actividades Evaluaciones

(N° / dd-mm)

29 / 23 de noviembre 3.1 Presupuesto web. • Del docente: - Expone los

contenidos de la sesión por medio
de una videoconferencia utilizando
la plataforma zoom y diapositiva de
la sesión. - Desarrolla ejemplos
relacionados con los contenidos por
medio de una videoconferencia
utilizando la plataforma zoom,
información de páginas web.-
Propone ejercicios para que diseñen
páginas web por medio de un taller
virtual utilizando plataforma zoom,
lenguaje HTML, CSS, JavaScript,
framework Boostrap, IDE Visual
Studio Code y diapositiva de la
sesión.
• Del estudiante: - Formula consultas
y/o interrogantes sobre el desarrollo
de los temas tratados por
videoconferencia o por chat.

30 / 29 de noviembre 3.2 Casos de aplicación • Del docente: - Propone caso de

aplicación para que presupuesto web
por medio de un taller virtual
utilizando plataforma zoom,
documentos de Word, hojas de
cálculo y diapositiva de la sesión.
• Del estudiante: - Diseña
presupuesto web para dar solución a
los ejercicios propuestos utilizando
documentos de Word, hojas de
cálculo. - Formula consultas y/o
interrogantes sobre el desarrollo de
los temas tratados por
videoconferencia o por chat.

31 / 30 de noviembre 3.3 Sistemas Gestores de Contenidos (CMS) • Del docente: - Expone los
3.4 Evaluación de diferentes tipos de CMS contenidos de la sesión por medio
de una videoconferencia utilizando
la plataforma zoom y diapositiva de
la sesión. - Propone uso de CMS
para que diseñen páginas web por
medio de un taller virtual utilizando
plataforma zoom y CMS asignados
por grupos de trabajo.
• Del estudiante:- Realiza exposición
sobre uso de CMS utilizando
plataforma zoom, diapositivas de
exposición y CMS asignado. -
Formula consultas y/o interrogantes
sobre el desarrollo de los temas
tratados por videoconferencia o por
chat.

32 / 6 de diciembre 3.5 Práctica Calificada 04 • Evaluación sumativa: - El estudiante • Practica

diseña sitio web, a través de un calificada 04
examen práctico y sube al aula (Rúbrica6)
virtual USAT el archivo con la
solución propuesta desarrollado en
un CMS. Es evaluado con la rúbrica
del examen.

33-34 / 7 de diciembre 3.6 Proyecto final del curso • Evaluación sumativa: - Los grupos • Proyecto final
de trabajo presentan sitio web Final, del curso
a través de un caso de aplicación y (Rúbrica7)
sube al aula virtual USAT el archivo
con su propuesta usando diferentes
herramientas web. Es evaluado con
la rúbrica del proyecto