Create in your public_html directory a page

Assignment Help Web Project

Reference no: EM132088506

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: <img src="/tools/chisels.jpg" /> (Of course, you also need to supply the other attributes 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 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 <label> element. The action= attribute of your <form> 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 <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 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.

Reference no: EM132088506

Questions Cloud

What role do vitamins play in metabolism : What role do vitamins play in metabolism? What role do minerals play in metabolism?

What is the total cost of producing a single box : The budgeted hours for a factory is 11700 while its estimated total overhead is $49800. What's the total cost of producing a single box

Energy expenditure and total daily energy expenditure : What are the benefits of estimating resting daily energy expenditure and total daily energy expenditure?

What does this means for caloric requirements as we age : How would your RDEE change in 10 years if all of the other variables stay the same? Include your calculations. What does this means for caloric requirements as

Create in your public_html directory a page : 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.

Why is the acceptable macronutrient distrubtion range : Why is the Acceptable Macronutrient Distrubtion Range important to consider when assessing your dietary intake?

What is the margin of safety in dollars : The product's current sales are 41,700 units and its break-even sales are 33,645 units. What is the margin of safety in dollars

Write a driver program to test the rbtree class : Use the RBTree class to build a search tree using the given input file that consists of two fields: a UPC key and the corresponding description.

Visual outcome or consequence of problem : Based on what you have learned about this region in lecture and lab and using your textbook, what could be the visual outcome or consequence of such problem

User Account

All Pages