DATOS INFORMATIVOS

ESCUELA PROFESIONA L

ESC UELA AR TES & DISEO GR FIC O EMPR ESAR IAL

NOMBRE DEL CURSO

TALLER DE DISEO W EB

PRE-REQUISITO

IMAGEN DIGITAL

SEMESTRE A CA DMICO

201402

HORA S

6(Te .4 Pra.2)

CRDITOS

DURA CIN

17 Se m anas

DOCENTE

UGAZ BR AC O SULEIKA ELIANA

DETALLE DE SLABOS
FUNDA MENTA CIN
FUNDAMENTAC I N La e x pe rie ncia curricular de nom inada Talle r de Dise o W e b, pe rte ne ce al re a de Form acin
Profe sional de la Escue la de Arte s y Dise o Grfico Em pre sarial, de stinada a brindar los conocim ie ntos te ricos prcticos sobre e l dise o y cre acin de pginas we b. El pre se nte talle r aportar e n la form acin de l profe sional de l
dise o grfico con las com pe te ncias, de stre zas y habilidade s ne ce sarias y ade cuadas que buscan e l m ane jo
apropiado por parte de l e studiante de los conce ptos y t cnicas re lacionadas a los fe nm e nos de la com unicacin
grfica e m ple ados para planificar, ge stionar,supe rvisar y e valuar un proye cto we b e n dive rsas e tapas y nive le s de
com ple jidad, ade m s, al fam iliarizarlos con los aporte s ltim os de la te cnologa e l e studiante podr innovar sus
propios proce sos con e l propsito de m ode rnizar constante m e nte los re cursos aplicados e n e l dise o we b actual.
COMPETENCIA S
C O MPETENC IAS Dise a digitalm e nte pie zas grficas de orde n we b: banne rs publicitarios digitale s, pginas we bs y
we bflye rs, usando e l software ade cuado, con crite rio cre ativo y t cnico. Produce y e x pone una m ue stra de dise o
we b, inte grando ase rtivam e nte trabajo individual y coope rativo.
PROGRA MA CIN A CA DMICA
UNIDAD 01
TITULO
UNIDAD 01: FUNDAMENTO S DEL DISEO W EB.
C APAC IDADES
C onoce los conce ptos bsicos aplicados al dise o we b.
Analiza los proce sos ne ce sarios que involucra e l de sarrollo de un dise o visual y usable ade cuado a las
ne ce sidade s de l m e rcado we b actual
Em ple a los re cursos ade cuados e n e l dise o de un sitio we b.
Ade cua las he rram ie ntas inform ticas ne ce sarias para la e dicin y optim izacin de archivos grficos we b.
C re a y e dita im ge ne s inte ractivas inicindose e n e l uso de las he rram ie ntas e spe cializas we b.
Apre nde a distribuir, aline ar los e le m e ntos inte ractivos de ntro de l e spacio de trabajo durante e l dise o de una
pgina we b.
AC TITUDES
-Participa activam e nte e n las se sione s te rico/prcticas aportando ide as y opinione s re lacionadas al te m a.
-De m ue stra un com partim ie nto ade cuado durante e l de sarrollo de la clase .
-De m ue stra inte r s e n e l de sarrollo de lo te m tica de l curso.
-Pre se nta de m ane ra puntual los trabajos indicados e n clase .
-C um ple con los obje tivos propue stos al culm inar cada se sin de apre ndizaje .
-Inve stiga sobre los te m as re alizados e n clase .
-De sarrolla las practicas propue stas e n clase de m ane ra re sponsable y cum plie ndo lo indicado por la doce nte .
CONTENIDOS DE CLA SES
Se m anas 01
Se m ana 01: Las te nde ncias de l dise o we b e n la actualidad.
Actividad de Apre ndizaje :
Pre se ntacin de la Doce nte y de sglose de l curso, obje tivos y m ate riale s a de sarrollar (e x plicar paso a paso los
e le m e ntos que com pone n e l slabo).
Pre se ntacin de los e studiante s y que obje tivos de se an cum plir con e l de sarrollo de l curso.
Indicacione s sobre e l proye cto final (re alizacin de l Sitio W e b C orporativo).
Evaluacin de Entrada.
Parte Prctica: R e conocim ie nto de l e ntorno de trabajo de la he rram ie nta para la re alizacin de obje tos ve ctoriale s
y m anipulacin de m apa de bits para la obte ncin de grficos bsicos, configuracin de un docum e nto.
Actividad de e valuacin:
Participacione s orale s y aporte s ace rca de lo re alizado e n clase .
Pe ticin de Brie f de la e m pre sa de su e le ccin para que se a la base su trabajo para la siguie nte se m ana.
Hom e W ork :Infografa sobre la te cnologa e m ple ada e n la we b actual.
Se m anas 02
Se m ana 02: Dise o Visual o Usabilidad?
Actividad de Apre ndizaje :

