Style Guide

This web site has been created as a dining guide for the Rexburg, Idaho area. This style guide is here to show the style and standards for people who want to add pages to this site. It has been created using XHTML 1.0 Transitional and CSS. All pages on this site must validate in XHTML 1.0 Transitional and CSS.

Content

If you wish to post a review on the Rexburg Dining Guide, you must include the following, in this order (to be discussed in detail below):

  1. Basic information about the restaurant, including a photo
  2. An overall rating
  3. A short paragraph of five different review categories

Each review must also include some basic information for potential customers, formatted in an unordered list:

  • Genre
  • Location
  • Hours
  • Web site (if one exists)
  • Phone number

To the left of the unordered list, include a picture using the following dimensions:
Width: 300px;
Height: proportional to width.

The five items are to be reviewed and discussed individually, and rated on a scale from one to five, five being a perfect rating, three being average and one being poor. The five individual ratings averaged will constitute the overall rating:

  1. Food Quality
  2. Price
  3. Customer Service
  4. Cleanliness
  5. Atmosphere

The list items will act as headings for the ratings, and must be declared as an <h3>

You, the reviewer, must post the review under an alias. This is done to encourage you to be completely honest.

Under the review, place an embedded Google Map with the address of the restaurant using the following style:

  • Height: 350 px
  • Width: 350 px
  • Border: 1

Navigation

The main navigation will be a left-hand navigation, which will be included on every page. Each restuarant review will be included alphabetically in the navigation. The name of the link will be the full name of the restaurant.

Typography

Side Navigation

  • Font Family: Minion Pro, Georgia, Times New Roman
  • Font Size: 12 pt
  • Font Color: Black (#000000)

Content

  • Font Family: Verdana, Arial, sans-sarif
  • Font Size: 11.5 pt
  • Font Color: Black (#000000)

Footer

  • Font Family: Minion Pro, Georgia, Times New Roman
  • Font Size: 10 pt
  • Font Color: Black (#000000)

Site Colors

  • Background Color: White; Hexadecimal Value: #FFFCFC
  • Navigation Color: Light blue; Hexadecimal Value: #E4EEEE
  • Header Color: Black; Hexadecimal Value: #000000
  • Footer Color: White; Hexadecimal Value: #FFFFFF

Logos and Graphics

The following graphic is used in the header:

Rexburg Dining Guide logo

Best Practices

This web site is built with the best practices in mind. All who wish to add to this site should follow the same practices.

  • Know your audience: place content that is useful to your audience.
  • Keep it simple: only place content that is pertinent on our site.
  • Keep the reviews organized correctly, and write professionally and respectfully.
  • Use ALT tags for all pictures, as well as height and width information.
  • Use Cascading Style sheets for page formatting.
  • All pages must validate using XHTML and CSS using a reliable validator source, such as W3 Schools Web Page Validation.