Course Introduction

Graphic Design 66 – Web Design 2
Section numbers: 2234
Units: 3
Prerequisites: Graphic Design 64 (Digital Imaging for Design) OR Entertainment Technology 37, and Graphic Design 65 (Web Design 1)
Location: online
Day and Time: online

Instructor Information

Instructor name: Jamie Cavanaugh
Email address:
Office phone number: (310) 434.3767
Office location: AET #227-B
Office hours:
Mondays: 5:00pm – 6:00pm
Tuesdays: 5:30pm – 6:30pm
Thursdays: 12:55pm – 1:55pm

Course Web site:

SMC Graphic Design Department web site:

Course Syllabus*

Graphic Design 66, Web Design 2

Week 01 – syllabus/course outline, careers in Web Design, web domains, web hosting, the internet, naming conventions, project file structure, web graphic formats, image compression in Photoshop, WordPress.
Assignment 1: create HTML page, sign up for WordPress

Week 02 – midterm project assignment, preparing design comps, file structure, ftp (file transfer protocol), Dreamweaver introduction, page weight, screen size, inserting images, image maps, tables, image slicing, Quiz 1
Assignment: design and create one page website inserting images

Week 03 – web critiques, navigation, web standards and web accessibility, design process, page layout review
Assignment: start work on midterm design comp, building navigation with <li> tag,  Quiz 2

Week 04 – write a creative brief, Cascading Style Sheets (CSS), CSS Box model, layouts: 2 column structure
Assignment: CSS-based layouts: 2 column, Competitive analysis due, Midterm project design comp due

Week 05 – Midterm Project due – Tuesday, May 17
Lecture: Information architecture, create a site map, more CSS-based layouts: 3 column,  Inheritance and Cascade, CSS selector types, positioning
Assignment: Midterm project and sitemap due, CSS-based layouts: 3 column structure, Quiz 3

Week 06 – Final project assignment, more CSS-based layouts: faux columns, positioning with CSS, Web typography, Quiz 4
Assignment:  Web typography, Final project design comp due

Week 07 – positioning with CSS, behaviors: show-hide elements, spry menu and spry elements, pop-up windows, Search engine optimization (SEO)

Week 08 – using social media, embedding swf files and video, using a lightbox feature, forms, final exam
Final Project due – Thursday, June 9

* weekly lessons subject to change

• Gr Des 65, Gr Des 64 or ET 37
• Knowledge of Adobe Photoshop

Course Description

This computer-based course is focused on the successful design and implementation of web sites and builds on the concepts and fundamental techniques covered in Graphic Design 65. Students will learn different approaches and technologies in delivering online content. Topics include: Dynamic HTML, web hosts and servers, search engines, web graphics, web animation, and web authoring tools. Design issues such as effective communication, technical constraints, typography, navigation interface, and information architecture will be addressed. Students will design and create a multi-page web site utilizing advanced features of a web authoring software.

This course uses Adobe Dreamweaver CS5 and Adobe Photoshop CS5.

Scope and Limitations

As a beginning web design class, Graphic Design 66 takes full advantage of the WYSIWYG features of Dreamweaver. Beginning with Dreamweaver MX, the program incorporated applications that provide advanced programming capabilities. These features are for web developers who build and maintain dynamic web sites, using server applications such as ASP, PHP, and JSP. Gr Des 66 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 Graphic Design 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)

Required Textbook

David Karlins – Adobe Dreamweaver CS4 How-Tos: 100 Essential Techniques, Adobe Press, 2008, 1st Edition, 978-0321562895

Course Objectives

Upon successful completion of this course, students will be able to:

  • Identify the different approaches and technologies in delivering content
  • Design effective web sites using appropriate technology
  • Create web pages, both by writing raw HTML and by using an authoring tool:
    text formatting
    gif and jpeg images/animated gifs
    internal and external links
    image maps
    image slicing
    dynamic HTML
  • Develop an efficient information architecture design and an effective navigation interface
  • Demonstrate an understanding of how technical constraints affect web design
  • Successfully launch a web site “live” to a host server
  • Utilize web software tools at an advanced level
Student Learning Outcomes
  1. Student will demonstrate technical knowledge and ability to execute different approaches and technologies in delivering content in web pages.
    As assessed by: Hands-on exercises, Midterm and Final Web Projects
  2. Student will have the ability to upload a web site “live” to a web server.
    As assessed by: Final Web Site Project
Materials and Supplies

Flash drive or external hard drive. Dreamweaver CS5, Photoshop CS5

Recommended Computer Skills

To succeed in this course, students should have the ability to:·

  • Navigate the internet using a web browser
  • Manage files using either the Mac or Windows operating systems
  • Send and receive email messages and attachments
  • Use a word processing program like Microsoft Word or its equivalent
  • Must possess basic Photoshop skills.

Students that do not meet these required skills are advised to enroll in a computer skills course such as CIS 1, ET 11, GR DES 18, GR DES 64

