UNIVERSIDAD NACIONAL

DE CHIMBORAZO

VICERRECTORADO ACADÉMICO
DIRECCIÓN ACADÉMICA

FACULTAD DE CIENCIAS DE LA EDUCACIÓN,

HUMANAS Y TECNOLOGÍAS

CARRERA DE LICENCIATURA EN DISEÑO

GRAFICO

SÍLABO DE LA ASIGNATURA DE DISEÑO WEB Y

MULTIMEDIA II

DOCENTE: PABLO XAVIER ROSAS CHAVEZ

PERÍODO ACADÉMICO: MAYO 2020 - OCTUBRE 2020
LUGAR Y FECHA DE ELABORACIÓN: Riobamba, 30 de marzo de 2020
1. INFORMACIÓN GENERAL:

INSTITUCIÓN: UNIVERSIDAD NACIONAL DE CHIMBORAZO

FACULTAD: FACULTAD DE CIENCIAS DE LA EDUCACIÓN,
HUMANAS Y TECNOLOGÍAS
CARRERA: LICENCIATURA EN DISEÑO GRAFICO
NOMBRE DE LA ASIGNATURA: DISEÑO WEB Y MULTIMEDIA II
CÓDIGO DE LA ASIGNATURA: 804EDG
SEMESTRE: OCTAVO SEMESTRE
PERÍODO ACADÉMICO: MAYO 2020 - OCTUBRE 2020
MODALIDAD: PRESENCIAL
NIVEL DE FORMACIÓN: TERCER NIVEL
UNIDAD DE FORMACIÓN CURRICULAR: CIENCIAS BASICAS
TIPO DE ASIGNATURA: OBLIGATORIA
NÚMERO DE SEMANAS: 16
NÚMERO DE HORAS SEMANAL: 6,00
TOTAL DE HORAS POR EL PERÍODO 96
ACADÉMICO:
NÚMERO DE CRÉDITOS: 7,50
TÍTULO(S) ACADÉMICO(S) DEL DOCENTE: LICENCIADO EN DISEÑO GRAFICO
DIPLOMA SUPERIOR EN INFORMATICA EDUCATIVA
UNIVERSITARIA
MAGISTER EN GESTION Y DISEÑO WEB
MASTER EN DISEÑO MULTIMEDIA

2. PRERREQUISITOS Y CORREQUISITOS:

PRERREQUISITOS: CORREQUISITOS:
ASIGNATURA: CÓDIGO: ASIGNATURA: CÓDIGO:
DISEÑO WEB Y 704EDG PUBLICIDAD II 806EDG
MULTIMEDIA I
PRACTICA 807EDG
PREPROFESIONAL DE
EJECUCION II
3. DESCRIPCIÓN DE LA ASIGNATURA:

La asignatura de “Diseño Web y Multimedia II”, es parte del núcleo de ciencias correspondiente a la profesión,
la cual se imparte en el Octavo Semestre de la Carrera de Diseño Gráfico, y que complementa los
conocimientos impartidos en Diseño Web y Multimedia I.

Mediante ejercicios prácticos, demostraciones, simulaciones y resolución de casos se pretenderá que el

alumno mejore el dominio de la tecnología que mueve al internet: “el desarrollo web”. Al final del curso el
estudiante conocerá del responsive web design y lo llevará a la práctica mediante la maquetación de páginas
web con HTML5 y CSS3 empleando gestores de contenidos. El curso intentará generar en todo momento en
el estudiante un sujeto: creativo, visionario, autocrítico y responsable de su trabajo.

El estudio de esta asignatura tiene una especial importancia pues el desarrollo de sitios web forma parte del
perfil profesional y se justifica plenamente en la política 5.6 del Objetivo 5 del Plan Nacional de Desarrollo
"Toda una Vida" (2017-2021) que textualmente dice: "Promover la investigación, la formación, la capacitación,
el desarrollo y la transferencia tecnológica, la innovación y el emprendimiento, la protección de la
propiedad intelectual, para impulsar el cambio de la matriz productiva mediante la vinculación
entre el sector público, productivo y las universidades". Además, aporta eficientemente al perfil de egreso
del Diseñador Gráfico, y contribuye en el alcance de la misión de la carrera: "Formar profesionales creativos,
críticos y emprendedores, fundamentados en la verdad, la ciencia y la cultura, capaces de solucionar
problemas de comunicación visual en la sociedad, comprometidos con nuestra identidad, dirigidos a todos los
sectores de la región central y del país"; y a la visión de la misma: "Ser líderes en la formación académica de
profesionales de prestigio nacional; impulsando la cultura, la diversidad y los saberes ancestrales, con una
mentalidad crítica y abierta a nuevas formas de expresión gráfica y audiovisual, con creatividad, calidad y
pertinencia social, en sujeción al plan Nacional de Desarrollo y Régimen del Buen Vivir".

