3.1 3.1 網頁文字的編輯網頁文字的編輯

• 在開始進行文字編輯前，必須具備一個正確觀念：確認文章的段落，並事先歸納出哪一段要當做標題、副標亦或是內文？要設定何種樣式？如此在進行後續的各項文字編輯時，才能事半功倍喔！

3.1.1 認識文字格式屬性面板

• 以往在編輯文字時，都習慣在 屬性 面板上直接設定文字的格式，但對於網站版面的統一性、便利性總有些不周全。所以在新一代 Dreamweaver CS4 中，對於文字格式的設定區分為 HTML 與 CSS 二種不同的方式。當套用 HTML 格式時， Dreamweaver 會將屬性加入至網頁內文的 HTML 程式碼中。當套用 CSS 格式時， Dreamweaver 會將屬性寫入文件標題或不同的樣式表中。

一、 在屬性面板中設定 HTML 格式

二、 在屬性面板中設定 CSS 樣式

三、 在屬性面板使用 HTML 與 CSS 模式的時機

• 當設定文字段落格式 ( 這裡指 HTML 的基本標籤，如：段落 <p> 、標題 1 <h1> 、粗體、斜體、項目及編號清單與縮排凸排 ... 等 ) ，因為屬於 HTML 的標籤屬性內容，就必須於 HTML 模式設定。其他較特別的如： ID 值、連結、標題、目標，也是 HTML 的標籤所管理，也必須在 HTML 模式下設定。

• 但是就文字本身的字體、大小、顏色、粗體、斜體與對齊，建議就於 CSS 模式設定，在設定的同時即可自動產生 CSS 樣式，並能套用到頁面上其他相同屬性的文字上。未來套用相同 CSS 樣式的部份若必須調整時，只要修改 CSS 樣式的內容，即能將所有套用的地方一起修改。

3.1.2 文字輸入的方式

• 文字輸入，在 Dreamweaver 網頁製作中可以說是最簡單的，因為輸入方式與一般在其他文書軟體中習慣編輯方法十分類似；在編輯區中輸入文字的方式與記事本或是 Word 軟體相同，它的排列方式由左至右，遇到編輯區的邊界時會自動折行。

一、 確定網頁編碼

二、 文字檔複製內容1. 在 檔案 面板 <tokyotravel \ txt> 資料夾中有一個 <ab

out.txt> 文字檔，請於此檔案上方連按二下滑鼠左鍵開啟文字檔，進行如下設定。

2. 選按頁面標籤回到 <about.htm> 的網頁編輯區，再選按功能表列 編輯 \ 貼上 或按 Ctrl + V 鍵將剛才複製的純文字貼上去，所有的文字即會保留原有的段落與文字屬性設定，展現在網頁上呢！