本講義專為介述 SharePoint Designer 的導覽設計。
As a project leader, you want to moderate the interaction among websites in a web community and to develop a full-scaled structure that has a scope of whole picture than to design details.
However, according to previous experience, many students would have difficulties to comprehend the complications. If you do not have a full vision in your mind yet, you may go to 'Website Structure' in the first place then come back latter.
Navigation : Visual Virtual Structure
Navigation structure provides a virtual structure of the appearance that your web looks like. It imply that it may not the same as your physical structure.
Navigation starts from the homepage, e.g. index.htm etc.
Tool bar-Create a new blank page
Save as 'index.htm' and change its title.
You are not able to use "drag-and-drop(dnd)" to setup navigation, if the "Share Borders" is off. However, you may use right click to add new pages under "Homepage". It also will trigger the "dnd" function.
Designed by the requirement analysis of the community, such as a plan of a web based media:
It is recommended to divide the unit into couple article pages, if you have a large unit. The unit page will play the role of introduction and unit index. It is as well you can separate your long article into chapter pages. However, you do not have to decide the pages under 3rd level in the first stage of planning.
Right click-Link bar properties
Option: Child pages under home.
Check: Home page, parent pages.
動態導覽按鈕設計可分作 3 個方案：
1. SP 內嵌導覽按鈕_不可修改
2. SP 導覽按鈕可修改範本
Right click-Link bar properties-Style
You can use the page theme or use another one.
Multiple Navigations Design 多導覽設計
According to the documents of W3C and Google SEO etc, we may suggest the following:
Left navigation: inside web links with hierarchical design.
Top navigation: common links cross web community or management links.
Right navigation: user defined links, outside web links or subject links with parallel design.
根據各個網站設計規範組織，如W3C，Google SEO 等，綜合建議如下：
Webbot vs. HTML Link Bar
Webbot saves all gif of link bars into the folder of _derived.
Further info for converting webbot to HTML.