Methods of Presentation

Lecture hours 1.5 hours per week, Lab hours 1.5 hours per week, and 2 arranged hours per week

Methods of Evaluation

Grading is determined by participation and the timely completion of all assignments and projects. Assignments and projects will be judged on technical execution, mastery of the underlying concepts, and quality of design. Full participation is especially necessary since the projects must reflect successful solutions to the design issues raised in class presentations.

Projects are graded on:
1. the execution of technical requirements
2. effectiveness of concept and design
3. timeliness of submission

Assignments must be turned in on time, or the grade will be lowered. To receive full credit, all assignments are due on time. Students are responsible for submitting all work on time regardless of absence. Emailing late assignments is NOT allowed. A late assignment may be submitted in class one week after the due date with one grade drop. No assignments will be accepted after that. Students must complete 75% of the coursework, including both the midterm and final project, to pass the course. Final projects that are submitted late will NOT be accepted.

Your final grade will be calculated using the following percentages:

Percentage of Grade

Evaluation Method
20% Assignments
20% Quizzes & Final exam
25% Midterm Project
35% Final Project

Grading Scale

Superior performance. Excellent achievement and craftsmanship in all work. Performs beyond course requirements.

Above average performance. Consistent progress and craftsmanship. Meets all course requirements.

Average performance. Minimum time and effort spent on coursework. Fulfills basic course requirements.

Uneven performance. Minimal output and improvement in work. Requirements are only partially fulfilled.

F=60% and below
Fails to meet a minimum of performance levels. Does not exhibit achievement or progress.

Policy for Adding Class

A student must attend the first day in order to be placed on the waiting list. A student will only be placed on the waiting list if s/he has met all the prerequisites for the class. To be placed on the waiting list, the student needs to email the instructor and the instructor will contact students on the waiting list should any spaces become available. Students who are not formally enrolled in the class cannot sit in on the class until they are officially registered for the class.

A student who does not attend the first day of class may not add the class without approval from the instructor. The instructor has the right to drop any student who does not attend the first day of class and adds the class without the instructor’s approval.

Withdrawal Policy

Students are responsible for withdrawing from a class and must not expect faculty to initiate withdrawal procedures for them. If you wish to drop this class, you may do so through the Admissions section of the SMC website,

Please note the drop dates for the current term listed at The deadlines and dates for this term are also listed at the end of this syllabus.

After the eighth week of classes, students must have faculty approval and documentable extenuating circumstances to withdraw.  Extenuating circumstances are avoidable circumstances that prevent students from participating in further class activities and fulfilling remaining course requirements. Poor student performance in the course will NOT be considered as an extenuating circumstance.

Class Policies
Academic Honesty

The SMC Honor Code and Code of Academic Integrity, printed in the General Catalog, remind students of their responsibility to behave honestly and ethically. It is your responsibility to familiarize yourself with these codes. Please be extremely careful that you do not engage in any behavior that could even be construed as cheating. Outside of class, students are allowed to study together. However, copying another student’s work is not acceptable. If the instructor determines that students have violated the SMC Honor Code and/or the Code of Academic Integrity, the students may be assigned no credit. Future occurrences could result in academic disciplinary action. During an exam, talking to another student, looking at another student’s paper or computer screen, using cheat notes or mobile devices, etc. are not permitted.


Students are expected to attend all class sessions. Lectures and hands-on demonstrations will not be repeated for individual students. Please make a commitment to be in class on time even if you have not completed the current assignment. You are responsible for notifying your instructor in advance of any absence or scheduling conflict. If you need to miss a class due to a religious holiday, please notify your instructor ahead of time. You may be dropped from the class if you miss more than two consecutive classes without notifying your instructor.

Classroom Policy

Food or drink is prohibited in the classroom with the exception of water bottles which are permitted as long as they remain closed and kept away from all equipment. Use of the computers for purposes other than the assignments for this class is not permitted. No cell phone or smart phone use will be permitted in the classroom. Please turn off all electronic devices prior to entering the classroom.

During class is not the time to email, to text, to read your Facebook updates, to update your Twitter feed, or to post images to Flickr. Please be respectful when other students are presenting and when the instructor is lecturing.

When notifying a student by email, the instructor will use the student’s official SMC email address:

Recording of Class Lectures

In accordance with Section 78907 of the California Education Code, students shall not use any electronic listening or recording device in any classroom without the prior consent of the instructor, except as necessary to provide reasonable auxiliary aids and academic adjustments to disabled students.

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 the 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.

Spring 2011 Dates & Deadlines

This schedule is provided for your information. For the complete Spring 2011 schedule including 8 week sessions, please use the following link:


The Graphic Design Club

There are various reasons to join the Graphic Design Club. The first is the sense of community that is built by the club members, a sense of belonging with others who have the same interest. This is especially important for a commuter college like SMC. It is also a chance for students to learn about Graphic Design topics, see exhibits, and hear lectures that are outside the tight frame of class curriculum.