Vide o de induccin y e x posicin de diapositivas e im ge ne s sobre ide ntidad we b, los factore s que influye para la
usabilidad e n la we b, e l m ane jo e l dise o visual con la finalidad que e l sitio we b tam bi n se a usable , la
acce sibilidad una virtud prioritaria e n la actualidad.
Se re alizar e l Inte rcam bio de inform acin bibliogrfica o prctica con los alum nos.
Indicacione s para la asiste ncia al e ve nto "C uando lo visual invade al m undo" los das 05 y 06 de se tie m bre con la
finalidad que e l e studiante e m ita un inform e re lacionado al curso y a los te m as tratados e n dicho e ve nto.
Parte Prctica:
Mane jo de te x to, re lle nos, filtros, capas, m scaras, y e stilos we b, para la re alizacin de te x tos pe rsonalizados
aplicados a banne r we b.
Actividad de e valuacin:
Ex posicin de l trabajo de la se m ana 01.
Pre se ntacin de l Brie f de la Em pre sa e scogida por los alum nos.
Hom e work : Visita a bibliote ca para la re alizacin de re sum e n m e diante un organizador grfico de los captulos I,
II y III de l libro Dise o que se duce de Ste phe n Ande rson para la se m ana 03.
Se m anas 03
Se m ana 03: La m onocrom a e n la we b vs La pale ta de colore s corporativa.
Actividad de Apre ndizaje :
Pre se ntacin de pginas we b para anlisis y e x posicin de diapositivas e im ge ne s sobre la rue da de los colore s
we b, los cdigos de color R GB, proporcione s de color, e sque m as, contraste s, colore s de fondo y colore s de vnculos,
los dive rsos tipos de m onocrom a aplicados e n la we b, re visin de storyboard.
Se re alizar e l Inte rcam bio de inform acin bibliogrfica o prctica con los alum nos.
Parte Prctica: Mane jo de Estados e Inte ractividadpara la re alizacin de banne r anim ados.
Actividad de e valuacin:
R e visin de l trabajo indicado e n la se m ana 02.
R e alizacin de storyboard bsico para una anim acin gif.
Hom e work : Ele ccin de la pale ta de colore s que e m ple arn e n e l dise o we b.
R e alizacin de boce to para e l dise o de l sitio we b.
R e alizacin de una pre se ntacin sobre e l e ve ntoC uando lo visual invade al m undo.
Se m anas 04
Se m ana 04: Anlisis de los sitios we b.
Actividad de Apre ndizaje :
Vide o de induccin sobre e l anlisis we b, y e x posicin de diapositivas e im ge ne s sobre ide ntificacin de l pblico
e n ge ne ral, ide ntificacin de los obje tivos de la e m pre sa, arquite ctura de l sitio, re striccione s, y de te rm inacin de
conte nidos.
Se re alizar e l Inte rcam bio de inform acin bibliogrfica o prctica con los alum nos.
Parte Prctica: Aplicacin de zonas inte ractivas para cre ar un prototipo we b.
Visin ge ne ral sobre los e stilos a prrafos y m ane jo de form as y color we b
Actividad de e valuacin:
Pre se ntacin de los trabajos indicados e n la se m ana 03.
Anlisis de artculos sobre dise o we b indicado por la doce nte .
Hom e work : Anlisis de l captulo 14 Dise o W e b de l libro Dise o Grfico y Publicidad (Fundam e ntos y
Solucione s) de R obin Landa, re alizacin de l dise o e sttico de la pgina principal de l sitio we b, para la se m ana 05
Se m anas 05
Se m ana 05: O ptim izacin de grficos para we b.
Actividad de Apre ndizaje :
Vde o sobre e dicione s de im ge ne s para we b, Pre se ntacin y e x posicin de diapositivas y form atos grficos
vlidos e n la we b, pe rfile s para e x portacin, R e m ue stre o y pe rfile s de color.
Se re alizar e l Inte rcam bio de inform acin bibliogrfica o prctica con los alum nos.
Parte Prctica: R e conocim ie nto de l e ntorno de trabajo de la he rram ie nta para e l dise o we b, visin ge ne ral de l
e spacio de trabajo, configuracin y pe rsonalizacin de opcione s para un trabajo ade cuado.
Actividad de e valuacin:
Pre se ntacin de los trabajos indicados e n la se m ana 04.
Anlisis crtico y lluvia de ide as sobre los te m as de sarrollados e n clase .
Hom e work : R e alizacin de infografa sobre e l C aptulo 06 Grficos de l Libro T cnicas innovadoras e n Dise o
W e b de Pe nnyMcIntire para la se m ana 06, pre se ntacin de la inform acin de tallada sobre la e m pre sa para e l
dise o we b.
Se m anas 06
Se m ana 06: La Tipografa y su influe ncia e n la je rarqua visual we b.
Actividad de Apre ndizaje :
Vide o de induccin, pre se ntacin sobre tipografa se gura e n la W e b, com o e scoge r la tipografa corre cta para la
we b, form ate os de te x tos, pale tas tipogrficas.
Anlisis de artculos propue stos por la doce nte e n e l de sarrollo de clase .
Parte Prctica: Mane jo de pginas m ae stras, un dise o fijo o dise o fluido, tam ao para los archivos, de lim itacin
de l re a de trabajo.
Actividad de e valuacin:
Pre se ntacin de trabajos indicados e n la se m ana 5.
Hom e work : Anlisis de l dise o we b aplicado e n las principale s sitios we b nacionale s.
Se m anas 07
Se m ana 07: C onocie ndo los conte nidos digitale s:

