MICROCURRÍCULO - PREGRADO

NOMBRE DE LA DISEÑO WEB DG0323

ASIGNATURA
VERSIÓN FECHA DE ACTUALIZACIÓN 01-09-2019

FACULTAD DISEÑO, COMUNICACIÓN Y BELLAS ARTES

PROGRAMA DISEÑO GRÁFICO

NIVEL DE FORMA-
PREGRADO ESTRATEGIA METODOLÓGICA PRESENCIAL
CIÓN
PENSUM 20161 SEMESTRE O PERIODO CUARTO
PROFESIONAL
ÁREA DE FORMA- COMÚN TRANSVERSAL LIBRE ELECCIÓN
ESPECÍFICA
CION
X
Contar con un buen diseño web se ha convertido en un requisito imprescindible para la mayoría de negocios. El
motivo es que una página web es la carta de presentación de una marca, y en función de esta, los usuarios
PRESENTACIÓN DE podrán hacerse una idea de quién es la empresa, lo que hace y su grado de profesionalidad. Por eso, ya son
LA ASIGNATURA muchas las marcas que apuestan por optimizar su web y ofrecer la mejor estética junto con los mejores
contenidos para visibilizarse ante su público objetivo.

UNIDAD DE Formar profesionales capaces de llevar adelante proyectos exitosos en Internet.El estudiante podrá crear,
COMPETENCIA administrar y posicionar sitios web para lograr el rendimiento óptimo de los mismos.
ASOCIADA
C1: Plantea soluciones de organización visual y arquitectura de la información, partiendo de estándares
contemporáneos para un buen desempeño en proyectos web
ELEMENTOS DE
COMPETENCIA C2: Conoce las técnicas y herramientas de diseño web para lograr una imagen atractiva, innovadora y acorde con
ASOCIADOS los elementos establecidos para una página web.

C3: Identifica la semántica básica del lenguaje html5, estilos CSS y JavaScript para su práctica en proyectos web

Preparar al estudiante en el diseño y mercadeo de sitios web, haciendo uso de herramientas tecnológicas y
Fortalecimiento de
conocimientos conceptuales necesarios para desarrollar proyectos profesionales el área de diseño web, siempre
los nodos
teniendo en cuenta al usuario final en características como usabilidad y accesibilidad

Competencia en Lectura Crítica: En el curso se trabajarán con textos continuos y discontinuos que le permitirán
identificar y entender los contenidos locales que conforman un texto y reflexionar a partir de un texto y evaluar
su contenido.
Competencia Competencia específica-Procesos Comunicativos: Comprende los procesos de comunicación como producción
genérica a fortalecer de sentido. Y Comprende los productos que hacen parte de la producción de sentido en contextos específicos.
Competencia Investigativa: analiza y aplica las tendencias de la era digital a la hora de producir páginas y
contenido para la web

Profesional en Publicidad y Mercadeo, Diseño o áreas afines. Con maestria en comunicación multimedial o afines
Perfil docente

Horas de tra-
Horas de Trabajo Horas de
TIPO DE ASIGNATU- TOTAL bajo indepen-
directo con do- trabajo Co- Horas totales
IDENTIFICACIÓN RA CRÉDITOS diente o autó-
cente laborativo
nomo
Teórica-Práctica 2 32 12 12 56

CONTEXTUALIZACIÓN

FORMATO INSTITUCIONAL H1-P01-I01-F01-3 - VICERRECTORÍA ACADÈMICA

NAL. -DIRECCIÓN NAL DE ACREDITACIÓN Y ASEGURAMIENTO DE LA
CALIDAD
Versión Fecha: Aprobado:
 Evaluación
