網(wǎng)頁設計與制作案例實戰(zhàn)教程課件 第4章 頁面與文本

第4章頁面與文本網(wǎng)頁設計與制作案例實戰(zhàn)教程目錄Contents4.1

頁面屬性4.2

創(chuàng)建文本4.3

設置網(wǎng)頁中的文本屬性4.4

在網(wǎng)頁中插入特殊元素4.5

課堂實戰(zhàn)4.6

課后練習4.1.1

設置外觀“頁面屬性”對話框中包括“外觀（CSS）”和“外觀（HTML）”2個選項卡，用戶可以在“外觀（CSS）”選項卡中設置網(wǎng)頁的基本頁面布局選項，包括字體、背景顏色、背景圖像等。1.設置頁面文字屬性2.設置背景屬性3.設置頁邊距4.1.2設置標題網(wǎng)頁標題是訪問網(wǎng)頁時瀏覽器標題欄中顯示的信息，可以幫助用戶快速了解網(wǎng)頁內(nèi)容。設置網(wǎng)頁標題有以下3種方式：1.新建文檔時設置2.使用“頁面屬性”對話框3.“代碼”視圖設置4.1.3實操案例：青木桌椅本案例將以青木桌椅網(wǎng)頁制作為例，對網(wǎng)頁標題及背景的添加進行介紹。目錄Contents4.1

頁面屬性4.2

創(chuàng)建文本4.3

設置網(wǎng)頁中的文本屬性4.4

在網(wǎng)頁中插入特殊元素4.5

課堂實戰(zhàn)4.6

課后練習4.2.1輸入文本Dreamweaver支持用戶直接在文檔中輸入文本，移動鼠標至需要輸入文本的地方輸入文字即可。4.2.2導入文本除了直接輸入文本外，用戶還可以導入外部的文檔添加文本信息。打開需要導入文本的網(wǎng)頁文件，從“文件”面板中選擇Word文檔，拖拽至文檔窗口中，在彈出的“插入文檔”對話框中設置參數(shù)。完成后單擊“確定”按鈕，即可插入文檔。目錄Contents4.1

頁面屬性4.2

創(chuàng)建文本4.3

設置網(wǎng)頁中的文本屬性4.4

在網(wǎng)頁中插入特殊元素4.5

課堂實戰(zhàn)4.6

課后練習4.3.1“屬性”面板“屬性”面板包括HTML屬性檢查器和CSS屬性檢查器兩部分內(nèi)容，其中在HTML屬性檢查器中可以設置文本的字體、大小、顏色、邊距等；在CSS屬性檢查器中可以通過層疊樣式表(CSS)設置文本格式。4.3.2設置文本格式“屬性”面板可以設置文本的字體、字號、顏色等參數(shù)，下面將對此進行介紹。1．設置字體在制作網(wǎng)頁時，一般使用宋體或黑體這兩種字體。2．設置字體顏色為文本設置顏色，可以突出文本信息，增強網(wǎng)頁的表現(xiàn)力。3．設置字號字號是指字體的大小，用戶可以在“屬性”面板中設置文字字號。4.3.3設置段落格式段落格式的設置可以使頁面中的文本更具條理性。1．設置段落格式選中文本段落，在HTML屬性檢查器中單擊“格式”右側的下拉按鈕，在彈出的列表中選擇格式即可設置段落格式。2．設置段落對齊方式段落對齊方式是指段落相對于文件窗口（或瀏覽器窗口）在水平位置的對齊方式，包括“左對齊”、“居中對齊”、“右對齊”和“兩端對齊”4種。3．設置段落縮進縮進是指文檔內(nèi)容相對于文檔窗口（或瀏覽器窗口）左端產(chǎn)生的間距。4.3.4設置文本樣式文本樣式是指文本的外觀顯示樣式，包括文本的粗體、斜體、下劃線和刪除線等。4.3.5使用列表在文檔中使用列表可以使文本結構更加清晰。用戶可以用現(xiàn)有文本或新文本床架編號列表、項目列表和定義列表。1.無序列表無序列表常應用于列舉類型的文本中。2.有序列表有序列表常應用于條款類型的文本中。3.定義列表定義列表不使用項目符號或數(shù)字等的前綴符，通常用于詞匯表或說明中。4.3.6實操案例：緣心志愿以緣心志愿網(wǎng)頁的制作為例，介紹文本的添加與設置。目錄Contents4.1

頁面屬性4.2

創(chuàng)建文本4.3

設置網(wǎng)頁中的文本屬性4.4

在網(wǎng)頁中插入特殊元素4.5

課堂實戰(zhàn)4.6

課后練習4.4.1插入特殊符號除了常規(guī)的字母、字符、數(shù)字外，在網(wǎng)頁中還可以插入特殊的符號，如商標符、版權符等。4.4.2插入水平線水平線可以幫助瀏覽者區(qū)分文章標題和正文，是網(wǎng)頁中常用到的元素。在網(wǎng)頁中插入水平線的方式非常簡單。執(zhí)行“插入>HTML>水平線”命令，即可在網(wǎng)頁中插入水平線。4.4.3插入日期日期是許多網(wǎng)頁中常見的內(nèi)容，用戶可以通過“插入”命令插入可更新的日期文字。4.4.4實操案例：綠其茶業(yè)本案例將以綠其茶業(yè)網(wǎng)頁中特殊元素的添加為例，對網(wǎng)頁特殊元素的應用進行介紹。目錄Contents4.1

頁面屬性4.2

創(chuàng)建文本4.3

設置網(wǎng)頁中的文本屬性4.4

在網(wǎng)頁中插入特殊元素4.5

課堂實戰(zhàn)4.6

課后練習4.5課堂實戰(zhàn)每日讀書本案例將以每日讀書網(wǎng)站首頁的制作為例，對網(wǎng)頁頁面的設計及文本的添加等進行介紹。目錄Contents4.1

頁面屬性4.2

創(chuàng)建文本4.3

設置網(wǎng)頁中的文本屬性4.4

在網(wǎng)頁