

Typically, when you have the logo of your website or your company included in your navigation bar, a click on these logos or a home button should take you back to the topmost level of the hierarchy or the home page of your website, typically the index.html page. Also, there are some standard conventions that people follow when these navigation bars are designed. So indicating the location of the user within the hierarchy of your website is very, very useful to provide a user-friendly way of navigating your websites.

#Header and navigation bootstrap builder how to#
You should provide a standardized navigation, so that wherever the user is within your website hierarchy, they'll always know how to go back to the homepage, how to go to the next, previous, or up and down the hierarchy of some sort. First is that you use user-friendly and simple terms within your navigation bar to indicate the various links that the users can follow within your website to reach information. So a typical navigation bar, how do you go about designing this? When you design a typical navigation bar, you should obviously keep in mind some dos and don'ts about how you design navigation bars. So your navigation bar will typically contain links to various pages that form part of your website. This is some kind of a bar that is typically attached at the top of the website, or sometimes at the bottom of the website, or sometimes on the side, that provides you with sufficient pointers towards the kind of information that you can access on this site. When you visit most websites you will often look for the navigation bar. The use of a navigation bar, breadcrumbs, and other means of navigation are very, very essential for enabling users to be able to see various parts of your website. And that automatically dictates to you how you would design navigational support within your website. Typically, a website would be organized in some kind of a tree structured or a hierarchical fashion. And this organization of information within your website also dictates what kind of navigational aids you provide on your website, and based on how that information is organized. But in any case, when you're designing a website, it is important to understand the need to design the information navigation structures within your website. But, in case you are interested in organizing and providing information to users through, for example, websites, then I have provided you with some links in the additional resources that you can go and read for further knowledge. It is beyond the scope of this course to cover information architect. Now information architecture, by itself, is a whole big field. And navigation is provided through the content or through this information. The information architecture begins with the structure of the system, with respect to the way the information is organized, labelled. In this context, you often hear people talking about information architecture. So, we'll look at several common ways of providing navigation patterns on typical websites. This intuitive means could be provided by many different approaches, the navigation bar being one of the most common methods of indicating this information. It would make a lot more sense to provide an intuitive means for the users to navigate to your website. But that is a very inconvenient way of navigating to your website. Now the way we navigated to the aboutus.html page was to explicitly type that into the address bar of our browser. As we have seen with our confusion website that we are building, we already have added a second page called aboutus.html page. But most websites usually contain more than one page.

Of course, there do exist those single page websites like your professor's webpage In your computer science department. The first obvious question that comes to your mind is, why do we need to have website navigation? As you realize, most websites are no longer single pages. What is navigation, why is navigation important for your website? And how do you we provide navigation information on your website? So, these are the question that we will try to answer In this particular lecture.
