CIS 140 HTML course SCC (updated: 15 FEB 2011)

See the (updated: 1 MAR 2011) Syllabus schedule for all due dates and changes.

For all your assignments (unless otherwise specified) you must

Convert all your html files to xhtml; see p. 12 in our text book
use the W3C Recommended html or xthml Doctype Declarations
instead of the one(s) in the text book. You should start by trying the Strict xhtml DOCTYPE. You may try Transitional if Strict is too strict. (Ed Hyde's web site uses Strict on some pages, Transitionalon others.)
use the W3C validator to ensure every page you post on ada contains only valid html/xhtml and CSS code (after week 1)
and includes the W3C valid icons with links (see Eddy Hyde's web page for an example)
send an email to tell me you have posted each assignment on ada.shoreline.edu (before the deadline) so I will know it is ready to grade
remember to add your class: CIS 140 and assignment information such such as SP2, TE5, or web: Dante's URL to the email subject Line
(Non-class messages go to the end of my in-basket and duplicate email slows response time.)

Check the last updated timestamp on the grade sheet from my home page.
Visit the textbook web site for required files. The bottom link to Data Files has a link named Introductory with a link for Mac versions of the files for the first 5 chapters. You can get the rest of them in class.

If the validator complains about your code, read the error message carefully. When the error message mentions a tag, look up that tag in the book or online. A few example online options are listed below. If you do not find what you need there, keep looking.

For questions about tags, see the following sources:
W3schools Reference List of html tags (includes links to replacements for deprecated tags).
W3schools Reference List of CSS Attributes and A-Z list of CSS Attributes

If the validator complains of a non utf-8 character near line 54.
To fix it, retype the apostophe charater with a single quote (above the ? on a standard keyboard).
If it complains about a non utf-8 character that you canot find, try deleting the line. If that makes it valid, then retype the line, perhaps a few charactes at a time and re-validate.

The html validator helps find tag errors. The CSS validator helps find attribute errors
You can do both at once

Ensure your pages are usable
Ensure your pages are accessible; see Wikipedia Web accessibility , NASA checklist , online Web Site Accessibility Testing Tool: W3C WCAG (WAI) and Section 508 accessibility validator , Web Accessibility Evaluation Tools: Overview

Week 8-9 Midterm Test

To complete the test, do the following:

Use the photocopy I gave you of your last question to enter the code you wrote for the question then validate and test it in a browser.
Mark all the errors on your code so I can find them easily.
Fix all the errors and print off both the copy with (clearly marked) errors and the fixed copy.
Hand in both copies (with your name on them) so I can finish grading your midterm test.

Week 1

Be sure to do web research and email the required material to me by Tuesday night!
Get the portable version winscp425.exe. You can copy and run this single file on Windows from your thumb drive. See share$(\\cookies) (Q:)\Shields\winscp425.exe when you are on campus.
Create your web folder on ada and set its read/write permissoins as instructed below.
Put Solo projects in well named folders on ada.shoreline.edu; for example:
web/week2/team2 or web/wk2/te2 or web/week2/solo2 or web/w2/sp2 .
- On ada.shoreline.edu, you must put all files and folders in your web folder for them to be available on the web.
  - You must also ensure that the properties (read write execute permissions) do the following:
  - you must have R W X all folders
  - you must have R W all files
  - Others must have R X all folders ( but not W)
  - Others must have R all files ( but not W or X)
- Create a link to each assignment in your index.html then email me your ada.shoreline.edu URL.
Check for updates to the syllabus
Bring questions

team exercises 1
solo project 1

To be fair to students who meet deadlines, the Late Work penalty listed in the syllabus will be strictly enforced.

HTML tutorials and resources

W3Schools: http://www.w3schools.com/html/default.asp
HTML Goodies: http://www.htmlgoodies.com/primers/html/
HTML Code Tutorial: http://www.htmlcodetutorial.com/

This Wikipedia article compares html editors. jGrasp will convert Mac to Windows newlines.

see Using a MAC for this class. Former MAC_ites have liked TextWrangler.

On campus, you may get PowerPoint slides and other files from Q:\Shields
Here are some other (possibly out of date) tutorials and resources
Smashing Magazine css topics
Google Blog Post: Unicode nearing 50% of the web (So utf-16 should eventually replace utf-8 in your html files.)

Visit the textbook author (P. Carey) web site to download student files and view supplements (such as chapter summaries)

Remember, ada.shoreline.edu requires SSH File Transfer Protocol.
To upload files from Windows to ada.shoreline.edu, use the free Portable winscp. Heaven forbid you should need it; portable putty is free as well.
"Portable" means you could just run it from a usb drive and not have to install it.
For MAC owners to upload files to ada.shoreline.edu, use free Fugu or Cyberduck. Cyberduck was listed on the Apple web site. (like winscp) .
With cyberduck, from the drop down list, you must use SFTP rather than just plain FTP.
With cyberduck, you must also Allow the unknown host key for ada.shoreline.edu.
You could try portable Cyberduck
There are other such tools (I have not tried or heard reports on) such as: Glub Tech Secure FTP
The Mac OS X comes with a free, command/prompt SSH client (like putty) built in; but, it has no GUI.

You can email me a request to join msdnaa and download free copies of Microsoft software such as Windows or Visio (not word or excel). It takes a few days to get your id and password for msdnaa.

return to rshields home page