4/3/2020 100000C11P_DisenoMultimediaInteractivo

SÍLABO
DISEÑO MULTIMEDIA INTERACTIVO (100000C11P)
2020 - Ciclo 1 Marzo

1. DATOS GENERALES

1.1.Carrera: DISEÑO DIGITAL PUBLICITARIO

1.2. Créditos: 3

1.3. Modalidad: Presencial

1.4. Horas semanales: 3

2. FUNDAMENTACIÓN

Dada la importancia de Internet como medio de comunicación, el profesional de Ciencias de la Comunicación debe ser capaz de
utilizarlo de manera efectiva, construyendo diseños que aprovechen sus diferencias frente a los medios impresos. Para ello, es
necesario que entienda los fundamentos, evolución y técnicas básicas de implementación de sitios web.

3. SUMILLA
Esta asignatura permite al alumno desarrollar un sitio web como parte de una estrategia de comunicación, desde su concepción,
pasando por su diseño, implementación y publicación.

4. LOGRO GENERAL DE APRENDIZAJE

Al finalizar la asignatura el estudiante implementa un prototipo de sitio web estático utilizando HTML5, CSS y JQuery.

5. UNIDADES Y LOGROS ESPECÍFICOS DE APRENDIZAJE

Unidad de aprendizaje 1: Semana 1,2,3 y 4

Planeamiento y diseño.

Logro específico de aprendizaje:

Diseña un sitio web acorde con las tendencias actuales.

Temario:

Introducción.
Evolución: diseño y tecnología.
Proceso de desarrollo de un sitio web. Formato web: tamaño y espacio de color. Photoshop para diseño web.
Wireframes.
La retícula.
Recursos gráficos: Fuentes, imágenes, paleta de colores.
Mockups.
La propuesta de diseño.

Unidad de aprendizaje 2: Semana 5,6,7,8 y 9

HTML Básico.

Logro específico de aprendizaje:

Estructura adecuadamente un sitio web haciendo uso de la sintaxis y elementos HTML5.

https://silbia.lacafetalab.pe/syllabuses/export/7079.html 1/5
4/3/2020 100000C11P_DisenoMultimediaInteractivo

Temario:

Introducción al HTML.
Sintaxis.
La estructura básica.
Validación.
Los elementos h1-h6, p, ul, ol, li.
El entorno de Dreamweaver.
Optimización de imágenes. Incorporación de imágenes en documentos html.
Rutas.
Enlaces.
Secciones HTML5.
Video.
Audio.
Tablas.
Formularios.
Estructura funcional.

Unidad de aprendizaje 3: Semana 10,11,12,13 y 14

CSS Básico.

Logro específico de aprendizaje:

Incorpora a un sitio web la apariencia adecuada haciendo uso de las reglas de estilo CSS.

Temario:

Introducción a las CSS.

Reglas de estilo en línea.
Cómo cambiar la apariencia de los textos.
Como aplicar color.
Reglas de estilo incrustadas.
Selectores.
Agrupación de estilos.
Restringiendo el alcance de las reglas de estilo.
Especificidad.
Pseudoclases.
Reglas de estilo enlazadas.
Incorporación de imágenes en documentos CSS.
El box model.
Margin, padding, border, height, width, display.
Float, clear, position.
Fuentes de servidores externos.
Fuentes iconográficas.
Transiciones.
Bordes redondeados, sobras, gradientes.
Prototipo básico.

Unidad de aprendizaje 4: Semana 15,16,17 y 18

Mejorando la experiencia de usuario.

Logro específico de aprendizaje:

Incorpora plugins de JQuery para enriquecer el sitio web y mejorar la experiencia de usuario.

Temario:

Introducción a JQuery.
Incorporación de plugins.
Interface enriquecida.
Avance del proyecto y publicación en un hosting.
TRABAJO FINAL:
Entrega de proyecto final.

6. METODOLOGÍA

- Las clases se realizarán incentivando la participación activa de los estudiantes mediante trabajos prácticos, los que se
desarrollarán de manera individual o grupal dependiendo del tema.
- Dada la naturaleza acumulativa del curso, es indispensable que los alumnos manejen siempre los conocimientos adquiridos en
las clases previas para que puedan desenvolverse adecuadamente en clase.
- Trabajo Autónomo Reflexivo: Evolución del diseño web. El alumno elaborará un informe en el que se describan por años las
características de diseño más significativas, incorporando imágenes de sitios reales (online u offline) que representen dicha
característica.
- Uso de laboratorio MAC

https://silbia.lacafetalab.pe/syllabuses/export/7079.html 2/5
4/3/2020 100000C11P_DisenoMultimediaInteractivo

7. SISTEMA DE EVALUACIÓN
El cálculo del promedio final se hará de la siguiente manera:

(10%)PC1 + (10%)PC2 + (20%)PC3 + (20%)PC4 + (40%)TF

