Syllabus Contents


CIS 212 covers design and production of Web sites using Adobe Dreamweaver. Plan to spend 9 hours per week on this class. You must have reliable access to a recent version of Dreamweaver and Internet to complete this class, so you must either purchase Dreamweaver (~$120) or use the campus labs. You will also need access to a graphics program such as Photoshop or Fireworks, but only for part of the semester, so you can use a trial version or campus lab computers or find a free image editor. You are expected to check Moodle and email at least twice per week.

2 hours lecture, 3 hours laboratory, 3 units

Section 5172
Online - please see How an Online Class Works

Section 5170
Tuesday 5:00PM - 7:55PM
Room E-206
2 hours per week online (discussion, quizzes, and lab assignments)

Course Web Site:


Jodi Reed, MA
Computer & Information Science
Cuyamaca College
jodi.reed (at)
office:  room E-107

Jodi's Fall 2014 Office Hours

Monday: 10-11AM
Tuesday: 12:15-2:15PM
E-107 or E-206
Wednesday: 10AM-12PM

Please request an appointment if you would like to see me outside office hours. I am also available by email.


In this 3-unit course, students will use Adobe Dreamweaver to create Web sites.  The course will cover 3 main topics:

  1. planning - how to organize your content
  2. design - how to choose an appropriate navigation scheme and "look"
  3. production - how to use Dreamweaver and Fireworks or Photoshop to create and manage your site


The prerequisite skills for this class are:

These skills can be learned in CIS 105, CIS 110,  CIS 211, or GD 105.  Solid skills are especially important for students in the online course.

CIS 212 is technically challenging. I strongly recommend that you take CIS 211 or GD 105 BEFORE you tackle CIS 212.

Learning Outcomes

At the end of this course, each student will be able to:

  1. Use a text editor to write valid HTML code for a page that includes text, headings, images and hyperlinks.
  2. Use web authoring software to create web pages that include text, headings, tables, lists, images and hyperlinks.
  3. Describe and apply principles of screen, navigation and interface design (provided with examples in a course design textbook).
  4. Use web development terminology and describe basic concepts (e.g., uploading, FTP, source code, file naming conventions).
  5. Upload web pages to a web server.
  6. Use Cascading Style Sheets to format the text, colors and link attributes for a website.
  7. Use Cascading Style Sheets to create a multi-column layout for a web page.
  8. Use an external Cascading Style Sheet and describe the advantages of external CSS.
  9. Prepare project planning documents that describe content, audience, website structure and navigation scheme in a professional writing style appropriate for a mock client.
  10. Synthesize design concepts and production skills to design, develop, test and implement a website that is visually appealing and easy to use.

Grading and Assignments

You will be graded on assignments, online discussion, and tests.  Moodle will link to complete instructions, including a scoring rubric for each Web development project.  You will use Moodle to check your grades, turn in assignments, take quizzes, and participate in class discussion.  Your total grade will include:

40% Labs & Projects Labs are fairly quick ways to reinforce your understanding of a specific concept or skills. Projects require you to apply skills from multiple lessons and give you an opportunity to practice skills covered in the textbooks.  
5% Discussion Participation You are expected to post at least one message to the general Moodle discussion forums each week.  These can be questions, comments, responses, interesting Web sites, etc.  Your message will be given 1-5 points based on complexity, appropriateness, and helpfulness. Maximum per week: 10 points.
15% Quizzes Moodle quizzes will cover handouts, textbook, and online video material. 
30% Final Web Site This small web site will demonstrate your mastery of course skills and design concepts. Points include proposal, prototype, peer review, and final web site.
10% Final Exam The final exam will be cumulative and will include a practical section.
  Extra Credit extra credit is sometimes offered and is used to bump up a borderline grade (1-2% below higher grade)


90-100%, awarded for work that exceeds expectations and shows effort, skill, and creativity
B 80-89%, awarded for work that exceeds expectations
C 70-79%, awarded for work that meets expectations
D 60-69%, awarded for work that is below expectation

Due Dates, Make-ups, and Incompletes

Assignments and quizzes are usually due to Moodle a week after they are assigned.  Everything is carefully set up in a specific sequence to help you learn, so DON'T SKIP ASSIGNMENTS. Due dates are shown on Moodle. After the due date, you lose 50%. Some assignments must be completed before you can move on in the course, so DON'T GET BEHIND. If you turn in your work on time, you will usually get one chance to fix mistakes, so TURN IN WORK ON TIME! Be sure to SAVE and BACK UP/UPLOAD everything you do. BEGIN ASSIGNMENTS EARLY in the week they are assigned so you will have time for questions and technical glitches. ASSUME you will have technical problems and turn in work BEFORE the due date. I have built in plenty of time to allow for questions and technical difficulties as long as you begin on the date it was assigned.

