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:45pmOffice 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 90-100 B 80-90 C 70-80 D 60-70 E 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 # Assignment Points Learning Unit #1

1 Assignment #1: HTML refresh 30 Refresh Quiz: HTML quiz in class 15

2 Assignment #2: Creating Web Prototypes 30 Discussion #1: 15

3 Assignment #3: Web Prototype 1: Desktop 30 4 Assignment #4: Mobile Prototyping 30

Project #1: Prototype project for multiple devices

120

Learning Unit #2 5 Assignment #5: JavaScript #1 15

Quiz #2: From Text “Parts (not chapters) 1,2 and 3”

in class 30

6 Assignment #6: Understanding Scripts 30 7 Discussion #2: Frameworks 15

Assignment #7: Designing web layouts 30 8 Assignment #8: Design web layouts 2 30

Project #2: Portfolio Site 120 Learning Unit #3

9 Assignment #9: Basics of HTML Canvas 30 Quiz #3: Bootstrap in class 15

10 Discussion #3: Visual coding 15 11 Assignment #10: HTML Canvas design 30 12 Project #3: Wordpress Design 120

Learning Unit #4 13 Assignment #11: Project Design 30

Assignment #12: Project Design 30 14 Final Project TBD 200

Total Points 1010

Netiquette Using courtesy & common sense in e-mail communications

Courtesy counts.

• Use polite language.• Especially when communicating with your professor, it’s 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).

• Don’t use colors; stick to black and perhaps red.• Use bold sparingly -- only to highlight something

that absolutely must not be missed.• Don’t use italics, if possible (very hard to read).• DO NOT USE ALL CAPS. (This is yelling.)• Don’t 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 ;) =winkingo :) =laughing, happy, just jokingo :( =sado 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 isn’t 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 University’s 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