4. COMPETENCIA(S) DEL PERFIL PROFESIONAL A LA QUE APORTA A LA ASIGNATURA:

Integra conocimientos y destrezas comunicacionales, gráficas y de diseño, como instrumento de desarrollo

de la inteligencia cognitiva, afectiva y praxiológica.

5. RESULTADOS DE APRENDIZAJE DEL PERFIL DE EGRESO A LOS QUE APORTA LA

ASIGNATURA

- Comprende las bases teóricas, conceptuales y metodológicas que rigen la concepción del diseño, dirigido a
procesos de estructuración de comunicación visual, dotando al estudiante de destrezas y habilidades para el
manejo de técnicas manuales, técnicas básicas asistidas por computador, y lenguaje apropiado, con
creatividad en el ejercicio de la profesión.
- Proyecta propuestas de envases y embalajes físicos y virtuales, interfaz y diseño de sitios web, aplicando
los distintos elementos y criterios que constituyen composiciones bidimensionales y tridimensionales para
productos, sitios multimedia y páginas web, propendiendo a la innovación.
6. UNIDADES CURRICULARES:

UNIDAD N°: 1
NOMBRE DE LA UNIDAD: HTML Y CSS
NÚMERO DE HORAS POR 18,00
UNIDAD:
RESULTADOS DE APRENDIZAJE DE LA UNIDAD:
- Diseña la estructura y los componentes interactivos de una página web combinando eficientemente HTML y CSS.

CRITERIOS DE EVALUACIÓN:
Diseña la estructura y los componentes interactivos de una página web combinando HTML y CSS, con un buen impacto
visual.
CONTENIDOS TEMPORALIZACIÓN ACTIVIDADES DE APRENDIZAJE DE LA UNIDAD
¡Qué debe saber, hacer y ser?
UNIDADES TEMÁTICAS Horas Semana ACTIVIDADES DE ACTIVIDADES ACTIVIDADES
DOCENCIA PRÁCTICAS DE DE
APLICACIÓN Y APRENDIZAJE
EXPERIMENTACIÓN AUTÓNOMO
Teóricas Prácticas

1.1. Generalidades 4 2 1 • Orientación y Resolución de • Lectura y

acompañamiento ejercicios análisis del
a través de propuestos sílabo
• 1.1.1. Encuadre pedagógico
tutorías mediante código • Lectura de
presenciales, HTML y CSS. textos guías
• 1.1.2. Revisión de individuales y • Análisis de
conocimientos previos grupales vídeos
1.2. Etiquetas HTML 2 4 2 • Planificación, • Consultas
elaboración, relacionadas
aplicación y al tema
• 1.2.1. Etiquetas HTML para calificación de • Diseño de
agrupaciones trabajos y componentes
• 1.2.2. Etiquetas HTML para prácticas. para una
listas • Preparación de página web.
recursos y
• 1.2.3. Etiquetas HTML para actividades en el
listas de descripciones EVA como apoyo
• 1.2.4. Etiquetas HTML para al proceso de
ilustraciones aprendizaje
• Desarrollo de
• 1.2.5. HTML5 para definir ejercicios
secciones demostrativos
1.3. CSS Avanzado 2 4 3

• 1.3.1. CSS Modelo de cajas

• 1.3.2. CSS Bordes

redondeados
• 1.3.3. CSS Imágenes como
bordes
• 1.3.4. CSS Fondos

• 1.3.5. CSS Opacidad

• 1.3.6. CSS Gradientes

MÉTODOS Y TÉCNICAS DIAGNOSTICA:

EVALUACIÓN - Conversatorio a través de reflexiones
FORMATIVA:
- Consultas
- Resolución de casos
- Entrega de informes
SUMATIVA:
- Proyecto web
TÉCNICA: Observación
- Escala de Valoración

TÉCNICA: Resolución de Problemas

- Estudio de Caso

TÉCNICA: Evaluación de Desempeño

