Part 1: Documentation, (30%)
You may download an acrobat or word processing document to help you with this.       

At the end of this process, you will be turning in answers using the Quizzes area of Desire2Learn, based on the following. So, to get the best score, fill in all the answers in this document first.

Tags to document must include: <ol> and <ul>*, <img>*, <hr>, <p>, and
how to form special characters, such as é

I have created a template that you can use below, to help make sure you are getting everything I am looking for; I have even done part of <ol> & <ul> and <img> to get you started.
You may also wish to open and copy sample documentation from the bottom of My first web page

Tag: <ol> </ol> or <ul> </ul> Ordered List or Unordered List (numbered list or bullet list)
Syntax (required and [optional attributes]) <ol> <li> [</li>] </ol>
What does it do?: Automatically numbers or bullets items in a list
Example:
<ol>
<li>Item One
<li>Item Two
</ol>
Notes: <ol> begins the list, <li> is inserted every place an automatically number list item is to display, </ol> ends the list

Tag: <img> Image (updates the documentation given in My First Web Page)
Syntax (required and [optional attributes]) <img src=" " [alt=" "]>
What does it do?: Displays an image
Attribute src=" " required, used to identify the location of the source file to be displayed
Attribute alt=" " optionally can display an alternative text message if the image isn't visible
Example:
<img src="collins.jpg " alt="Photo of Mr. Collins">
Notes: no ending </img> is required. Can also use self terminating tag <img src=" " alt=" " />

• <p> (10 points),
Tag: <p> </p>
Syntax (required and [optional attributes])
What does it do?:
Example:
Note: in this class, as with using <img ...> or <img ... /> you may use <br> or <br .../> if instead of creating a paragraph, you simply wish to insert a line break.

• <hr> (10 points)
Tag: <hr>
Syntax (required and [optional attributes])
What does it do?:
Example:

Optional Notes:

and
 • how to form special characters, such as for the acute e (é) in Touché or Résumé or Dubé, (10 points)

Part 2, Activity (40%):
 • Create a folder called lab1.
 • Using the class text and a text editor, create Mr. Collins Web Page, chem.htm in the lab1 folder.
   • The process begins on 52; the final product, and the code required, are on p. 72 and 73

     •See also making chem.htm, if you don't have your text yet.

The image required is collins.jpg, which can be copied to your lab1 folder by:
right clicking the image below, and choose Save Picture As...
Make sure the file is saved as collins.jpg

To Zip, browse to the the location of lab1 folder (don't open the folder)
Right click the lab1 folder
Choose Send To...
Choose Compressed (Zipped) Folder
 
You may rename the new zip by right clicking it.
The file name should be yourname-lab1.zip

Grading Points

• Is html the same as the original in the book? (35 points, 3 points for each typo or change)
• Does the web page look the same as the original in the book, including the image? (5 points)
• (How to check for HTML errors)

Part 3: Hands On (30%): Be prepared to show the functionality of your web page, and discuss/demonstrate new tags and attributes used in this lab

You may download an acrobat document to help you with this.     

At the end of this process, you will be turning in answers using the Quizzes area of Desire2Learn, based on the following questions. So, to get the best score, fill in all the answers in this document first.

Posers, could you answer the following on the test? (Specific Lab questions below.)

Answer the following questions

• What does the <ol> tagset do?
• What does the <li> tag do?
• What does the <ul> tagset do?
• What does the <img> tagset do?
• The tag that displays a graphic requires an attribute to points to the location of the graphic file; that attribute is ____
• The tag that displays a graphic requires an attribute for ADA compliance to display alternate text. This text is available in case the image doesn't download, when you point to the image, and when visually impaired users have the web page electronically read to them; that attribute it is __
• Do the <p> tag set works identically to the <br> tag?
• In this class, can you use either <br> or <br /> to create line breaks?
• What does the <hr> tag do?
• To display special characters, such as é, you start with the __ symbol,
  and end with the ;    such as __#233; to make the é