Project 5: Commercial Web Site - Casa de Levy Italian Restaurant
This Project Web Site assignment requires
you to build a Web site for an Italian Restaurant that includes at least 6 HTML
pages. A sample home page is below. You may use the full size image as a tracing image, if you wish.
The finished web site must have the following design elements
-
Consistent design on all pages
- Background image design on all pages
- Banner on top
- Colors from site_colors
- Color 1 (E5D5B4): Banner, nav bar text on
- Color 2 (#4C602F): Navigation Bar
- Color 3 (#FFCC66): Cell color for informational text boxes
- Color 4 (#FAF456): Nav Bar text off
- Color 5: (Black): text
- Colors 6-9: Optional text colors
- Navigation bar
under logo with Up, Over and Down states
- Left half: navigation buttons with
- Right half: informational text in different color cell (Autostretch)
- additional Navigation Text on bottom of each page
- Copywright and Design info on bottom
-
Autostretch tables on each page (Informational text on right half of pages)
-
At least one data table with ten rows, sorted alphabetically (Staff or Services page)
- Titles on every page
- Alt text on every picture
This Web site is a chance for you
to demonstrate everything you have learned in class and
whatever you have learned on your own. This includes not
only technical HTML, but also aesthetical and navigational
concepts. This should be a Web site with at least 6 pages:
- Home page
- Location (with a map of the restaurant's location)
- Cuisine (An on-line menu with Appetizers, Soups, Salads, Pasta and Fish items and pictures)
- Services (Catering and Banquet descriptions and a picture of the restaurant)
- Staff - Bios and at least three pictures of key staff
- Employment - How to appply information for kitchen and floor staff (with at least two pictures
Now that are familiar with Dreamweaver, you
will have the opportunity to utilize the software's table design tools,
as well as rollover images and Swap behaviors.
In addition to programming a Web site,
you will be expected to fully document your work. This
will include a style
guide which will include sections for page copy and
header styles, image and navigation documentation, and
hexadecimal color codes. Consequently, the grade for
this project will be based both on the Web site itself
and the documentation you create. This Web site is
worth 75% of your grade.
The grading criteria:
- DESIGN (50%)
Integration of content and graphical theme: Are all pages
uniform? Does the graphical look fit with the projected
target audience? Is the content appropriate to the purpose
of the site? This includes navigation, interface design
and web aesthetics; pay attention to details.
- DOCUMENTATION (25%)
Analysis, target audience identification, 3 goals and
3 objectives, creative brief, style guide. Are the decisions
that you made in the documentation reflected in the execution
of the site?
- PROGRAMMING ACCURACY(25%)
File structure, default page, linking, images, all pages
should be appropriately titled.
Finally, if you have an idea for a different kind of commercial web site, with a six-page structure that meets all of the criteria above, please get permission from the instruction - in writing! |