設定頁面屬性

上次更新時間 2023年9月25日

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

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

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

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

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

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

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

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

頁面字體

指定要在網頁中使用的預設字體系列。 Dreamweaver 會使用您指定的字型系列,除非文字元素 特別設定其他字型。

大小

指定要在網頁中使用的預設字體大小。 Dreamweaver 會使用您指定的字級,除非文字元素 特別設定其他字級。

文字顏色

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

背景顏色

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

背景影像

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

如果背景影像無法填滿整個視窗, Dreamweaver 會並排顯示 (重複) 背景影像, 就像瀏覽器一樣。(若要防止背景影像並排顯示, 請使用 階層式樣式表 停用影像 並排顯示功能。)

重複

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

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

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

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

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

左邊界和右邊界

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

上邊界和下邊界

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

設定 HTML 頁面屬性

在「頁面屬性」對話框的此類別中設定屬性會使您的頁面產生 HTML 而非 CSS 格式設定。

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

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

背景影像

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

如果背景影像無法填滿整個視窗, Dreamweaver 會並排顯示 (重複) 背景影像, 就像瀏覽器一樣。(若要防止背景影像並排顯示,請使用 階層式樣式表 來停用影像並排顯示。)

背景

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

文字

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

連結

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

已瀏覽連結

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

作用中的連結

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

左邊界和右邊界

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

上邊界和下邊界

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

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

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

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

  • 按一下「檔案 > 頁面屬性」
  • 按一下「視窗 > 屬性」,然後按一下文字屬性檢視窗中的「頁面屬性」。

從「頁面屬性」面板中,選取「標題/編碼方式」。 您可以設定下列選項:

  • 標題:指定出現在「文件」視窗和大多數瀏覽器視窗標題列中的頁面標題。
  • 文件類型 (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 而言則是必要的。