Function <title> <link rel=stylesheet type="text/css" href="styles.css"> <head> <body> <div id="nav"> <ul> <li class="hori"><a href="index.html"> Home </a></li> <li class="hori"><a href="design.html"> Design </a></li> <li class="hori"><a href="function.html"> Function </a></li> <li class="hori"><a href="targetaudience.html"> Target Audience </a></ </ul> </div> <div id="bd"> <center> <h2> Burnett Dairy Cooperative </h2> <h3> website function analysis </h3> </center> <table> <tr> <td> The navigation bar in this website is located directly under the main heading of “Burnett Dairy Cooperative”. Each page of this site has the same location and size of the main heading and the navigation bar. The main heading is an image that serves as a link back the index page (the homepage) of this website </td> <td> <center> <image src="images/bdnav.gif"> </td> </tr> <tr> <td> <br/> This is a good way to have consistency within the website. Because it is always located in the same place, it makes usage of this website efficient and easy. When the link is active, the link becomes coloured and underlined, emphasising the fact that this is the active link. When you hover over a link, it also becomes coloured but not underlined, highlighting which link you are hovering over. This is highly effective in reducing confusion when navigating a website. </td> <td> <center> <image src="images/bdlinks.gif"> </td> </tr> <tr> <td> <br/> This website is presented in an effective way for easy use and navigation. While it may not be a website that holds the viewer’s attention and interest for long, it suits the target audience and is informative. The only improvement I can suggest is for the site to make more use of the width of the webpage so that the amount of scrolling is reduced. While scrolling on this site is not excessive, it would be a more effective use of space to have the text closer to the edges of the page. </td> <td> <center> <image src="images/bdextraspace.gif"> </td> </tr> <tr> <td> <br/> This website offers an online membership where you can log in and purchase their products online as well as receive recent information about the company and products. In addition to this, the site also features a Google map marking out their dairy which is very useful and clear to understand. </td> <td> <a href="http://burnettdairy.com/store/"> <center> <image src="images/bdonlinestore.gif"> </a> <a href="http://burnettdairy.com/contact/"> <center> <image src="images/bdmap.gif"> </a> </td> </tr> </table> </div> <div id="in"> <center> <h2> Incubus </h2> <h3> website function analysis </h3> </center <table> <tr> <td> The navigation bar in this website is located under the main heading of “Incubus”. The navigation column is on the right side of the page, which is unusual. Also, the main heading is so large that it is easy to initially miss the navigation bar. Each page of this site has the same location and size of the main heading and the navigation bar. The main heading is an image that serves as a link back the index page (the homepage) of this website. </td> <td> <center> <image src="images/innav.gif"> </td> </tr> <tr> <td> <br/> This is a good way to have consistency within the website. Because it is always located in the same place, it makes usage of this website efficient and easy. Although no change is seen in the link when it is active, hovering over the link causes the link to become underlined which is effective in reducing confusion when navigating a website. </td> <td> <center> <image src="images/inlinks.gif"> </td> </tr> <tr> <td> <br/> This website is visually striking and intriguing. However, the general layout of one topic after another all on one page is tiring and does not encourage further scrolling and reading. However, this website is a self-professed site of “random stuff” hence the layout does comply with their purpose for this site. </td> <td> <center> <image src="images/intopics.gif"> </td> </tr> <tr> <td> <br/> This website offers a lot of interesting information and links for like minded people. It also aids those who need further help with creating their own websites. Although there is no interaction with the website apart from reading it, it is informative and engaging for those of similar interests </td> <td> <center> <image src="images/inarticles.gif"> </td> </tr> <table> </div>