- Demostración
- Proyecto
UNIDAD N°: 2
NOMBRE DE LA UNIDAD: USABILIDAD, DISEÑO CENTRADO EN EL USUARIO Y RESPONSIVE WEB
DESIGN (RWD)
NÚMERO DE HORAS POR 42,00
UNIDAD:
RESULTADOS DE APRENDIZAJE DE LA UNIDAD:
- Maqueta páginas web adaptables a dispositivos móviles combinando técnicas y estándares actuales del diseño web, con
el uso de frameworks y herramientas de software para diseño web.

CRITERIOS DE EVALUACIÓN:
Realiza páginas web partiendo de la usabilidad con conocimientos de metodologias web que cumplan con ser responsivas,
utilizando herramientas de software y frameworks que responden a las actuales tendencias y estándares del diseño web.
CONTENIDOS TEMPORALIZACIÓN ACTIVIDADES DE APRENDIZAJE DE LA UNIDAD
¡Qué debe saber, hacer y ser?
UNIDADES TEMÁTICAS Horas Semana ACTIVIDADES DE ACTIVIDADES ACTIVIDADES
DOCENCIA PRÁCTICAS DE DE
APLICACIÓN Y APRENDIZAJE
EXPERIMENTACIÓN AUTÓNOMO
Teóricas Prácticas

2.1. Usabilidad 4 2 4 • Conferencia • Maquetación de • Lectura de

dialogada landing pages textos guías y
• Uso de adaptables a manuales
• 2.1.1. Introducción a la
anécdotas dispositivos online sobre la
usabilidad
ilustrativas móviles maquetación
• 2.1.2. Definición de • Diseño de de páginas
Responsive Web Desing (RWD) prototipos web.
• 2.1.3. Diseño de interacción • Planificación, • Análisis de
elaboración, videotutoriales
aplicación y • Consultas
2.2. Técnicas para evaluar la 3 3 5 calificación de relacionadas
Usabilidad trabajos y al tema
prácticas. • Análisis de
• Preparación de tendencias en
recursos y el diseño web
2.3. Técnicas para evaluar la 1 5 6
actividades en el • Desarrollo de
Usabilidad
EVA como apoyo microproyecto
al proceso de s web
aprendizaje
2.4. Diseño Centrado en el 1 5 7 • Desarrollo de
Usuario ejercicios
demostrativos
• 2.4.1. Introducción del DCU • Tutorías
presenciales y
• 2.4.2. Metodología DCU virtuales
• Prueba
2.5. Fases del Diseño Centrado 1 5 8 teórico/práctica
en el Usuario (Análisis,
Conceptualización)

2.6. Fases del Diseño Centrado 1 5 9

en el Usuario (Prototipado, Test
de Usuarios y Desarrollo e
implementación)

2.7. Responsive web design 1 5 10

MÉTODOS Y TÉCNICAS DIAGNOSTICA:

EVALUACIÓN - Conversatorio a través de reflexiones.
FORMATIVA:
- Consultas
- Resolucióm de casos
SUMATIVA:
- Proyecto web
- Prueba teórico/práctica
TÉCNICA: Observación
- Escala de Valoración

TÉCNICA: Resolución de Problemas

- Estudio de Caso

TÉCNICA: Evaluación de Desempeño

- Demostración
- Proyecto
UNIDAD N°: 3
NOMBRE DE LA UNIDAD: GESTORES DE CONTENIDO PARA LA REALIZACIÓN DE PÁGINAS WEB
NÚMERO DE HORAS POR 36,00
UNIDAD:
RESULTADOS DE APRENDIZAJE DE LA UNIDAD:
- Diseña un sitio web adaptable a dispositivos móviles, creativo e innovador con Adobe Muse, respondiendo a las actuales
tendencias de diseño web y satisfaciendo tanto las necesidades del cliente como l

CRITERIOS DE EVALUACIÓN:
Diseña un sitio web responsivo, creativo e innovador, con WordPress, que responde a las actuales tendencias del diseño
web, satisface las necesidades del cliente y asegura una satisfactoria experiencia del usuario.
CONTENIDOS TEMPORALIZACIÓN ACTIVIDADES DE APRENDIZAJE DE LA UNIDAD
¡Qué debe saber, hacer y ser?
UNIDADES TEMÁTICAS Horas Semana ACTIVIDADES DE ACTIVIDADES ACTIVIDADES
DOCENCIA PRÁCTICAS DE DE
APLICACIÓN Y APRENDIZAJE
EXPERIMENTACIÓN AUTÓNOMO
Teóricas Prácticas

