選取「檔案 > 頁面屬性」,或按一下文字「屬性」檢視窗中的「頁面屬性」按鈕。
- Dreamweaver 使用手冊
- 簡介
- Dreamweaver 和 Creative Cloud
- Dreamweaver 工作區和檢視
- 設定網站
- 管理檔案
- 版面和設計
- CSS
- 頁面內容和資產
- 設定頁面屬性
- 設定 CSS 標題屬性和 CSS 連結屬性
- 處理文字
- 尋找和取代文字、標籤和屬性
- DOM 面板
- 在即時檢視中編輯
- 在 Dreamweaver 中進行文件編碼
- 在文件視窗中選取並檢視元素
- 在屬性檢視窗中設定文字屬性
- 檢查網頁拼字
- 在 Dreamweaver 中使用水平線
- 在 Dreamweaver 中新增和修改字體組合
- 使用資源
- 在 Dreamweaver 中插入和更新日期
- 在 Dreamweaver 中建立和管理最愛資源
- 在 Dreamweaver 中插入及編輯影像
- 新增媒體物件
- 在 Dreamweaver 中加入視訊
- 插入 HTML5 視訊
- 插入 SWF 檔
- 新增音效效果
- 在 Dreamweaver 中插入 HTML5 音效
- 使用圖庫項目
- 在 Dreamweaver 中使用阿拉伯文和希伯來文文字
- 連結和導覽
- jQuery Widget 和效果
- 撰寫網站程式碼
- 關於在 Dreamweaver 中撰寫程式碼
- Dreamweaver 的程式碼撰寫環境
- 設定程式碼撰寫偏好設定
- 自訂程式碼色彩標示
- 撰寫和編輯程式碼
- 程式碼提示和程式碼完成
- 收合和展開程式碼
- 利用片段重複使用程式碼
- Lint 程式碼
- 最佳化程式碼
- 在設計檢視中編輯程式碼
- 使用頁面的檔頭內容
- 在 Dreamweaver 中插入伺服器端包含
- 在 Dreamweaver 中使用標籤資料庫
- 匯入自訂標籤到 Dreamweaver
- 使用 JavaScript 行為 (一般說明)
- 套用內建的 JavaScript 行為
- 關於 XML 與 XSLT
- 在 Dreamweaver 中執行伺服器端 XSL 轉換
- 在 Dreamweaver 中執行用戶端 XSL 轉換
- 在 Dreamweaver 中新增 XSLT 字元實體
- 格式化程式碼
- 跨產品工作流程
- 範本
- 行動裝置和多螢幕
- 動態網站、網頁和網站表單
- 以視覺化方式建立應用程式
- 測試、預覽和發佈網站
- 疑難排解
了解如何設定 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 而言則是必要的。