Actividad de Apre ndizaje :

Vide o sobre dise o digital we b e n la actualidad y e x posicin de diapositivas sobre las caracte rsticas digitale s de
conte nidos, las caracte rsticas de la we b 3.0, e l com portam ie nto de los usuarios e n la we b, adm inistracin de
inform acin e n la we b a trav s de los siste m a de ge stin de conte nido o C MS.
Se re alizar e l Inte rcam bio de inform acin bibliogrfica o prctica con los alum nos.
Parte Prctica:Visin ge ne ral sobre los e stilos a prrafos y m ane jo de form as y color we b
Actividad de e valuacin:
Anlisis de l Artculo: Irc 2.0. Me dios para la inform acin, la re lacin y la com unicacin e n la we b, e ste re sum e n
de be r se r pre se ntado e n base a un dise o re alizado por los e studiante s.
Hom e work : Anlisis sobre los principale s siste m as de ge stin de conte nidos o C MS para la se m ana 08.
Se m anas 08
Se m ana 08: Arquite ctura W e b.
Actividad de Apre ndizaje :
Inform acin sobre la je rarqua visual, m apas de sitio, re cursos t cnicos a conside rar de ntro de l dise o we b
Se re alizar e l Inte rcam bio de inform acin bibliogrfica o prctica con los alum nos.
Parte Prctica: Trabajo con form as, color e im ge ne s al sitio we b.
Actividad de e valuacin:
Ex posicin de l trabajo indicado e n la se m ana 11.
Practica C alificada 01.
Hom e W ork : Pre se ntacin de l dise o de la pgina principal de l sitio we b para la se m ana 10.
Se m anas 09
Se m ana 09: Ex am e n Parcial
Se e valuar los conte nidos re visados hasta la se m ana 08
AC TIVIDADES
Las actividade s program adas para e ste ciclo acad m ico 2014-II se re alizarn de acue rdo a los conte nidos
re alizados se m analm e nte .
UNIDAD 02
EL DISEO W EB O R IENTADO A LO S ESTANDAR ES AC TUALES.
EL DISEO W EB O R IENTADO A LO S ESTANDAR ES AC TUALES.
C APAC IDADES
C APAC IDADES
R e conoce la im portancia de re alizar un dise o we b ade cuado para la prom ocin de re cursos o productos de sus
clie nte s.
Aplica una se cue ncia de pasos para la planificacin de los conte nidos anim ados incluidos e n un sitio we b.
Utiliza de m ane ra corre cta la he rram ie nta inform tica para e l dise o de inte rface s de fcil inte ractividad.
Adm inistra las dive rsas propie dade s de l e ntorno inform tico para e l dise o y anim acin we b.
AC TITUDES
AC TITUDES
-Participa activam e nte e n las se sione s te rico/prcticas aportando ide as y opinione s re lacionadas al te m a.
-De m ue stra inte r s e n e l de sarrollo de lo te m tica de l curso.
-Pre se nta de m ane ra puntual los trabajos indicados e n clase .
-C um ple con los obje tivos propue stos al culm inar cada se sin de apre ndizaje .
-Inve stiga sobre los te m as re alizados e n clase .
-De sarrolla las practicas propue stas e n clase de m ane ra re sponsable y cum plie ndo lo indicado por e l doce nte .
CONTENIDOS DE CLA SES
Se m anas 10
Se m ana 10: Im portancia de cre ar una Gua de Estilo.
Actividad de Apre ndizaje :
Pre se ntacin de inform acin sobre que e s una gua de e stilo, que e le m e ntos la conform an, su im portancia y
be ne ficios que trae al dise o de l sitio we b.
Se re alizar e l Inte rcam bio de inform acin bibliogrfica o prctica con los alum nos.
Parte Prctica: Trabajo con vnculos y botone s e n e l dise o de l sitio we b.
Actividad de e valuacin:
R e visin de los trabajos pe ndie nte s de la se m ana 08.
Anlisis de artculo propue sto por la doce nte .
Hom e work : R e alizacin de la Gua de Estilo V 1.0 de l sitio we b e scogido.
Se m anas 11
Se m ana 11: R e alizacin de una we b corporativa vs we b de organizacione s sin fine s de lucro.
Actividad de Apre ndizaje :
Vide o de induccin y e x posicin de diapositivas e im ge ne s sobre qu tipo de inform acin se de be incluir y
actualizar de una e m pre sa, e n caso de las we b de asociacione s sin fine s de lucro que tan acce sible pue de lle gar a
se r la inform acin, caracte rsticas de su conte nido.
Parte Prctica: Aplicacin e stilos grficos e inse rcin de bloque s e n htm l.
Actividad de e valuacin:
Ex posicin de la gua e stilo V 1.0.
Hom e work : Anlisis de trabajo indicado por la doce nte .
R e alizacin de l Prim e r Foro W e b: Te nde ncia de l dise o m inim alista we b.
Se m anas 12

