skip to content

• Home
  • About
• Cabrillo
  • DM56
    • Syllabus
    • Schedule
    • Exercises
      • Exercise 1
      • Exercise 2
        • Feedback form
      • Exercise 3
        • Feedback form
      • Exercise 4
        • Feedback form
      • Exercise 5
        • Feedback form
      • Final project
        • Feedback form
    • Extra credit
    • Grades
    • Student sites
  • DM60
    • Syllabus
    • Schedule
    • Exercises
      • Exercise 1
      • Exercise 2
        • Feedback form
      • Exercise 3
        • Feedback form
      • Exercise 4
        • Feedback form
      • Exercise 5
        • Feedback form
      • Exercise 6
        • Feedback form
      • Exercise 7
        • Feedback form
      • Exercise 8
        • Feedback form
      • Exercise 9
        • Feedback form
      • Exercise 10
        • Feedback form
      • Final project
        • Feedback form
    • Extra credit
    • Grades
    • Student sites
• Resources
  • Tutorials
  • Links
• Forum
  • Forum tips
• Sitemap
• Contact

Syllabus

Web Design With HTML and CSS (DM60)
Mondays, 6 PM–9:05 PM, January 27–May 23
Room LRC 1097
Cabrillo College, Spring 2020
VAPA Division, Digital Media department
Credit Units: 3
Meets weekly at the scheduled times with 2 hourr of online lab per week.

John Govsky, instructor
jogovsky@cabrillo.edu
831-466-3269
PO Box 7624, Santa Cruz, CA 95061

Addenda to this syllabus

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

• Day 1: What You Need to Do Next
• Course Schedule
• Logins and Passwords
• Homework Frequently Asked Questions (FAQ)
• Grades
• Our Class Web Server
• Discussion Forum Tips
• Contact John
• Extra Credit Projects

Class Web site

All important information is at:
http://teacherjohn.com/cabrillo/dm60a/
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 4:45–5:45 PM
Tuesdays 10–11:15 AM
Wednesdays 10–11:15 AM
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..

Objectives:

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.

Textbook

There is no required textbook for this course. Most resources will be online.

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 recommended preparation 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:

• A text editor that does not write HTML or CSS code for you..
• An FTP (file transfer protocol) client.
• A modern Web browser.

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 Webhawks.org 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 Webhawks.org with CoreFTP Lite (Windows) for more information and downloading links.

We will discuss image editing software later in the course.

Grading

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:

• 30% - Exercises
• 30% - Final Project
• 26% - Tests
• 14% - discussion forum participation

There are also Extra Credit possibilities.

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.

Pass/No Pass Option

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. 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. To take the course as pass/no pass, you must request this option in Etrieve by the deadline (February 29).

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.

Validation

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 john@teacherjohn.com; 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.

Students with disabilitiess

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 ACCESSIBILITY SUPPORT CENTER (Formerly DSPS), Room 1073 (upstairs in the Library), (831) 479-6379 or (831) 479-6370.

Server space

Please use your space on the webhawks.org 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:

• Respect your classmates and your instructor, no sarcasm, no put-down, no disruptions by speaking out of turn, calling out, etc.
• Raise your hand, wait to be recognized to speak at discussion time.
• Be attentive, stay on task, and participate in discussion.
• Work collaboratively with peers as appropriate for each assignment.
• Be honest with homework and exams, do your own work.
• Bring your textbook to every class (you may lose participation points if you do not).

Consequences for Disruptive Behavior:

• First incident (not severe) – discussion and verbal warning
• Second incident –
  • Dismissed for the remainder of the class and possibly the next class period.
  • A disruptive behavior report will be written and sent to the Dean of Student Services, copy of the report will be given to the student.
  • Division Dean will be informed.
  • A meeting during office hours will be required to write up an agreement on future behavior in class. Student must agree to the conditions listed or he/she will be dropped from the class.
• Third incident –
  • Dropped from the class.
  • Disruptive Behavior Report will be written and sent to the Dean of Student Services.
  • Division Dean will also be informed.
• SEVERE CLAUSE – Severe acts of unacceptable behavior will result in an immediate drop from class and a disruptive report filed with the administration. As your instructor, I insist on behavior that demonstrates respect for everyone’s diversity in my class. The following list includes behaviors for which I would activate this SEVERE CLAUSE:
  • use of derogatory comments related to race, sexual orientation or anyone’s diversity
  • creation of a hostile environment
  • physical violence
  • *violation of the College’s Nondiscrimination Policy
  • acts of sexual harassment (see Title IX reporting procedures reporting here): http://www.cabrillo.edu/home/title9-reporting.html

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 for e2Campus, text the word 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.