Data files needed for this Case Problem: logo.jpg, smith.jpg, smith.txt. You should have already downloaded these files. See BlackBoard's Course Materials for more information.

Tutorial 1, Case Problem 4

Body Systems

Body Systems is one of the leading manufacturers of home gyms. The product page for Body company recently hired you to assist in developing their Web site. Your first task is to create a Web page for the LSM400, a popular weight machine sold by the company. You've been given a text file, smith.txt, describing the features of the LSM400. You've also received two image files: logo.jpg, displaying the company's logo and smith.jpg, an image of the LSM400. You are free to supplement these files with any other resources available to you. You are responsible for the page's content and appearance.

1. Using your Text Editor, create a new HTML text file. Name it uniqueName.html (use a name you make up, not uniqueName). Save it to your own computer. See Guidelines for Naming HTML Files and Folders.
2. See HTML Template and HTML Strategy for info on minimum requirements for writing HTML
3. In the head element, include an appropriate page title, along with a comment describing the purpose of the page.
4. Include at least one example of each of the following in the document:

Note: I will be looking at your HTML. Do yourself a favor, include comments that identifies the purpose of a section of HTML. It is the comments that you include in your HTML that I use to locate grading rubric items. Make good comments, get good grades.

5. Demonstrate your understanding of inline styles by including at least two different examples of an inline style.
6. Use proper HTML syntax at all times. Close all two-sided tags. Properly nest all tags. Use lowercase element and attribute names. Enclose attribute values in quotes. Include alternate text for non-graphical WebBrowsers with inline images. What is a WebBrowser?
7. Write your code so that it will be easy for your supervisor to read and understand. This means use comments.
8. Save your HTML file, and then view the resulting Web page in your WebBrowser. See Strategy for editing HTML
9. Your webpage should be certified 'syntax error free' by W3C Markup Validation Service. Feel free to display the W3C "valid" Icon(s) logo on your Web page.

---

Even if it seems that using W3C Markup Validation Service is extra work, you will come to realize that writing HTML is easier if you use the Validator all the time. Write a little, verify -- write a little, verify. This way, you will catch HTML errors when you make them -- when they are easiest to correct. Besides, HTML is error free, certified by W3C is a graded element of all your assignments. Easy points if you use the Validator.

1. Use FTP to upload your completed web page to your Tulane CPST Web Server.
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 1 - Case Problem 4"