Monday, February 20, 2006

Week 2 - Validation, using CSS, Images and Links

To kick off, we practiced last week's skills, recreating this simple page


After some work, we tried validating our results on the W3 validation site: - learning along the way that the doctype and content-type were required for valid documents:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

needed to preceed the <html> tag, and:

<meta equiv="Content-Type" content="text/html; charset=iso-8859-1">

needed to be inserted into the <head> section.

We also discussed and looked at compatability with various browsers using

and accessability checking using wave 3:


Spurning the use of tag attributes to describe how pages should be displayed, we looked into cascading style sheets (CSS).

A good tutorial exists on the web page design site:
running through step 1 to 6 here should give you a good insight into CSS, and with more detail than we had time to cover in class.


We discussed how to find creative commons licensed images on flickr:
how to save these by right clicking on them and selecting the 'save image as...' option, and how to attribute the orginal owner if needed.
Then we looked at how to place images on a web page with the <img \> tag, along with some attributes: alt, width, height, align, hspace and vspace (see for details)

Finaly, we practiced by downloading some images and re-creating a page to look something like this


We finished the day with a discussion on the anchor tag. Looking at creating an anchor in a docmument and linking to it, and how to have a link open in a new window.

W3shools has a good page describing this:

No comments: