如果要設計網站,您需要決定網站中網頁之間的交互關係, 並建立適用於整個網站的整體設計。
Web Site Designer 是一個供設計和建立網站使用的工具。藉由 Web Site Designer, 您可以建立由多個網頁所組成且主題(佈置和樣式)一致的網站。佈置是用來定義網頁元件的位置;比方說,您可以利用網頁範本來指定網站導覽列一律在每個頁面頂端。 樣式則是利用階式樣式表 (CSS) 來定義頁面的外觀。 您可以從 Web Site Designer 指定網站所有頁面的 CSS,您也可以在網頁範本中定義 CSS。 規劃和設計好網站之後,您可以利用包括 Page Designer 在內的許多 Web 工具來建立個別網頁。
您可以利用 Web Site Designer 作為檔案關係的視覺化對照表。Web Site Designer 會從最上頁開始,
以階層方式顯示網站結構及其所有層次。
您可以在 Web 專案中建立網頁之間的關係,來建立網站結構。如果要建立 Web 專案中檔案之間的關係,
您可以依照將頁面加入 Web Site Designer 的順序,來建立最上頁和其子網頁之間的鏈結。在您建立好最上頁的子網頁之後,
再對子網頁重複這個程序。在上例中,index 頁面是最上頁。product 和 feedback 頁面是 index 頁面的子網頁。sales 頁面則是 product 頁面的子網頁。
當所有鏈結的頁面都新增至網站結構之後,這個程序便告完成。Web Site Designer 會依照建立次序來顯示子項頁面和同屬網頁。Web Site Designer 非常適合在開發期間用來佈置網站結構,也非常適合產生在網站正式上線時, 供網站造訪者使用的導覽。
決定網頁之間的交互關係
在使用 Rational® Developer 方法建立新的網站時,您需要先將網站和網頁的關係概念化,才能將實際的頁面移入設計中。網站是網頁如何結合在一起的階層式設計和組織。網站會有一個高階目標,且每一個網頁都有特定用途以符合此高階目標。
為了建立網頁之間的交互關係或是設計網站, 您必須先建立 Web 專案來包含所有的 Web 應用程式資源。接著,您要建立網站結構。
建立有整體性的網站設計
網頁範本是可在 Page Designer 中用來建立新 HTML、XHTML、JSP 或 Faces JSP 頁面的型樣。 每個新頁面的外觀都會如同網頁範本,通常會含有一個用來新增網頁專用資訊的頁面區段。 您可以利用網頁範本來維持整個網站一致的外觀與操作方式。各頁面可以有一致的格式,或每一頁可以使用相同的圖形。 比方說,網站的每一頁都可以有公司的標誌和相同的標頭。 當您變更網頁範本,在您儲存更新的網頁範本時,會自動更新使用這個網頁範本的所有網頁。 您的網站可以使用多個網頁範本。 您也可以從建立網站層樣式表的網頁範本鏈結至 CSS 檔。
階式樣式表 (CSS) 是一個可用來確保整個網站樣式一致的檔案,因為網頁和 CSS 是分別維護。每次您更新 CSS 時,變更即會自動套用至網站中鏈結至該 CSS 的所有網頁。
如果要瞭解設計網站佈置和結構的相關資訊,請進行下列指導教學:
指導教學:設計網站的佈置和結構。
您不能在 Site Designer 中利用「候選項視窗」來輸入 DBCS 日文漢字。在 Web Site Designer 中,如果您利用 canna 的候選項視窗來編輯文字欄位,輸入 DBCS KANJI 會失敗。
如果要避免這個問題,請利用 Wnn 來取代 canna。
請參閱作業系統的安裝手冊,以取得詳細資訊。