Course Syllabus*
graphic design 66, web design 2
week 01 - syllabus/course outline, web domains, web hosting, the internet, naming conventions, project file structure, web graphic formats, image compression in Photoshop, Assignment 1: create HTML page, Quiz 1.
week 02 - file structure, ftp (file transfer protocol), Dreamweaver introduction, page weight, screen size, web-safe colors, creating links, mid-term project assignment, tables intro, Assignment 2: page layout assignment, table assignment, Quiz 2.
week 03 – page layout assignment due, navigation, rollovers, image maps, design process, preparing design comps, image slicing, css, Assignment 3, Quiz 3.
week 04 – mid-term project due, final project assignment, web critiques, mid-term project critiques, swap image, more dreamweaver basics, AP divs, Assignment 4, Quiz 4.
week 05 – ftp (file transfer protocol) review, final project assignment, more css, more layers, behaviors: show-hide layers, spry widgets, pop-up windows. Assignment 5.
week 06 - spry widget assignment due, more spry widgets, web critiques
week 07 - frames, forms, review ftp (file transfer protocol)
week 08 - final project due, final exam.
* weekly lessons subject to change
Prerequisites
• 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 CS3 and Adobe Photoshop CS3.
(Prerequisites: Gr Des 65, Gr Des 64 or ET 37)
Scope and Limitations
Limitations: As a beginning web design class, Gr Des 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 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 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:
A. Identify the different approaches and technologies in delivering content
B. Design effective web sites using appropriate technology
C. 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
- tables
- imagemaps
- rollovers
- image slicing
- frames
- dynamic HTML
- forms
- layers
- css
D. Develop an efficient information architecture design and an effective navigation interface
E. Demonstrate an understanding of how technical constraints affect web design
F. Successfully launch a web site “live” to a host server
G. Utilize web software tools at an advanced level
Required and Optional Textbooks and Resources
I require the book below for this class:
The books below are also helpful:
• Dreamweaver CS3 for Windows and Macintosh : Visual QuickStart Guide (Visual Quickstart Guides) by Tom Negrino, Dori Smith, (May 2007) Peachpit Press; ISBN: 0321503023
• Learning Web Design: A Beginner’s Guide to (X)HTML, StyleSheets, and Web Graphics; by Jennifer Robbins; O’Reilly Media, 2007; ISBN-13: 978-0596527525
• Web Design in a Nutshell, 2nd Edition, by Jennifer Niederst, Richard Koman, (October 2001) O’ Reilly& Associates; ISBN: 059600196
• <creative html design. 2> by Lynda Weinman, William Weinman, 2nd Edition (April 2001); New Riders Press; ISBN: 0735709726
Useful web resource:
• Webmonkey: The Web Developer’s Resource
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
- the execution of technical requirements
- effectiveness of concept and design
- timeliness of submission
The final grade on this course is based on the following criteria:
20% Weekly assignments (Total of 5)
25% Mid-term Project
35% Final Project
20% Quizzes & Final exam (Total of 5)
GRADING:
A Exceptional
B Above average
C Average
D Below Average
F Failing (no midterm or final project)
Improving a project already submitted is encouraged for a better portfolio of work but does not change the original grade.
90-100% = A
80-89% = B
70-79% = C
60-69% = D
Below 60% = F
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 who for 2 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 2 weeks because of illness need to provide a doctor’s note to be re-instated 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. A late project will only be accepted ONE class period after the due date with one grade drop. No projects will be accepted after that week. You must communicate through e-mail if you can’t complete assignments due to illness or personal emergency.
The student must submit both the Midterm Project and the Final Project to pass Gr Des 66.
Late project for Midterm: Accepted only ONE week after the project is due. Final project: NO LATE PROJECT accepted (or incomplete grade given).
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 (2 straight weeks or more), and no communication is initiated within those 2 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.
copyright © 2006 – 2008, jamie cavanaugh