3.1. Introducción a los gestores 4 2 11 • Conferencia • Maquetación de • Lectura de

de contenido dialogada una landing page textos guías
• Uso de • Desarrollo del • Análisis de
anécdotas proyecto final videotutoriales
ilustrativas • Consultas
3.2. Que es un servidor local y 1 5 12 • Planificación, relacionadas
configuración elaboración, al tema
aplicación y • Desarrollo
calificación de del proyecto
trabajos y final
3.3. Instalación gestor de 1 5 13 prácticas. • Integración
contenido para la realización de • Preparación de del portafolio
un sitio web recursos y del estudiante
actividades en el
EVA como apoyo
3.4. Trabajo en gestor de 1 5 14 al proceso de
contenidos aprendizaje
• Desarrollo de
ejercicios
demostrativos
3.5. Gestionar temas 1 5 15 • Tutorías
presenciales y
virtuales
• Prueba
teórico/práctica
3.6. Ajustes finales y publicación 1 5 16
del sitio web responsive

MÉTODOS Y TÉCNICAS DIAGNOSTICA:

EVALUACIÓN - Conversatorio a través de reflexiones.
FORMATIVA:
- Consultas
- Resolución de casos
- Portafolio del estudiante
SUMATIVA:
- Prueba teórico/práctica
- Proyecto web

TÉCNICA: Observación
- Escala de Valoración

TÉCNICA: Resolución de Problemas

- Estudio de Caso

TÉCNICA: Evaluación de Desempeño

- Demostración
- Portafolio
- Proyecto
7. PROYECTO INTEGRADOR DE SABERES:

(No hay proyecto integrador propuesto para este semestre)

8. METODOLOGÍA:
METODOS:
• Aprendizaje Cooperativo
• Aprendizaje Basado en Problemas
• Clase Invertida
• Aprendizaje Basado en Proyectos
• Simulaciones
• Demostraciones prácticas
• Aprendizaje por Descubrimiento
• Analítico, Sintético, Crítico, Propositivo
• Constructivista - Participativo
• Estudio de Casos
• Expositivo
• Clase por zoom

TÉCNICAS E INSTRUMENTOS:
TÉCNICAS INSTRUMENTOS
• Observación: Escala de Valoración

• Resolución de Problemas: Estudio de Caso

• Evaluación de Desempeño: Demostración
Portafolio
Proyecto

RECURSOS:
• Laboratorio de PCs
• Marcadores
• Borrador de Pizarra
• Internet
• Aula virtual
• Red Social
• Computador
• Proyector
• Videotutoriales
• Manuales de aplicaciones
• Textos de lectura
• Instrumentos de autoevaluación y heteroevaluación
• Software para Diseño Web
9. ESCENARIOS DE APRENDIZAJE:

• Aula virtual
• Ambientes Virtuales
• Biblioteca Virtual

10. PONDERACIÓN PARA LA EVALUACIÓN DEL ESTUDIANTE POR ACTIVIDADES DE

APRENDIZAJE:

COMPONENTE ACTIVIDADES DE APRENDIZAJE Primer Segundo

Parcial Parcial
% (Puntos): % (Puntos):
DOCENCIA (Asistido 40 40
por el profesor)
• Conferencias, Seminarios, Estudios de
Casos, Foros, Clases en Línea, Servicios
realizados en escenarios laborables.
• Experiencias colectivas en proyectos:
sistematización de prácticas de
investigación-intervención, proyectos de
integración de saberes, construcción de
modelos y prototipos, proyectos de
problematización, resolución de
problemas, entornos virtuales, entre otros.
• Evaluaciones orales, escritas entre otras.
PRÁCTICAS DE 30 30
APLICACIÓN Y
EXPERIMENTACIÓN • Actividades desarrolladas en escenarios
experimentales o laboratorios, prácticas
de campo, trabajos de observación,
resolución de problemas, talleres, manejo
de base de datos y acervos bibliográficos
entre otros.Actividades desarrolladas en
escenarios experimentales o laboratorios,
prácticas de campo, trabajos de
observación, resolución de problemas,
talleres, manejo de base de datos y
acervos bibliográficos entre otros.
ACTIVIDADES DE 30 30
APRENDIZAJE
AUTÓNOMO • Lectura, análisis y compresión de
materiales bibliográficos y documentales
tanto analógicos como digitales,
generación de datos y búsqueda de
información, elaboración individual de
ensayos, trabajos y exposiciones.
PROMEDIO 100% 100%
11. RELACIÓN DE LA ASIGNATURA CON LOS RESULTADOS DE
APRENDIZAJE DEL PERFIL DE EGRESO DE LA CARRERA:

