Silabo 2021-II Diseño Web A
Silabo 2021-II Diseño Web A
CÓDIGO: USAT-PM0401-D-01
VERSIÓN: 04
FACULTAD DE INGENIERÍA
I. DATOS INFORMATIVOS
1.4 Créditos: 3
N° de horas teóricas: 1
N° de horas totales: 5
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)
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.
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.
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
Indicadores Evaluación
V. 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:
- 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.
- 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.
Unidad(es) en la(s) N° de
Evaluación Peso
que se trabaja evaluaciones
VII. REFERENCIAS
• 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.
• 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.
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.
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.
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.
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
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.
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