3 1 3
Download
1 / 10

3.1.3 格式化文字 - PowerPoint PPT Presentation


  • 98 Views
  • Uploaded on

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

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' 3.1.3 格式化文字' - emlyn


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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
3 1 3

以下要將範例網站的網頁文字格式化,讓頁面內容格式能呈現一致性,看來更有條理,增加頁面的易讀性。以下要將範例網站的網頁文字格式化,讓頁面內容格式能呈現一致性,看來更有條理,增加頁面的易讀性。

一、 加入網頁使用字體

請先於 屬性 面板按 鈕,進入 CSS 模式。

3.1.3 格式化文字


二、 設定文字格式以下要將範例網站的網頁文字格式化,讓頁面內容格式能呈現一致性,看來更有條理,增加頁面的易讀性。

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


三、 設定字體與大小以下要將範例網站的網頁文字格式化,讓頁面內容格式能呈現一致性,看來更有條理,增加頁面的易讀性。


四、 設定文字顏色以下要將範例網站的網頁文字格式化,讓頁面內容格式能呈現一致性,看來更有條理,增加頁面的易讀性。

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


五、 設定文字編號清單以下要將範例網站的網頁文字格式化,讓頁面內容格式能呈現一致性,看來更有條理,增加頁面的易讀性。

  • 請於 屬性 面板按 鈕,以下要為文字設定上編號清單。


六、 設定文字粗體以下要將範例網站的網頁文字格式化,讓頁面內容格式能呈現一致性,看來更有條理,增加頁面的易讀性。

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


七、 設定文字對齊方式以下要將範例網站的網頁文字格式化,讓頁面內容格式能呈現一致性,看來更有條理,增加頁面的易讀性。


3.2 以下要將範例網站的網頁文字格式化,讓頁面內容格式能呈現一致性,看來更有條理,增加頁面的易讀性。水平線的設計

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



ad