Printed from •


Web Design With HTML and CSS (DM60)
Cabrillo College, Spring 2018
Online Course

John Govsky, instructor
PO Box 7624, Santa Cruz, CA 95061

Addenda to this syllabus

In addition to this syllabus, students must read the following Web pages:

Class Web site

All important information is at:
Although you may wish to print out many of these Web pages, be aware that some of the information here may change before the course is over.

You are responsible for regularly reading and participating in the online Discussion Forum section of the Web site.

Instructor office hours

Mondays 12:40 PM–2:15 PM
or by arrangement

All my office hours are in the CTC (the CTC is room 1400, the computer lab; see the campus map). Please let me know if you wish to meet with me in a more private setting.

Course description (from the schedule of classes)

Hands-on web design and page development using HTML/CSS. Prerequisite: DM 1 or equivalent skills.
Transfer Credit: Transfers to CSU.

Student learning outcomes & objectives

Learning outcomes:

  1. Evaluate web technologies and standards and critically assess code and tools used in the production of user-centered, functional websites published on a web server..


  1. Identify online HTML resources.
  2. Apply HTML principles to create Web pages.
  3. Identify and explain Internet protocols.
  4. Analyze components for placement on the page.
  5. Analyze images to scan for screen display.
  6. Identify and assess graphics software to create and manipulate images.
  7. Assess and deduce correct file format to use for images.
  8. Evaluate, plan and design effective interactive hypertext.
  9. Apply design principles to create good looking pages.
  10. Evaluate sound, movies, and other components of the page.
  11. Assess and apply color principles to screen displays.
  12. Analyze and evaluate the page on the Internet.
  13. Explain how to navigate the Web.
  14. Solve design problems to create a site using HTML code.
  15. Analyze, test, validate, and troubleshoot HTML code.
  16. Analyze, test, validate, and troubleshoot CSS (cascading style sheets).
  17. Identify and explain external, internal, and local CSS.
  18. Apply basic cascading style sheets to pages.


Required text:
Learning Web Design, 4th Edition
A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics
By Jennifer Niederst Robbins
Publisher: O'Reilly Media
Released: August 2012
Pages: 624
ISBN-10:    1449319270
ISBN-13:    978-1449319274
Note that this is the 4th edition; you will not be able to use an earlier edition for the course, as earlier editions do not cover HTML 5.

This class is about learning HTML and CSS hand coding

You are absolutely not to use any software that writes HTML or CSS code for you, such as Dreamweaver, or any WYSIWYG (what-you-see-is-what-you-get) software. All work done for this class, except when specified, must be done using a text editor (such as Notepad++ for Windows, or TextWrangler for Mac) or a word processor. If you use a word processor such as Microsoft Word (which I do not recommend), do not use the program's "save as HTML" features.

Using software that writes any HTML or CSS code for you, unless authorized by the instructor, is considered cheating.

Prerequisite skills

Introduction to Digital Media (DM1) is a prerequisite course for this and most other Digital Media courses. If you have not taken DM1, there may be gaps in your knowledge that may require you to do extra work to succeed in the course. I will assume that you know how to use a Web browser and a text editor, and that you understand the basics of design and preparing images for screen media.

You must be very comfortable with your computer's operating system to get the most out of this class; I will assume that you know how to use a computer. Because almost all of the work for this class can be done with a basic text editor, it really makes no difference whether you use Macintosh, Windows, or Unix/Linux to do your work. Of course you must know how to edit a text file, and know how to navigate through a file system to find a file after you've saved it.

Software needed for this course

If you will be working on your own computer, you will need to download and install the following free software programs:

The text editor must be capable of saving files encoded as UTF-8, with no byte order mark (BOM). The recommended text editor for Mac is BBEdit (freeware). The recommended text editor for Windows is Notepad++ (freeware). See Text Editors for HTML and Script Editing for more information and downloading links.

The FTP client must be capable of using the SFTP protocol. The recommended FTP client for Mac is Fetch; see How to Upload to with Fetch (Mac OS X) for more information and downloading links. The recommended FTP client for Windows is CoreFTP Lite; see How to Upload to with CoreFTP Lite (Windows) for more information and downloading links.

We will discuss image editing software later in the course.


Grading will be based on your final project, exercises, tests and quizzes and participation in the online class help forum. See the Grades page, where you can check your progress and where grades will be periodically posted, for details on grading. Here is the percentage breakdown on how grades are calculated:

There are also Extra Credit possibilities.

If you are an extremely busy person and you do not need a grade, you may wish to take the class for pass/no pass instead of a grade. There is a place in the Student Survey form (exercise 1) where you can indicate that you elect to take this class on a pass/no pass basis. If you are not sure whether to take this course for a grade or for pass/no pass, you should discuss your academic goals with a Cabrillo counselor as soon as possible.

The due dates of all assignments and tests are listed in the Course Schedule.

Note that there are deadlines throughout the term when your posts to the discussion forum are tallied for the pupose of awarding points toward your grade. These dates are listed in the Course Schedule.

Late work is not accepted

When you turn in work, you must also fill out an online "feedback form" stating what you have done, how many points you think you should earn, and any comments or feedback on the exercise. You will not receive full credit for an exercise, or for the final project, if you do not submit the appropriate feedback form by the due date and time.

Work is not accepted late. If your work is not finished, submit it by the due date and at least you may receive partial credit.

See the Homework Frequently Asked Questions (FAQ) page for answers to questions about homework exercises and how they are graded.

If you lose points on homework you may wish to do some Extra Credit work to make up the lost points.


All Web pages done for this class must validate according to the W3C's HTML Validator, using HTML 5, XHTML 1.0 Strict, or HTML 4.01 Transitional, depending on the exercise requirements. All cascading style sheets must validate according to the W3C's CSS Validator.

Class pace

This class will move at a good pace, and it is expected that you will be working on a computer outside of class each week. The purpose of the exercises is to keep you learning at a steady pace, and to give you guideposts of where you should be throughout the course. It is important that you complete each exercise on time, making a reasonable effort to get it right. For your own benefit, it is important that the exercises are completed on time, as we build on previous information and it is important to understand the material as we progress through the class. If you fall behind you will not get the optimum benefit from forum troubleshooting.

Final project

Your Final Project will be to create an original Web site on a topic of your own choosing, within certain guidelines. As soon as possible, start thinking of a theme for your final project.

Communication with the instructor

In all communication with the instructor (written, phone message, or email) please include your name and the name of this class. Send email to; or leave a phone message at 831-466-3269. Important: when emailing me, always start the subject line with "DM60" or I may not see your message!

For help with homework exercises, projects, or topics covered in class, do not ask questions through email; post your questions to the Discussion Forum, or see me during office hours. For questions regarding administrative or personal issues, contact me directly; do not post these questions to the forum.

In most cases I will answer student questions posted in the discussion forum, or through email, within one business day. Note that I will not do homework troubleshooting through email. If a student asks such a question through email, I will respond with a suggestion to post the question to the discussion forum, where it will be answered. Email is the appropriate mode for administrative or personal issues; homework troubleshooting, and general questions about the material being covered, belong in the Discussion Forum.

Special needs accommodations

Students needing accommodations should inform the instructor. As required by the Americans with Disabilities Act (ADA), accommodations are provided to insure equal access for students with verified disabilities. To determine if you qualify or need assistance with an accommodation, please contact the ACCESSIBILITY SUPPORT CENTER, Room 1073, (831) 479-6379.

Server space

Please use your space on the server responsibly. You may not use this space to send junk email (spam), to send harrassing email, to try to gain unauthorized access to this or any other system, to store files unrelated to the course, or to engage in illegal activity.

Servers sometimes go down, and sometimes data is lost. You are responsible for keeping your own backup copies of all your work that is on the server. If a problem with the server causes your data to be lost, you will need to re-upload your work to the server. If you have no backups, you will need to re-create your work!

If you have any files stored in the server space for this course that are unrelated to this course you will be asked to delete them.

Use of copyrighted material

Unless you have written permission from the copyright owner, you are not to use any copyrighted materials in your work or on the server. This usually comes into play when you are looking for images to use, although it also applies to text. Do not simply copy an image from another site to use on your site; always make sure that the images you use are in the public domain or are from a copyright-free site. If in doubt, ask the owner for permission to use the image.

Academic integrity

Do your own work. Plagiarism or cheating is not acceptable under any circumstances. Any student who misrepresents another's work as his or her own, or uses prohibited software to do coursework, will, at a minimum, receive zero credit for that work. See the Academic Integrity section of the Cabrillo Student Rights and Responsibilities Handbook for more information.

Behavior policies

Behavior Expectations - all students are expected to:

Consequences for Disruptive Behavior:

Any student who feels he/she is a victim of the above is encouraged to report the situation to me and/or the Dean of Student Services immediately.

*Discrimination (includes national origin, ethnicity, religion, age, sex, sexual orientation, physical or mental disability), sexual harassment, physical violence, and creation of a hostile environment are all violations of board policy and/or against the law. These issues are treated very seriously and will be adjudicated to the fullest extent of College regulations and the legal system.

Emergency alerts

e2Campus (Formerly ALERT U) Provides emergency preparedness alerts to students, faculty, and staff via text message to your cell phone; IF YOU PREVIOUSLY SIGNED UP TO ALERT U, YOU'RE ALL SET!) To sign up, text CABRILLO to 79516; Respond with Y, and you're registered!

The schedule is subject to change

The nature of the Web is rapid, constant evolution and change. The Course Schedule may be modified as necessary, perhaps to allow examination of a new technology.

Who invented the World Wide Web?

Tim Berners-Lee.