了解如何使用即時檢視或程式碼檢視,或者從 PSD 檔案中擷取文字和相關聯的屬性,來新增文字並設定格式。

新增文字到文件

若要將文字新增到 Dreamweaver 文件中,您可以直接在「文件」視窗中輸入文字,或是剪下及貼上文字。您也可以從其他文件匯入文字。

如果您要將文字貼到 Dreamweaver 文件中,您可以使用「貼上」或「貼上特殊效果」命令。「貼上特殊效果」命令讓您能以不同的方式指定貼上文字的格式。例如,如果您要將文字從格式化的 Microsoft Word 文件貼到 Dreamweaver 文件中,但是想要去除所有的格式,以便套用您自己的 CSS 樣式表到貼上的文字,您可以在 Word 中選取文字、將文字複製到剪貼簿,然後使用「貼上特殊效果」命令選取能讓您只貼上文字的選項。

使用「貼上」命令貼上其他應用程式的文字時,您可以設定貼上偏好設定為預設選項。

註解:

Control+V (Windows) 和 Command+V (Macintosh) 只能在「程式碼檢視」中貼上文字 (無格式)。

  1. 請執行下列其中一項作業,將文字加入至文件:
    • 使用 Extract 面板從您的 PSD 構圖擷取文字。如需詳細資訊,請參閱從 PSD 檔案複製文字
    • 直接在「文件」視窗中輸入文字。
    • 從其他應用程式複製文字、切換到 Dreamweaver、將插入點置於「文件」視窗的「設計」檢視中,然後再選取「編輯 > 貼上」或「編輯 > 貼上特殊效果」。

    選取「編輯 > 貼上特殊效果」時,您可以選取數種貼上格式選項。

    您也可以利用下列的鍵盤快速鍵來貼上文字:

     

    貼上選項

    鍵盤快速鍵

    貼上

    Control+V (Windows)

    Command+V (Macintosh)

    貼上特殊效果

    Control+Shift+V (Windows)

    Command+Shift+V (Macintosh)

     

插入特殊字元

有些特殊字元在 HTML 中是由名稱或數字來表示,稱為實體。HTML 包含了如版權符號 (©)、& 符號 (&) 和註冊商標符號 (®) 這類字元的實體名稱。每個實體都有一個名稱 (例如 —) 和數值表示法 (例如 —)。

註解:

HTML 會在程式碼中使用角括號 (<>),但是您有時會需要表示大於或小於之類的特殊字元,而不希望 Dreamweaver 將它們解譯為程式碼。在這種情況下,請使用 &#38;gt; 來表示大於 (>);使用 &#38;lt; 來表示小於 (<)。

可惜的是,許多舊版的瀏覽器不能正確地顯示許多命名的實體。

  1. 在「文件」視窗中,將插入點置於您要插入特殊字元的地方。
  2. 請執行下列其中一項作業:
    • 從「插入 > HTML > 字元」中,選取字元名稱。

    • 在「插入」面板的「HTML」類別中,按一下「字元」選項,然後從彈出式選單中選取字元。

    註解:

    有許多其他特殊字元可以使用;若要選取其中之一,請選取「插入 > HTML > 字元 > 其他...」,或按一下「插入」面板中「HTML」類別的「字元」按鈕,然後選取「其他字元」選項。從「插入其他字元」對話方塊中選取字元,然後按一下「確定」。

在字元之間加入空白

HTML 只允許字元之間有一個空白;若要在文件中加入額外空白,您必須插入不斷行空白。您可以設定偏好設定,在文件中自動加入不斷行空白。

插入不斷行空白

  1. 請執行下列其中一項作業:
    • 選取「插入 > HTML > 特殊字元 > 不斷行空白」。

    • 按 Control+Shift+空白鍵 (Windows) 或 Option+空白鍵 (Macintosh)。

    • 從「插入」面板中,選取「HTML」,按一下「字元」按鈕,然後選取「不斷行空白」選項。

