Data files needed for this Case Problem: about.txt, bench.jpg, bench.txt, cable.jpg, cable.txt, contact.txt, logo.jpg, Ipress.jpg, Ipress.txt, products.txt, smith.jpg, smith.txt, why buy.txt. You should have already downloaded these files. See Data Files for Students for more information.

Tutorial 2, Case Problem 4

Body Systems Products

You've been working for a few weeks as a Web site developer with Body Systems, one of the leading manufacturers of home exercise equipment. You've been asked to put together a sample Web site highlighting several Body System products. You've been given several text files containing descriptions of these products, as well as contact information for the company, and a file describing the company's history and philosophy. In addition, you've been given several image files of the products, along with an image file of the company logo. You are free to supplement these files with any other resources available to you. Your job is to use this information to create an effective Web site describing the products and the company for interested consumers.

Before beginning this task:

1. Advice: Don't start this assignment without first reading Tutorial 2 in your text book.
2. This is up to you, but you may want to make a new folder on your computer, and on your Tulane Student Website to contain all the files for this project. For a number of reasons, it is good practice to separate related files, not the least of which is to make it easier for you to find them. separate (as in "classify") v. : arrange or order by classes or categories; "How would you classify parts of a large web site?"
3. Name all of your web pages for this project similarly. Like this: T2CP4_uniqueName_yName.html (use your own name, not yName) (use a name you make up, not uniqueName)
4. HINT: When naming webpages, the underscore character ... " _ " ... is the only special character allowed. You should NEVER use space character in names, use underscore instead. Web pages are named using letters, numbers, and underscore ONLY ... that's it, NO OTHER CHARACTERS. To be compatible with the largest number of web servers, you should limit webpage names to 31 characters.
5. As always, start a new page using the MINIMUM required HTML template (that includes all the comments needed at the top of every page).
6. In the head element, include an appropriate page title, along with a comment describing the purpose of the page.
   
7. Before getting too far along, review the content of the text files and view the image files. Note that the files cover four products: the Linear Smith machine, the Cable Crossover machine, the Free Weight bench, and the Leg/Press Squat machine, information about these products is stored in the smith.txt, cable.txt, bench.txt, and lpress.txt files, respectively.
8. HINT: If you are unsure how to view image files on your computer, you can user your browser to do so ...
9. drag an image file on top of a browser window, or
10. use Open ... in the File menu of your browser to locate the image file on your computer
11. Use one of the search sites on the Web to locate Web pages on strength training tips and advice. You can link to, or use content from the sites you find. If you use content from another site, you must reference the site in the same way you would use a footnote to credit sources when writing a paper.

To complete this task:

1. Once you become familiar with all of the material available for your Web site, create a storyboard for the site. In the storyboard include all of the filenames of the Web pages and indicate any links between the pages. The Web site should contain at least one example of each of the following:
2. A link within a single document pointing to another section of the same document (internal link)
3. A link between the documents in the Web site (relative link)
4. A link to a section of another document (relative internal link)
5. A link to at least one Web site (other than your own) on strength training tips and advice (external or absolute link). Be sure to include explanatory text about the link or links you decide to include.
6. A link to an e-mail address
7. Make sure that your site is easy to navigate.
8. Note: I will be looking at your HTML. Do yourself a favor, include comments that identifies the purpose of a section of HTML. For example you might what to include a comment something like: "this demonstrates my understanding of a link to a section of another document"
9. Create the site you outlined in your storyboard. The design of the Web pages is up to you, but your code should follow correct HTML syntax rules for XHTML 1.0 Transitional, and should be easy for others to read and interpret.
10. See Strategy for editing HTML

1. Use FTP to upload your completed web page to your Tulane Student Web Space.
2. Copy the URL of your website's main page and paste it into a new eMail message to George (gnorth@tulane.edu). Subject of this eMail MUST be "Tutorial 2 - Case Problem 4"

What is it?