Web Publishing 1: (X)HTML and CSS Level 1 (DM60)
Cabrillo College, Fall 2013, section 82150
Mondays, 11:15 AM–2:20 PM, room 1303
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:
- Day 1: What You Need to Do Next
- Course Schedule
- Logins and Passwords
- Homework Frequently Asked Questions (FAQ)
- Our Class Web Server
- Discussion Forum Tips
- Contact John
- Extra Credit Projects
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. For quick reference, the Sitemap contains a list of all this site’s pages.
You are responsible for regularly reading and participating in the online Discussion Forum section of the Web site.
Instructor office hours
Mondays 10:00 AM–11:15 AM
Mondays 4:45 PM–6:00 PM
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)
Presents planning and production of Web sites; including: text, graphics, hand-coded (X)HTML, basic cascading style sheets (CSS Level 1), and (X)HTML and CSS validation. Taught on Macintosh. Adaptable to Windows. Recommended preparation: DM 1 or equivalent. Repeatability: May be taken 2 times.
Student learning outcomes & objectives
- Construct and publish web pages.
- Investigate and solve some web publishing problems.
- Validate and troubleshoot web pages.
- Identify online HTML resources.
- Apply HTML principles to create Web pages.
- Identify and explain Internet protocols.
- Analyze components for placement on the page.
- Analyze images to scan for screen display.
- Identify and assess graphics software to create and manipulate images.
- Assess and deduce correct file format to use for images.
- Evaluate, plan and design effective interactive hypertext.
- Apply design principles to create good looking pages.
- Evaluate sound, movies, and other components of the page.
- Assess and apply color principles to screen displays.
- Analyze and evaluate the page on the Internet.
- Explain how to navigate the Web.
- Solve design problems to create a site using HTML code.
- Analyze, test, validate, and troubleshoot HTML code.
- Analyze, test, validate, and troubleshoot CSS (cascading style sheets).
- Identify and explain external, internal, and local CSS.
- Apply basic cascading style sheets to pages.
Learning Web Design, 4th Edition
By Jennifer Niederst Robbins
Publisher: O'Reilly Media
Released: August 2012
Note that this is the 4th edition; you will not be able to use an earlier edition for the class.
- Compare prices at CheapestTextBooks.com
- Purchase this book from Cabrillo Bookstore
- Purchase this book from O’Reily (the publisher)
- Purchase this book from Amazon.com
- Purchase this book from Bookshop Santa Cruz
- Purchase this book from Capitola Book Cafe
The book is also available in electronic form from the publisher, and can be rented from Amazon.
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, CyberStudio, FrontPage, Homesite, 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.
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:
- A text editor that does not write HTMLor CSS code for you..
- An FTP (file transfer protocol) client.
- The most recent Firefox Web browser.
- The Web Developer toolbar addon for Firefox.
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 TextWrangler (freeware for educational use). 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.
See the Browser Downloads section of my Resources page for links to download Firefox and Firefox addons.
We will discuss image editing and image mapping 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.
A quiz or test will be given at the very beginning of almost every class. If you miss a class (or arrive late) and miss a quiz, the quiz cannot be made up (but, again, there are extra credit possibilities). If you miss a test (which are worth more points than a quiz) you can make it up no later than the very next class, unless you talk to the instructor in advance. The dates of the 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.
How this class works
Most classes will be a combination of lecture, discussion, and hands-on lab. Each class will start with a lecture and discussion on new material, during which all computers in the classroom are to be turned off. Then we will take a break, followed by more lecture and discussion, and, if time permits, the lab portion of the class where I will help students do the exercise on the computers in the classroom.
You will "turn in" your homework exercise by uploading it to the class Web site and submitting the appropriate online feedback form. (See the Homework Frequently Asked Questions (FAQ) page for information on how feedback forms work.) Unless explicitly stated, homework is not accepted on paper or via email.
Most classes will begin promptly with a quiz. If you arrive late or miss class, you will not be able to take the quiz. You may wish to do some Extra Credit work to make up the lost points.
This class will move at a good pace, and it is expected that you will be working on a computer 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 in-class troubleshooting.
Note that this is not a self-paced course.
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.
Attendance is very important. Although class materials are online, this is not an online class. If you miss a class it is your responsibility to get the information, learn the material, and do the exercise. If you miss class, please do not ask me to explain to you everyting that you missed; post your questions to the Discussion Forum or get the notes from a classmate. You are responsible for knowing what was covered during your absence.
This course requires active participation each day of class so it is important for you to attend every class session, arrive on time, and come prepared. Your participation not only enhances your own learning, it benefits other students in the class, especially when the class is doing group work. Your level of participation is reflected in your grade and since you can’t participate if you are not in class, absences will also be reflected in your grade.
If you miss two or more classes in a row, you may be dropped from the course. If you have extensive absenteeism and you do not wish to be dropped from the course, please contact me as soon as possible. Roll will be called, or the roll sheet will be circulated, in every class; it is your responsibility to make sure you are marked present. Any student who does not attend the first class, and does not inform me in advance of the reason why, may be dropped to make room for those on the waiting list.
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 email@example.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.
Recording of lectures or discussion
Audio or video recording of lectures and/or in-class discussion is only permitted under the following conditions:
- All students present in the classroom must be informed prior to, and consent to, your intention to record the lecture/discussion.
- The instructor may require you to sign an agreement specifying the rights to duplicate or publish the recording.
The recording of lectures is for private study use only. Duplication and/or publication of the recording, in any form (including, but not limited to, podcasting, on the Web, through email, or in print) is prohibited. In all cases the instructor owns the copyright to the material.
All students needing accommodations should inform the instructor ASAP. Veterans may qualify for accommodations. Wounded Warriors may have acquired injuries which through the American with Disabilities Act(ADA) entitles the use of accommodations to ensure equal opportunity for students with verified disabilities. To determine if you qualify or need assistance with an accommodation, please contact Disabled Student Services, Room 1073, 479-6379, or the Learning Skills Program, Room 1073, 479-6220.
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.
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.
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.
Cell phones must be turned off, or the ringer must be made inaudible, during class.
Electronic devices in class
All computers, tablets, and other electronic devices must be turned off during class. The only exception to this is if you need to use an electronic device to take notes. Those needing to take notes electronically must sit in the back row, so as not to distract other students. If you do use an electronic device in class, I will ask to see your notes.
Do not turn on the classroom computers unless instructed to do so. If you take a seat with a computer that is already on, turn it off immediately.
Be respectful and professional in all communication at all times — in class, as well as online in the Discussion Forum. To do otherwise is disruptive behavior and will not be tolerated. Examples of unacceptable disruptive behavior are as follows:
- Use of profanity or unprofessional offensive language.
- Use of sarcasm.
- Use of language that threatens or teases anyone in any way.
- Use of language that is racist, homophobic, misogynistic, hateful, or otherwise offensive. This applies to the SEVERE CLAUSE (see below.)
Consequences for Disruptive Behavior:
- 1st offense: Student will be warned via email.
- 2nd offense: Student will meet with instructor and agree on proper behavior. A Disruptive Student Behavior Report Form will be completed and sent to the Dean of Student Services.
- 3rd offense: Student will be dropped from the class. A Disruptive Student Behavior Report Form will be completed and sent to the Dean of Student Services.
SEVERE CLAUSE — For very serious, intolerable behaviors, such as the use of language that is racist, homophobic, misogynistic, hateful, or otherwise offensive:
- Student will be dropped from class immediately, no 2nd or 3rd chance.
- A Disruptive Student Behavior Report Form will be completed and sent to the Dean of Student Services.
New restrictions on repeating a course
There are important new policies regarding course repeatability. See this Cabrillo page on the new state restrictions on repeating a course. Also note that, independent of the California regulations, a new federal regulation states that undergraduate students may only receive federal financial aid funding for one repeat of a previously passed course.
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 accommodate a guest speaker or to allow examination of a new technology.