formativa y
Apoyo de los evaluación para los
CONTENIDO
Saberes (prácticos, Descripción de recursos tres cortes (revisar
PROGRAMÁTICO Núcleo problémico o
del ser y del saber estrategias y (materiales) y uso indicaciones que se
(por semanas) pregunta orientadora
saber) actividades de las TIC ofrecen en el
apartado de
evaluación)
Ejercicio
Ejercicio rápido de proyectual Participación y
1 Práctico Asesoría directa
facultad. completo en asistencia
cuatro días.
La utilización de las
herramientas vistas
en clase a través de
Análisis,
Mapas visuales comentarios de
Socialización del
material audiovisual, textos, discusiones,
microcurrículo, firma Desarrollo de guías
Socializaciones en resolución de
del acuerdo de trabajo
2 Saber-Práctico clase, guías de problema, Trabajo
pedagógico, propuestas por el
trabajo, autónomo del
Socialización diseño docente.
herramientas web estudiante no
web
2.0 presencial (lectura y
visionados
individuales).
Participación y
asistencia
La utilización de las
herramientas vistas
en clase a través de
Análisis,
Ordenadores
comentarios de
mentales, material
textos, discusiones,
Desarrollo de guías audiovisual,
resolución de
de trabajo Socializaciones en
3 Mapas de navegación Saber hacer problema, Trabajo
propuestas por el clase, guías de
autónomo del
docente. trabajo,
estudiante no
herramientas web
presencial (lectura y
2.0
visionados
individuales).
Participación y
asistencia
La utilización de las
herramientas vistas
en clase a través de
Análisis,
Ordenadores
comentarios de
mentales, material
textos, discusiones,
Desarrollo de guías audiovisual,
Prototipado resolución de
de trabajo Socializaciones en
4 Y experiencias de Saber hacer problema, Trabajo
propuestas por el clase, guías de
usuario autónomo del
docente. trabajo,
estudiante no
herramientas web
presencial (lectura y
2.0
visionados
individuales).
Participación y
asistencia
5 Primer parcial saber hacer taller participativo ordenadores la utilización de las
mentales, material herramientas vistas
2
 en clase a través de
análisis,
comentarios de
textos, discusiones,
audiovisual,
resolución de
socializaciones en
problema, trabajo
clase, guías de
autónomo del
trabajo,
estudiante no
herramientas web
presencial (lectura y
2.0
visionados
individuales).
participación y
asistencia
la utilización de las
herramientas vistas
en clase a través de
análisis,
ordenadores
comentarios de
mentales, material
textos, discusiones,
desarrollo de guías audiovisual,
Prototipado y resolución de
Taller de de trabajo socializaciones en
6 experiencias de problema, trabajo
interactividad propuestas por el clase, guías de
usuario 2 autónomo del
docente. trabajo,
estudiante no
herramientas web
presencial (lectura y
2.0
visionados
individuales).
participación y
asistencia
la utilización de las
herramientas vistas
en clase a través de
análisis,
ordenadores
comentarios de
mentales, material
textos, discusiones,
desarrollo de guías audiovisual,
resolución de
de trabajo socializaciones en
7 Wireframes 1 Taller wireframes problema, trabajo
propuestas por el clase, guías de
autónomo del
docente. trabajo,
estudiante no
herramientas web
presencial (lectura y
2.0
visionados
individuales).
participación y
asistencia
la utilización de las
herramientas vistas
en clase a través de
análisis,
ordenadores
comentarios de
mentales, material
textos, discusiones,
desarrollo de guías audiovisual,
resolución de
Wireframes y Taller de Responsive de trabajo socializaciones en
8 problema, trabajo
formatos de imagen web Design propuestas por el clase, guías de
autónomo del
docente. trabajo,
estudiante no
herramientas web
presencial (lectura y
2.0
visionados
individuales).
participación y
asistencia
9 Wordpress Taller Conociendo la desarrollo de guías Ordenadores La utilización de las
3
 herramientas vistas
