GD 65


Graphic Design 65 – Web Design 1 (Hybrid Class)

Section number: 2416
Units: 2
Skills Advisory: Graphic Design 18 – Introduction to Graphic Design Applications or Entertainment Technology 11 – Computer Skills for Digital Media.

Important Dates

October 31, 2014 – Last Day to Withdraw to Receive an Enrollment Fee Refund
November 5, 2014 – Last Day to Withdraw to Avoid a “W” Grade on the Transcript
December 7, 2014 – Last Day to Withdraw for a Guaranteed “W” Grade on the Transcript

Instructor Information

Instructor name: Jamie Cavanaugh
Email address:
Office location: AIR 102
Office hours (please email me to schedule an appointment):
Tuesdays: 5:00pm – 6:00pm
Thursdays: 5:00pm – 6:00pm

This course is a hybrid class. In addition to the online course we will meet in the classroom for 3 meetings during the 8-week course. The location of the 3 classroom meetings will be AIR 133. Below are the following dates. You must be present at all 3 classroom meetings.

Thursday, November 13 at 2:00pm – 5:05pm
Thursday, December 4 at 2:00pm – 5:05pm
Thursday, December 18 at 2:00pm – 5:05pm

This course is an accelerated 8-week class. This course covers materials normally presented in a 16-week class. Please be prepared to make the time commitment of 12 hours (minimum) to this course every week.

This is based on the following: Weekly Course Notes, Readings, and Discussion: 4 hours “Arranged hours” (Self-study): 5 hours Weekly Assignments: 3+ hours

Course Description

This course is designed as an introduction to web design for students with a basic knowledge of computers and graphic design applications. Students will learn to think critically about web design and apply basic conceptual design principles. Components of design such as color, typography, layout and composition will be discussed. Other topics include: an overview of the web and how it works, designing a navigation interface, web graphics, information architecture, HTML, web hosting, and file/site management. Students will design and create a simple web page utilizing basic features of a web authoring software.

Required Textbook

Screen Shot 2013-01-29 at 1.49.38 PM Jennifer Niederst Robbins – Learning Web Design: A Beginner’s Guide to HTML, CSS, JavaScript, and Web Graphics, O’Reilly Media, 2012, 4th Edition 978-1449319274 Please be sure that you get the Fourth edition of “Learning Web Design: A Beginner’s Guide to HTML, CSS, JavaScript, and Web Graphics” for this class. (Not the Third edition)

Course Objectives

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

  • Describe how the web environment functions
  • Identify and apply basic design concepts and principles for web delivery
  • Apply color theory, composition, and typography effectively
  • Demonstrate a basic understanding of the components and mechanics of a web page
  • Compress graphics and other imagery effectively
  • Design a site map and information architecture for student web page
  • Acquire a domain name and web host and practice web file management
  • Utilize web software tools at an introductory level

Arranged Hours Objectives

Upon successful completion of the arranged hours, students will be able to:

  • Students will demonstrate an understanding of File Transfer Protocol (FTP) and be able to upload files to a server.
  • Students will demonstrate an understanding of the basic Dreamweaver interface and how to use it to build a simple web project.

Student Learning Outcomes

  1. Students will demonstrate an understanding of basic design concepts, such as composition, color theory, and typography as applied on web content through application in tests and projects. As assessed by: Hands-on project assignments and final written exam
  2. Students will design and create a simple web project using a web authoring tool. As assessed by: Final Web Project and classroom critique

Materials and Supplies

A Flash drive, an external hard drive, or Cloud storage (like Dropbox, or GoogleDrive). Adobe Dreamweaver CC or CS6, Adobe Photoshop CC or CS6.

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 4 hours per week, Lab hours 3 hours per week, and 5 arranged hours per week based on 8 week class.

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. 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 one week.

Students must complete 75% of the coursework, including the final project, to pass the course. Final projects that are submitted late will NOT be accepted and you must attend the last class and present your final project to receive your grade. Your final grade will be calculated using the following percentages:

Percentage of Grade

Evaluation Method
36% Assignments
30% Final Project
24% Quizzes & Final Exam
10% Participation in discussions and classroom attendance
(10 pts off for any class meeting a student misses)

Here’s the breakdown:

Assignment 1 (6%)
Assignment 2 (6%)
Assignment 3 (6%)
Assignment 4 (6%)
Assignment 5 (6%)
Assignment 6 (6%)
Quiz 1 (4%)
Quiz 2 (4%)
Quiz 3 (4%)
Quiz 4 (4%)
Final Exam (8%)
Final Project (30%)
Participation (10%)

Grading Scale

A=90-100% (900 – 1000 total points)
Superior performance. Excellent achievement and craftsmanship in all work. Performs beyond course requirements.

B=80-89% (800 – 899 total points)
Above average performance. Consistent progress and craftsmanship. Meets all course requirements.

C=70-79% (700 – 799 total points)
Average performance. Minimum time and effort spent on coursework. Fulfills basic course requirements.

D=60-69% (600 – 699 total points)
Uneven performance. Minimal output and improvement in work. Requirements are only partially fulfilled.

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

Course Content

*The content of this course may change depending on time constraints. The order of the topics listed may vary

Week 01

Class 01A Topics: History of the Internet, How the Internet works, How a User Connects to the Internet, Browsers, Domain names, Web Hosting, Composition of a Web Page, Basic HTML, Web File Naming Conventions, File Organization, Web Design Basics, Target Audience, Design Process, Information Architecture, Site Maps.

Class 01B Topics: Front-end versus Backend, The Web Design “Layer Cake,” HTML Basics, CSS Basics, Creating a web page using a Simple Text Editor.