Donde:

Tipo Descripción Semana Observación

PC1 PRACTICA CALIFICADA 1 4 Práctica calificada 1

PC2 PRACTICA CALIFICADA 2 9 Práctica calificada 2

PC3 PRACTICA CALIFICADA 3 14 Práctica calificada 3

PC4 PRACTICA CALIFICADA 4 16 Práctica calificada 4

TF TRABAJO FINAL 18 Trabajo Final

Indicaciones sobre Fórmulas de Evaluación:

8. FUENTES DE INFORMACIÓN

Bibliografía Base:

RUBIALES, M. (2018) Curso de Desarrollo Web: HTML, CSS y JavaScript., Anaya Multimedia
GAUCHAT, J. D. (2017) El gran libro de HTML5, CSS3 y JavaScript, Marcombo
HTML 5.1 , En :https://www.w3.org/TR/html51/
The jQuery Pligin Registry , En :http://plugins.jquery.com/
AUBRY, CHRISTOPHE HTML5 y CSS3, ENI EDICIONES

Bibliografía Complementaria:

CSS SPECIFICATIONS , En :https://www.w3.org/Style/CSS/specs.en.html

HTML , En :https://html.spec.whatwg.org/multipage/
jQuery , En :http://jquery.com/

9. CRONOGRAMA DE ACTIVIDADES

Actividades y
Unidad de aprendizaje Semana Sesión Tema
evaluaciones

Unidad 1 Introducción.
Planeamiento y diseño Evolución: diseño y tecnología. Definición del proyecto y
Proceso de desarrollo de un sitio web. Formato organización de grupos.
web: tamaño y espacio de color. Photoshop Identificar en la web
para diseño web. páginas que reflejen las
Wireframes. tendencias actuales de
diseño.
1 1
Configurarán Photoshop
para su uso adecuado
en el diseño web
Inducción de Protocolo
de seguridad de
laboratorios y talleres

La retícula.
Recursos gráficos: Fuentes, imágenes, paleta Los alumnos
de colores. implementarán las
correcciones necesarias
en sus wireframes y
2 2
escogerán las fuentes,
imágenes y paleta de
colores para sus
mockups.

Mockups.
Los alumnos
implementarán las
3 3
correcciones necesarias
en sus mockups.

https://silbia.lacafetalab.pe/syllabuses/export/7079.html 3/5
4/3/2020 100000C11P_DisenoMultimediaInteractivo

4 4 La propuesta de diseño. Practica Calificada 1

(Práctica Calificada 1)

Introducción al HTML.
Sintaxis. Asesoría del profesor e
La estructura básica. implementación del
5 5 alumno.
Validación.
Los elementos h1-h6, p, ul, ol, li.
El entorno de Dreamweaver.

Optimización de imágenes. Incorporación de

imágenes en documentos html. Asesoría del profesor e
6 6 Rutas. implementación del
alumno.

Unidad 2 Enlaces.
HTML Básico Secciones HTML5. Asesoría del profesor e
7 7 implementación del
alumno.

Video.
Audio. Asesoría del profesor e
8 8 Tablas. implementación del
Formularios. alumno.

Estructura funcional.
Practica Calificada 2
9 9
(Práctica Calificada 2)

Introducción a las CSS.

Reglas de estilo en línea. Asesoría del profesor e
10 10 Cómo cambiar la apariencia de los textos. implementación del
Como aplicar color. alumno.

Reglas de estilo incrustadas.

Selectores. Asesoría del profesor e
Agrupación de estilos. implementación del
Restringiendo el alcance de las reglas de estilo. alumno.
11 11 Especificidad.
Pseudoclases.
Reglas de estilo enlazadas.
Incorporación de imágenes en documentos
CSS.
Unidad 3
CSS Básico El box model.
Margin, padding, border, height, width, display. Asesoría del profesor e
12 12 implementación del
alumno.

Float, clear, position.

Fuentes de servidores externos. Asesoría del profesor e
13 13 Fuentes iconográficas. implementación del
Transiciones. alumno.
Bordes redondeados, sobras, gradientes.

Prototipo básico.
Practica Calificada 3
14 14
(Práctica Calificada 3)

Unidad 4 Introducción a JQuery.

Mejorando la experiencia de Incorporación de plugins. Asesoría del profesor e
usuario 15 15 implementación del
alumno.

Interface enriquecida.
Practica Calificada 4
16 16
(Práctica Calificada 4)

Avance del proyecto y publicación en un

hosting. Asesoría del profesor e
17 17 implementación del
alumno.

https://silbia.lacafetalab.pe/syllabuses/export/7079.html 4/5
4/3/2020 100000C11P_DisenoMultimediaInteractivo

18 18 TRABAJO FINAL:
Entrega de proyecto final. Trabajo Final (Trabajo
Final )

https://silbia.lacafetalab.pe/syllabuses/export/7079.html 5/5