1 / 10

3.1.3 格式化文字

以下要將範例網站的網頁文字格式化，讓頁面內容格式能呈現一致性，看來更有條理，增加頁面的易讀性。 一、 加入網頁使用字體 請先於 屬性 面板按 鈕，進入 CSS 模式。. 3.1.3 格式化文字. 二、 設定文字格式 所謂文字格式是為選取區域加上段落 (<p>) 、標題 1~6 (<h1>~<h6>) 及預先格式化 (<pre>) 的 HTML 標籤。在網頁編輯文字段落時，應養成習慣將內容以文字格式加以定義，除了能以格式區分出標題、文字段落的不同，未來使用 CSS 樣式加以定義時即可馬上應用，不用再重新設定。. 三、 設定字體與大小.

emlyn
Download Presentation

3.1.3 格式化文字

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. 以下要將範例網站的網頁文字格式化，讓頁面內容格式能呈現一致性，看來更有條理，增加頁面的易讀性。以下要將範例網站的網頁文字格式化，讓頁面內容格式能呈現一致性，看來更有條理，增加頁面的易讀性。 一、 加入網頁使用字體 請先於 屬性 面板按 鈕，進入 CSS 模式。 3.1.3 格式化文字

  2. 二、 設定文字格式 • 所謂文字格式是為選取區域加上段落 (<p>)、標題 1~6 (<h1>~<h6>) 及預先格式化(<pre>) 的 HTML 標籤。在網頁編輯文字段落時，應養成習慣將內容以文字格式加以定義，除了能以格式區分出標題、文字段落的不同，未來使用 CSS 樣式加以定義時即可馬上應用，不用再重新設定。

  3. 三、 設定字體與大小

  4. 四、 設定文字顏色 • 同樣的，文字顏色必須在 CSS 模式中設定，以下將繼續設定使用的文字顏色，讓軟體自動更新剛才新增的 CSS 樣式：h1 的內容。

  5. 五、 設定文字編號清單 • 請於 屬性 面板按 鈕，以下要為文字設定上編號清單。

  6. 六、 設定文字粗體 • 在文字段落中要凸顯主題，除了考量文字的顏色、字體的使用及大小...等問題，其實最有效最快的方法就是為文字套用上粗體或斜體效果。

  7. 七、 設定文字對齊方式

  8. 3.2 水平線的設計 • 編輯網頁文字時，針對不同性質的文章或圖片，想要有所區隔，使用分行、分段落的方式似乎說服力不強，版面也不明顯。這時就可以插入水平線來分開這些不同性質的內容。

  9. 在這個網頁中我們要插入一條水平線，將兩個段落文字做一個區隔，讓網頁瀏覽的視覺效果能更清楚。在這個網頁中我們要插入一條水平線，將兩個段落文字做一個區隔，讓網頁瀏覽的視覺效果能更清楚。

More Related