Graded Project: Basic Elements of a Web Page
You need to include the HTML file, the CSS file, and all image files in the appropriate directories.
Each project is individually graded by your instructor and therefore takes up to a few weeks to grade.
Be sure that each of your three files contains the following information:
Your name
Your student ID number
The lesson name
Your email address
Be sure to keep a backup copy of any files you submit to the school.
Introduction
An image of the logo for Body Fit for Life
Body Fit for Life Logo
In this graded assignment, you’ll incorporate all the aspects of HTML coding you’ve learned in Lesson 1. To help you with this assignment, review the following examples and pages from your text:
Structure example: Pages 21–22
Text example: Pages 57–58
Lists example: Pages 69–70
Links example: Pages 89–90
Images example: Pages 121–122
Tables example: Pages 139–140
Instructions
An image of the XJS500 home gym
The XJS500
Body Fit for Life is one of the leaders in home gym equipment. The company recently hired you to help develop its website. You must first create a web page for its latest model home gym, XJS500, an upgrade to its previous model with new features. The XJS500 is a resistance-based machine that allows users to adjust tension by selecting different resistance bands on the machine. Download the following files:
Overview and features of the XJS500
Image file and logo.jpg displaying the company logo
Body_Fit_For_Life.jpg, an image of the XJS500
You can also supplement these files with any other resources you have. You’re responsible for the content and appearance of the page.
To complete this task:
Create an XHTML file named BodyFitForLife.htm.
In the head element, include the appropriate page title, along with a comment that describes the purpose of the page, your name, and the date.
Include at least one example of each of the following in the document:
Heading
Paragraph
Ordered or unordered list
Character formatting element
Inline image
Horizontal line
Special character
Block level element that isn’t a heading, paragraph, list, or horizontal line
Demonstrate your understanding of inline styles by including at least two different examples of an inline style.
Use proper XHTML 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 nongraphical browsers with inline images.
Write your code so that it will be easy to read and understand.