Se m ana 12: Las re de s sociale s y su influe ncia e n e l dise o de un sitio we b.

Actividad de Apre ndizaje :
Inform acin sobre los usos e influe ncia de las re de s sociale s, que e le m e ntos son m s im portante s, las re de s
sociale s de m s uso e n la actualidad.
Se re alizar e l Inte rcam bio de inform acin bibliogrfica o prctica con los alum nos.
Parte Prctica: Trabajo con W idge ts, configuracin para publicacin y e x portacin de l sitio we b.
Actividad de e valuacin:
Ex posicin de l trabajo indicado e n la se m ana 11.
Practica C alificada 02.
Hom e W ork : Pre se ntacin de avance de l dise o de sitio we b para la se m ana 13.
Se m anas 13
Se m ana 13: Mark e ting de conte nidos.
Actividad de Apre ndizaje :
Inform acin sobre que e s e l m ark e ting de conte nidos, la publicidad tradicional vs e l m ark e ting de conte nidos,
cule s son sus usos y finalidade s, be ne ficios de su aplicacin.
Se re alizar e l Inte rcam bio de inform acin bibliogrfica o prctica con los alum nos.
Parte Prctica: R e conocim ie nto de l e ntorno de trabajo de la he rram ie nta de anim acin para we b-htm l5,
pe rsonalizacin de las opcione s, propie dade s de l e sce nario de la he rram ie nta inform tica.
Actividad de e valuacin:
Ex posicin de l trabajo indicado e n la se m ana 12.
Anlisis de te x to sobre m ark e ting de conte nidos indicado por la doce nte .
Se m anas 14
Se m ana 14: Posicionam ie nto W e b / Se o.
Actividad de Apre ndizaje :
Vide o de induccin, e x posicin de diapositivas e im ge ne s sobre las conside racione s t cnicas, arm ona visual,
Mane jo de Buscadore s y conte nidos, las palabras clave s.
Indicacione s para la asiste ncia al e ve nto "Se ntim ie nto Dise o" los das 26, 27 y 28 de novie m bre con la finalidad
que e l e studiante e m ita un inform e re lacionado al curso y a los te m as tratados e n dicho e ve nto.
Parte Prctica: Aplicacin de T cnicas bsicas de anim acin.
Actividad de e valuacin:
R e visin de trabajo de la se m ana 13.
Hom e work :
Pre se ntacin sobre las confe re ncias re alizadas e n la Jornada Grfica Inte rnacional Se ntim ie nto Dise o para la
se m ana 15.
Pre se ntacin de l ltim o avance de l proye cto final para la se m ana 15.
Se m anas 15
Se m ana 15: Analtica W e b.
Actividad de Apre ndizaje :
Inform acin sobre que e s la analtica we b, cm o funcionan los m otore s de bsque da, para qu sirve Google
Analytics, be ne ficios y ve ntajas.
Pre se ntacin de l trabajo indicado e n la se m ana 14.
Parte Prctica: T cnicas pe rsonalizadas de anim acin /Prim e ra pre se ntacin de l Proye cto Final para la re visin y
corre ccin corre spondie nte para su re spe ctiva suste ntacin final e n la se m ana 16.
Se m anas 16
Se m ana 16:
EXAMEN FINAL EXPO SIC I N DE TR ABAJO FINALES (SITIO W EB DE LAS EMPR ESAS ESC O GIDAS PO R LO S ALUMNO S
ANTE JUR ADO ESTABLEC IDO EN C LASE)
Se m anas 17
Se re alizar e l e x am e n de aplazados y re zagados.
AC TIVIDADES
METODOLOGIA _DE_ENSEA NZA
ESTR ATEGIAS METO DO L GIC AS. Este curso, se de sarrollar de una m ane ra conjunta y coope rativa e ntre la doce nte
y e l e studiante e n e l cual se de sarrollaran t cnicas de e x posicin, dilogo, discusin y anlisis. En donde ,e l
e studiante de be r se guir las indicacione s dadas y de sarrollar los trabajos asignados que de be rn se r pre se ntadas
e n e l tie m po acordado com o la nica fe cha de pre se ntacin, fue ra de la cual adquie re e l calificativo de 00. En caso
de de sarrollarse un talle r e n clase , ste slo te ndr valide z para los asiste nte s que lle gue n de form a puntual.
C onform e se vayan re alizando las clase s se irn supe rvisando pe rsonalm e nte los trabajos que re alice n los
alum nos. Ade m s se irn e ntre gando m ate rial e ducativo adicional a trav s de sus corre os e le ctrnicos, foros o e n
m e m orias usb com o apoyo a los te m as de sarrollados e n clase s.
MEDIOS_Y_MA TERIA LES
MEDIO S Y MATER IALES EDUC ATIVO S Mate rial didctico alusivo, le cturas y /o se paratas, com putadoras, proye ctor
m ultim e dia, Inte rne t (pginas y blogs e spe cializados), pizarra, plum n.
EVA LUA CION_DEL_A PRENDIZA JE
EVALUAC I N DEL APR ENDIZAJE El proce so e valuativo tom ar e n conside racin la continua participacin de l alum no
(inte rve ncione s orale s, inve stigacin, e x posicione s, trabajos prcticos), lo m ism o que su bue n com portam ie nto e
inte gracin a las com pe te ncias de l curso. El e studiante asistir a un m nim o de l 60% de las clase s tanto te ricas
com o prcticas; cum plir con los trabajos y e x m e ne s de form a oportuna, re sponsable y hone sta. Su calificacin
total no de be se r m e nor a 11. Vale re calcar que e l e studiante que lle gue tarde no se le pe rm itir e l ingre so al aula
y se tom ara com o una Inasiste ncia que de be r se r justificada. Q uie n plagie te ndr nota ce ro e n e l trabajo donde
se halle e l plagio y re cibir un inform e de parte de l doce nte a la Dire ccin de la Escue la y a De canato.

