Project . Applying what you’ve learned.

Ten points each section. 50 points total.

A friend has asked you to design a web page for his landscaping business. He’s sketched out what he wants to start and gathered most of the information and images you need. You’ll find that in your student folder. Your job is to create the page as specified. Use subtle, consistent colors and some of your own ideas, but follow his requests carefully.

• Home Page . Design a first splash or “home” page with his business’ name and logo prominently displayed. Include a great image and an overview of the services he offers .
  • Assume your users have your screen resolution and make sure no scrolling is needed on the first page.
  • Use CSS or a table to hold the contents of the page—your client does not like frames.
  • Make the navigation bar and the signature (contact information) library items in Dreamweaver and insert them on each page.

• CSS . Design (and apply) an external style sheet that formats everything. Do not use internal styles or class tags.
  • body
    • Background color or image specified
    • Font family specified
    • Font size specified
  • headings 1, 2, and 3
    • font-- Geneva, Arial, Helvetica, sans-serif*
    • small-caps*
    • colors: three related shades of one color, such as blue, specified in hex values*
  • links:
    • same font family as body
    • 10px or 12px, except for hover
    • small-caps
    • no underlining, except for hover
    • four related colors specified in hex values
    • a background color on hover may replace the underlining
  • list
    • same font-family
    • italic
    • new color
    • 10px or your choice
    • square bullet
  * can be changed, but must be included

• Gallery Page
  • Use the images provided to make a web photo gallery that shows your clients’ portfolio of work done.
  • Be sure to open and edit the pages you make to include some descriptive text on each page.

• “About Us” page
  • Features a mug shot and a company history or owner biography
  • Formatting is identical to the first page, but the content differs

• Contact (Form Page)
  • two or more text fields about the customer, such as name and email or phone number
  • a set of radio buttons to indicate which services they’d like more information on
  • submit and reset buttons
  • a table formats the page
  • form validation: no field may be left empty
  • Formatting is identical to the first page