Lesson 4

This blogsite is specially prepared for students of NAFA taking module FS3004 E-commerce for Fashion Business.

Function of Navigation:

• A key element of any website
• User gets from section to section, and to the content.
• Help user browse site easily.

For further reading, login to this site http://graphicdesign.about.com/od/effectivewebsites/tp/website_nav_types.htm
Video:
http://tv.adobe.com/watch/classroom-basic-site-layout-and-navigation-in-dreamweaver-cs5/part-01-introduction/

 

Basic Principles of Navigation:

• Consistency
• Easily learnt - making it obvious
• Feedback
• Appear when needed
• 3 click rule

Global navigation - Defined as links to a site's top-level categories that occur on every page of the website.
Local navigation - Links within each page of the webpage.
For further reading, login to this site
http://www.webpagemistakes.ca/website-navigation
Video:
http://tv.adobe.com/watch/classroom-basic-site-layout-and-navigation-in-dreamweaver-cs5/part-08-website-navigation/

Different types of Navigation:

For further reading, login to this site
http://sixrevisions.com/user-interface/navigation-design-patterns/

Video:
http://tv.adobe.com/watch/classroom-five-essential-principles-of-interaction-design/part-2-interaction-design-navigation/ (start watch from 09:00 seconds to 19:20 seconds

Interactive Navigation:

This video show how to create different types of  hyperlink, mailto link & external links

http://tv.adobe.com/watch/learn-dreamweaver-cs5/gs06-creating-links-in-dreamweaver/

Link Syntax:

http://www.w3schools.com/html/html_links.asp

 

Hyperlink:

This video is all about links & linking in Dreamweaver CS6.

http://www.youtube.com/watch?v=7gqXFi8cjEQ

 

Relative & Absolute Paths

For further reading, login to this site http://www.computerhope.com/jargon/r/relapath.htm http://www.coffeecup.com/help/articles/absolute-vs-relative-pathslinks/ 

 

This video show the important of relative & absolute paths.

http://www.youtube.com/watch?v=Gy6k7D57lSY