Assignment 1

Week 02

Class 02A Topics: HTML Basic Tags, HTML Study Guides, HTML Examples, Basic HTML Tags, HTML Cheat Sheet, What is HTML5?, The Basics of Web Design, The Grid, Color Palette, Navigation, Design Principles, Typography.

Class 02B Topics: Navigation design, 10 Principles Of Navigation Design, Navigation design, Fundamentals of good navigation, Typography, Web-safe fonts, List of web-safe fonts, Design Comps, Anatomy of a webpage, Creating Design Comps (Mockups), Basics of Photoshop – Designing a Website.

Assignment 2 + Quiz 1

Week 03

Classroom meeting
Thursday, November 13 at 2:00pm – 5:05pm

Class 03A Topics: Marking up text, HTML Tags, What the heck is a “div”?, <head> & <body> Sections, Basic HTML, Basic CSS, Additional Resources, Basic HTML: One column layout, Basic CSS: One column layout.

Class 03B Topics: One-Column Layout Exercise, Dreamweaver, WYSIWYG authoring tool, Creating a new web page in Dreamweaver, Previewing in the browser, Dreamweaver Windows, Page properties, The document toolbar.

Assignment 3

Week 04

Class 04A Topics: Final Project Assignment, Competitive Analysis, FTP (File Transfer Protocol).

Class 04B Topics: Dreamweaver, Inserting images, Inserting rollovers, Image maps, Tables.

Assignment 4 + Quiz 2

Week 05

Class 05A Topics: CSS Based Layout, The short history, Normal Flow, Floats, Clears, Positioning, CSS Box Model, Margins, Padding.

Class 05B Topics: Two Column CSS Layout, Basic HTML: Two column layout, Basic CSS: Two column layout, Two-Column Exercise

Assignment 5 + Quiz 3

Week 06

Classroom meeting
Thursday, December 4 at 2:00pm – 5:05pm

Class 06A Topics: Web Graphics, Web Image Types, Image compression.

Class 06B Topics: Image Slicing, Advantages of Image Slicing, Slicing in Photoshop, Save Optimized Images

Assignment 6 + Quiz 4

Week 07

Class 07A Topics: Final Exam Study Guide, Navigation Conventions, Highlighted Navigation, Web typography, Typography Quick tips, CSS Properties for Typography, Examples of Good Web Typography.

Week 08

Classroom meeting
Thursday, December 18 at 2:00pm – 5:05pm

Class 08 Topics: Where do I go from here? What else is there to know? What will be covered in Graphic Design 66 (Web Design 2)? Final Project Presentations, Final Exam

Policy for Adding Class

A student must email the instructor in order to add this class. The instructor will contact students on the waiting list should any spaces become available.

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

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. Other guidance is also available online:

Student responsibilities:

Honor Council website:

Administrative Regulation 4412 :

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 3 classroom meetings and participate in online discussions. You may be dropped from the class if you do not participate in online discussions or hand-in your assignments on time without notifying your instructor.

Class Participation

SMC Student Email Account

You can access your student email account using Corsair Connect. This is located in the upper left corner of Corsair Connect and is labeled, “SMC@Mail.” Your SMC email account is important because this is how the college will send you important SMC announcements such as enrollment information. Please use your SMC email account and check frequently, this is also how I will communicate with you about course announcements and updates.

Time Requirements, Course Progress, and Effective Study Habits

The course is divided into 8 weeks. You should plan to spend 12 hours each week completing your assignments and homework. Although there is no specified amount of time you are required to log in each week, it is important that you make substantive progress throughout the course. “Substantive progress” means you are actively participating in the course. More specifically, this means you are actively participating in online discussions on a regular (weekly) basis when assigned. It also means you are logging into the course to complete your assignments and keep track of course announcements and updates. If you do not substantively participate in the class in a timely manner, you may be dropped from the class. Developing effective study habits and time management strategies will help you achieve academic success in all your college courses. Here is a great website from Dartmouth University that provides more tips and strategies for studying effectively:

Students with Disabilities

Santa Monica College accommodates students with disabilities. If you qualify for any special accommodations due to a disability, you need to officially process your request through the Disabled Students Programs and Services (DSPS) office as close to the beginning of the semester as possible. If you believe you have a learning disability that has not yet been documented, please notify the instructor and make an appointment at the DSPS office for assistance. The DSPS office is located in the Admissions/Student Services Complex, Room 101, and the phone numbers are (310) 434-4265 and (310) 434-4273 (TDD). Scheduling of accommodated exams will be arranged on a case-by-case basis.

Emergency Preparedness

The safety of students at SMC is a priority. Please note that emergency procedures are posted in this classroom and every classroom. Also, procedures for various emergencies are delineated on the SMC website: Please take the time to familiarize yourself with these procedures today, when knowledge of what to do can be the most effective.”

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.


Some elements of the syllabus may be changed at the instructor’s discretion. If there is any aspect of this syllabus which you do not understand, or to which you take exception, please let the instructor know within the first week of class.


Mobile Site for SMC Online

SMC is pleased to announce the release of our new Learning Studio Mobile Site for SMC Online. This will allow you, the student, to login in to your online courses to check announcements, grades, due dates, and contribute to discussions on the go, using your Smart Phones and other Mobile Devices. Students will need to login through the Mobile SSO login area located at If you have any technical issues with this product, you should contact the HelpDesk. The toll-free phone number for the HelpDesk is 877-740-2213.

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. Please check the sign at the entrance of the building regarding Graphic Design Club meetings.

Fall 2014 Dates and Deadlines

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

Leave a comment