設定偏好設定以新增不斷行空白

  1. 選取「編輯 > 偏好設定」(Windows) 或「Dreamweaver > 偏好設定」(Macintosh)。
  2. 在「一般」類別中,請確定已勾選「允許多個連續空白」。

加入段落間距

Dreamweaver 的運作方式和許多文書處理應用程式類似:按 Enter 鍵 (Windows) 或 Return 鍵 (Macintosh) 就可以建立新段落。網頁瀏覽器會自動在段落之間插入間隔的空白行。您可以在段落之間插入斷行符號,加入單行間距。

新增段落標記

  1. 按 Enter 鍵 (Windows) 或 Return 鍵 (Macintosh)。

新增斷行

  1. 請執行下列其中一項作業:
    • 按 Shift+Enter 鍵 (Windows) 或 Shift+Return 鍵 (Macintosh)。

    • 選取「插入 > HTML > 特殊字元 > 斷行」。

    • 從「插入」面板中,選取「HTML」,按一下「字元」按鈕,然後選取「斷行」。

建立項目清單和編號清單

您可以在「文件」視窗中從現有的文字或輸入的新文字,建立編號 (有順序) 清單、項目 (無順序) 清單和定義清單。

「定義」清單不使用類似項目點或編號的開頭字元,通常是使用於詞彙或描述。這些清單也可以是巢狀結構。巢狀結構清單就是在清單中還有其他清單。例如,您可以將編號清單或項目清單,以巢狀結構置於另一個編號清單內。

您可以使用「清單屬性」對話方塊,設定整個清單或個別清單項目的外觀。您可以設定數字樣式、重設編號,或者設定個別清單項目或整個清單的項目符號樣式選項。

建立新的清單

  1. 在 Dreamweaver 文件中,將插入點放在您要新增清單的地方,然後執行下列其中一項作業:
    • 在 HTML 屬性檢視窗中,按一下「編號清單」或「清單項目」。

    • 選取「插入 > HTML」,然後選取所要的清單類型 -「項目清單」或「編號清單」。

      所指定清單項目的開頭字元便會出現在「文件」視窗中。

  2. 輸入清單項目文字,然後按 Enter 鍵 (Windows) 或 Return 鍵 (Macintosh) 即可建立另一個清單項目。
  3. 若要結束這個清單,請按兩次 Enter 鍵 (Windows) 或按兩次 Return 鍵 (Macintosh)。

使用現有文字建立清單

  1. 選取要放到清單中的連續段落。
  2. 選取「插入 > HTML」,然後選取「項目清單」、「編號清單」或「清單項目」。

建立巢狀結構清單

  1. 選取您要建立為巢狀結構的清單項目。

  2. 以滑鼠右鍵按一下並選取「清單 > 縮排」。

    Dreamweaver 便會縮排文字,並且用原始清單的 HTML 屬性建立另一個清單。

  3. 請按照上述使用的相同程序,將新的清單類型或樣式套用到縮排的文字。

設定整個清單的清單屬性

  1. 請在「文件」視窗中至少建立一個清單項目。新的樣式將會自動套用到您新增到清單的額外項目。
  2. 將插入點置於清單項目的文字中,以滑鼠右鍵按一下並選取「清單 > 屬性」。系統便會顯示「清單屬性」對話方塊。

  3. 設定您要用來定義清單的選項:

    清單類型

    指定清單屬性,而「清單項目」則是指定清單中的個別項目。請使用彈出式選單來選取項目清單、編號清單、目錄清單或選單清單。對話方塊會依據您選取的「清單類型」顯示不同的選項。

    樣式

    決定使用於編號清單或項目清單的數字或項目符號的樣式。除非您對清單中的項目指定了新樣式,否則清單中所有項目都會使用這種樣式。

    計算起始值

    設定編號清單中第一個項目的值。

  4. 請按一下「確定」來設定選項。

