|
8:30-8:50 |
1:00-1:20 |
How to Link (correctly) / Standards Lecture |
|
8:50-10:00 |
1:20-2:30 |
Return to old pages and standardize them! |
|
10:00-10:30 |
2:30-3:00 |
Break |
|
10:35-10:50 |
3:05-3:20 |
Tables / Introduce Web Services Project |
|
10:55-11:30 |
3:25-4:00 |
Sign up for web services |
|
11:40-12 |
4:10-4:30 |
Free Time |
Standards Compliance
The three things you need in all of your HTML documents. (Note: you still give all your documents a .html extension, despite our use of the term XHTML.)
-
Add a "DOCTYPE" declaration to all your documents. A List Apart has a decent article with all of the doctypes you'll probably ever use for your projects. (Strict vs. Transitional)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-
Your beginning <html> tag shall henceforth look like this:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-
And you must include the following tag within your <head> </head> section:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
XHTML rules (most of which you've already been doing!)
-
Tag contents should always be lowercase.
-
Tags that have attributes defined in them must have quotation marks, either a single or double.
-
All tags must have an accompanying closing tag, even "empty" tags. (e.g. "<hr />")
-
Nest your tags properly: First In, Last Out as they say. (i.e. <strong><em></em></strong>, NOT <strong><em></strong></em>)
-
Replace special characters with HTML entities ... some common ones:
-
& : &
-
< - <
-
> - >
-
Sometimes when you copy/paste text directly from another source, the quotation marks are strange and should be retyped.
-
-
Do not use deprecated tags or attributes, or "out of date" tags. Check the book or Google to see if a tag is deprecated or just try it and see if your page validates.
All pages that you make must have a validation link on them for both HTML and CSS. It might look something like this:
<p><a href="http://validator.w3.org/check?uri=referer">XHTML 1.0</a>, <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS 2.0</a></p>
Funnies
http://unixkiste.org/fun/pm20060621.png
Check out this new thread.
Journal Question
What do you think of the whole standards issue? When should you use CSS and when should you use XHTML when designing a webpage? Do you see a clear distinction or is a bit confusing to you right now? Also, how much of your previous web work was not XHTML standard-compliant?
Homework
Read chapter 13 (pp. 205-231) on tables.