We'll continue to use the following tools:

• NVU a free webpage editor
• Mozilla a free web browser
• FileZilla a free file transfer program
• (http://validator.w3/.org a free service that ensures your coding is up to par, XHTML 1 is current web standard)

All webpages use tags behind the scenes, tags are usually in pairs:

• <p> starts a paragraph and </p> ends  the paragraph
• <ul> starts a bullet list and </ul> ends the bullet list
• <li> starts a list item and </li> ends s the list item

How an item is displayed on the screen is a matter of style - using style sheets makes changes to webpages much easier

• tags can have attributes which determine size, colour, font, etc.

• most webpages use css style sheets: if you define an attribute myblue and use it in the paragraph tag then <p class="myblue"> starts a paragraph in blue text, and </p> ends  the blue paragraph

• styles must be created before applying formats
• NVU needs a saved document before it lets you define styles

• create an new document in NVU (New document, blank, xhtml format) and save it.
• go to Tools, CSS editor, Style elt., Create style.
• define Rule: myblue, Refresh, Click on text tab, select a blue colour
• save
• apply the blue style to some text in your document (you should see your attribute in a drop-down menu below the standard Tags)

Go to the top

More for your to-do list:

• create a long document, link to the top after each paragraph (this requires that you define the top of your document as an anchor, and link some text to that anchor)
• create a table
• create a numbered list
• design more style rules, such as backgrounds, large/small font size
• apply your rules to different tags, such as Heading 1 or lists