AD 332 – Computer Graphics
(Intro to Web Design)
Syllabus – Fall 2015
Time and Location: SoAD Lab - Pulliam 0163 Monday and Wednesday 8:00am-10:50am
Instructor – Joshua Hale Email: [email protected]
Office Hours: Fridays 9am – Noon Glove 202H
Course Description
This course focuses on the design and development of interactive media for the web through technical and design projects. Students will learn core concepts of web production, apply web design standards, and develop proficiency in designing
interactive and multimedia content using Adobe Dreamweaver, Photoshop, Illustrator, and other tools with a primary focus on web delivery. Students will become proficient with web authoring tools through assignments, classroom demonstrations, and readings. Throughout the semester, students will complete and launch a portfolio website with text, image gallery, and advanced elements. Students will also be introduced to basic concepts of User Experience (UX) design for navigating the constantly changing landscape of designing for interactive digital experiences. Prerequisites: AD 219 or permission of instructor.
Course Objectives
1. Simple web concepts (How media is delivered over the web) 2. Simple web production concepts (XHTML/CSS)
3. Development tools that speed up web content production (Adobe Dreamweaver) 4. Graphic design for the web (CSS)
5. Using tools for site management (Adobe Dreamweaver)
6. Tools for advanced web elements (JavaScript, jQuery, HTML 5, etc.) 7. User Interface and User Experience (UI/UX) design basics
Readings
The following books will be used in class and it is recommended that you purchase them. If you do not choose to buy them, individual digital readings will be made available. If you think you may pursue web design later, if you prefer not to read on-screen, or if you feel you may struggle in the course. I strongly recommend purchasing the books.
Dreamweaver CC: The Missing Manual Learning Web Design - Fourth Edition
NOTE: Additional required readings may be provided by the instructor. Required Materials
Incremental back-up and storage of projects through-out the semester on a dedicated device is REQUIRED. Students are REQUIRED to backup coursework through the
semester and have an external drive IN CLASS. Students should save their work in at least 2 locations to prevent data loss.
Minimum:
8-GB USB storage drive.
1-sketchbook/notebook (taking notes will be ESSENTIAL to this course)
The software used in the course will be Adobe Creative Suite CS6. Students are not required to buy this software, but access to the Lab is limited. Students may also work in Communications B9 after hours. Note compatibility issues.
Projects
Unit 1: Introduction to HTML, CSS, Dreamweaver
Simple Page Site Definition Text Formatting CSS Page Layout
Layout with Text and Image CSS List Based Navigation
Unit 2: Design - Planning and Process
Site Planning and Roughs Design Mock-up
Unit 3: Full 5 page website
Design Transfer (Home Page) About Page
Links Page Contact Page Image Gallery Page
Outside Work time
Students will need to spend 1-2 hours per week outside of class completing assigned readings. If students work hard and focus during class, most projects can be
completed during class. Assignments and Deadlines: Unless otherwise noted, all work must be submitted according to instructor’s guidelines COMPLETED and ON TIME at
the BEGINNING of class on the due date. Assignments and Projects will be submitted to SIU Online drop box for this class. Students will be required to submit work to this folder for grading. Instructions for accessing the online drop box will be provided in class.
Late Work
Late or unfinished work will lose 10% PER DAY INCLUDING WEEKENDS. Projects will not be accepted after 10 days.
Grading Scale
In general, grades are determined by how well objectives have been covered, development of the idea, creativity and originality, technique, completeness and participation. Specific grading criteria will be outlined with each individual assignment and graded accordingly.
A-Superior, B-Above Average, C-Average, D-Below Average, F-Failure 90-100%
A Superior work of the highest quality. The “A” level student goes beyond what is expected or required. The work demonstrates consistent creative and original solutions with the highest technical ability showing mastery of the tools and techniques. The work demonstrates a sense of confidence. The “A” level student understands artistic/historical strategies and concepts and can articulate those ideas in their work and class discussion. The work of the “A” level student shows obvious evidence of thinking: it work conveys a sense that it is about something and involves risk-taking and informed decision making.
80-89% B
Confident, above-average work. The “B” student demonstrates professionalism in both attitude and approach to assignments with a sound level of technical ability that demonstrates evidence of critical-thinking skills. The “B” student contributes to class discussions and understands artistic strategies associated with course content. Assignments are completed on time. Scores on assignments and projects are
consistent with the grade of B. Inconsistencies in concept, composition and technique cannot warrant a higher grade.
70-79% C
Average effort and quality. The “C” student demonstrates a basic understanding of technical control and artistic ability with a sense of real effort, but problems are not successfully resolved. Erratic technical skills with little or no sense of challenge
becomes obvious. Contributes to class discussions and understands concepts related to course content. Assignments are usually completed on time. Scores on assignments and projects are consistent with the grade of C.
60-69% D
Below Average. The “D” student meets the minimum course requirements. Concepts are weak, lacking critical-thinking skills and technical skills are poor requiring remedial work. Assignments are below average and/or not completed in a timely man¬ner. Contributions to class discussions are minimal. Scores on assignments and projects are consistent with the grade of D. D is a passing grade, not a failure.
59% -0 F
The “F” level student either does not meet all course requirements, or performs inadequately, or both. F is a failing grade.
Semester Grade Breakdown
Specific grading criteria will be outlined with each individual assignment and graded accordingly. The sections of the course are weighted as follows in determining final grades:
Unit 1 - Introduction to HTML, CSS, Dreamweaver: (35%) Unit 2- Design - Planning and Process: (15%)
Unit 3 - Working 5 page site: (40%)
Participation/Studio Etiquette/Attitude/Classroom Time Management: (10%)
Attendance
It is essential that students be in class. Attendance will be taken.
Tardies will be given for showing up anytime after the scheduled start time for class. After receiving four tardies, you will receive an absence. Since our class is at 8am, be sure to wake up early enough to make it to class on time. If this will be a problem for you, I recommend dropping the class.
Arriving late or leaving early (10+min) equals an absence. An absence will also be recorded for not showing up with materials, working on other projects during class or not working. An absence will be recorded for students working on Facebook, YouTube, email, texting, etc.
Absence Policy
Students are allowed 3 absences for the semester. I do not distinguish between excused absences and unexcused absences. You are simply given 3 absences to use as you need. On the 4th absence a student’s semester grade will be LOWERED A FULL LETTER GRADE and continued to be LOWERED A FULL LETTER GRADE for each
additional absence. Students with 8 or more absences will receive a WF.
If you have a situation that will regularly impact your ability to attend class, discuss your situation with the instructor at the beginning of the semester so that alternative options can be pursued.
Studio Policies
An absence will be recorded for students observed using FaceBook, Email, YouTube, Texting, etc. during class. Cell phones must be turned OFF during meeting times and will not be answered. Phone calls can be made during the breaktime.
NO TEXTING
NO headphones during class.
All SIUC computer lab policies must be followed.
Pulliam Art and Design Lab
Students must abide by all posted rules when using the Lab.
Important Dates
Semester Class Begins...8/24
Last day to add a class (without instructor permission): ...8/30 Last day to withdraw completely and receive a 100% refund: ....9/4 Last day to drop a full-term course without a refund: ...11/1 Final examinations:...12/14 – 12/18
Note: For more information, visit the Registrar’s Academic webpage at:
registrar.siu.edu
Fall Semester Holidays
Labor Day Holiday ...Monday, September 7
Fall Break...Saturday, Oct. 10 – Tuesday, Oct. 13 Veterans Day Holiday...Wednesday, November 11
Thanksgiving Holiday...Wednesday, Nov. 25 – Sunday, Nov. 29
Withdrawal Policy: Undergraduate only
Students who officially register for a session may not withdraw merely by the stopping of attendance. An official withdrawal form needs to be initiated by the student and processed by the University.
For the proper procedures to follow when dropping courses and when withdrawing from the University, please visit:
registrar.siu.edu/pdf/ugradcatalog1516.pdf
An INC is assigned when, for reasons beyond their control, students engaged in passing work are unable to complete all class assignments. An INC must be changed to a completed grade within one semester following the term in which the course was taken, or graduation, whichever occurs first. Should the student fail to complete the course within the time period designated, that is, by no later than the end of the semester following the term in which the course was taken, or graduation, whichever oc¬curs first, the incomplete will be converted to a grade of F and the grade will be computed in the student’s grade point average.
For more information please visit:
registrar.siu.edu/grades/incomplete.html
Repeat Policy:
An undergraduate student may, for the purpose of raising a grade, enroll in a course for credit no more than two times (two total enrollments) unless otherwise noted in the course description. For students receiving a letter grade of A,B,C,D, or F, the course repetition must occur at Southern Illinois University Carbondale. Only the most recent (last) grade will be calculated in the overall GPA and count toward hours earned. See full policy at:
registrar.siu.edu/pdf/ugradcatalog1516.pdf
Graduate Policies:
Graduate policies often vary from Undergraduate policies.
To view the applicable policies for graduate students, please visit
gradschool.siu.edu/about-us/grad-catalog/index.html
Disability Policy:
Disability Support Services provides the required academic and programmatic support services to students with permanent and temporary disabilities. DSS provides
centralized coordination and referral services. To utilize DSS services, students must come to the DSS to open cases. The process involves interviews, reviews of student-supplied documentation, and completion of Disability Accommodation Agreements. For more information:
disabilityservices.siu.edu
policies.siu.edu/other_policies/chapter3/conduct.html
Saluki Cares
The purpose of Saluki Cares is to develop, facilitate and coordinate a university-wide program of care and support for students in any type of distress—physical, emotional, financial, or personal. By working closely with faculty, staff, students and their
fami¬lies, SIU will continue to display a culture of care and demonstrate to our students and their families that they are an important part of the community. For For more information:
(618) 453-5714 [email protected]
salukicares.siu.edu/index.html
Emergency Procedures
Southern Illinois University Carbondale is committed to providing a safe and healthy environment for study and work. We ask that you become familiar with the SIU Emergency Response Plan and Building Emergency Response Team (BERT) programs. Emergency response information is available on posters in buildings on campus, available on BERT’s website at www.bert.siu.edu, Department of Safety’s website at www.dps.siu.edu (disaster drop down) and the Emergency Response Guideline pamphlet. Instructors will provide guidance and direction to students in the classroom in the event of an emergency affecting your location. It is important that you follow these instructions and stay with your instructor during an evacuation or sheltering emergency.
Inclusive Excellence
SIU contains people from all walks of life, from many different cultures and sub-cultures, and representing all strata of society, nationalities, ethnicities, lifestyles, and affiliations. Learning from and working with people who differ is an important part of education as well an essential preparation for any career. For more information please visit:www.inclusiveexcellence.siu.edu
Morris Library Hours
www.lib.siu.edu/about
Learning and Support Services
Help is within reach. Learning support services offers free tutoring on campus and math labs. To find more information please visit: The Center for Learning and Support Services: http://tutoring.siu.edu/ Math
Labs:tutoring.siu.edu/math_tutoring/index.html
Writing Center
The Writing Center offers free tutoring services to all SIU students and faculty. To find a Center or Schedule an appointment please visit write.siu.edu
Affirmative Action and Equal Opportunity
Our office’s main focus is to ensure that the university complies with federal and state equity policies and handles reporting and investigating of discrimination cases. For more information visit: diversity.siu.edu
Additional Resources Available
SALUKINET: https://salukinet.siu.edu/cp/home/displaylogin
ADVISEMENT: advisement.siu.edu
PROVOST & VICE CHANCELLOR: pvcaa.siu.edu
SIU ONLINE: online.siu.edu
ART AND DESIGN (PULLIAM) LAB POLICIES
1. No food or open food containers or packages are allowed inside the lab. You may eat outside in the hall if necessary. Drinks must be in reusable vessels with lids or caps. Avoid cans and Styrofoam cups. Throw away all of your trash before leaving the lab. 2. Offensive material on any other computer will result in immediate failure and possibly a referral to the student judiciary committee or dean.
3. Games, cell phones, loud music, non-class related material or internet use, and general disrup¬tions are not permitted, and may warrant your immediate discharge from the lab. Students may use the systems and software only for assignments specified by an instructor.
4. SAVE YOUR WORK on your flash drive before you leave the lab for the day. You can expect any data that is left on the desktop to be deleted at any time without warning. The computers can and will be cleaned out regularly with no prior notice. It is your responsibility to back up all of your work files. You may not keep or store personal files on any of the School of Art and Design’s computers.
5. Students shall not move or unplug any cables or equipment. The connecting of any peripherals (aside from removable storage) without prior permission is prohibited. 6. No software application, subdirectory, or batch file shall be added to, removed from, or copied from any of the lab systems.
7. Bags, books, coats, etc., shall not be placed on the computer systems or peripherals. 8. Students responsible for intentionally damaging any of the computer systems, peripherals, or desks will be held financially accountable for replacing the equipment. DO NOT CUT ON THE DESKS without a cutting mat.
With this pro¬gram, instructors and lab monitors can see what you are doing at all times. We can take control of your computer, turn off programs, send you notes, and do a variety of things to make sure you stay on task and follow the aforementioned policies. In addition, there is video surveillance recorded 24/7.
ȱ ȱŘŖŗśȱǯȂ
¢ȱĴȱȱȱȱȱȱȱȱȱȱȱȱȱ
ȱŘŖŗś
,03257$17'$7(6 6HPHVWHU&ODVV%HJLQV ««««««««««««««««« /DVWGD\WRDGGDFODVVZLWKRXWLQVWUXFWRUSHUPLVVLRQ«««« /DVWGD\WRZLWKGUDZFRPSOHWHO\DQGUHFHLYHDUHIXQG « /DVWGD\WRGURSDFRXUVHXVLQJ6DOXNL1HW««««««««« /DVWGD\WRILOHGLSORPDDSSOLFDWLRQIRUQDPHWRDSSHDULQ&RPPHQFHPHQW SURJUDP««««««««««««««««««««« )LQDOH[DPLQDWLRQV««««««««««««««««± 1RWH)RURXWUHDFKLQWHUQHWDQGVKRUWFRXUVHGURSDGGGDWHVYLVLW5HJLVWUDU¶V$FDGHPLF ZHESDJHKWWSUHJLVWUDUVLXHGX )$//6(0(67(5+2/,'$<6 /DERU'D\+ROLGD\ )DOO%UHDN² 9HWHUDQV'D\+ROLGD\ 7KDQNVJLYLQJ9DFDWLRQ² :,7+'5$:$/32/,&<a8QGHUJUDGXDWHRQO\ 6WXGHQWVZKRRIILFLDOO\UHJLVWHUIRUDVHVVLRQPD\QRWZLWKGUDZPHUHO\E\WKHVWRS SLQJRIDWWHQGDQFH$QRIILFLDOZLWKGUDZDOIRUPQHHGVWREHLQLWLDWHGE\WKHVWXGHQW DQGSURFHVVHGE\WKH8QLYHUVLW\)RUWKHSURSHUSURFHGXUHVWRIROORZZKHQGURSSLQJ FRXUVHV DQG ZKHQ ZLWKGUDZLQJ IURP WKH 8QLYHUVLW\ SOHDVH YLVLW KWWSUHJLVWUDUVLXHGXSGIXJUDGFDWDORJSGI
,1&203/(7(32/,&<a8QGHUJUDGXDWHRQO\
$Q ,1& LV DVVLJQHG ZKHQ IRU UHDVRQV EH\RQG WKHLU FRQWURO VWXGHQWV HQJDJHG LQ SDVVLQJZRUNDUHXQDEOHWRFRPSOHWHDOOFODVVDVVLJQPHQWV$Q,1&PXVWEHFKDQJHG WRDFRPSOHWHGJUDGHZLWKLQRQHVHPHVWHUIROORZLQJWKHWHUPLQZKLFKWKHFRXUVHZDV WDNHQRUJUDGXDWLRQZKLFKHYHURFFXUV¿UVW6KRXOGWKHVWXGHQWIDLOWRFRPSOHWHWKH FRXUVHZLWKLQWKHWLPHSHULRGGHVLJQDWHGWKDWLVE\QRODWHUWKDQWKHHQGRIWKHVH PHVWHUIROORZLQJWKHWHUPLQZKLFKWKHFRXUVHZDVWDNHQRUJUDGXDWLRQZKLFKHYHU RFFXUVILUVWWKHLQFRPSOHWHZLOOEHFRQYHUWHGWRDJUDGHRI)DQGWKHJUDGHZLOOEH FRPSXWHGLQWKHVWXGHQWVJUDGHSRLQWDYHUDJH)RUPRUHLQIRUPDWLRQSOHDVHYLVLW
KWWSUHJLVWUDUVLXHGXJUDGHVLQFRPSOHWHKWPO
5(3($732/,&<
$QXQGHUJUDGXDWHVWXGHQWPD\IRUWKHSXUSRVHRIUDLVLQJDJUDGHHQUROOLQDFRXUVH IRUFUHGLWQRPRUHWKDQWZRWLPHVWZRWRWDOHQUROOPHQWVXQOHVVRWKHUZLVHQRWHGLQ WKH FRXUVH GHVFULSWLRQ )RU VWXGHQWV UHFHLYLQJ D OHWWHU JUDGH RI $%&' RU ) WKH FRXUVH UHSHWLWLRQ PXVW RFFXU DW 6RXWKHUQ ,OOLQRLV 8QLYHUVLW\ &DUERQGDOH 2QO\ WKH PRVWUHFHQWODVWJUDGHZLOOEHFDOFXODWHGLQWKHRYHUDOO*3$DQGFRXQWWRZDUGKRXUV HDUQHG6HHIXOOSROLF\DW
KWWSUHJLVWUDUVLXHGXSGIXJUDGFDWDORJSGI
*5$'8$7(32/,&,(6
*UDGXDWH SROLFLHV RIWHQ YDU\ IURP 8QGHUJUDGXDWH SROLFLHV 7R YLHZ WKH DSSOLFDEOH SROLFLHVIRUJUDGXDWHVWXGHQWVSOHDVHYLVLW
KWWSJUDGVFKRROVLXHGXDERXW-XVJUDG-FDWDORJLQGH[KWPO
',6$%,/,7<32/,&<
'LVDELOLW\6XSSRUW6HUYLFHVSURYLGHVWKHUHTXLUHGDFDGHPLFDQGSURJUDPPDWLFVXS SRUW VHUYLFHV WR VWXGHQWV ZLWK SHUPDQHQW DQG WHPSRUDU\ GLVDELOLWLHV '66 SURYLGHV FHQWUDOL]HGFRRUGLQDWLRQDQGUHIHUUDOVHUYLFHV7RXWLOL]H'66VHUYLFHVVWXGHQWVPXVW FRPHWRWKH'66WRRSHQFDVHV7KHSURFHVVLQYROYHVLQWHUYLHZVUHYLHZVRIVWXGHQW- VXSSOLHGGRFXPHQWDWLRQDQGFRPSOHWLRQRI'LVDELOLW\$FFRPPRGDWLRQ$JUHHPHQWV KWWSGLVDELOLW\VHUYLFHVVLXHGX 3/$*,$5,60&2'( KWWSSYFDDVLXHGXBFRPPRQGRFXPHQWV3ODJLDULVP*XLGHWR3UHYHQWLQJ 3ODJLDULVPSGI 0255,6/,%5$5<+2856 KWWSZZZOLEVLXHGXDERXW 6$)(7<$:$5(1(66)$&76$1'('8&$7,21 7LWOH,; PDNHVLWFOHDUWKDWYLROHQFHDQGKDUDVVPHQWEDVHGRQVH[DQG JHQGHULVD&LYLO5LJKWVRIIHQVHVXEMHFWWRWKHVDPHNLQGVRIDFFRXQWD ELOLW\ DQG WKH VDPH NLQGV RI VXSSRUW DSSOLHG WR RIIHQVHV DJDLQVW RWKHU SURWHFWHGFDWHJRULHVVXFKDVUDFHQDWLRQDORULJLQHWF,I\RXRUVRPHRQH \RXNQRZKDVEHHQKDUDVVHGRUDVVDXOWHG\RXFDQILQGWKHDSSURSULDWH UHVRXUFHVKHUHKWWSVDIHVLXHGX
6$/8.,&$5(6
7KH SXUSRVH RI 6DOXNL &DUHV LV WR GHYHORS IDFLOLWDWH DQG FRRUGLQDWH D XQLYHUVLW\-ZLGHSURJUDPRIFDUHDQGVXSSRUWIRUVWXGHQWVLQDQ\W\SHRI GLVWUHVV²SK\VLFDO HPRWLRQDO ILQDQFLDO RU SHUVRQDO %\ ZRUNLQJ FORVHO\ZLWKIDFXOW\VWDIIVWXGHQWVDQGWKHLUIDPLOLHV6,8ZLOOFRQWLQXH WRGLVSOD\ D FXOWXUH RIFDUH DQG GHPRQVWUDWH WR RXUVWXGHQWVDQGWKHLU IDPLOLHV WKDW WKH\ DUH DQ LPSRUWDQW SDUW RI WKH FRPPXQLW\ )RU ,QIRUPDWLRQRQ6DOXNL&DUHV-RUVLXFDUHV#VLXHGX
KWWSVDOXNLFDUHVVLXHGXLQGH[KWPO
(0(5*(1&<352&('85(6
6RXWKHUQ ,OOLQRLV 8QLYHUVLW\ &DUERQGDOH LV FRPPLWWHG WR SURYLGLQJ D VDIH DQG KHDOWK\ HQYLURQPHQW IRU VWXG\ DQG ZRUN :H DVN WKDW \RX EHFRPHIDPLOLDUZLWKWKH6,8(PHUJHQF\ 5HVSRQVH3ODQDQG%XLOG LQJ(PHUJHQF\5HVSRQVH7HDP%(57SU RJUDPV3OHDVHUHIHUHQFH WKH%XLOGLQJ (PHUJHQF\ 5HVSRQVH 3URWRFROV IRU 6\OODEXV DWWDFKPHQWV RQWKHIROORZLQJSDJHV,WLVLPSRUWDQWWKDW\RXIROORZWKHVHLQVWUXFWLRQV DQG VWD\ ZLWK \RXU LQVWUXFWRU GXULQJ DQ HYDFXDWLRQ RU VKHOWHULQJ
HPHUJHQF\
,1&/86,9((;&(//(1&(
6,8 FRQWDLQV SHRSOH IURP DOO ZDONV RI OLIH IURP PDQ\ GLIIHUHQW FXOWXUHV DQG VXE-FXOWXUHV DQG UHSUHVHQWLQJ DOO VWUDWD RI VRFLHW\ QDWLRQDOLWLHV HWKQLFLWLHV OLIHVW\OHV DQG DIILOLDWLRQV /HDUQLQJ IURP DQG ZRUNLQJZLWKSHRSOHZKRGLIIHULVDQLPSRUWDQWSDUWRIHGXFDWLRQDVZHOO DQ HVVHQWLDO SUHSDUDWLRQ IRU DQ\ FDUHHU)RU PRUH LQIRUPDWLRQ SOHDVH
YLVLWKWWSZZZLQFOXVLYHH[FHOOHQFHVLXHGX
/($51,1*$1'68332576(59,&(6
+HOSLVZLWKLQUHDFK/HDUQLQJ VXSSRUWVHUYLFHV RIIHUVIUHHWXWRULQJRQ FDPSXVDQGPDWKODEV7RILQGPRUHLQIRUPDWLRQSOHDVHYLVLWWKH&HQWHU IRU/HDUQLQJDQG6XSSRUW6HUYLFHVZHEVLWH 7XWRULQJKWWSWXWRULQJVLXHGX 0DWK/DEVKWWSWXWRULQJVLXHGXPDWKBWXWRULQJLQGH[KWPO :5,7,1*&(17(5 7KH:ULWLQJ&HQWHURIIHUVIUHHWXWRULQJVHUYLFHVWRDOO6,8VWXGHQWVDQG IDFXOW\ 7R ILQG D &HQWHU RU 6FKHGXOH DQ DSSRLQWPHQW SOHDVH YLVLW
KWWSZULWHVLXHGX
$)),50$7,9($&7,21 (48$/23325781,7<
2XU RIILFHV PDLQ IRFXV LV WR HQVXUH WKDW WKH XQLYHUVLW\ FRPSOLHV ZLWK IHGHUDODQGVWDWHHTXLW\SROLFLHVDQGKDQGOHVUHSRUWLQJDQGLQYHVWLJDWLQJ RIGLVFULPLQDWLRQFDVHV)RUPRUHLQIRUPDWLRQYLVLW KWWSGLYHUVLW\VLXHGX $GGLWLRQDO5HVRXUFHV$YDLODEOH 6$/8.,1(7KWWSVVDOXNLQHWVLXHGXFSKRPHGLVSOD\ORJLQ $'9,6(0(17KWWSDGYLVHPHQWVLXHGX 6,821/,1(KWWSRQOLQHVLXHGX ŚƩƉ͗ͬͬƉǀĐĂĂ͘ƐŝƵ͘ĞĚƵͬ