en clase a través de
Análisis,
comentarios de
mentales, material
textos, discusiones,
audiovisual,
resolución de
de trabajo Socializaciones en
problema, Trabajo
interfaz propuestas por el clase, guías de
autónomo del
docente. trabajo,
estudiante no
herramientas web
presencial (lectura y
2.0
visionados
individuales).
Participación y
asistencia
La utilización de las
herramientas vistas
en clase a través de
Análisis,
Ordenadores
comentarios de
mentales, material
textos, discusiones,
desarrollo de guías audiovisual,
Interactividad: resolución de
de trabajo Socializaciones en
10 navegabilidad Saber Hacer problema, Trabajo
propuestas por el clase, guías de
Diagramas de flujo autónomo del
docente. trabajo,
estudiante no
herramientas web
presencial (lectura y
2.0
visionados
individuales).
Participación y
asistencia
La utilización de las
herramientas vistas
en clase a través de
Análisis,
Ordenadores
comentarios de
mentales, material
textos, discusiones,
audiovisual,
resolución de
Socializaciones en
11 Segundo parcial saber hacer trabajo individual problema, Trabajo
clase, guías de
autónomo del
trabajo,
estudiante no
herramientas web
presencial (lectura y
2.0
visionados
individuales).
Participación y
asistencia
La utilización de las
herramientas vistas
en clase a través de
Análisis,
Ordenadores
comentarios de
mentales, material
textos, discusiones,
desarrollo de guías audiovisual,
Guías prácticas de resolución de
de trabajo Socializaciones en
12 diseño web y Saber hacer problema, Trabajo
propuestas por el clase, guías de
maquetación autónomo del
docente. trabajo,
estudiante no
herramientas web
presencial (lectura y
2.0
visionados
individuales).
Participación y
asistencia
4
 La utilización de las
herramientas vistas
en clase a través de
Análisis,
Ordenadores
comentarios de
mentales, material
textos, discusiones,
Trabajo práctico El Desarrollo de guías audiovisual,
resolución de
Gestión de Proyectos diseño web color, de trabajo Socializaciones en
13 problema, Trabajo
(Proyecto visual 1) tipografía e imagen. propuestas por el clase, guías de
autónomo del
docente. trabajo,
estudiante no
herramientas web
presencial (lectura y
2.0
visionados
individuales).
Participación y
asistencia
La utilización de las
herramientas vistas
en clase a través de
Análisis,
Ordenadores
comentarios de
mentales, material
textos, discusiones,
Trabajo práctico Desarrollo de guías audiovisual,
resolución de
Taller de Promoción preparando la de trabajo Socializaciones en
14 problema, Trabajo
(Proyecto visual 2) experiencia de propuestas por el clase, guías de
autónomo del
usuario docente. trabajo,
estudiante no
herramientas web
presencial (lectura y
2.0
visionados
individuales).
Participación y
asistencia
La utilización de las
herramientas vistas
en clase a través de
Análisis,
Ordenadores
comentarios de
mentales, material
Trabajo práctico textos, discusiones,
Taller de Desarrollo de guías audiovisual,
desarrollo de resolución de
comunicación de trabajo Socializaciones en
15 prototipos de baja problema, Trabajo
(Proyecto Visual 3) propuestas por el clase, guías de
fidelidad y media autónomo del
producción docente. trabajo,
fidelidad estudiante no
herramientas web
presencial (lectura y
2.0
visionados
individuales).
Participación y
asistencia
Ordenadores
mentales, material
audiovisual,
Presentación página
Trabajo individual/ Socializaciones en Participación y
16 Trabajo final web y libro de
grupal clase, guías de asistencia
producción
trabajo,
herramientas web
2.0

5
 Clase magistral y expositiva con alto apoyo de medios audiovisuales y herramientas Web.
Foros de clase, charlas moderadas a partir de material bibliográfico.
Ejercicios en clase de aplicación de conceptos.
Elaboración de bocetos, planteamiento de los proyectos finales, búsqueda y análisis de referentes,
asesoría por parte del docente para cada parte del proceso de realización y ejecución del proyecto.

Estrategias Didácticas: Panel de Discusión

Estudio Dirigido
Desarrollo de Talleres
Método de Casos
Método de Preguntas
Exposición
LA METODOLOGÍA Y Explicación demostrativa
DIDÁCTICA: Aprendizaje basado en problemas.
Conversatorio
Lluvia de Ideas
Mesa Redonda
Seminario
Mapas mentales
Crucigrama
Sopa de Letras
Investigación
Simulación
Juego de Roles
Trabajo Colaborativo
Trabajo de Campo
Actividades de Evaluación
EVALUACIÓN
- Persepolis (2007) Director: Vincent Paronnaud, Marjane Satrapi
- Moonrise Kingdom (2012) Director: Wes Anderson
ASPECTOS DE - El laberinto del Fauno (2004) Director: Guillermo Del toro
INTERNACIONALIZA - A Single Man (2009) Director: Tom Ford
CIÓN DEL - Where the Wild Thing Are (2009) Director: Spike Jonze
CURRÍCULO -The Matrix Directores: Andy Wachowski - Lana Wachowski

