Web Page Design II (CGR-214)

Syllabus Addendum

WPD2 logo

Course Information

Instructor:
Brandon Rubenstein, M.Ed.
Phone:
215-460-1040
Email:
brubenstein@camdencc.edu
Class Meetings:
Thursday (1:00 PM to 4:20 PM)
Office Hours:
Thursday (4:30 PM to 5:30 PM)
Prerequisites:
CGR-113 (Web Page Design I)

Course Websites:

All course materials will be posted to and submitted through the Edmodo site. Please check this site and your Camden County College email account on a regular basis for course announcements and communications.

Course Materials

Required Materials:

The Essential Guide to HTML5 and CSS3 Web Design

Author(s):
C Grannell, V Sumner & D Synodinos
Publisher (Date):
friendsofED (March 21, 2012)
ISBN:
978-1-430-23786-0
Link to Required TextbookLink to Required Textbook

Digital Media Storage

USB flash drive, portable hard drive, online storage, etc.
Link to Kingston USB flash driveLink to Kingston USB flash drive

Recommended Texts:

Beginning CSS: Cascading Style Sheets for Web Design, 3rd Edition

Author(s):
Ian Pouncey and Richard York
Publisher (Date):
Wrox (June 2011)
ISBN:
978-0-470-89152-0
Link to Beginning CSS textbookLink to Beginning CSS textbook

Learn CSS with w3Schools

Author(s):
W3Schools
Publisher (Date):
Wiley (June 2010)
ISBN:
978-0-470-61192-0
Link to Learn CSS bookLink to Learn CSS book

Visual Design for the Modern Web

Author(s):
Penny McIntire
Publisher (Date):
New Riders (November 2007)
ISBN:
978-0321-51538-4
Link to Visual Design for the Modern Web bookLink to Visual Design for the Modern Web book

The Web Designer's Idea Book

Author(s):
Patrick McNeil
Publisher (Date):
How (October 2008)
ISBN:
978-1-600-61064-6
Link to the Web Designer's Idea BookLink to the Web Designer's Idea Book

The Web Designer's Idea Book, Vol. 2

Author(s):
Patrick McNeil
Publisher (Date):
How (September 2010)
ISBN:
978-1-600-61972-4
Link to the Web Designer's Idea Book, Vol. 2Link to the Web Designer's Idea Book, Vol. 2

Adobe Creative Suite 5 Web Premium How-To's

Author(s):
David Karlins
Publisher (Date):
Adobe Press (August 2010)
ISBN:
978-0-321-71986-7
Link to the Adobe CS5 Web Premium How To bookLink to the Adobe CS5 Web Premium How To book

Composition book (graph ruled), Sketchbook, or similar notebook

To record thoughts, ideas, and sketches
Link to graph ruled composition bookLink to graph ruled composition book

Course Policies:

Lecture Attendance:

Students are expected to be present and on time for class. Attendance is necessary for the best learning experience. Students are expected to attend all classes and strictly adhere to the project due dates. Students are responsible for obtaining any information or class work that is missed during any absence.

Students are allowed one unexcused absence. If a student has more than one unexcused absence, his or her grade for the course will be reduced one letter grade. If a student has three absences, he or she will not get credit for the course.

Note that an excused absence is defined as one that is the result of a condition or circumstance beyond the student’s control, such as illness, family crisis or emergency, or some other serious and important personal circumstance. An absence will only be excused if there is documentation verifying the circumstances that caused the absence.

Reading:

Readings are assigned to correspond with each week’s lecture. Students are expected to complete each week’s assigned readings before the next class session. Readings are intended to supplement classroom lectures; quizzes and projects will assess knowledge acquired from both lectures and readings.

Quiz/Exam:

The date for the final quiz/exam is listed on this syllabus. The quiz will be given on the date scheduled with little to no exceptions. You must have a valid reason (e.g. death in the family, pronounced illness) and appropriate written documentation to make alternative arrangements for missed quiz/exam. It is your responsibility to inform the instructor of your absence before the scheduled quiz/exam, if possible. You will receive a zero for the quiz/exam if written documentation is not provided.

Religious Holidays:

If you will be observing any religious holidays this semester that will prevent you from attending a regularly scheduled class or interfere with fulfilling any course requirement, you will have an opportunity to make-up the class or course requirement. You must make these arrangements by informing your instructor of the dates of your religious holidays within two weeks of the beginning of the semester.

Cell Phones and Computers:

Cell phones, pagers, and any other electronic devices must be turned off during class unless your instructor grants special permission. Texting during class is not acceptable. Computers may be used only for classwork; checking e-mail and other internet use is not acceptable during course period. Students who disregard this policy will be asked to leave class for the day.

Sleeping during Class:

Attention and participation are an important component of this class. When students sleep during class, they do not participate and miss important information. Sleeping during class will not be tolerated. Students who disregard this policy will be asked to leave class for the day.

Responsibilities and Expectations

Student Responsibilities and Expectations:

  • Attend all classes
  • Use formal writing and language in all emails to me (this means complete sentences, correct spelling and grammar; no “text” language, i.e. =) or TTYL!)
  • Care about your work
  • Make progress in the medium
  • Help, cooperate, and collaborate with your classmates
  • Take risks
  • Make mistakes
  • Ask for help

Instructor Responsibilities and Expectations:

Just as I have certain expectations for you, I hope you have expectations for me. As your instructor, I will adhere to the following guidelines:

  • You will be treated with respect and professionalism.
  • I will come to class prepared and make every effort to make each class a valuable learning experience.
  • I will be accessible to you. I am always happy and willing to meet with any student.
  • I am available to help you review course material, understand assignments, or prepare for tests. Please attend office hours or make an appointment outside of office hours if you need extra help.
  • I will happily discuss grades with individual students up to one week after the assignment or quiz is returned.
  • I will return all graded material in a timely manner.
  • I will respond to all student emails and contact within 24 hours of receipt.

Course Format

Each class session should run as follows:

  • Lecture
  • Group Discussion and/or assignment review
  • Walkthrough – a Software Tutorial or exploration of a CSS technique
  • The Process – discussion of the creative process or working with a client
  • Tools of the Trade – reviewing software, plugins, and tools used in web design
  • Overview of next week's assignment

Course Projects:

Midterm Project: Basic XHTML Student Website

Basic hyperlink, text-based website. All pages must validate XHTML 1.1 with no errors, with extra credit given if no warnings.

Final Project: CSS Enhanced Student Website

The midterm project will be updated with graphics and styled with CSS. All pages must validate XHTML 1.1 with no errors with extra credit given if no warnings.

Extra Credit Project: CSS Zen Garden

Redesign the CSS Zen Garden site via CSS only. The HTML file is available from csszengarden.com. As per the CSS Zen Garden project, only the CSS file may be modified.

Grading Policies:

NOTE: All projects must be submitted via Edmodo. If you do not submit homework and projects via Edmodo, you will receive 0 (zero) points for each missed submission.

Assignments up to 1 week late are graded down 50%. Assignments more than 1 week late will not be accepted.

Homework:

Homework projects are based upon skill set covered in that day’s tutorial and will be due by 11:59 PM the night before the following class. Each homework assignment is worth up to 20 points. Each homework must be .zip’ed and turned in via Edmodo.

Midterm Project:

The Midterm Project will use XHTML and will be worth 100 points.

Final Project:

The Final Project will combine the use of both XHTML and CSS and will be worth 250 points.

Final Exam:

The open book final exam will have 50 multiple-choice questions covering the basics of CSS, client interaction, and site management, and is worth 60 points.

Extra Credit:

The Extra Credit Project is not mandatory. It is worth up to 25 points and is weighted 10 points for code, and 15 points for creativity.

The final course grade will be based on a potential of 650 points.
Activity Possible Points
The final course grade will be based on a potential of 650 points
Homework 240 points
Midterm Project 100 points
Final Exam 60 points
Final Project 250 points
Total 650 points
Grades will be assigned using the percent ranges listed below.
Letter Grade % Range
Percentages will be determined by dividing total points earned by 650.
A 90.00 or above
B 80.00 to 89.99
C 70.00 to 79.99
D 65.00 to 69.99
F 64.99 or below

College Policies:

Academic Honesty Policy:

As stated on page 18 of the 2011-2012 Student Handbook, “All students are expected to do their own work. All forms of academic dishonesty are absolutely forbidden. Students who cheat, plagiarize or commit other acts of academic dishonesty will be subject to immediate disciplinary action. This may result in an automatic grade of F for an assignment and/or for the course. Academic dishonesty also may be subject to additional penalties as determined by the College in accordance with sanctions for violations of the Student Code of Conduct. (See page 41 of the 2011-2012 Student Handbook.)”

Instances of academic dishonesty, such as cheating and plagiarism, will be dealt with appropriately.

Copyrighted Material Policy:

As stated on page 47 of the 2011-2012 Student Handbook, “Computer software, documents or files protected by copyright are not to be copied from or into any College computing resources except as permitted by law. Additionally, the number of copies and the distribution of copies must adhere to copyright restrictions and/or provisions.”

Adhering to copyright laws is of particular importance in this course due to the nature of web design and publishing. All material in student projects and websites must be original material generated or created by the student.

Disability Services:

The Disability Services Office provides academic support services for Camden County College students with physical, visual, psychiatric and learning disabilities. Since 1988, the office has assisted thousands of students with academic advisement, career counseling, tutoring, readers, scribes and program accommodations. The office also sponsors selected bridge sections of basic skills and college-level courses.

Camden County College is committed to complying with the spirit and the letter of legislation, including the Americans with Disabilities Act (ADA) and the Rehabilitation Act of 1973: Section 504, which is listed on page 29 of the 2011-2012 Student Handbook.

For further information, contact Director Joanne Kinzy, at (856) 227-7200, ext. 4430, or visit the Disability Services Office in the Otto R. Mauke Community Center, Room 100. For more information on physical and program accommodations, consult the Camden County College Disabilities Guide available through the Disability Services Office, the Program for Deaf and Hard of Hearing Students, Otto R. Mauke Community Center, first floor in Blackwood, (856) 227- 7200, ext. 4506; and the Compliance Office, Wilson Hall West Room 102, in Blackwood, (856) 227-7200, ext. 4752.

Course Drop Policy:

The process of removing a course from a student schedule can be done prior to the start of classes for the session enrolled or during the ADD/DROP (schedule adjustment) period. Refer to page 17 of the 2011-2012 Student Handbook for more information.

Acknowledging Conditions and Obligations in Syllabus

This syllabus is intended as a guideline. It is the prerogative of faculty members to change the course during the term at his/her discretion in the interest of responding to an individual class need. If a change is made to the course, communication will be made in several ways – via Emodo, in class, email, and a revision to the syllabus if needed.

Course Outline

All assignments are due the following Wednesday at 11:59 PM.
All readings are to be completed in preparation for the next class.

All assignments must be submitted according to the instructions above.
Date Topic Reading Assignment
All assignments must be submitted according to the instructions above.
Wk 1 - Jan 19 Introductions, Review of the Syllabus Ch. 2 Client Research Sketch
Due 01/25/12
Wk 2 - Jan 26 CSS Basics & Copyright Protection and Laws Ch. 3
Ch. 4
12 Initial Brainstorms
Due 02/01/12
Wk 3 - Feb 2 Selectors, Cascade and Inheritance Ch. 5 3 Detailed Sketches
Due 02/08/12
Wk 4 - Feb 9 Applying Font Faces and Creating Comps Ch. 6
Ch. 16
1 Detailed Comp
Due 02/15/12
Wk 5 - Feb 16 Manipulating Text Display and the Mouse Cursor Ch. 7 XHTML Resume
XHTML Home Page
Due 02/22/12
Wk 6 - Feb 23 Background Colors and Images Ch. 8 XHTML About Page
XHTML Portfolio Page
Due 02/29/12
Wk 7 - March 1 The Box Model Ch. 9 Basic XHTML Website with validating pages
(Home, About, Resume, and Portfolio Pages)
Due 03/07/12
Wk 8 - March 8 Floating and Vertical Alignment Ch. 10
Ch. 11
Experiment with CSS
Due 03/21/12
No Class - March 15 Spring Break
Wk 9 - March 22 Styling Lists, Positioning, and Navigation Ch. 12 XHTML Contact Page
Due 03/28/12
Wk 10 - March 29 Styling Tables and Forms Ch. 14
Ch. 15
Create/Style a Table
Due 04/04/12
Wk 11 - April 5 Advanced Selectors and Styling for Print Ch. 17
Ch. 18
Style Resume Page for printing
Due 04/11/12
Wk 12 - April 12 Controlling Visibility and Optimizing for Mobile TBA Optimize About page for Mobile Device
Due 04/18/12
Wk 13 - April 19 Client Interactions and Negotiations, Browser Debugging TBA Sample Contract
Due 04/25/12
Wk 14 - April 26 Latest CSS Updates, Preparation for Final Project
  • Final Project Preliminary Review
TBA CSS Enhanced Website (with validating pages)
Due 05/02/12
Wk 15 - May 3 Final Website Critique and Final Exam
  • Evaluation of Final Websites (Screen, Mobile, Printing)
  • Open Book Final Exam
Final Exam 05/03/12