C R O NO GR AMA Evaluacin constante a trav s de participacione s orale s y e scritas. Anlisis de te x tos / aplicacin cada
se sin. Trabajos de Inve stigacin. (Individuale s o grupale s). Prcticas C alificadas. Parcial Pre se ncial: Proye cto Final.
Evaluacin final: Ex am e n Aplazados: R EGISTR O DE NO TAS 1.Inve stigacin / Inform e s (I): Anlisis de Libros y
Te x tos. (Bibliote ca Fsica, Virtual y Pe rsonal) Avance de proye cto final Participacin Activa e n e l Foro de la
Unive rsidad. 2. Parcial Pre se ncial (PP) 3. Practica C alificada (PC ) 4. Actitud e n e l curso (AC ) 5. Trabajo prctico /
Proye cto Final (TP) 6. Ex posicin (X) Nota Parcial 1: (I + 2(PP) + X + TP+ PC + AC ) / 7 Nota Parcial 2: (I +2 (PP) + X
+2(TP) +PC + AC ) / 7
BIBLIOGRA FIA
Adobe Pre ss (2013). Adobe Egde Anim ate . Madrid: Edicione s Anaya Multim e dia. Adobe Pre ss (2013). Adobe
Muse . Madrid: Edicione s Anaya Multim e dia. Am brose H. (2008).R e tculas. Barce lona: Parram n Edicione s.
Ande rson S. (2012). Dise o que se duce : C m o cre ar we bs y aplicacione s atractivas al usuario. Madrid: Edicione s
Anaya Multim e dia. C aldwe ll, C . (2010). V ndase ! Portafolios com pe titivos para dise adore s grficos. Barce lona:
Editorial Alcanto S.A. C roll A. y Powe r S. (2009). T cnicas de Monitorizacin W e b. Madrid: Edicione s Anaya
Multim e dia.
De l
Santo
O.
y
Alvare z
D.
(2012).
Mark e ting
de
Atraccin
2.0.
R e cupe rado
de
http://issuu.com /oscarde lsanto/docs/m ark e tingde atraccion2.0. Erole s J.L. (2010). Inte rne t Mark e ting 2.0.
Barce lona: R e ve rt S.A. Glasse r J. y Knight C . (201544|1). Eje rcicios de Dise o Grfico : C uade rno Prctico.
Barce lona: Gustavo Gili, SL. Landa R . (2011). Dise o grfico y publicidad Fundam e ntos y solucione s. Barce lona:
Anaya Multim e dia. Lpe z de Base k it P., Llore t G. y Guiu D. (2013). Mark e ting de C onte nidos. R e cupe rado de
http://www.sociale tic.com / McIntire P. (2009). T cnicas Innovadoras e n Dise o W e b. Madrid: Edicione s Anaya
Multim e dia. BIBLIO GR AFA VIR TUAL E-brary: Santos D. y More no Ve ga J. (2010). T cnicas para m e jorar e l
posicionam ie nto y aum e ntar la visibilidad de portale s W e b e n Inte rne t. C uba: Instituto Supe rior Polit cnico Jos
Antonio Eche ve rra. C UJAE.
DIRECCIONES_ELECTRONICA S
http://publicidadypaginaswe b.com /Articulos-Dise no-W e b/fundam e ntos-de l-dise no-de -paginas-we b.htm l
http://www.de sarrollowe b.com
http://www.inte riorgrafico.com /articulos/51-de cim a-e dicion-dicie m bre -2010/315-4e ldise no-grafico-y-su-incorporacion-al-dise no-we b
http://www.abcdise gno.com /te oria-de l-color/
http://www.nube lo.com /
http://www.sociale tic.com /
http://foroalfa.org/
https://issuu.com /
http://www.ide arium 30.com /
http://www.digital-we b.com /type s/de sign_in_the ory_and_practice /
http://blog.aulaform ativa.com /dise no-we b/