CIS 1310 - HTML & CSS

TEXT: Web Development & Design Foundations with HTML5 by Felke-Morris, 6th Edition

Recommended Reading: Prioritizing Web Usability by Nielsen and Designing the Moment by Hoekman

Suggested Surfing: World Wide Web Consortium Web Site

COURSE MATERIALS: The texts, paper, pens, a text editor, and the latest version of Internet Explorer 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 like this free one to check your code for errors before you submit assignments. You could also use CSE Validator which handles both HTML/XHTML and CSS and is what I use to grade your assignments. While I use the Professional version, they also offer a free online validator.

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.

COURSE OBJECTIVES:

  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 1150 or Computer Information Systems 1120 and Computer Information Systems 1130.

RULES: Students are expected to be on time and attend every class (unless prior arrangements have been made). Class attendance can affect your final grade, as every two unexcused absences may result in the reduction of your final grade by one letter grade. Being five or more minutes late constitutes being absent. Once the door to the classroom has been closed, you will not be permitted to enter the classroom. Missing 3 classes or 2 assignments will result in non pursuit of course objectives and automatic withdrawal.

No assignment will be accepted after the beginning of class on 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

Files/folders not named as stated in the instructions will not be graded and will receive a score of zero.

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: Projects must be submitted via Blackboard prior to the start of class. No assignment will be accepted after class has begun on 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 http://www.xmlplease.com/xhtml/xhtml5polyglot/. Those of you who desire a more technical explanation can view the W3C Editor's Draft for polyglot markup at http://dev.w3.org/html5/html-xhtml-author-guide/html-xhtml-authoring-guide.html.

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

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

and adhere to the following requirements:

  • all elements must be closed including empty (aka, 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
8/26   1—Intro Internet  
9/2 No Class — Labor Day
9/9 1 2—HTML Basics  
9/16 2 3—Configuring Color and Text w/ CSS Chpt. 2 Pacific Trails
9/23 3 4—Visual Elements and Graphics Chpt. 3 Pacific Trails
9/30 4 5—Web Design Chpt. 4 Pacific Trails
10/7 5 Usability  
10/14 Usability 6—Layout Report
10/21 6 7—More on Links, Layout, and Mobile Chpt. 6 Pacific Trails
10/28 7 8—Tables Chpt. 7 Pacific Trails
11/4 8 9—Forms Chpt. 8 Pacific Trails
11/11 9 10—Web Development Chpt. 9 Pacific Trails
11/18 10 Collaboration  
11/25   11—Multimedia & 12—E-Commerce Collaboration
12/2 11 & 12 13—Promo & Metrics Final Project - 1
12/9 13 & Metrics 14—A Brief Look at JavaScript Final Project - 2
12/16 14 Final Project Review