CBTE 162: Web Page Creation : Exercises

Project Two: Fictitious Business Web Site Using Simple Responsive Design


Project Requirements

  • Choose the business type you will be creating a website for
  • Post the business information on the Discussion Board. Include a business name if possible.
  • Create a simple responsive website with 4-6 pages of content.
  • Ideas for page content:
    • Page One: Index page can explain what the business is - an about us type page.
    • Page Two - Six: Create several pages of relevant content that fits with the type of business you have chosen. Some ideas for pages could include: product or menu pages, a contact us page, history page, etc.
  • Add an Artist Statement page that is linked from the footer on the index page. Explain how you used responsive design in your website.
  • Link all the pages together. Place all links on every page. Use the style of navigation covered in Exercise 7 or 8
  • External links should open in a new window
  • Use a wrapper div to contain your content with a set width
  • Opening page must be named index.html
  • Use page names that match page content
  • Folder name Project2

Page Layout

  • All images must be formatted for web
  • Style images using CSS (padding, margin, borders).
  • Use the p & h tags to format your text.
  • Use CSS to format all text, fonts, colors, sizes, padding, margin, etc.
  • Create a CSS External Style Sheet for main page styles (create consistency)
  • Use CSS Document Styles for specific page styles.
  • Use CSS Inline Styles as needed

Some Suggested Business Choices

Choose one of the following businesses or think of your own.

  • Diner / Restaurant
  • Coffee Shop
  • Floral Shop
  • Bike Shop (motorcycle or bicycle)
  • Graphics Business
  • Artist Portfolio

Project Two Grading Rubric
Item/Points 10-15 16-20 21-25
Function Some Most All correct
Responsive Design Simple Design Only Basic Responsive Above & Beyond
Requirements Some Most All
Coding Accuracy Poor Mostly Correct Accurate
Item/Points 10-14 15-17 18-20
Navigation Minimal Basic Above & Beyond
Effort Minimal Basic Above & Beyond
Content Minimal Basic Above & Beyond
Design & Creativity Minimal Basic Above & Beyond

Evaluation

This Project is worth 180 points.
Each criteria is worth up to either 20 or 25 points.
Doing the minumum will not get you the total amount of points.

  • Functionality
  • Responsive Design
  • Project Requirements
  • Coding Accuracy - Proof in FireFox


  • Effective Navigation
  • Effort/Depth
  • Content
  • Design & Creativity

Useful Links

Basic CSS Styles

List of Supported HTML Color Names with hex codes included.