Ejercicios de Diseño de Paginas Web

 

PROGRAMACIÓN I  –DESARROLLO DE APLICACIONESDISEÑO DE PAGINAS WEB (HTMLDREAMWEAVER)

MÓDULO DE FORMACIÓN Nº 4

DURACIÓN MÁXIMA

13 HORAS  Acompañamiento directo Trabajo independiente Prácticas

5 HORAS 2 HORAS 6 HORAS

! COMPETENCIAS A DESARROLLAR E0%#%'&" 1% "#$%&%'* + Cons Co nstr tr*i *irr e& so so't 't, ,ar are e pa para ra e& sist sistem ema a de COMPT!C"A SPC#$"CA in'ormaci(n de ac*erdo con &a metodo&o-.a de desarro&&o se&eccionada+ C"#$%&%'*+ (,,./) %esarr %es arro&& o&&ar ar e& sis sistem tema a de in' in'orm ormaci aci(n (n

E0%#%'&" 1% "#$%&%'* ,+ )*e c*mp&ain'ormática+ con &os re)*erimientos de Probar e& so't,are desarro&&ado de ac*erdo con &a so&*ci(n &as especi'icaciones estab&ecidas en e& diseño+ PLANTEAMIENTO PLANTEAM IENTO DEL E2ERCICIO

TA//R Tema0 &ibre %iseñe %iseñ e *n sitio  c*a pá-in pá-ina a principa& m*es m*estre tre *na present presentaci(n aci(n a-radab&e+ a-radab&e+ ste sitio sitio e eb b deb debe e pos poseer eer 4ip 4iper er.nc .nc*&o *&os s imá-en imá-enes es id ideos eos son sonido ido  dem demás ás e&e e&emen mentos tos necesarios para s* (ptimo diseño+ /os 4iper.nc*&os deben en&a7ar otras pá-inas )*e m*estren in'ormaci(n re&acionada con &a pa-ina principa&  demás in'ormaci(n re&eante para )*e &a pá-ina )*ede &o más comp&eta posib&e+ Ta&&er Ta&&er prop*esto por ,! e& RESULTADOS 'ormador donde(LOGROS) se ap&i)*enDE todos &os conocimientos ad)*iridos+ APRENDI3A2E

1+ %iseña pa-inas eb *ti&i7ando adec*adamente &as eti)*etas apropiadas 2+ %is %iseña eñarr pá-in pá-inas as ,eb bas basánd ándose ose en &as nec necesi esidad dades es o rec*rsos rec*rsos de& ent ente e o tema tema especi'ico a desarro&&ar por medio e&ectr(nico 3+ s sta tab& b&ec ecer er &os &ine &ineam amie ient ntos os para e& dise diseño ño de de&& siti sitio o ,eb ,eb de ac*erd ac*erdo o co con n &a in'ormaci(n  rec*rsos disponib&es 8+ "nteract*ar con &as 4erramientas proporcionadas por e& so't,are para e& diseño  creaci(n de pá-inas ,eb 9%ream,eaer:

! CONTENIDOS ! DE CONCEPT CONCEPTOS OS 5 PRINCIPIOS (SA (SABER) BER) • •

Prop*estas So&icit*d de prop*esta Prob&ema %irecciones in'ormaci(n t;cnica+

 

• •

• • • • • • • • • • • • •

•

• • •

• •

"nstr*cciones Como or-ani7ar or-ani7ar &a in'ormaci in'ormaci(n (n "&*strac "&*straciones iones Preca* Preca*cione ciones s /ineam /ineamientos ientos para &as instr*cciones Composici(n  diseño para com*nicar in'ormaci(n+  < %iseño =enera& de &a Pá-ina+  < %isposici(n de& te>to e i&*straciones  < %eta&&es de& %oc*mento  < spacio  %isposici(n de &as "&*straciones+  < ncabe7ado0 Correctos e incorrectos  Apoos ?is*a&es+ scrit*ra Co&aboratia "nesti-aci(n para recopi&ar %atos+ Recomendaciones e instr*cciones para &a di-itaci(n Contro& de &a in'ormaci(n+ !ormas !TC para e& manejo de &a in'ormaci(n+ Reco&ecci(n de &a in'ormaci(n ino&*crada para e& diseño  creaci(n de &a pa-ina ,eb Teor.a de& co&or  ntorno de %ream eaer  ti)*etas básicas de HTM/ /ineamiento de &os objetios para desarro&&ar *n sitio ,eb 9comercia&es mar@etin- administratio in'ormatio: Sitio ,eb %ominios de internet

!,  DE PROCESOS (SABER HACER) •

•

•

• •

•

•

•

• •

•

Se&eccionar tecno&o-.as adec*adas para reco&ectar in'ormaci(n c*mp&iendo con &as !ormas estab&ecidas stab&ecer stab &ecer &os objeti objetios os  necesida necesidades des de &a in'ormac in'ormaci(n i(n teniend teniendo o en c*enta &a se&ecci(n  e& Orden de &a misma+ mp&ear &os instr*men mp&ear instr*mentos tos adec* adec*ados ados para &a Reco&ecc Reco&ecci(n i(n de &a in'ormaci(n in'ormaci(n de ac*erdo con &as neces necesidades idades estab&ecidas stab&ecer Contro&es para e& manejo de &a in'ormaci(n+ "mp&ementar in'ormes para reco&ectar in'ormaci(n teniendo en c*enta todos &os aspectos re&atios a &a ap&icaci(n re)*erida+ C&asi'icar &a in'ormaci(n in'ormaci(n de manera adec*ada  de ac*erdo con &as necesidades de &a Compañ.a+ Pres Presen enta tarr &a "n "n'o 'orm rmac aci( i(n n de ac*e ac*erd rdo o co con n &o &oss re re)* )*is isititos os es esta tab& b&ec ecid idos os en &a mpresa+ ti&i7ar apoos is*a&es d*rante &as presentaciones de cada *no de &os proectos a s* car-o str*ct*ras de nae-aci(n 9árbo& de nae-aci(n: Consideraciones -enera&es de diseño pro-ramaci(n  mantenimiento de &a pa-ina ,eb  Ap&icaci(n de conceptos de diseño en or-ani7aci(n or-ani7aci(n estr*ct*ras  teor.as de co&or 

 

•

"denti'icar &a in'ormaci(n pertinente para ser com*nicada a tra;s de &a pa-ina ,eb as. como &a presentaci(n )*e esta a a tener para e& *s*ario 'ina&

! ACTITUDINAL ( SER) • • • • • • • • • • • • • •

• •

•

•

Receptio con e& conocimiento ad)*irido+ 'iciente en &as &abores a rea&i7ar+ Respet*oso con &as normas t;cnicas imp*estas+ Or-ani7ado  ordenado con &a in'ormaci( in'ormaci(n n )*e sse e esta ana&i7ando  procesando+ Responsab&e con e& manejo de &a in'ormaci(n s*ministrada Receptio con e& conocimiento ad)*irido+ 'iciente en &as &abores a rea&i7ar+ Or-ani7ado  ordenado con &a in'ormaci( in'ormaci(n n )*e sse e esta ana&i7ando  procesando+ Oport*no  era7 en &a entre-a de &a in'ormaci(n+ Con'idente en e& manejo  administraci(n de &a in'ormaci(n+ Ordenado d*rante &a rea&i7aci(n rea&i7aci(n  presentaci(n de &os trabajos+ Responsab&e  c*idadoso con &&os os e)*ipos a s* car-o+ Respeta &as normas de Se-*ridad estab&ecidas dentro de &a "nstit*ci(n+ Or-ani7ado e'iciente en &a c&asi'icaci(n de in'ormaci(n )*e a a ser *ti&i7ada en so&*ci(n a &os casos p&anteados+ Met(dico  &(-ico a& rea&i7ar &os procesos pertinentes+ Creati Cre atio o e inn innoa oador dor a& *ti *ti&i7 &i7ar ar &as 4erram 4erramien ientas tas dis disp*e p*esta stass por e& edi editor tor de pá-inas ,eb Resp Re spet et*o *oso so con con &as &as ne nece cesi sida dade dess  re re)* )*is isititos os p& p&an ante tead ados os por por &o &oss ac acto tore ress ino&*crados 9c&ientes:  saber esc*c4ar s*s in)*iet*des  s*-erencias+ Obserador  a*tocr.tico permitiendo de esta manera mejorar &a ap&icaci(n+

4! CRITERIOS DE EVALUACION • • •

• • •

•

•

•

•

ti&i7a &os doc*mentos -enerados dentro de &a Or-ani7aci(n+ Conoce &as metodo&o-.as para &a reco&ecci(n de &a in'ormaci(n+ stab&ece Objetios  necesidades de &a in'ormaci(n teniendo en c*enta &a se&ecci(n &os e& Orden+ stab&ece m;todos para Contro&ar &a in'ormaci(n reco&ectada+ r eco&ectada+ Reconoce !ormas estab&ecidas para e& manejo de &a manejo de in'ormaci(n Reisa Rei sa de maner manera a respon responsab&e sab&e &a in'orm in'ormaci(n aci(n reco&ec reco&ectada tada teniendo en c*ent c*enta a &a e>actit*d  &a pertenencia de &a misma+ /as pa-inas ,eb creadas c*mp&en con &os re)*erimientos de &os c&ientes Bo *s*arios /a apariencia 9inter'a7 de *s*ario: diseñada es acorde a &os &ineamientos de &a empresa empres a o tema desar desarro&&ad ro&&ado o prese preserand rando o en e&&a co&or co&ores es imá-enes  *n esti esti&o &o propio acorde a &a necesidad o -*sto de& c&iente & port porta& a& con conser sera a *na apa aparie rienci ncia a inn innoa oador dora a c*mp&i c*mp&iend endo o con &os obj objeti etios os prop*estos t ti&i&i7 i7a a de ma mane nera ra adec adec*a *ada da cada cada *na *na de &a &ass 4err 4erram amie ient ntas as pr pro ois ista tass por  por  %ream,eaer  .! T6CNICAS E INSTRUMENTOS DE EVALUACIÓN

 

 A&-*nas de &as 'ormas s*-eridas de obtenci(n de &as eidencias son0 ntreista c*estionario en 'orma de test ea&*aci(n escrita ta&&eres prop*estos &istas de c4e)*eo+ "!STRM!TOS0 a&*aciones de %ia-nostico+

7! ESTRATEGIAS METODOLÓGICAS & 'ormador0 Propone a &os est*diantes actiidades inesti-atias re&acionados con &os ta&&eres )*e an a rea&i7ar  ti&i7ando eje ti&i7ando ejemp&os mp&os pr prácti ácticos cos ino& ino&*cra *cra a& es est*dia t*diante nte en &o &oss conce conceptos ptos para di diseñar  señar  pa-inas eb+ Propone casos prácticos para reso&er in)*iet*des de &os est*diantes+ & est*diante0 %esarro&&a -*.a de trabajo+ %esarro&&a ejercicios prop*estos por e& docente+ %esarro&&acomo ea&*aci(n Tomando base &aprop*esta+ e>p&icaci(n de& 'ormador desarro&&a e& ta&&er  pro-rama e& diseño de &a pá-ina eb+ & 'ormador0 Rea&i7a Rea&i 7a ac actiid tiidad ad /dic /dica a para moti motiar ar e& aprend aprendi7aje i7aje de &a pro-ramaci(n pro-ramaci(n orient orientada ada a eentos+ ti&i7ando ejemp&os prácticos ino&*cra a& est*diante en &os conceptos para desarro&&ar e& ta&&er  a&a e& proceso de aprendi7aje en e& diseño de pa-inas eb eb /! MEDIOS DIDÁCTICOS 5 RECURSOS EDUCATIVOS /aboratori /aborat orios os de sis sistem temas as com comp*t p*tado adores res so' so't, t,are are mod mod*&o *&o -*. -*.a a "nt "ntern ernet et tab&er tab&ero o marcadores+

8! ESCENARIOS DE APRENDI3A2E  A*&a ta&&er de c&ases &aboratorios de sistemas sistemas entorno &abora&  socia&+

9! PRERRE:UISITO & mismo de& per'i& de in-reso a& pro-rama+