Design 1b 

User Guide:
Begin from tour.html, which is the overviews page.


Fixes Completed:
-All errors mentioned in errorLog.rtf
-Images modified
  *catalogs.jpg
     Changed the zoom view to a catalog image.
  *froogle.gif->froogle.jpg
     Changed the zoom view to a spa image.
  *images.jpg
     Added a blue background to the zoomed in image.
-Images created
  *Lucky.gif
     Main image for "I am feeling lucky" section.
  *toolbar.gif
     Main image for "toolbar" section.


Additions:
-Images:
  *art.gif
     Downloaded from Google's search tip site.
  *bluearrow.gif
     Downloaded from Google's search tip site.
  *bluearrow_sm.gif
     Modified from bluearrow.gif.
  *bluearrowL.gif
     Modified left arrow.
  *google_sm.gif
     Downloaded from Google's search tip site.
  *s.gif
     Transparent gif used as space holder
-style sheets
  *google.css
     Downloaded from Google's search tip site.


Design Note:

The Google tour webpages in this design are intended to be added into the Search Tips section under Site Map.  Hence, the search template is used along with the Google style sheet.

To give the UI more of a "tour" feel, yet not confuse or discourage the user with too many pages, individual webpages are 
created with two sections per html page.  User can navigate both by the left-nav or the "back" and "continue" arrow buttons. The buttons should be stationary regardless of window size, except for the last page, more.html.

Main table width is set to 98%, with minimum width size enforced by s.gif, the space holder.  Minimum table width is set to 650px.



Pros:

-Can easily be integrated into the current UI.

-Everything designed along the search template.

-Easy maintenance, but not as flexible as design 1 since each section does not have its own html page.

-More content per page, so user does not need to navigate as much, but at the same time, the content is not too much so that it is cluttered.

-The tour.html (overview) page does not have too many competing headers like design 1.


Cons:

-The main page header "Tour Google for a world of difference in how you search." maybe too long.

-Nav button (<<back) jumps on the last page (more.html).