ࡱ > P R O % bjbjVV ED < < z z , T @ Q g g g g B " d p J L L L L L L $ # % j p x B B x x p g g x
g g J x J : , g ~
6 0 R & @ & & ( x x x p p x x x x x x x & x x x x x x x x x z : Interactive Design Lab 1: 4cr.
Instructor: Prof. Eric Landes
elandes1@fau.edu 954-762-5061 (note: best to communicate via e-mail)
Office Hours: 1-5:00pm Wednesdays or by appointment
Class hours: TTh 9-11:50am
GRA 4521 Interactive Design Lab (4cr): For the graphic design student with a working knowledge of design principles and technologies. This course addresses the prevalent design considerations at work in the development of online content. We will explore the current relevant technologies and discuss the issues, opportunities, and obligations of the designer in the development of interactive media.
Course objectives:
to learn to create websites using HTML, CSS, and XHTML
to understand the responsibility of the designer in the web production process
to learn the guidelines for proper deployment of web assets
to learn to design for a variety of online environments
to understand the issues surrounding browser/user-determined modifications
Required Books:
Web Style Guide 3rd Edition
By Patrick J. Lynch and Sarah Horton
available online at: http://webstyleguide.com/wsg3/index.html
Required Assets and Materials:
1GB USB Drive or Portable Hard Drive
Subscription to Lynda.com (a temporary one is provided by use of your lab fees)
Recommended Book:
Any suitable reference guides related to the subjects. The OReilly Essential guides are among the best
Class policy:
This course is one of the core classes in pursuit of a professionally-oriented degree. You are expected to have all of your assignments completed on time as well as have completed any additionally assigned materials. While you may come and go during working sessions, there is an expectation that you will participate fully in lectures, critiques, and discussions. Missed information and excused missed assignments are the students responsibility to acquire or complete.
Evaluation:
Your work in this class will be evaluated based on a single large assignment and several smaller in-class exercises. The work will be evaluated with an emphasis on technical comprehension and the role of that comprehension in the development and design of web-based content. Nearly as important will be the functional aesthetics applied to the web content. A demonstration of user-centered design principles will figure into this evaluation. Work will be granted a numeric value which will translate into a final letter grade. Please use the following chart of values, grades and descriptions to better understand:
Awork demonstrates the highest level of understanding and creativity. craft and formal issues are resolved to the same degreeBthe work shows better than average idea development, but lacks refinement. the work demonstrates an above average understanding of the assignment goals. and shows good creativity. formal issues are resolved to a satisfactory degree
Cthe work demonstrates an average level of understanding or creativity; or may be good solutions hampered by formal issues. there is little evidence of involvement other than the completion of the assignment
Dthe work shows below average creativity and/or little to no understanding of the assignment concepts and goals. Ds may also be given for excessively low craft.
Fthe assignment was either not completed or completed with such a low level of understanding, creativity, or attention to formal issues as to have failed.
Grading Scale:
A+ = 100 / A = 93-99 / A- = 90-92 / B+ = 87-89 / B = 83-86 / B- = 80-82 / C+ = 77-79 / C = 73-76 C- = 70-72 / D+ = 68-69 / D = 63-68 / D- = 60-62 / F = below 60
Attendance:
You will begin the semester with a 5 point-per-class total (e.g., 30 class meetings would result in 150 possible points). Your attendance is therefore assigned a point value equal to a large assignment. While there is no maximum of missed classes, the points lost can damage your final grade significantly. Excused absences will not cost you any points. Excused absences are those in observance of a religious holiday, severe personal illness or emotional difficulty, or the death or disability. Please contact me early should any of these events seem likely or are in progress. I am sympathetic to most situations, but need to know when they arise.
CALENDAR
(note: this schedule is subject to change based on the needs of the class or larger situations which may affect student participation)
course outline: assignments and readings
section one: research / models
01/10 research reading: chapter 3: chunking
01/12 user profile reading: chapter 2: user research
01/17 site plan | navigation reading: chapter 3: site structure
01/19 fireworks | wireframes reading: chapter 3: wireframes + all of chapter 4
tutorial: FW CS5 rapid prototyping: wireframes
01/26 fireworks | wireframes 2 reading: chapters 7 page layout / 8 typography
01/31 fireworks | prototypes tutorial: FW CS5 rapid prototyping: ch5 + ch9
02/02 critique of prototypes
section two: introduction to HTML and CSS
02/07 HTML and tags tutorial: XHTML HTML E.T. chptrs 1-3
02/09 in-class tutorial: the page tutorial: DW CS4 / terms
02/14 in-class quiz: simple page tutorial: XHTML HTML E.T. chptrs 1-3
02/16 tutorial: buttons with CSS please use provided notes and tutorials as necessary
02/21 in-class quiz: buttons with CSS
02/23 tutorial: vertical buttons with CSS
02/28 in-class quiz: vert. buttons with CSS
03/01 tutorial: building forms
03/6-8 spring break
03/13 in-class quiz: forms
03/15 tutorial: components: menus
03/20 tutorial: components: styling widgets
03/22 tutorial: uploading and site management
section three: site construction
03/27 building and styling homepage
03/29 work day | functioning homepage
04/03 home page critique
04/12 interim critique and discussion
04/19 final interim critique and discussion
04/26 projects due posted to web 9:00am*
Assignments:
In this class you will be responsible for the redesign of a provided existing website. This will constitute 50% of your grade with in-class quizzes being the other 50%
Note: In accordance with university policy, all cell phones and beepers must be turned off during class time.
STATEMENT OF ACADEMIC INTEGRITY: Students at Դɼ are expected to maintain the highest ethical standards. Academic dishonesty, including cheating and plagiarism, is considered a serious breach of these ethical standards, because it interferes with the University mission to provide a high quality education in which no student enjoys an unfair advantage over any other. Academic dishonesty is also destructive of the University community, which is grounded in a system of mutual trust and places high value on personal integrity and individual responsibility. Harsh penalties are associated with academic dishonesty. For more information, see HYPERLINK "http://www.fau.edu/regulations/chapter4/4.001_Code_of_Academic_Integrity.pdf"http://www.fau.edu/regulations/chapter4/4.001_Code_of_Academic_Integrity.pdf
DISABILITY POLICY STATEMENT: In compliance with the Americans with Disabilities Act (ADA), students who require special accommodations due to a disability to properly execute coursework must register with the Office for Students with Disabilities (OSD) located in -- Boca Raton - SU 133 (561-297-3880), in Davie - LA 240 (954-236-1657), in Jupiter - SR 110 (561-799-8585), or at the Treasure Coast - CO 117 (772-873-3382), and follow all OSD procedures.
Attached are forms that will be useful to you and you document your process in your
3 > ? G O _ k
l
o
زqcVF hu B*CJ OJ QJ ^J ph hR~ hu CJ OJ QJ hY9 hu 5CJ OJ QJ h_j hu CJ OJ QJ ^J hT hu CJ OJ QJ ^J hO hu CJ OJ QJ ^J aJ #hO hu 5CJ OJ QJ ^J aJ hu 5CJ OJ QJ ^J aJ hV hu CJ OJ QJ hu CJ OJ QJ hY9 hu CJ OJ QJ hO h. CJ OJ QJ aJ h. CJ OJ QJ aJ ? l
o
M ' e f d 1$ 7$ 8$ 9D @& H$ gdu d 1$ 7$ 8$ 9D H$ gdu gd_j 0]0gdu
0@& ]0gdu
M N & d f
´¡r_rPE hu 5CJ OJ QJ hT hu CJ OJ QJ ^J $hB/ hu 5B*OJ QJ ^J ph !hT hu B*OJ QJ ^J ph hu B*OJ QJ ^J ph hu >*B*OJ QJ ^J ph $hT hu >*B*OJ QJ ^J ph hY9 hu 5CJ OJ QJ hY9 hu CJ OJ QJ hT hu CJ OJ QJ hu B*CJ OJ QJ ^J ph %hT hu B*CJ OJ QJ ^J ph
u
v
] ^ j R d $1$ 7$ 8$ 9D H$ If gdu l $0$If ]0a$gdu l
0@& ]0gdu 01$ 7$ 8$ H$ ]0gdu 01$ 7$ 8$ @& H$ ]0gdu 0]0gdu
Q
Z
t
u
\ ^ j R S U = ? A S U V f g h p r y { 4 \ o $hh hu B*OJ QJ \^J ph hO hu 5CJ OJ QJ hX hu CJ OJ QJ )hX hu B*CJ OJ QJ ^J aJ ph hX hu 5CJ OJ QJ hY9 hu CJ OJ QJ hY9 hu 5CJ OJ QJ hB/ hu 6CJ OJ QJ hu CJ OJ QJ hB/ hu CJ OJ QJ *R S U = > t ] 0$If ]0gdu l d $1$ 7$ 8$ 9D H$ If gdu l $0$If ]0a$gdu l S kd $$If l 0 D
t 6 4 4
l a > ? A t ] 0$If ]0gdu l d $1$ 7$ 8$ 9D H$ If gdu l $0$If ]0a$gdu l S kdc $$If l 0 D
t 6 4 4
l a t ] 0$If ]0gdu l d $1$ 7$ 8$ 9D H$ If gdu l $0$If ]0a$gdu l S kd $$If l 0 D
t 6 4 4
l a S T t ] 0$If ]0gdu l d $1$ 7$ 8$ 9D H$ If gdu l $0$If ]0a$gdu l S kd) $$If l 0 D
t 6 4 4
l a T U V f 3 4 s e s s
h 0@& ]0gd_j
h 0h]0^h`gdu 0]0gdu
0@& ]0gdu 00]0^`0gdu S kd $$If l 0 D
t 6 4 4
l a 4 ] ^ } & y K i j
U , L b ~ d 1$ 7$ 8$ 9D H$ gdu \ e g m n - / " " " " "# ## o# p# ɻt_N_7_ -h_j h_j 0J B* CJ OJ QJ ^J aJ ph h_j h_j CJ OJ QJ ^J aJ )j h_j h_j CJ OJ QJ U^J aJ h_j CJ OJ QJ aJ hY9 hu CJ OJ QJ aJ h $q CJ OJ QJ aJ hY9 hu CJ OJ QJ hh hu OJ QJ hu OJ QJ h- hu 5CJ OJ QJ hu CJ OJ QJ hh hu CJ OJ QJ hu B*OJ QJ ^J ph !hh hu B*OJ QJ ^J ph ! F n - . / q# r# s# 9% % gd_j 0&d P ]0gdu 0&d P ]0`gdu gdu
0@& ]0gdu 0]0gdu d 1$ 7$ 8$ 9D H$ gdu p# q# r# 8% 9% % ķ hY9 hu CJ OJ QJ hY hu CJ OJ QJ aJ )hY hu B*CJ OJ PJ QJ aJ ph hY9 hu CJ OJ QJ aJ hK0 h_j 6 % % 0dh &d P ]0gdu C 0 h P 1:p_j / =!8"8#8$% Dp a $$If !v h5 5#v #v:V l
t 65 5aa $$If !v h5 5#v #v:V l
t 65 5aa $$If !v h5 5#v #v:V l
t 65 5aa $$If !v h5 5#v #v:V l
t 65 5aa $$If !v h5 5#v #v:V l
t 65 5a f OJ QJ _HmH nH sH tH 8 ` 8 N o r m a l _HmH sH tH 6 6 H e a d i n g 1 $ 5 D D H e a d i n g 2 $ 5>*CJ OJ
QJ
@ @ H e a d i n g 3 $ 5>*OJ
QJ
H H H e a d i n g 4
$,], 5>*OJ
QJ
P P H e a d i n g 5 $$,],a$ 5CJ OJ
QJ
F F H e a d i n g 6
$,], 5OJ
QJ
D A` D D e f a u l t P a r a g r a p h F o n t Z i@ Z T a b l e N o r m a l :V 4
l 4 a _H ( k ( N o L i s t > P@ > B o d y T e x t 2
,], CJ > P > B o d y T e x t 2 CJ OJ
QJ
4 U`4 0 H y p e r l i n k >*ph z "z 9S C o l o r f u l L i s t - A c c e n t 1 d ^m$ CJ OJ QJ aJ mH sH F V 1F V F o l l o w e d H y p e r l i n k >*B*ph v O Bv T 0 [ B a s i c P a r a g r a p h ] d 1$ 7$ 8$ 9D H$ ! B*CJ OJ PJ QJ ^J aJ ph j Sj Q
T a b l e G r i d 7 :V 0 PK ! [Content_Types].xmlj0Eжr(Iw},-j4 wP-t#bΙ{UTU^hd}㨫)*1P' ^W0)T9<l#$yi} ;~@(Hu* Dנz/0ǰ $ X3aZ,D0j~3߶b~i>3\`?/[G\!-Rk.sԻ..a濭? PK ! ֧ 6 _rels/.relsj0 }Q%v/C/} (h"O
= C?hv=Ʌ%[xp{۵_Pѣ<1H0ORBdJE4b$q_ 6LR7`0̞O,En7Lib/Se е PK ! ky theme/theme/themeManager.xml M
@}w7c(Ebˮ CAǠҟ7՛K
Y,
e.|,H ,lxɴIsQ}#Ր ֵ+!,^$j=GW)E+&
8 PK ! P theme/theme/theme1.xmlYOo6w toc'vuر-Mn iP@I}úama[إ4:l ЯGRX^6؊>$ !)O^rC$y@ /yH*)UDb`}"qۋJחX^)I`nEp)liV[]1M<OP6r=zgbIguSe bORD۫qu gZo~ٺlAplxpT0+[}`j zA V2Fi@qv֬5\|ʜ̭NleXd sjcs7f
W+Ն7` g ȘJj|h(KD-
dXiJ؇(x$( :;˹! I_TS 1?E ??ZBΪmU/ ?~xY'y5g&/ɋ>GMGeD3Vq%'#q$8K )fw 9:ĵ
x}rxwr:\TZaG*y8IjbRc|XŻǿI
u3KGnD 1NIBs
RuK>V.E L+M2#'fi ~V vl{u8z H
* :( W ☕
~JTe\O*tHGHY }KNP*ݾ˦ TѼ9/#A7qZ $*c?qUnwN%Oi4 =3ڗP
1Pm \\9Mؓ2aD];Yt\[x]}Wr|]g-
eW
)6-rC Sj
id DЇAΜIqbJ#x꺃 6k#ASh&ʌt(Q% p%m&]caS l=X\P1Mh9MVdDAaVB[݈fJíP|8 քAV^f
Hn- "d>znNJ ة>b&2vKyϼD:,AGm\nziÙ .uχYC6OMf3or$5N HT[XF64T,ќM0E)`#5XY`פ ;%1U٥m;R>QD DcpU'&LE/pm%]8firS4d 7y\`JnίI R 3U~7+#m qBiDi*L69mY&iHE=(K&N!V.KeLDĕ{D vEꦚdeNƟe(MN9ߜR6&3(a/DUz<{ˊYȳV)9Z[4^n5!J?Q3eBoCM m<.vp IYfZY_p[=al-Y}Nc͙ŋ4vfavl'SA8|*u{-ߟ0%M07% < ҍ PK !
ѐ ' theme/theme/_rels/themeManager.xml.relsM
0wooӺ&݈Э5
6?$Q
,.aic21h:qm@RN;d`o7gK(M&$R(.1r'JЊT8V"AȻHu}|$b{ P8g/ ]QAsم(#L[ PK- ! [Content_Types].xmlPK- ! ֧ 6 + _rels/.relsPK- ! ky theme/theme/themeManager.xmlPK- ! P theme/theme/theme1.xmlPK- !
ѐ ' theme/theme/_rels/themeManager.xml.relsPK ]
D
\ p# % R > T 4 % % ! " o X 8 @ 0 ( 6 7 S Z
B
S ?
_ H l t 1 8 5 9 1 7 0 6 8 N @O k k q &MK H -JNK ^`o( .
^`h H .
pL^p`Lh H .
@ ^@ `h H .
^`h H .
L^`Lh H .
^`h H .
^`h H .
PL^P`Lh H . ^`OJ
PJ QJ
^J o( - ^`OJ
QJ
o( h H o p^p`OJ QJ o( h H @ ^@ `OJ QJ o( h H ^`OJ
QJ
o( h H o ^`OJ QJ o( h H ^`OJ QJ o( h H ^`OJ
QJ
o( h H o P^P`OJ QJ o( h H H - &M ֹ $q . _j u @ p p p p @ U n k n o w n G * Ax T i m e s N e w R o m a n 5 S y m b o l 3. * Cx A r i a l Y M B e r k e l e y - M e d i u m B e r k e l e y I B e r k e l e y C a m b r i a 7. K @ C a n d a r a 7. [ @ V e r d a n a Q M
C a n d a r a - B o l d C a n d a r a 7 K @ C a m b r i a Y N e w Y o r k T i m e s N e w R o m a n 9 P a l a t i n o 7. @ C a l i b r i a M M i n i o n P r o - R e g u l a r M i n i o n P r o ?= * C o u r i e r N e w ; W i n g d i n g s A B C a m b r i a M a t h " xLxL|& i & 5 i & 5 !; 88d r K#q; ? 2 2 A r t 3 3 8 S u p p l y L i s t P r u s a m j e n n i n g Oh +'0 T
( 4 < D L Art 338 Supply List Prusa Normal mjenning 2 Microsoft Office Word @ F# @ tg[@ }@ } i & ՜. +,D ՜. +,@ h p |
5 Art 338 Supply List Title 8 @ _PID_HLINKS A [ M h t t p : / / w w w . f a u . e d u / r e g u l a t i o n s / c h a p t e r 4 / 4 . 0 0 1 _ C o d e _ o f _ A c a d e m i c _ I n t e g r i t y . p d f
! " $ % & ' ( ) * , - . / 0 1 2 3 4 5 6 7 8 9 : ; < = > @ A B C D E F H I J K L M N Q R o o t E n t r y F 02~S D a t a
# 1 T a b l e + +& W o r d D o c u m e n t ED S u m m a r y I n f o r m a t i o n ( ? D o c u m e n t S u m m a r y I n f o r m a t i o n 8 G C o m p O b j y
F' Microsoft Office Word 97-2003 Document
MSWordDoc Word.Document.8 9q