... part of the Web Site of George North -- Back to Site Index to BlackBoard
Webpage Design and Development, CPST-2400-10
Case Problem - Week 2, Monday, Jan 30
Due 11:59 PM, Sunday, Feb 5
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 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.
To complete this task:
- 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.
- See HTML Template and HTML Strategy for info on minimum requirements for writing HTML
- In the head element, include an appropriate page title, along with a comment describing the purpose of the page.
- 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.
- Demonstrate your understanding of inline styles by including at least two different examples of an inline style.
- 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?
- Write your code so that it will be easy for your supervisor to read and understand. This means use comments.
- Save your HTML file, and then view the resulting Web page in your WebBrowser. See Strategy for editing HTML
- 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.
When you are finished:
- Use FTP to upload your completed web page to your Tulane CPST Web Server.
- Copy the URL of your website's main page and paste it into a new eMail message to George (firstname.lastname@example.org). Subject of this eMail MUST be "Tutorial 1 - Case Problem 4"
Note: When we reach the end of our class, ALL of the web pages you created should still be available on your website. So, make sure NOT to delete any older pages, and to use unique names for all pages. This will be easier if you place pages for each assignment in their own folders of your website. Send George eMail if you are confused by this.