22-3375-03: WEBSITE DESIGN 1Fall 2012 | Thurs 6:00 – 9:50 pm | Wabash Building, Room 9213 Credit Hours INSTRUCTOR: Shawn Calvert, firstname.lastname@example.org Course DescriptionCourse, intended for Art and Design as well as Photography majors, covers Web site design topics.Studies include hypertext, graphic style information, graphic file formats, digital imaging, andbasic computer-user interface issues. Course assignments include design and execution of HTMLdocuments and graphics and completion of a written thesis.Pre-Enrollment Criteria22-2330 Introduction to Graphic Design— and22-2170 History of Communication Design,— or22-2170 History of Communication Design— and22-2612 Introduction to Visual CommunicationsIf this course is required by your major or if you are taking this course as a pre-requisitefor another course, you need to earn a C or better to pass the course. If you earn a C- orbelow you will be required to retake the course.Course ObjectivesThis syllabus is subject to change at any time during the semester. You will be notified of anychanges or will be issued a new syllabus.first classThursday, September 6last day to add a classMonday, September 10last day to withdrawMonday, October 29last classThursday, December 13Columbia College Chicago600 S. Michigan AvenueChicago, IL 60605Art + Design Department623 S. WabashSuite 721Chicago, IL 60605312.369.7380
| web design 1COURSE DETAILSTextNo textbook is assigned. Readings will be online or postedin Moodle.Materialsn a personal domain and hosting servicen storage media of choice (external harddrives, flashdrives,network locker, etc)Course FeeA+D courses (2–4 credits) have a $40.00 instructionalresource fee that supports the curriculum of thedepartment.Students with Disabilities StatementColumbia College Chicago seeks to maintain a supportiveacademic environment for students with disabilities.Students who self-identify as having a disability shouldpresent their documentation to the Services for Studentswith Disabilities (SSD) office. After the documentationhas been reviewed by the SSD office, a Columbia Collegeaccommodation letter will be provided to the student.Students are encouraged to present their Columbiaaccommodation letters to each instructor at the beginningof the semester so that accommodations can be arrangedin a timely manner by the College, the department, or thefaculty member, as appropriate. Accommodations willbegin at the time the letter is presented. Students withdisabilities who do not have accommodation letters shouldvisit the office of Services for Students with Disabilities,Room 304 of the 623 S. Wabash building (312-369-8296).Academic IntegrityAcademic integrity is one of the most cherished principlesof the Columbia community. You must adhere to thisprinciple: by understanding the nature of plagiarism andby not plagiarizing materials; by refraining from the use ofunauthorized aids on tests and examinations; by turningin assignments which are products of your own efforts andresearch; and by refusing to give or receive informationon tests and examinations to or from other students. Ifyou violate these principles of simple honesty, you riskembarrassment, course failure, and disciplinary action. It issimply not worth it.ATTENDANCE & ABSENCESAttendance is required in all Art + Design classes. In eachclass, attendance is tied to specific learning outcomes andto course grades. Any absence will affect your ability tocomplete coursework successfully. There are no excusedabsences. More than three absences is cause for failure.Here are some examples of the ways in which attendanceconnects with learning outcomes:1 Students critique and evaluate each other’s workin class and it is essential for your progress and learningexperience to be present to do so. Critiquing developsanalytical skill and communication proficiency.2 Students frequently collaborate on projects andin-class exercises, and learning these skills requiresyou to be present.3 Participating in class discussions and critiqueshelps you develop skill in self-expression andverbal/rhetorical abilitiesTardiness and early departure will also be considered aviolation of the absence policy. Attendance will be takenat the start of each class. Being late to class twice (15minutes or more), or leaving before the end of class twice(or instructor dismissal), will equal an absence. While Iappreciate being informed if you are arriving late or leavingearly, the attendance mark is automatic nonetheless. Classwill not dismiss earlier than 9:20, so if you leave beforethen, you will receive and early departure. Attendance willbe recorded in Moodle after each class; it is the student’sresponsibility to keep track of their attendance record.EXPECTATIONSTo do well in this course, plan on an average of at least 6–8hours of work per week outside of class. The speed in whichyou gain useful skills in web design will directly correlatewith your drive to work through and figure out challenginghtml/css/js problems, as well as the ability to identify areasfor growth and pursue self-training.Arrive at class on time, with your work posted and ready topresent. There will be two 15-minute breaks per class. Whilein class, you are expected to work on class projects; internetusage should be limited to class-related research.You are expected to be an enthusiastic participant in thisclass and take ownership of your work and developmentas a creative professional. The function of critiques is notonly to receive feedback on your work, but to build essentialskills of presentation, negotiation, and persuasion.
web design 1 | GRADESYour work will be evaluated by the following criteria:1 following instructions accurately and meeting deadlines,2 appropriateness of solution to project design brief,3 a demonstrated understanding and implementation ofhtml/css use and technique,4 craftsmanship and attention to detail, and5 presentation.There will be something due each week that will affect yourgrade. It is your responsibility to keep track of when yourwork is due and to ensure that you are clear on expectationsbefore starting your projects.All grades will be posted through Moodle.Grade BreakdownTwo projects — 100pts eachExercises — 10pts eachBlog postings — 10pts eachTwo quizzes — 25pts eachGRADE DESCRIPTION GRADE AVGA excellent 96-100A- 91-95B+ 88-90B above average 84-87B- 80-83C+ 77-79C average 73-76C- 70-72D below average 60-69F failure below 60FX failure for non-attendanceP passI Incomplete (not given)R course repeatedW withdrawalCOURSEWORKBlog PostingsYou will maintain a personal blog for the course in whichyou will has assigned post subjects, as well as use forposting work for class review.ExercisesThroughout the course, we will have around 5-7 in-classexercises that will be graded on a credit/no-credit basis.The exercises are intended to build specific skills that will beneeded for projects, or to reinforce topics and/or designtechniques. You will be given time to complete exercisesin class.ProjectsWe will have two larger projects: an online ad campaignand a personal portfolio (for yourself or someone else).Late WorkAll work will be due at specific dates as outlined in thecourse schedule, and will be due at the beginning of class.Exercises If you do not complete the work in-class or areabsent, then exercises must be completed before thebeginning of the next class (i.e., within one week). Lateexercises will not be accepted for credit (not negotiable).Project drafts/work-in-progress All in-progress projectwork must be turned in on the date specified. Missedwork will count a full letter off the final project grade. Allin-progress work is posted in Moodle, so class attendanceis not required to the ability to turn in work.Project finals If your project final is one week late, yourproject will drop 1 full grade, two weeks late, your projectwill drop 2 grades. Project finals will not be accepted aftertwo weeks. Please don’t miss class because you haven’tfinished your work.
CLASS NEWS AND UPDATESI will be contacting you via email (through the MoodleNews Forum) with reminders, changes or any otherpertinent information. Please check your email at least24hrs before class or more often. It is your responsibility tomanage your mailbox so that lines of communication are openand available.I will also be posting up-to-date project handouts,presentation pdfs, and the syllabus/calendar with anyupdates in Moodle or on the class website.CONTACTING THE INSTRUCTORThe best way to contact me is through email; I do checkmy Columbia address a few times a week (email@example.com, but can be reached faster at my gmail account(firstname.lastname@example.org). If the issue is an emergency,please call my cell phone: 773-332-0448. I am only oncampus during class hours, but will be available for studentmeetings during breaks or after class.ONLINE RESOURCESMoodleAll news items, grades, quizzes and some resources will beposted in Moodle.Moodle is a new learning management system (LMS) atColumbia that is available as an alternative to Oasis. Toenter the Moodle site, go to moodle.colum.edu, log in withyour Oasis ID, and you should see our class under “MyCourses.” On the course site landing page, you will findall of the same information that you would normally findin Oasis; grades, attendance records, handouts, etc, but in amore user-friendly interface.shawncalvert.com/webdesign-1All project worksheets, presentations, class notes, and otherresources will be posted at this URL. | web design 1
web design 1 | COURSE SCHEDULE9/6 Introductions Exercise 1 Personal questionnaire with photofor next weekBlog post Site analysisSign up for hosting, set up nameservers9/13 HTML pt 1Blog post present to classTutorials for next weekBlog post Site analysisExercise 2 Markup exercises 9/20 HTML pt 2Blog post Present to classTutorials for next weekBlog post Site analysisExercise 3 Markup exercises9/27 CSS pt 1: TypographyBlog post Present to classTutorials for next weekBlog post Reading responseExercise 4 Type element styling10/04 CSS pt 2: LayoutExercise 4 Class reviewTutorials for next weekBlog post Site analysisExercise 5 Layout experiments10/11 Site PlanningExercise 5 Class reviewQuiz 1Tutorials for next weekBlog post Site analysisProject 1 Site mockups10/18 Images and BackgroundsProject 1 Class reviewTutorials for next weekProject 1 Design revisions