Course Intro

Course Description

This computer-based advanced web course builds on the conceptual and technical knowledge acquired in Graphic Design 66, and focuses on developing and creating complete, commercial quality web sites. Working in teams, students will participate in a directed design and implementation of a medium-sized commercial web site. Technical topics include: Cascading Style Sheets (CSS), advanced page slicing, CSS-based menus, optimization schemes, and site maintenance. Students will also learn how to embed audio, video and vector-based animation on their web sites. Other topics include: client management, production methodology, content accessibility, teamwork, and site production budgets. Students will conceptualize, design, and produce a complete and dynamic commercial-quality web site with multimedia components. This course uses Adobe Dreamweaver CS4, Adobe Photoshop CS4 and Adobe Flash CS4.

Prerequisites
  • Gr Des 66, and ET 34
  • Intermediate Knowledge of Adobe Photoshop and Dreamweaver
Class Structure

As outlined in the syllabus, Gr Des 67 focuses on the skills needed to make complete, commercial quality web sites.

Equally as important as the technical skills required to build a web site are the necessary phases involved in what is often referred to as the design process. In this class, we will cover the steps involved in designing a web site starting with the basics of “gathering information” to the final step of “going live.”

Every week we will discuss an aspect of the design process based on assigned readings from the required textbook, Web ReDesign 2.0. In addition, we will work in teams for the final project. The goal of this class is to give you as close of an actual client experience as possible through required “client meetings” and role playing.

Every week for the first ten weeks, we will also cover a technical topic followed by an in-class exercise. The technical topics have been chosen to give you the tools to create more advanced and sophisticated design for your final project.

Student Responsibilities

Each student will be responsible for the following:

  • Must read the assigned chapters and actively participate in all class discussions. (So please be prepared when you come to class.)
  • Must actively participate during the in-class team meetings. This is an important part of the class and you are required to participate. You will need your team members to sign-off on each phase of your project.
  • Must keep the documentation you generate during the design process organized and complete and posted to your WordPress blog.
  • Must attend lecture (so you do not miss any of the technical demonstrations) and must complete all class exercises and assignments.
  • Must meet your deadlines, present your design direction to the class (Midterm Project), and the final site on the last day of class (Final Project).
Scope and Limitations

Gr Des 67 is not a programming course. This advanced “back-end” work is beyond the scope of this course.

However, Santa Monica College offers courses in programming and scripting for students interested in learning programming and implementing server side applications. After finishing Gr Des 66, you may want to advance your skill and knowledge in web development by enrolling in some of these courses:

Please check the SMC catalog for complete course descriptions and prerequisites.

Computer Applications:

CIS 51 Web Page Design Using XHTML and CSS (Prerequisite: None)
CIS 54 Web Page Development and Scripting 1 (Prerequisite: CIS 50 and 51)
CIS 59B Dreamweaver II (Prerequisite: CIS 59A)

Computer Science:

CS 3 Introduction to Computer Systems (Prerequisite: None)
CS 80 Internet Programming (Prerequisite: CS 3)
CS 81 Javascript and Dynamic HTML (Prerequisite: CS 80)
CS 83 Server-Side Java Web Programming (Prerequisite: CS 55 and 81)
CS 85 PHP (Hypertext Preprocessing) Programming (Prerequisite: CS 81)

To learn how to create vector-based animation using Flash:

ET 34 Web Animation 1 (Advisory: ET11)
ET 36 Web Animation 11 (Prerequisite: ET 34)

Course Objectives

Upon completion of the course the student will be able to:

  • Produce a professional design for a web site with an advanced navigation system
  • Use effective design and production process for creating web content
  • Work successfully in a web production team
  • Interact effectively with clients in the design process
  • Analyze requirements for producing web sites that are compatible for different operating systems, browsers, color capabilities, and screen sizes
  • Manage the assets, physical and digital, used in the production and delivery of web project
  • Implement audio/video and vector-based animation on a web site
  • Apply contemporary web design concepts while addressing accessibility issues
  • Utilize the full range of advanced features of a web authoring software
Textbooks and Resources

The books required for this class:

Stylin’ with CSS: A Designer’s Guide (2nd Edition) (Voices That Matter) by Charles Wyke-Smith
Web ReDesign 2.0: Workflow that Works (2nd Edition) Peachpit Press by Kelly Goto and Emily Cotler

Useful web resource:

lynda.com

Methods of Evaluation

The final student grade in this course will be based on a combination of projects, assignments, and participation. Full participate is especially necessary since the projects must reflect successful solutions to the design issues raised in class presentations. Assignments will be judged on technical execution and quality of design. Assignments must be turned in on time, or the grade will be lowered.

Projects are graded on

  1. the execution of technical requirements
  2. effectiveness of concept and design
  3. timeliness of submission
  4. team participation

The final grade on this course is based on the following criteria:

5%    Participation
20%  Exercises
25%  Midterm Project
50%  Final Project

Grading

A – Exceptional
B – Above average
C – Average
D – Below Average
F – Failing (no midterm or final project)

90-100% = A
80-89% = B
70-79% = C
60-69% = D
Below 60% = F

Numerical Equivalent (for e-companion gradebook)
A+   10
A     9.5
A-    9.0
B+   8.75
B      8.5
B-     8
C+    7.75
C       7.5
C-      7.0
D       6.0

Attendance

The student is expected to participate in class discussions. It is the responsibility of the student to keep up with the classes and the weekly assignments. If a student gets behind, it is his/her responsibility to catch up on what was missed.

A student is also expected to attend class on time and tardiness will not be allowed. A student who is tardy more than three times, may be dropped from the class.

A student who for 3 straight weeks has not communicated with the instructor by email as to the reason for the absences, may be dropped from the class. It is the responsibility of the student to drop themselves from the class (Check Registration Office for procedure and deadlines) There will be NO reinstating once the student is dropped.

Students who are out for 3 weeks because of illness need to provide a doctor’s note to be reinstated back into the class. Once reinstated, the student is responsible for reading up on the lectures missed and making sure the technical requirements are fulfilled when submitting made up projects.

To receive full credit, all assignments are due on time. No late midterm or final projects accepted. You must communicate through email if you can’t complete assignments due to illness or personal emergency.

The student must submit both the Midterm Project and Final Project to pass Gr Des 67.

Add and Drop Policy

It is the responsibility of the student to drop themselves from the class (Check Registration Office for procedure and deadlines). If you are unable to submit the Midterm project and concerned about your grade, you may consider dropping the class to avoid getting an “F” grade. No incomplete grades will be given for Midterm and Final Projects.

Attendance: If a pattern of absences is noted (3 straight weeks or more), and no communication is initiated within those 3 weeks as to the reason for the absences, a student may be dropped from the class. If you communicated a medical situation that prevented you from attending class for 2 weeks or more, a doctor’s note is required when you report back to class.

College Use of Student Work Policy

By participating in this course, you agree to allow your work to be used by Santa Monica College for promotional purposes. These uses include, but are not limited to, display in physical and web galleries, promotional video tapes, and printed promotional pieces. You retain complete rights to your work, and Santa Monica College may not use your work for non-promotional purposes without your prior agreement.

Announcement

The Graphic Design Club has open enrollment for membership throughout the semester. Everyone is welcome, including non-graphic design majors. Day and time of meetings will be posted at the first floor lobby of the AET.