Part 1; CSS and placing images on the page: The following files are located in the /tools/ directory on the server: c_clamps.jpg hedge_clippers.jpg pitchfork.jpg spanners.jpg chisels.jpg hoe.jpg planer.jpg tree_trimmer.jpg crescent_wrench.jpg monkey_wrench.jpg saw.jpg You would refer to one of these files as follows: <img src="/tools/saw.jpg" /> (Of course, you also need to supply the other atributes of the <img /> element.) Create in your public_html directory a page called l2p1.html and pl ace three of these pictures on it. The first and last should be against the left margin. The middle one should be against the right margin. Use CSS (only) to position your pictures. You can use the clear style property to "push down" an entry until the mar gin is clear. For example, <p style="clear: right;"> will force a paragraph downward on the page until the margin at the right is clear. Similarly, <p style="clear: left;"> will force the paragraph downward until the the left margin is clear. Do not forget about the float property for images. Be sure to determine the intrinsic ("natural") size of the images and include all the required attributes for your <img /> tag. Each picture should have a one - or two - sentence textdescription of the tool, such as yo u would find in a catalog. Make a link the clickable portion of which is "Lab Exercise 2, Part 1" from your index page to this page. Note: you cannot access the /tools/ directory using SSH or SFTP. That's OK. Just write your HTML like the example and it 'll work. Part 2; using HTML tables: Create in your public_html directory an HTML document named l2p2.html to describe a table with the following contents: The columns of the table must have headings that are the names of the three tools you chose for P art 1. The rows must have labels Price and Shipping Weight. Make up the values for price and weight. Create a link, "Lab Exercise 2, Part 2" from your index page.

1. Part 1; CSS and placing images on the page: The following files are located in the /tools/
directory on the server:
c_clamps.jpg
hedge_clippers.jpg
pitchfork.jpg
spanners.jpg
chisels.jpg
hoe.jpg
planer.jpg
tree_trimmer.jpg
crescent_wrench.jpg
monkey_wrench.jpg
saw.jpg
You would refer to one of these files as follows: <img src="/tools/saw.jpg" /> (Of course,
you also need to supply the other atributes of the <img /> element.) Create in your
public_html directory a page called l2p1.html and place three of these pictures on it. The
first and last should be against the left margin. The middle one should be against the right
margin. Use CSS (only) to position your pictures. You can use the clear style property to
"push down" an entry until the margin is clear. For example, <p style="clear: right;"> will
force a paragraph downward on the page until the margin at the right is clear. Similarly, <p
style="clear: left;"> will force the paragraph downward until the the left margin is clear. Do
not forget about the float property for images.
Be sure to determine the intrinsic ("natural") size of the images and include all the required
attributes for your <img /> tag. Each picture should have a one- or two-sentence
textdescription of the tool, such as you would find in a catalog. Make a link the clickable
portion of which is "Lab Exercise 2, Part 1" from your index page to this page.
Note: you cannot access the /tools/ directory using SSH or SFTP. That's OK. Just write your
HTML like the example and it'll work.
Part 2; using HTML tables: Create in your public_html directory an HTML document named
l2p2.html to describe a table with the following contents: The columns of the table must
have headings that are the names of the three tools you chose for Part 1. The rows must
have labels Price and Shipping Weight. Make up the values for price and weight. Create a
link, "Lab Exercise 2, Part 2" from your index page.

2. Part 3; using HTML forms: Create an order form for the three tools you used in Part 2. The
customer should be able to type a quantity of each tool wanted. There should also be text
boxes for customer name and shipping address. Use radio buttons for payment method.
Provide at least the choices Visa, MasterCard and American Express. The action= attribute
of your <form> element should be action="http://webdev.spsu.edu/formtest.php". Name
your document l2p3.html and place it on the class server. Test your form by submitting
some data. The expected result is that the fields will be echoed back to you. Create a link
from your index page.
Part 4; using external style sheets: Create an external style sheet for your index page. Make
the <h1> headings sans-serif and centered. Make the <h2> headings sans-serif, italic, and
left-aligned. Apply your style sheet to your index page. If necessary, modify the page such
that there is at least one <h1> and one <h2> on it. Validate your style sheet using the
validator at http://jigsaw.w3.org/css-validator/ and correct any errors. Your style sheet
must be named l2p4.css.
USE ( USE ASCII TEXT EDITOR SUCH AS NANO or Vi)
DONT NOT POST A COMMENT TRYING TO SEND ME TO
YOUR EXTERNAL TUTORING SITE OR LINK SUCH AS
PASTEBIN!!!! I WILL INSTANTLY GIVE YOU 1-
STAR AND REPORT ABUSE ON YOUR ACCOUNT!!!!!!!!!!!!!!!!!!!!!!!!!!
CSS and placing images on the page: The following files are located in the /tools/ directory
on the server: You would refer to one of these files as follows: (Of course, you also need to
supply the other atributes of the