Navigation Bar & Navigation Buttons Design by MS Webbot
導覽列與導覽按鈕設計1:微軟網路機器人法

統雄社群-相關主題
數位出版設計:意涵/樣式篇Web Design: Automations - Epistemological/Digital Aesthetics - Formation Methodology

數位出版設計:意涵/樣式篇網站/網頁設計:自動化實作-知識美學/數位美學建構方法


Links, Navigation and Mata page 超連結、導覽與重新導向

超連結:以<a></a>所構成,各種站間、站內物件的相互連結。

導覽:對具有結構性的內容引導,通常具備按鈕或統一性的視覺設計。

重新導向:是統合標籤(Meta Tag)的一種,可將檔案轉為另一個檔案。

導覽列與導覽按鈕的設計方法導覽列與導覽按鈕的設計方法

導覽列與導覽按鈕的設計方法,常用的有以下類型:

導覽列與導覽按鈕的設計方法導覽列設計/微軟網路機器人 Webbot 法
導覽列與導覽按鈕的設計方法導覽列設計/互動式按鈕設計法
導覽列與導覽按鈕的設計方法導覽列設計/自訂 Java 法
導覽列與導覽按鈕的設計方法導覽列設計/Html5 CSS 法

其中以互動式按鈕設計法、與 Html5 CSS 法在效果與未來性上較優。當然,如果程式與美工能力均強,則 Html5 CSS 法應是第一選擇。

除此之外,還有進階的:

導覽列與導覽按鈕的設計方法導覽列設計/下拉選單與樹狀導覽法
導覽列與導覽按鈕的設計方法導覽列設計/雙導覽列_多導覽列法
導覽列與導覽按鈕的設計方法導覽列設計/固定位置導覽列法

advancedNavigation Modification: Within Web 站內導覽修改

It is quite boring that the name of the first page is 'homepage' for very web. Here is the way to make it different.

微軟網路機器人是使用微軟網站開發軟體的工具、與連結列功能。

Tools-Web Settings-Navigation

首頁「導覽名稱」個人化

首頁可以有 2 個虛擬名稱:

第一個,是在<title></title>之內者,可用雙語,不限字數。

第二個,是在「虛擬結構」中的「導覽名稱」,應使用中文,一般以 7 個字以下為宜。

〉網站

〉網站設定

〉導覽

網站實作範例實作範例

web automation

 

MS Webbot Embedded Button 微軟機器人內嵌導覽按鈕

導覽按鈕的設計風格,常應與橫幅呼應,所以選擇時必須注意風格一致性。 

在動態網頁範本 .dwt 之導覽區內設定。

〉插入

〉Web 元件

〉連結列

〉根據導覽結構的列

Web Components在程式碼中為Webbot在程式碼中為微軟機器人 Webbot,是由「連結圖示」和「圖示上的文字」組成,前者存在_derived資料夾中,而後者存在_overlay中,這2個都是隱藏資料夾,要在檔案總管中才看得到。

SP 內嵌導覽按鈕

 

Webbot Navigation styles modification

內嵌導覽樣式修改

右鍵〉樣式

Right click-Link bar properties-Style

You can use the page theme or use another one.

導覽樣式

布景主題修改More theme modification

其他布景主題修改

較適用FP之導覽樣式修改,而非EW, SP,如有需要,請參考布景主題

回頁首 Up to page head 至相關主題 Go to related pages
上一頁 Back to previous page 回頁首 Up to page head 下一頁 Go to nex page  
請點這裡看所有留言分類 Please click here to view categories of comments
同類別內相關主題