An incomplete grade is given only when there is an emergency near the end of the semester.

Attendance/Participation Drop Policy

Students who are inactive will be dropped from the course. If an entire week goes by with no activity on your part either through the discussion board participation, email communication, or submission of work, quiz, or exam, you will be dropped. Therefore, contact me if your contribution to the class will be interrupted.

Though any student not participating in class for 1 week may be dropped from the course by the instructor, it is always the student's responsibility to drop any unattended course.  Failure to drop an unattended course will result in a grade of "F" on your transcript. 

Textbooks - available at the campus bookstore or online

Don't Make Me Think, 2nd edition
Steve Krug, Roger Black
ISBN: 0321344758
$23 on Amazon
1 copy available for one-day checkout at library reserve

Dreamweaver CS5.5: The Missing Manual
David Sawyer McFarland
Print ISBN 9781449397975
$28 on Amazon

lynda video training
recommended, especially for visual learners
details will be announced when class begins

NOTE: Join Amazon Student and get FREE Two-Day Shipping for one year with a free Amazon Prime membership ($79 value). The program is available only for students and there is no cost to join--simply sign up by providing your school, major, and campus email address.


You cannot complete this class without reliable access to Internet and a recent version of Dreamweaver. Most online students have Dreamweaver installed on their home computer, but some use campus computers, which have the latest version of Dreamweaver. See or for academic prices. sells Dreamweaver for $120. Adobe has bundles that include Dreamweaver, Fireworks (Web graphics), Photoshop and Flash (animation).  Adobe also has a free trial (30 days) and a monthly subscription (student price: $30/month for all CS apps, $20/month for one app -- Adobe often has deals if you get an annual subscription).

Some students are able to complete the course using old versions of Dreamweaver. This can be confusing. If you choose to use an old version, you are responsible for finding learning materials.

Dreamweaver, Fireworks, and Photoshop are available on 4 Macs and 4 PC's in the E building Open Lab. You may also use Graphic Design Labs and CIS labs during open hours. Tutoring is available in the labs - see Moodle for details.

You need adequate storage to SAVE and BACK UP your work.  You are responsible for your work in spite of technical problems, so be sure to back up!  Most students use a USB Flash Hard Drive or cloud storage (e.g. Dropbox or iCloud.)

Course Communication

Post general questions to the online discussion.  You may also send email to jodi.reed (at) or stop by during office hours. 

NOTE: I must respond to many questions each day, so my responses tend to be brief. Please don't take this personally. I usually respond the same day or the next day. Please try again if you don't hear back within 2 days. I check email most often followed by Moodle discussion and then voice mail.

Students with disabilities who may need accommodations in this class should notify me and contact Disabled Students Programs and Services (DSPS) early in the semester so that reasonable accommodations may be implemented as soon as possible. See for contact information.

Academic Integrity

When creating Graphics or Web sites, treat Web content as you would treat content from a published article or book. Stealing content is unethical, and students guilty of academic dishonesty will receive a zero for the assignment and may be suspended or expelled. It is acceptable to use brief quotes or clip art. It's not ok to copy entire web pages or style sheets or use someone else's images without permission.

Schedule (details on Moodle)

Week 1: Course Orientation, Internet Review
Week 2: HTML
Week 3: WordPress, DESIGN
Week 4: WordPress, DESIGN, Dreamweaver Introduction
Week 5: Site Management, Dreamweaver Basics
Week 6: Adding Text, Links & Images, Final Project Overview
Week 7: CSS
Week 8: Images
Week 9: CSS Layout
Week 10: Tables
Week 11: Final Project, Screen Design, Fine-Tuning Workflow
Week 12: Final Project, Adding Flash, Video, & Sound
Week 13: Libraries, Final Project
Week 14: Code Editing & Forms, Final Project
Week 15: Spry, Final Project
Week 16: Final Project, Final Exam Review

Important Dates for spring 2014

Please mark your calendar!

January 27 Classes begin
February 7 Last day to add semester-length classes
Last day to drop semester-length classes without a W
Last day to receive a refund for semester-length classes
February 10 Census Day
February 14-17 Holiday (President's Day Weekend)
February 28 Last day to apply for Pass/No Pass for semester length classes
March 21 Last day to apply for Spring degree/certificate
April 14-19 Spring Recess
April 25 Last day to drop semester-length classes
May 26 Holiday (Memorial Day)
May 27 - 31 Final Examinations


This course adheres to the policies outlined in the Cuyamaca College catalogue. For further information, see Academic Policies stated in the catalog.