Create in your publichtml directory a page called l2p1html

Question

Part 1; CSS and placing images on the page: The following files are located in the /tools/ directory on the server:

c_clamps.jpg chisels.jpg crescent_wrench.jpg hedge_clippers.jpg hoe.jpg monkey_wrench.jpg pitchfork.jpg planer.jpg pliers.jpg saw.jpg spanners.jpg tree_trimmer.jpg

You would refer to one of these files as follows: (Of course, you also need to supply the other attributes of the 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,

will force a paragraph downward on the page until the margin at the right is clear. Similarly,

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 tag. Each picture should have a one- or two-sentence text description such as you would find in a catalog. Name your file l2p1.html. 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 items you chose for Part 1. The rows must have labels Price and Shipping Weight. Make up the values for price and weight. Units for price are dollars. Create a link, "Lab Exercise 2, Part 2" from your index page.

Part 3; using HTML forms: Create an order form for the three items you used in Part 2. The customer should be able to type the number of each item 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. Each form element, not just payment, must have an associated element. The action= attribute of your element should be action="/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

headings sans-serif and centered. Make the

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

and one

on it. Validate your style sheet using the validator and correct any errors. Your style sheet must be named l2p4.css. Check to be sure that your styles are actually applied; fix any problems you may find.