Categories

Partners
  • IPowerWeb Hosting

  • Free Flash Website

  • Website Templates

  • Adobe Photoshop Tutorials

  • Bittorent and
    Google desktop programs

  • Free Stock Photos and Images

  • Adobe Photoshop Tutorials

  • Photoshop, Flash, 3dsmax tutorials

  • Merry Christmas Tree
  • Search


    Advanced Search










    PSD to HTML

    Wildlife Project: Sketching your site's navigation scheme
    Published  06/18/2006 | Macromedia FreeHand
       




    This tutorial illustrates how you can use Macromedia FreeHand 10 to create preliminary sketches of your site's navigation scheme.

    Plan the site navigation

    Once you have determined your site's goals, target audience, and data requirements, you are ready to begin conceptualizing the site's navigation scheme. The site navigation is a "map" that depicts how your web pages relate to one another. Specifically, it shows how users will travel through your site as they click links and interact with application interfaces. A site's navigation scheme is normally reflected in the navigation bars used on web pages.

    During the early planning phase of the project, the people who contracted you to develop the site for The Wildlife Project requested an easy-to-use navigation scheme that would enable their users to find information about the group's conferences, educational programs, and publications. Your clients would also like the site to focus on current information about the world's endangered species, and provide a search application that will let users search for a wildlife group in their area of the country.

    You decide on a simple navigation scheme that will consist of eight links, all centralized on an index page. At the top of the index page, you'll create a Macromedia Fireworks MX navigation bar that will link to separate pages for news, conferences, education, publications, links, and contact information. Elsewhere on the page, you'll create a link to a special page that provides the most current information about a particular endangered species. You'll also create a link to a results page that will display the results of the search application.

    Once you have determined your site's goals, target audience, and data requirements, you are ready to begin conceptualizing the site's navigation scheme. The site navigation is a "map" that depicts how your web pages relate to one another. Specifically, it shows how users will travel through your site as they click links and interact with application interfaces. A site's navigation scheme is normally reflected in the navigation bars used on web pages.

    During the early planning phase of the project, the people who contracted you to develop the site for The Wildlife Project requested an easy-to-use navigation scheme that would enable their users to find information about the group's conferences, educational programs, and publications. Your clients would also like the site to focus on current information about the world's endangered species, and provide a search application that will let users search for a wildlife group in their area of the country.

    You decide on a simple navigation scheme that will consist of eight links, all centralized on an index page. At the top of the index page, you'll create a Macromedia Fireworks MX navigation bar that will link to separate pages for news, conferences, education, publications, links, and contact information. Elsewhere on the page, you'll create a link to a special page that provides the most current information about a particular endangered species. You'll also create a link to a results page that will display the results of the search application.

    Article Series
    This article is part 1 of a 5 part series. Other articles in this series are shown below:
    1. Wildlife Project: Sketching your site's navigation scheme
    2. Create rectangles for the navigation scheme
    3. Add text to the rectangles
    4. Add link lines to the document
    5. Present the plan in HTML