100 likes | 364 Vues
Navigation Controls MacDonald Ch. 11. MIS 424 Professor Sandvig. Outline. Benefit of Navigation Controls Implementation Site Maps Navigation Controls TreeView Menu SiteMapPath Page Titles. Benefit of Navigation Controls. Every site needs navigation Simple navigation is easy
E N D
Navigation ControlsMacDonald Ch. 11 MIS 424 Professor Sandvig
Outline • Benefit of Navigation Controls • Implementation • Site Maps • Navigation Controls • TreeView • Menu • SiteMapPath • Page Titles
Benefit of Navigation Controls • Every site needs navigation • Simple navigation is easy • User Control or SSI • Complex navigation is time consuming • Deep navigation • Bread crumbs • Tabs • JavaScript • Navigation Controls allow “drag & drop”
Implementation • Put contols in: • master page • user controls • Configure only once
Site Map • XML file • Contains site hierarchy • siteMapNode • represents each page in web site • nest nodes within nodes to represent hierarchy • Site map – can also use database
1. Tree View Control • Display site in tree hierarchy • Many options • Appearance • JavaScript open/close • Throws events when clicked • Different styles at different levels • Examples: • TreeView with images & lines • TreeView events
2. Menu Control • Creates JavaScript muli-level menus • Vertical or Horizontal • Examples: • Horizontal • Vertical • Limitations • Usability?? • Requires scripting to be enabled • breaks navigation
3. SiteMapPath Control • Creates bread crumb navigation • Most useful! • Time consuming to program • Examples: • Deep site • ISC web site
Page Titles • Page Titles • Not automatically pulled from site map • Include code in master page • See handout
Summary • Navigation Controls • Big time saves • Usability: • Good: breadcrumbs • Danger: JavaScript menu control