Website Navigation Tips


We have put together this area of our website to help users understand how the styles we use relate to web navigation.


Text links are pathways to other web pages or websites. Text links can take you out of a page and into another or can open a new window while keeping the current page open. Links on our site are colored teal. When you "rollover" the link or move the mouse cursor arrow over the type the color will change to copper. Visited links will appear a lighter shade of teal.

This is a bold link
This is another version of a bold link
This is a sample of a normal link
This is a sample of a link used as a sub heading

Button and Image links
Sometimes button images are used to direct a web user to a new location. These buttons or images may change in appearance as you mouse over them or the cursor itself may change, indicating that clicking on it will result in some kind of action.

Graphic and photographic images can be used as links as well. Try the samples on the right.
Former Students - Classic WebAdvisor
Access WebAdvisor via your
"mott + 7 digit student id" /password.
MCC Answer

Toggle arrows " " sometimes referred to as "twisties" indicate that clicking the link will expand "" the selection and reveal more choices. Sometimes "+" or "-" images may be used instead. Our Site Map is one page that demonstrates this feature.

General web browsing tips

Our site is designed to have a constant set of navigation points leading to key areas on the site. These are referred to as the "template" and consist of a set of links at the top and bottom ( "footer") of each page. Since these links encompass the main areas of our website these are also known as the "key paths" and can be accessed from our homepage as well.

There are also links found in the left side of the page which vary within sections or areas of the web and this is referred to as the "local navigation" or "local nav."

Each page has a sub-head which identifies it as belonging to a particular section. By clicking on the sub-head you can get back to the index ( a mini homepage) for that section. The same thought process is used to get back to our homepage. The MCC logo at the top right of internal pages will take you back to the MCC homepage. This also works for our other MCC logos on websites like Livingston Center or WebAdvisor.

As a general practice it is good to move your mouse over text and images on a web page. The interaction between the two can provide additional information. The area at the bottom left of the browser window is the "status" area. Links when rolled over will display the address of the page where you will be taken if you click that particular link. Sometimes the text here can be changed to display a message instead. Try the sample below and look at the status area when rolling over with your pointing device.

The web address will appear in the status area when rolling over this link

Anatomy of a webpage

Printing tips

Our templates are fashioned to fit the displayed information on the page. When printing in portrait mode, it may be necessary to adjust your page margins to the smallest default setting in order to have everything fit on the page. Adding zeros into the appropriate margin fields of the printer setup dialogue box should set the margins to the smallest allowable setting for your printer. If your printer still cuts off information try using a landscape paper setting.