Desarrollo de taller aplicado a las tendencias con opción múltiple

BIBLIOGRAFÍA - CIBERGRAFÍA
BIBLIOGRAFÍA Web Design: Studios 1
BÁSICA
Wiedemann Julius. No. Topográfico: 005.72 W31
Creación y Diseño Web. Edición 2010
Claudia Valdés-Miranda y Zoe Plasencia López
No me hagas pensar – Una aproximación a la usabilidad Web.
Steve Krug
Mobile Usability (ENG)
Jakob Nielsen
Mobile First(ENG)
Luke Wrobleski
¿Qué es lo virtual?
Pierre Levy
Inteligencia Colectiva

6
 Pierre Levy
Designing for Emotions (ENG)
Arron Walter

 Machado, Arlindo. (2007). El Advenimiento de los Medios Interactivos. En La Ferla, Jorge (Ed.) El Medio es el
Diseño Audiovisual. (2007). Manizales: Universidad de Caldas.
 Giannetti, Claudia. (2007). Arts Telemática. En La Ferla, Jorge (Ed.) El Medio es el Diseño Audiovisual. (2007).
Manizales: Universidad de Caldas.
BIBLIOGRAFÍA
 Grau, Oliver. (2007). Arte Virtual. En La Ferla, Jorge (Ed.) El Medio es el Diseño Audiovisual. (2007).
COMPLEMENTARIA
Manizales: Universidad de Caldas.
 Giannetti, Claudia. (2008, febrero). Arte y Tecnología, apuntes sobre la estética lúdica en el arte participativo
en Brasil. En Revista de Cultura Brasileña, No 6, p 104-117.

http://helpx.adobe.com/es/dreamweaver/topics.html
http://www.cristalab.com/
http://www.maestrosdelweb.com/
http://www.w3schools.com/
http://www.csslab.cl/
CIBERGRAFÍA
http://html5boilerplate.com/
http://beta.theexpressiveweb.com/
http://fluidsquares.com/
http://alistapart.com/
http://diveintohtml5.info/
http://overapi.com/

7
 RÚBRICA DE VALORACIÓN:

Nivel de desempeño
Aspectos a evaluar Insuficiente Bueno Satisfactorio Destacado
0 – 59% 60% - 80% 80% - 90% 90% - 100%
Lectura Crítica
Conoce los Conoce Conoce en buena medida Conoce satisfactoriamente Conoce con amplitud los
elementos insuficientemente los los elementos principales los elementos principales elementos principales del
principales del elementos principales del diseño web del diseño web diseño web
diseño web del diseño web
Diferencia y
Diferencia y relaciona Diferencia y relaciona Diferencia y relaciona Diferencia y relaciona
relaciona los
Insuficientemente los parcialmente los correctamente los términos suficiente y correctamente
términos
términos interacción términos interacción interacción social de los términos interacción
interacción social
social de interactividad. social de interactividad. interactividad. social de interactividad.
de interactividad.
Identifica y crea
Identifica Identifica en buena
proyectos Identifica con amplitud
insuficientemente medida proyectos Identifica proyectos
interactivos con correctamente proyectos
proyectos interactivos interactivos con interactivos con contenido
contenido y interactivos con contenido
con contenido y contenido y y posicionamiento web
posicionamiento y posicionamiento web
posicionamiento web posicionamiento web
web
Prepara y relaciona Prepara Prepara en buena medida Prepara satisfactoriamente Prepara con amplitud
estéticas y insuficientemente estéticas y narrativas estéticas y narrativas estéticas y narrativas
narrativas estéticas y narrativas interactivas para interactivas para proyectos interactivas para proyectos
interactivas para interactivas para proyectos web web web
proyectos web proyectos web