ART 376- Advanced Web Design

Department of Communication and Visual Arts University of Michigan-Flint Winter 2014 Instructor: Professor Joe Reinsel Office: WSW 4116 Phone: 810-237-6657 Course meeting times: Mon & Wed 11am-1:45pm Office hours: Tues and Thurs. 9am-12pm, Other times by appointment Skype: jreinsel

Course Description:

Advanced Web Design will introduce the students to more advanced areas of web and interactive design. We will be creating a series of projects and smaller assignments using HTML, CSS and JavaScript. With these software technologies, attention will be placed expressive design practices that focus on web and mobile.
Course Objectives: Develop 3 projects using intermediate and advanced web design elements Understand the intermediate level methods of CSS for layout and design Understand the responsive layouts for mobile, tablet, and desktop computers Create a web sites for multiple devices

Readings: Books: Responsive Web Design by Ethan Marcotte CSS for Web Designers by Dan Cederholm
The readings from the required text will be assigned weekly, with a few pauses during projects. Please pay attention to when they are posted and remember to finish them on the assignment deadline.

Assessment and Course Evaluation:

The methods that we will use for this class are through readings, assignments, projects. And exams. Also, the Blackboard environment will assist in learning about how the students are attending the class (logins).

Grading:

A B C D E

90-100 80-90 70-80 60-70 50-60

Attendance: Attendance will be worth 10% of your grade and is based on the completion of the assignments and participation in the online portions of the course In this class, I have balanced your work between online discussions, assignments, and projects. With this type of model, your participation is mandatory to complete the assignments in the class. Also with the online class, I will observe the number of logins so I can make sure you are accessing the material available to you. Assignments and Projects Calendar (also on Blackboard) Week # 1 2 3 4 Assignment Learning Unit #1 Assignment #1: HTML refresh Refresh Quiz: HTML quiz Assignment #2: Creating Web Prototypes Discussion #1: Assignment #3: Web Prototype 1: Desktop Assignment #4: Mobile Prototyping Project #1: Prototype project for multiple devices Learning Unit #2 Assignment #5: JavaScript #1 Quiz #2: From Text Parts (not chapters) 1,2 and 3 Assignment #6: Understanding Scripts Discussion #2: Frameworks Assignment #7: Designing web layouts Assignment #8: Design web layouts 2 Project #2: Portfolio Site Learning Unit #3 Assignment #9: Basics of HTML Canvas Quiz #3: Bootstrap Discussion #3: Visual coding Assignment #10: HTML Canvas design Project #3: Wordpress Design Learning Unit #4 Assignment #11: Project Design Assignment #12: Project Design Final Project Total Points Points in class 30 15 30 15 30 30 120 15 30 30 15 30 30 120 in class 30 15 15 30 120

5 6 7 8 9 10 11 12

in class

13 14

TBD

30 30 200 1010

Netiquette

Using courtesy & common sense in e-mail communications

Courtesy counts. Use polite language. Especially when communicating with your professor, its important to use correct grammar and punctuation. Use the spell checker.

Make it easy to read. Use one, easy-to-read font (preferably Arial, 10 point). Dont use colors; stick to black and perhaps red. Use bold sparingly -- only to highlight something that absolutely must not be missed. Dont use italics, if possible (very hard to read). DO NOT USE ALL CAPS. (This is yelling.) Dont use backgrounds; they often load as attachments instead of backgrounds, and they add to the load time.

Consider the tone. Be aware that words can inadvertently offend; go out of your way to extend courtesy. If there could be doubt as to the tone of your message, reinforce it with an icon or acronym. o ;) =winking o :) =laughing, happy, just joking o :( =sad o lol =laughing out loud)

Think before copying to others. Especially if there is a negative tone, confine the message to only those who must read it. In replies, even if the message to you was copied to others, do not reply to everyone unless the information is useful to everyone. E-mail warfare will come back to byte you!

Think before you hit send! If you are angry, let your message sit and review it later. Do not flame anyone. You may feel justified today sending a red-hot message, but may regret it tomorrow. Wait to reply to flaming e-mail until you can do it with calm.

Use the subject line. Subject lines help recipients prioritize. Keep them short so they display.

Never, never... Never send anything personal or lewd that could be embarrassing Never send anything that is top-secret, because e-mail isnt 100% secure!

Academic Integrity

Intellectual integrity is the most fundamental value of an academic community. Students and Faculty alike are expected to uphold the highest standards of honesty and integrity in their scholarship. No departure from the highest standards of intellectual integrity, whether by cheating, plagiarism, fabrication, falsification, or aiding and abetting dishonesty by another person, can be tolerated in a community of scholars. Such transgressions may result in action ranging from reduced grade or failure of a course, to expulsion from the University or revocation of degree.
From the University of Michigan-Flint Catalog 2010-2011, pg. 38.

Please see the Universitys code of Academic Conduct for detailed information Plagarism and any other form of academic dishonesty will not be tolerated.

Acessibility Services Accessibility Services provides students with disabilities the necessary tools for empowerment, self-advocacy and independence in the university environment by: Offering individualized accommodations Assisting in negotiating disability-related barriers Striving to improve access to university programs, activities and facilities Promoting increased awareness of disability issues on campus