COMS340 Intro Website Design

 

HTML Project – BikeShoppe Website

 

INTRODUCTION

 

This project will use the elements, attributes and techniques introduced in Projects 1 thru 6 in the HTML Comprehensive Concepts and Techniques textbook. 

 

The purpose of this project is to provide you an opportunity to use the concepts discussed in the text and in class to create a multi page website. 

 

You are encouraged to be as creative as you like within the parameters of the project.  Colors, fonts, backgrounds, and to a certain extent images, structure and layout are left up to your imagination.  Have a good time!

 

 

INSTRUCTIONS

 

  1. Create a folder for this project called “BikeShoppe”. 
  2. Store all your web pages and content in this folder.
  3. Create a folder called Images within your project folder.  Store all of your graphics inside of this folder.
  4. Post the project folder to your folder on the server by the end of the allocated time. 

 

 

PROJECT DESCRIPTION

 

A local business has asked you provide a simple website for their review.  The business is called the BikeShoppe.  They have requested that the following things be implemented on their website. 

 

Please apply backgrounds, fonts and colors as appropriate. 

 


 

 

Home Page called home.htm

 

Location Information:  Bike Shoppe   123 Bakery Street     Middletown, IA  50023

 

The general layout of this page should look something like this!

 

 

 

 

Company Logo

 

Navigation

 

Bike Ride Schedule

 

 

Links to

 Schwinn.com

  Raleighbikes.com

  Burley.com

 

 

Contact Information

(email link)

 

Welcome content  (please make up a couple of paragraphs about their business)

 

We sell the following Products:  (this should be a bulleted list)

Street Bikes

Cross Country Bikes

Racing Bikes

Tandems

Custom Bikes

 

 

Please visit us at our new store!

 

Location Information

 

  1. The links should connect to the websites shown above.
  2. The contact link should connect to email at info@bikeshoppe.com.
  3. The Bike Ride Schedule should link to the ride.htm page.
  4. The page should be fixed width.
  5. The list of bike types should be a bulleted list.

 

 

 


 

Bike Ride Schedule called ride.htm

 

This page should have the following layout.

 

Company Logo

 

 

 

Bike Ride Event Schedule

 

City Ride

Local

October 20

9am – 5pm

Country Ride

Middletown to Bondurant

October 29

10am – 6pm

Fall Ride

Local

November 5

9am – 3pm

November 12

9am – 3pm

Ice Ride

Local

December 10

9am – Noon!

To Be Announced!

 

 

 

Image map of a bicycle labeling the parts.

 

Return to Bike Shoppe Home Page

Contact Bike Shoppe

To Top

Contact Information

 

 

  1. This page should be fixed width as well.
  2. The Bike image should be an image map with at least one circle area and one rect area.  They will link to the home page.
  3. The To Top link should take you to the top of this page.
  4. The Return to Bike Shoppe link should take you back to home.htm.
  5. The contact bike shoppe link will go to info@bikeshoppe.com