了解如何設定 Dreamweaver 頁面的 HTML 頁面屬性和 CSS 屬性,例如字體、背景顏色和背景影像屬性。

您可以使用「頁面屬性」對話方塊 (「檔案 > 頁面屬性」),為每一個在 Dreamweaver 中建立的頁面指定版面和格式化屬性。「頁面屬性」對話方塊可讓您指定頁面的預設字體系列和字體大小、背景顏色、邊界、連結樣式,以及許多頁面設計的其他方面。您可以指定每個新建立頁面的新增頁面屬性,並修改現有頁面的屬性。您在「頁面屬性」對話方塊中所做的變更,都會套用至整個網頁。

Dreamweaver 提供兩種修改頁面屬性的方法:CSS 或 HTML。Adobe 建議使用 CSS 設定背景及修改頁面屬性。

註解:

您所選擇的頁面屬性只會套用至作用中文件。如果頁面使用外部 CSS 樣式表,Dreamweaver 便不會覆寫樣式表中所設定的標籤,因為這會影響到所有使用該樣式表的其他頁面。

設定 CSS 頁面字體、背景顏色和背景影像屬性

使用「頁面屬性」對話方塊,為您的網頁指定數個基本頁面版面選項,包括字體、背景顏色和背景影像。

  1. 選取「檔案 > 頁面屬性」,或按一下文字「屬性」檢視窗中的「頁面屬性」按鈕。

  2. 選取「外觀 (CSS)」類別並設定選項。

    頁面字體

    指定要在網頁中使用的預設字體系列。Dreamweaver 將會使用您所指定的字體系列,除非對文字元素特別設定另一種字體。

    大小

    指定要在網頁中使用的預設字體大小。Dreamweaver 將會使用您所指定的字體大小,除非對文字元素特別設定另一種字體大小。

    文字顏色

    指定用來呈現字體的預設顏色。

    背景顏色

    設定頁面的背景顏色。按一下「背景顏色」方塊,然後在檢色器中選取顏色。

    背景影像

    設定背景影像。按一下「瀏覽」按鈕,然後瀏覽及選取影像 或者,在「背景影像」方塊中輸入背景影像的路徑。

    如果背景影像沒有填滿整個視窗時,Dreamweaver 會並排顯示 (重複) 該背景影像,就像瀏覽器的顯示一樣 (若要避免背景影像並排顯示,請使用「串接樣式表」來停用影像並排顯示)。

    重複

    定義背景影像在網頁中的顯示方式:

    • 選取「不重複」選項,背景影像便只會顯示一次。

    • 選取「重複」選項,便會以水平和垂直排列方式重複 (並排) 顯示背景影像。

    • 選取「水平重複」選項,會以水平排列方式顯示影像。

    • 選取「垂直重複」選項,會以垂直排列方式顯示影像。

    左邊界和右邊界

    指定頁面左右邊界的大小。

    上邊界和下邊界

    指定頁面上下邊界的大小。

設定 HTML 頁面屬性

在「頁面屬性」對話方塊的這個類別中設定屬性,會產生網頁的 HTML 格式,而非 CSS 格式。

  1. 選取「檔案 > 頁面屬性」,或按一下文字「屬性」檢視窗中的「頁面屬性」按鈕。

  2. 選取「外觀 (HTML)」類別並設定選項。

    背景影像

    設定背景影像。按一下「瀏覽」按鈕,然後瀏覽及選取影像 或者,在「背景影像」方塊中輸入背景影像的路徑。

    如果背景影像沒有填滿整個視窗時,Dreamweaver 會並排顯示 (重複) 該背景影像,就像瀏覽器的顯示一樣 (若要避免背景影像並排顯示,請使用「串接樣式表」來停用影像並排顯示)。

    背景

    設定頁面的背景顏色。按一下「背景顏色」方塊,然後在檢色器中選取顏色。

    文字

    指定用來呈現字體的預設顏色。

    連結

    指定要套用至連結文字的顏色。

    已瀏覽連結

    指定要套用至已瀏覽連結的顏色。

    作用中的連結

    指定當滑鼠 (或指標) 按一下連結時,要套用的顏色。

    左邊界和右邊界

    指定頁面左右邊界的大小。

    上邊界和下邊界

    指定頁面上下邊界的大小。

設定頁面的標題和編碼方式屬性

「頁面屬性」中的「標題/編碼方式」選項可讓您根據撰寫網頁所使用的語言,指定專屬的文件編碼方式類型;此外,這些選項也可讓您針對該編碼方式類型,指定所要使用的 Unicode 標準化格式。

  1. 請執行下列其中一項作業:

    • 按一下「檔案 > 頁面屬性」
    • 按一下「視窗 > 屬性」,然後按一下文字屬性檢視窗中的「頁面屬性」。
  2. 從「頁面屬性」面板中,選取「標題/編碼方式」。您可以設定下列選項:

    • 標題:指定出現在「文件」視窗和大多數瀏覽器視窗標題列中的頁面標題。
    • 文件類型 (DTD):指定文件類型定義。例如,您可以從彈出式選單中選取「XHTML 1.0 Transitional」或「XHTML 1.0 Strict」,使 HTML 文件與 XHTML 相容。
    • 編碼方式:指定文件中字元所使用的編碼方式。如果選取 Unicode (UTF-8) 為文件編碼方式,便不需要再使用實體編碼方式,因為 UTF-8 可以安全地呈現所有的字元。但若選取了其他的文件編碼方式,則可能需要實體編碼方式才能夠表示某些字元。如需字元實體的詳細資訊,請參閱 www.w3.org/TR/REC-html40/sgml/entities.html
    • 重新載入:使用新的編碼方式,轉換現有的文件或重新開啟文件。
    • Unicode 標準化格式:只會在您選取 UTF-8 當作文件編碼方式時啟用。Unicode 標準化格式有四種類型。最重要的一種是「標準化格式 C」,因為這是全球資訊網中字元模型 (Character Model) 最常用的格式。為求完整起見,Adobe 也提供其餘三種 Unicode 標準化格式。在 Unicode 中,某些字元看起來很相似,但卻能以不同方式儲存於文件中。例如,「ë」(e 母音變化) 可以表示為「e 母音變化」單一字元,也可以表示為「一般拉丁字母 e」+「組合母音變化」兩個字元。Unicode 組合字元是與前一個字元一起使用的字元,因此母音變化可能出現在「拉丁字母 e」的上面。這兩種格式的印刷樣式結果看起來完全一樣,但是儲存至檔案的內容卻不相同。標準化程序是為了確保所有能以不同格式儲存的字元都會使用相同的格式儲存。也就是說,文件中所有的「ë」字元都儲存成單一的「e 母音變化」,或者都儲存成「e」+「組合母音變化」,所以一份文件中不至於同時出現兩種格式。如需有關 Unicode 標準化以及可供使用的特定格式之詳細資訊,請查閱 Unicode 網站,網址為:www.unicode.org/reports/tr15
    • 包含 Unicode 簽名 (BOM):在文件中包含位元組順序標記 (BOM)。BOM 是位於文字檔開頭處的 2 到 4 個位元組,用來識別檔案為 Unicode,而且若有 BOM 的話,也會指出後續位元組的位元順序。由於 UTF-8 沒有位元順序,所以加入 UTF-8 BOM 是選擇性的動作。但對 UTF-16 和 UTF-32 而言則是必要的。

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

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