ࡱ> PRO %bjbjVV ED<<z z ,T@QggggB"d pJLLLLLL$ #%jpxBBxxpggx ggJxJ:,g~  60R&@&&(xxxppxxxxxxx&xxxxxxxxxz : 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>?GO_  k l o زqcVFhuB*CJOJQJ^JphhR~huCJOJQJhY9hu5CJOJQJh_jhuCJOJQJ^JhThuCJOJQJ^J hO huCJOJQJ^JaJ#hO hu5CJOJQJ^JaJhu5CJOJQJ^JaJhVhuCJOJQJhuCJOJQJhY9huCJOJQJhO h.CJOJQJaJh.CJOJQJaJ ?l o  M  ' e f d 1$7$8$9D@&H$gdud 1$7$8$9DH$gdugd_j0]0gdu 0@&]0gdu   M N   & d f ´¡r_rPEhu5CJOJQJhThuCJOJQJ^J$hB/hu5B*OJQJ^Jph!hThuB*OJQJ^JphhuB*OJQJ^Jphhu>*B*OJQJ^Jph$hThu>*B*OJQJ^JphhY9hu5CJOJQJhY9huCJOJQJhThuCJOJQJhuB*CJOJQJ^Jph%hThuB*CJOJQJ^Jph u v ]^jRd $1$7$8$9DH$Ifgdul $0$If]0a$gdul  0@&]0gdu01$7$8$H$]0gdu01$7$8$@&H$]0gdu0]0gdu  Q Z t u \^jRSU=?ASUVfghpry{ 4\o$hhhuB*OJQJ\^JphhO hu5CJOJQJhXhuCJOJQJ)hXhuB*CJOJQJ^JaJphhXhu5CJOJQJhY9huCJOJQJhY9hu5CJOJQJhB/hu6CJOJQJhuCJOJQJhB/huCJOJQJ*RSU=>t]0$If]0gdul d $1$7$8$9DH$Ifgdul $0$If]0a$gdul Skd$$Ifl0D  t644 la>?At]0$If]0gdul d $1$7$8$9DH$Ifgdul $0$If]0a$gdul Skdc$$Ifl0D  t644 lat]0$If]0gdul d $1$7$8$9DH$Ifgdul $0$If]0a$gdul Skd$$Ifl0D  t644 laSTt]0$If]0gdul d $1$7$8$9DH$Ifgdul $0$If]0a$gdul Skd)$$Ifl0D  t644 laTUVf  34sess h0@&]0gd_j h0h]0^h`gdu0]0gdu 0@&]0gdu00]0^`0gduSkd$$Ifl0D  t644 la 4]^}&yKij U,Lb~d 1$7$8$9DH$gdu\egmn- / """""###o#p#ɻt_N_7_-h_jh_j0JB*CJOJQJ^JaJph h_jh_jCJOJQJ^JaJ)jh_jh_jCJOJQJU^JaJh_jCJOJQJaJhY9huCJOJQJaJh$qCJOJQJaJhY9huCJOJQJhhhuOJQJhuOJQJh-hu5CJOJQJhuCJOJQJhhhuCJOJQJhuB*OJQJ^Jph!hhhuB*OJQJ^Jph!Fn- . / q#r#s#9%%gd_j0&d P ]0gdu0&d P ]0`gdugdu 0@&]0gdu0]0gdud 1$7$8$9DH$gdup#q#r#8%9%%ķhY9huCJOJQJhYhuCJOJQJaJ)hYhuB*CJOJPJQJaJphhY9huCJOJQJaJhK0h_j6%%0dh&d P ]0gduC 0hP1:p_j/ =!8"8#8$% Dpa$$If!vh55#v#v:V l t655aa$$If!vh55#v#v:V l t655aa$$If!vh55#v#v:V l t655aa$$If!vh55#v#v:V l t655aa$$If!vh55#v#v:V l t655af  OJ QJ _HmH nH sH tH 8`8 Normal_HmH sH tH 66  Heading 1$5DD  Heading 2$5>*CJOJ QJ @@  Heading 3$5>*OJ QJ HH  Heading 4 $,],5>*OJ QJ PP  Heading 5$$,],a$5CJOJ QJ FF  Heading 6 $,], 5OJ QJ DA`D Default Paragraph FontZi@Z  Table Normal :V 4 l4a _H(k (No List >P@> Body Text 2 ,],CJ>P> Body Text 2 CJOJ QJ 4U`4 0 Hyperlink >*phz"z 9SColorful List - Accent 1d^m$CJOJ QJ aJmH sH FV 1F VFollowedHyperlink >*B*phvOBv T0[Basic Paragraph]d 1$7$8$9DH$!B*CJOJ PJQJ ^J aJphjSj  Q Table Grid7:V0PK![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!kytheme/theme/themeManager.xml M @}w7c(EbˮCAǠҟ7՛K Y, e.|,H,lxɴIsQ}#Ր ֵ+!,^$j=GW)E+& 8PK!Ptheme/theme/theme1.xmlYOo6w toc'vuر-MniP@I}úama[إ4:lЯGRX^6؊>$ !)O^rC$y@/yH*񄴽)޵߻UDb`}"qۋJחX^)I`nEp)liV[]1M<OP6r=zgbIguSebORD۫qu gZo~ٺlAplxpT0+[}`jzAV2Fi@qv֬5\|ʜ̭NleXdsjcs7f W+Ն7`g ȘJj|h(KD- dXiJ؇(x$( :;˹! I_TS 1?E??ZBΪmU/?~xY'y5g&΋/ɋ>GMGeD3Vq%'#q$8K)fw9:ĵ x}rxwr:\TZaG*y8IjbRc|XŻǿI u3KGnD1NIBs RuK>V.EL+M2#'fi ~V vl{u8zH *:(W☕ ~JTe\O*tHGHY}KNP*ݾ˦TѼ9/#A7qZ$*c?qUnwN%Oi4 =3ڗP 1Pm \\9Mؓ2aD];Yt\[x]}Wr|]g- eW )6-rCSj id DЇAΜIqbJ#x꺃 6k#ASh&ʌt(Q%p%m&]caSl=X\P1Mh9MVdDAaVB[݈fJíP|8 քAV^f Hn- "d>znNJ ة>b&2vKyϼD:,AGm\nziÙ.uχYC6OMf3or$5NHT[XF64T,ќM0E)`#5XY`פ;%1U٥m;R>QD DcpU'&LE/pm%]8firS4d 7y\`JnίI R3U~7+׸#m qBiDi*L69mY&iHE=(K&N!V.KeLDĕ{D vEꦚdeNƟe(MN9ߜR6&3(a/DUz<{ˊYȳV)9Z[4^n5!J?Q3eBoCM m<.vpIYfZY_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-!kytheme/theme/themeManager.xmlPK-!Ptheme/theme/theme1.xmlPK-! ѐ' theme/theme/_rels/themeManager.xml.relsPK] D \p#%  R>T4%%!"oX8@0( 67SZ B S  ? _Hlt185917068N@Okkq&MKH -JNK^`o(. ^`hH. pL^p`LhH. @ ^@ `hH. ^`hH. L^`LhH. ^`hH. ^`hH. PL^P`LhH.^`OJ PJQJ ^Jo(-^`OJ QJ o(hHop^p`OJQJo(hH@ ^@ `OJQJo(hH^`OJ QJ o(hHo^`OJQJo(hH^`OJQJo(hH^`OJ QJ o(hHoP^P`OJQJo(hHH -&M         ֹ        $q._ju@pppp@UnknownG*Ax Times New Roman5Symbol3. *Cx ArialYMBerkeley-MediumBerkeleyI BerkeleyCambria7.K@Candara7. [ @VerdanaQM Candara-BoldCandara7K@CambriaY New YorkTimes New Roman9Palatino7.@ CalibriaMMinionPro-RegularMinion Pro?= * Courier New;WingdingsA BCambria Math"xLxL|&i&5i&5!;88drK#q;?22Art 338 Supply ListPrusamjenning  Oh+'0T     (4<DLArt 338 Supply ListPrusaNormal mjenning2Microsoft Office Word@F#@tg[@}@}i&՜.+,D՜.+,@ hp|  5 Art 338 Supply List Title 8@ _PID_HLINKSA[Mhttp://www.fau.edu/regulations/chapter4/4.001_Code_of_Academic_Integrity.pdf   !"$%&'()*,-./0123456789:;<=>@ABCDEFHIJKLMNQRoot Entry F02~SData #1Table++&WordDocumentEDSummaryInformation(?DocumentSummaryInformation8GCompObjy  F'Microsoft Office Word 97-2003 Document MSWordDocWord.Document.89q