在「程式碼」頁面中工作

Page Designer 程式碼編輯功能可讓您直接編輯 HTML 及其他標記文字,如 JSP 頁面和內嵌的 JavaScript™。「程式碼」頁面所進行的任何變更都會反映在「設計」頁面中。

如果您在「程式碼」頁面中新增或更新屬性值,而且可以看到「內容」視圖,這時也會重新整理「內容」視圖。

「程式碼」頁面有下列文字編輯特性:
表 1. Page Designer 的「程式碼」頁面之特性
特性 說明
語法重點強調 每個標示類型都會以不同方式來強調,讓您很容易找到要編輯的特定標示種類。 比方說,如果您從網頁範本中建立某網頁,您無法編輯網頁的共用區域,且共用區域會強調顯示成灰色。
無限的復原和重做 您可以漸進地復原和重做檔案在整個編輯階段作業中的每項變更。如果是文字,就會每次遞增變更一個字元或一組選取的字元。
內容輔助 內容輔助可協助您完成標示或程式碼行以及插入巨集。 內容輔助清單中的可用選項以指定給編輯的檔案之標示標準所定義的標示為基礎。 在某些情況下,會自動開啟內容輔助。 按 Alt + / 鍵會呼叫內容輔助。
使用者定義的巨集 您可以利用內容輔助來存取使用者定義的範本(預先定義的程式碼片段),以協助您快速新增常用的標示組合。
元素選項 在「程式碼」頁面左側區域垂直邊框中的元素選項指示器,會根據游標位置來強調顯示包含正在編輯的元素所在的行號。
蹦現功能表選項 編輯器的蹦現功能表(可透過在編輯器的特定區域按一下滑鼠右鍵來存取)具有許多與工作台編輯功能表中相同的編輯選項。
拖放 「片段」視圖、「選用區」視圖和「展示區」視圖(連同「縮圖」視圖)中的物件可以拖放在「程式碼」頁面中游標所在的位置。 此外,當「顏色」視圖中的顏色和樣式表,被放在「程式碼」頁面時, 適當的標示便會套用至檔案上 (雖然您必須顯示「設計」視圖,才能看到所產生的效果)。 您也可以從外部來源(例如從 Microsoft® Internet Explorer 或是從檔案系統)拖曳物件。
複製和貼上 您可以從任何提供文字複製功能的編輯器或視圖(如程式碼編輯器和 Page Designer 中的「設計」頁面)中複製文字,再將它們貼在「片段」視圖中,來建立新的片段。
驗證 您可以開啟(或關閉)及配置喜好設定頁面中的選項,以便在輸入時驗證您的程式碼。選取視窗 > 喜好設定 > 工作台 > 編輯器 > 結構化文字編輯器,然後選取在輸入時分析註釋勾選框。
自訂 您可以自訂編輯器的外觀,比方說,顯示行號。 (視窗 > 喜好設定 > 工作台 > 編輯器 > 結構化文字編輯器)或視窗 > 喜好設定 > Web 和 XML > HTML 檔 > HTML 程式碼
您可以利用許多方法來輸入、插入或刪除「程式碼」頁面中的標示和文字。
  • 直接輸入標示。
  • 使用內容輔助來取得有效標示的提示。
  • 選取功能表項目。
  • 選取工具列按鈕。
  • 使用「內容」視圖變更標示。
如果要在「程式碼」頁面中編輯 HTML 或 JSP 檔,請遵循下列步驟:
  1. 在 Page Designer 中,開啟要用的 HTML 或 JSP 檔。 通常,您只要在「專案瀏覽器」視圖中,按兩下檔案就可以開啟它。 您可能需要按一下「程式碼」標籤。
  2. 依照需要,利用任何可用的特性來編輯程式碼。您可以利用敏捷點按兩下的行為,來選取屬性值、屬性值組和整個標示組,以快速更新、複製或移除內容。
  3. 您可以每隔一段時間,就格式化個別元素或整份文件,來還原元素和屬性的縮排,使檔案能更清楚呈現巢狀階層。
  4. 儲存檔案。
註: 當您在 Page Designer 的「程式碼」頁面上選取編輯 > 貼上時,可能會產生非預期的字串,如「無」。如果要暫時解決這個問題,請關閉「內容」視圖。
註: 當您開啟 Page Designer 並切換至「程式碼」頁面時,有時會顯示灰色視窗。如果要暫時解決這個問題,請稍微調整視窗大小,來重新繪製「程式碼」頁面。
相關概念
Page Designer
Web 應用程式概觀
Web 視景
相關工作
在「設計」頁面中工作
建立和編輯網頁
使用條款 | 讀者意見
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.