Google Sites Tutorial - Horizontal Navigation and Drop Down Boxes

Google Sites released the option for horizontal navigation not too long ago.  This new features greatly enhances the professional look of websites, and I have used it on all my new sites.  Please refer to my post on background layout for easy integration of horizontal navigation into your web design.

Horizontal Navigation is more appealing because we process information best that way.  It makes sense, we read from left to right.  Another benefit from this feature is that it eliminates the need for a sidebar.  While sidebars have their place in web design it is better to implement it on your terms, not because you have to for navigation purposes.

Also, horizontal navigation enables the use of dropdown boxes.  These are links that appear when the category is hovered over.  For instance, in my bakery website example.  I have a page called Baked Goods, the sub-pages of which will be scones, muffins, cupcakes, etc.  Those sub-pages, which you designate in Manage Site > Site Layout > Change Layout > Horizontal Navigation using the left and right arrows, are a nice option for less cluttered navigation.

For examples of horizontal navigation checkout: www.kirksvillehousingauthority.com, or www.pancakecitykirksville.com.

For a walkthrough watch this video below.

For more information Google has posted about this as well: http://googledocs.blogspot.com/2010/10/tips-tricks-making-most-of-your-sidebar.html




Comments

  1. Hi!
    Thanks a lot for your realy good job making this and other your tuts.
    I wander and lookig for last days for solution to make a menu with image as a link in it.
    Could you please make some tut for this ;) ?
    Thans in advance.

    ReplyDelete
  2. Nice work with good ideas and concepts, lots of great information which we all need, helpful iformation. I would like to thank you for the efforts you shown remarkble writing skill in this article.

    ReplyDelete

Post a Comment

Popular posts from this blog

Tip - Using Social Media Buttons

RSS Feed for Google Sites!

Google Sites Tutorial - Background and Favicon Design