Part 1; CSS and placing images on the page: The following files are located in t

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

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> will force a paragraph downward on the page until the margin at the right is clear. Similarly, <p> 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.

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 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 oneor 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. 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.

Explanation / Answer

If I may explain y u r not getting any response in last posts for this assignment

Related Questions

Navigate

• Browse (All)
• Browse P
• Subjects

---

---

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.