Syllabus Aesthetics HTML Fireworks Flash Dreamweaver

 

 

 

Home

Syllabus
Syllabus
Class Calendar
Contact information

Projects
1- Web Analysis Paper
2 - Personal HTML Web Site
3 - Fan Site
4 - Company Logo

5 - Web Art
6 - Dreamweaver Web Site
7 - Final Exam


 

 


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.

Casa de Levy

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!


 

Top of Page

 

Home . Syllabus . Web Aesthetics . HTML . Fireworks . Flash . Planning . Graphic Design . Dreamweaver