1 / 10

3.1 網頁文字的編輯

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

liza
Download Presentation

3.1 網頁文字的編輯

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

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

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

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

  5. 三、 在屬性面板使用 HTML 與 CSS 模式的時機 • 當設定文字段落格式 (這裡指 HTML 的基本標籤，如：段落 <p>、標題1 <h1>、粗體、斜體、項目及編號清單與縮排凸排...等)，因為屬於 HTML 的標籤屬性內容，就必須於HTML 模式設定。其他較特別的如：ID 值、連結、標題、目標，也是 HTML 的標籤所管理，也必須在 HTML 模式下設定。 • 但是就文字本身的字體、大小、顏色、粗體、斜體與對齊，建議就於 CSS 模式設定，在設定的同時即可自動產生 CSS 樣式，並能套用到頁面上其他相同屬性的文字上。未來套用相同 CSS 樣式的部份若必須調整時，只要修改 CSS 樣式的內容，即能將所有套用的地方一起修改。

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

  7. 一、 確定網頁編碼

  8. 二、 文字檔複製內容 1. 在 檔案 面板 <tokyotravel \ txt> 資料夾中有一個 <about.txt> 文字檔，請於此檔案上方連按二下滑鼠左鍵開啟文字檔，進行如下設定。

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

More Related