本講義專為介述 SharePoint Designer 的導覽設計。

Extension Web 的導覽設計，請按這裡。

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.

Web 結構包括3層涵義：網群結構、網站結構和網頁結構。網群結構為網站之間的連結，伺服器與後端資料庫的配置。網站結構包括虛擬結構-導覽設計，與實體結構-資料夾設計。網頁結構常用2欄或3欄式，平面設計與分欄方法過去包括邊框法、表格法、框架法，但當前以CSS法為優，必要時可搭配綜合法。頁面導覽，有從單導覽，往雙導覽、多導覽發展的趨勢。另有Pop-up Page立體空間之彈出網頁設計。

網站結構包括虛擬結構-導覽設計，實體結構-資料夾設計，與多導覽設計。

Open a New Site and Check Settings

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.

Navigation view

導覽檢視

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.

Web Structure