Resultados de Aprendizaje que Nivel de Contribución: Evidencias de Aprendizaje:

aportan al Perfil de Egreso de la (ALTA - MEDIA - BAJA: El estudiante es capaz de:
Carrera: Al logro de los R. de A.
del perfil de egreso de la
Carrera)
A B C
ALTA MEDIA BAJO

• Diseña la estructura y los X Diseñar la estructura y los

componentes interactivos de una componentes interactivos de una
página web combinando página web combinando
eficientemente HTML y CSS. eficientemente HTML y CSS.
• Maqueta páginas web adaptables a X Maquetar páginas web
dispositivos móviles combinando adaptables a dispositivos
técnicas y estándares actuales del móviles combinando técnicas y
diseño web, con el uso de frameworks estándares actuales del diseño
y herramientas de software para web, con el uso de frameworks y
diseño web. herramientas de software para
diseño web.
• Diseña un sitio web adaptable a X Diseñar un sitio web adaptable a
dispositivos móviles, creativo e dispositivos móviles, creativo e
innovador con Adobe Muse, innovador con Adobe Muse,
respondiendo a las actuales respondiendo a las actuales
tendencias de diseño web y tendencias de diseño web y
satisfaciendo tanto las necesidades satisfaciendo tanto las
del cliente como la experiencia del necesidades del cliente como la
usuario. experiencia del usuario.
12.BIBLIOGRAFÍA

12.1. BÁSICA:
• HTML5, CSS3, y JavaScript. Tuya Feijóo Eugenio Ediciones multimedia (Grupo Anaya, S.A)

• DISEÑO DE INTERFACES WEB CÓRCOLES TENDERO JOSÉ EDUARDO RA-MA Editorial

• LAYOUT GLENWRIGHT Jerry Editorial Gustavo Gili S.A.

12.2. COMPLEMENTARIA:
- Remon, M. T. (2014). Diseño web con HTML5 y CSS3. Editorial Macro
- Garballeiro, G. (2012). Diseño Web con HTML y CSS. RedUSERS
- Adobe (2017). Adobe MUSE Creación del primer sitio web

12.3. WEBGRAFÍA:
- https://www.w3schools.com/
- https://lenguajehtml.com/
- https://lenguajecss.com/
- https://design.google/resources/
- https://getbootstrap.com/
- https://materializecss.com/
- https://pingendo.com/
- https://webflow.com/
- http://www.apasionadosdelmarketing.es/guia-de-google-para-evaluar-la-calidad-de-un-sitio-web/
- Metodología para Creación de Sitios Web, Maybel Gil, disponible en
https://disenowebakus.net/metodologia-para-la-creacion-de-sitios-web.php
- El arte de hipervincular. http://www.taringa.net/posts/info/947260/El-arte-de-Hipervincular.html
- 8 tendencias en diseño web para 2018 + ejemplos, disponible en: https://www.maxcf.es/tendencias-diseno-
web-2018/
- Tendencias en diseño web para 2018, disponible en: https://madridnyc.es/tendencias-diseno-web-2018/
- Qué es Material Design, disponible en : https://blog.aulaformativa.com/que-es-el-material-design/
- Crear un sitio web con WordPress, disponible en: https://www.websitetooltester.com/es/crear-web-con-
wordpress/

12.4. BIBLIOGRAFÍA DÍGITAL:

12. PERFIL DEL DOCENTE:

Licenciado en Diseño Gráfico con Maestría en Gestión y Diseño Web de la ESPOL en el periodo 2015-2017,
Máster de la Universidad Autónoma de Barcelona en Diseño Multimedia, estudio realizado en el periodo
2011-2012.

RESPONSABLE(S) DE LA Nombre: PABLO XAVIER ROSAS CHAVEZ

ELABORACIÓN DEL SÍLABO:

f).............................................

LUGAR Y FECHA: Riobamba, 30 de marzo de 2020

13. REVISIÓN Y APROBACIÓN

________________________
Mg. WILLIAM QUEVEDO
DIRECTOR(A) DE CARRERA