設定清單項目的清單屬性

  1. 在「文件」視窗中,將插入點置於您要設定的清單項目文字中。
  2. 以滑鼠右鍵按一下並選取「清單 > 屬性」。

  3. 在「清單項目」下,設定您要定義的選項:

    新增樣式

    指定所選取清單項目的樣式。「新增樣式」選單中的樣式與「清單類型」選單中顯示的清單類型相關。例如,如果「清單項目」選單顯示的是「項目清單」,則「新增樣式」選單中只會出現項目符號選項。

    重設計算數目

    設定用來編號清單項目的特定數目。

  4. 請按一下「確定」來設定選項。

搜尋和取代文字

如需有關尋找和取代文字的詳細資訊,請參閱「尋找和取代文字」。

定義縮寫和首字縮寫

HTML 提供的標籤可讓您定義在頁面中供搜尋引擎、拼字檢查程式、語言翻譯程式或語音合成器使用的縮寫和首字縮寫。例如,您可能要在頁面中指定縮寫 ME 表示機械工程師,或使用首字縮寫 WHO 表示世界衛生組織。

  1. 在頁面的文字中選取縮寫或首字縮寫。
  2. 選取「插入 > HTML > 文字物件 > 縮寫」,或選取「插入 > HTML > 文字物件 > 首字縮寫」。
  3. 輸入首字縮寫或縮寫的完整文字。
  4. 輸入語言,例如 en 表示英文、de 表示德文、it 表示義大利文。

設定複製和貼上偏好設定

使用「編輯 > 貼上」來貼上其他應用程式的文字時,您可以設定特殊的貼上偏好設定為預設選項。例如,如果您總是要將文字貼成純文字,或含有基本格式的文字,您可以在「複製/貼上偏好設定」對話方塊中設定預設選項。

註解:

如果您要將文字貼到 Dreamweaver 文件中,您可以使用「貼上」或「貼上特殊效果」命令。「貼上特殊效果」命令讓您能以不同的方式指定貼上文字的格式。例如,如果您要將文字從格式化的 Microsoft Word 文件貼到 Dreamweaver 文件中,但是想要去除所有的格式,以便套用您自己的 CSS 樣式表到貼上的文字,您可以在 Word 中選取文字、將文字複製到剪貼簿,然後使用「貼上特殊效果」命令選取能讓您只貼上文字的選項。

註解:

在「複製/貼上偏好設定」對話方塊中設定的偏好設定,只會套用至貼到「設計檢視」中的資料。

  1. 選取「編輯 > 偏好設定」(Windows) 或「Dreamweaver > 偏好設定」(Macintosh)。
  2. 按一下「複製/貼上」類別。
  3. 設定下列選項,然後按一下「確定」。

    只有文字

    可讓您貼上未格式化的文字。如果原始文字已經格式化,所有格式 (包括斷行和段落) 都會移除。

    具有結構的文字

    可讓您貼上保有結構的文字,但是不會保留基本格式。 例如,您可以貼上文字並且保留段落、清單和表格的結構,但是不保留粗體、斜體和其他格式。

    具有結構與基本格式的文字

    可讓您同時貼上具有結構和簡易 HTML 格式的文字 (例如,段落和表格以及以 biustrongemhrabbracronym 標籤格式化的文字)。

    具有結構與完整格式的文字

    可讓您貼上保留所有結構、HTML 格式和 CSS 樣式的文字。

    註解:

    「完整格式」選項無法保留來自外部樣式表的 CSS 樣式,如果做為貼上來源的應用程式在貼到剪貼簿時沒有保留樣式,則此選項也無法保留樣式。

    保留斷行

    可讓您保留所貼上文字的斷行。 如果您已選取「只有文字」,就無法使用這個選項。

    清理 Word 段落間距

    如果已選取「具有結構的文字」或「具有結構與基本格式的文字」,並且想要在貼上文字時清除段落之間的額外間距,請選取這個選項。

    將智慧型引號轉換為直線引號可將智慧型引號轉換為直線引號。

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策