CIS 1310 - HTML & CSS

TEXT: Web Development & Design Foundations with HTML5 by Felke-Morris, 8th Edition, ISBN: 978-0-13-432275-9


World Wide Web Consortium
Nielsen Norman Group Usability
Bruce Tognazzini Interaction Design

COURSE MATERIALS: The textbook, a text editor, and the latest versions of Internet Explorer, Chrome, and Firefox. If you don't have a text editor, I would suggest the excellent freeware program Notepad++ which is what I use. Though not mandatory, I strongly recommend you use a code validator to check your code for errors before you submit assignments. I use the Professional version of CSE Validator to grade your assignments, however, there is a free version available for personal use that you can download. If you use the CSE Validator, make sure to go into Options, Validator Engine Options, Options, and under DOCTYPE Control, select Polyglot. You may also want to check some of the other settings to ensure your code will be compliant for submission. If you would rather not install an application on your computer, you could use the online validator provided by the W3C for HTML/XHTML and this one for CSS. If you use the W3C validator, make sure you click the More Options link and under the Document Type dropdown menu, select XHTML 1.0 Strict. Using the default document type will NOT check your code as polyglot.

COURSE DESCRIPTION: Creation of effective web pages using Hyper Text Markup Language (HTML) and Cascading Style Sheets (CSS). Includes web page and web site design concepts and preparation of graphics for the web, with the primary focus on implementation of the design.


  1. Use basic HTML tags to create Web pages
  2. Create links
  3. Prepare graphics for the Web
  4. Use multimedia components on Web pages
  5. Create Web documents that contain multimedia elements
  6. Create Web pages with tables
  7. Create Web pages using forms
  8. Create Web pages using CSS1 properties
  9. Create Web pages using CSS2 properties
  10. Implement a Web site

PREREQUISITES: Computer Information Systems 1110 or Computer Information Systems 1150.

RULES: Students are expected to be on time when attending class (unless prior arrangements have been made). Once the door to the classroom has been closed, you will not be permitted to enter the classroom until break.

No assignment or test will be able to be submitted past the due date. Note: This course relies heavily on access to computers, specific software, and the Internet. At some point during the term you will have a technology problem: your laptop will crash, a file will become corrupted, a server will go down, or something else will occur. These are facts of life, not emergencies. Technology problems will not normally be accepted as excuses for unfinished work. Count on "stuff" happening and protect yourself by doing the following:

  • Plan ahead and start early, particularly if scarce resources are required
  • Save work often—at least every ten minutes
  • Make regular backups of files in a different location from the originals
  • When editing, set aside the original and work with a copy
  • Practice safe computing when surfing the web and checking email
  • On your personal computer, install and use software to control viruses and malware

Assignments may be graded using the latest version of Internet Explorer, Chrome, or Firefox, so make sure that your pages are functional and render the same in all browsers.

Since you have access to a code validator, your submitted code should not have any errors. Therefore, you will lose 5 points for every coding error. There is also a rubric available (not all inclusive) that you may want to view that details many of the issues you may lose points for.

Cheating will result in the pursuit of disciplinary action and may include a grade of 'F' for this course. More importantly, you will deny yourself an opportunity to learn something. Cheating includes copying labs, reports, projects, tests, exams, and plagiarism, as well as helping another student cheat by giving them answers, files, or doing the work for them.

Running electronic devices is not allowed in the classroom/lab. Food/drink is not allowed in the lab. In addition to the rules outlined in this syllabus and presented in class, it is the student's responsibility to understand and abide by all COD academic policies as stated in the current catalog.

GRADING: Projects provide you the opportunity to demonstrate your ability to apply concepts learned from the chapter and are worth 600 points (8 projects worth 75 points apiece). Tests illustrate your knowledge of the chapter material. Tests are worth 210 points (14 tests worth 15 points apiece). There is one report designed to familiarize you with usability and design issues that is worth 40 points. The Final Project is worth 150. Changes to the grading scale, number of assignments, or relative weight are the instructor's prerogative.

A = 900 - 1000 Points

B = 830 - 899 Points

C = 760 - 829 Points

D = 690 - 759 Points

F = below 690 Points

Incompletes will not be given.

For S/F evaluations, you must obtain the appropriate form and submit it to me for approval. A minimum of 760 points are required to earn a grade of 'S'. Note: Some institutions transfer a 'S' grade as a 'D'. If you decide not to complete the course, you must go to Registration and formally withdraw. Failure to do so will result in a grade of 'F' for the course.

PROJECTS: Resubmitting projects is not allowed. Extra credit is not offered.

Note: No assignment or test will be able to be submitted past the due date. Changes to the projects are the instructor's prerogative.

Note: I require you to write polyglot markup in this class. Polyglot markup is HTML that has been written to conform to both the HTML and XHTML specifications. A polyglot document can therefore be parsed as either HTML or XML, and can then be served as either HTML or XHTML, depending on browser support and MIME type. A rationale for writing polyglot markup can be viewed at Those of you who desire a more technical explanation can view the W3C Working Group Note 29 for polyglot markup at

Start each document with the following code to create a polyglot XHTML5 document:

<!DOCTYPE html>
<html xmlns="" lang="en" xml:lang="en">
<title>Appropriate Title of Your Document</title>
<meta charset="UTF-8" />

and adhere to the following requirements:

  • all elements must be closed including empty (aka, null, void, single-sided) elements
  • element names must be in lowercase
  • attribute names must be in lowercase
  • attributes must have values
  • attribute values must be in quotes
  • elements must be properly nested


CLASS NOTES: Class notes are available in Microsoft PowerPoint.

If you do not have Microsoft PowerPoint, you will need the PowerPoint Viewer (which is free) to view and/or print the presentations. The PowerPoint Viewer is available on Microsoft's site here where you can read the instructions to download and install the viewer.

Click on the links below to access the PowerPoint presentations used in class.


SCHEDULE: This is a tentative schedule and it is the instructor's prerogative to modify it. Slack has been factored in for catch-up, in-class exercises, and reviews. It is assumed that you have read the material that will be presented prior to attending class. According to College of DuPage guidelines, expect to spend 3 hours outside of class for every 1 hour in class. Therefore, plan to spend 9 hours outside of class per week on this course.

Date Quiz Due Discussion Assignments Due
1/24   1—Intro Internet  
1/31 1 2—HTML Basics  
2/7 2 3—Configuring Color and Text w/ CSS Chpt. 2 Path of Light
2/14 3 4—Visual Elements and Graphics Chpt. 3 Path of Light
2/21 4 5—Web Design Chpt. 4 Path of Light
2/28 5 Usability  
3/7 Usability 6—Layout Report
3/14 6 7—More on Links, Layout, and Mobile Chpt. 6 Path of Light
3/21 7 8—Tables Chpt. 7 Path of Light
3/28 No Class — Spring Break
4/4 8 9—Forms Chpt. 8 Path of Light
4/11 9 10—Web Development Chpt. 9 Path of Light
4/18 10 Collaboration  
4/25   11—Multimedia & 12—E-Commerce Collaboration
5/2 11 & 12 13—Promo & Metrics Chpt. 11 & 12 Path of Light
5/9 13 & Metrics 14—A Brief Look at JavaScript Final Project - 1
5/16 14 Final Project Review Final Project - 2