《網(wǎng)頁(yè)制作》課件-項(xiàng)目三 文本──編排奧運(yùn)網(wǎng)頁(yè)

Dreamweaver8中文版

網(wǎng)頁(yè)制作基礎(chǔ)項(xiàng)目三文本──編排奧運(yùn)網(wǎng)頁(yè)任務(wù)一添加文本任務(wù)二

編排文本格式任務(wù)三完善網(wǎng)頁(yè)實(shí)訓(xùn)設(shè)置“奧林匹克會(huì)歌簡(jiǎn)介”文檔格式對(duì)網(wǎng)頁(yè)文本進(jìn)行編排，不僅可使網(wǎng)頁(yè)內(nèi)容更加充實(shí)，而且可使頁(yè)面更加美化。本項(xiàng)目以編排奧運(yùn)知識(shí)網(wǎng)頁(yè)為例，介紹在Dreamweaver8中對(duì)網(wǎng)頁(yè)文本進(jìn)行格式化的基本方法。在項(xiàng)目中，將按添加文本、編排文本格式、完善網(wǎng)頁(yè)的順序進(jìn)行介紹。

任務(wù)一添加文本需要掌握的內(nèi)容主要有：

1、創(chuàng)建網(wǎng)頁(yè)文件的基本方法

2、添加文本的基本方式

3、分段和換行的方法（1）從【起始頁(yè)】的【創(chuàng)建新項(xiàng)目】或【從范例創(chuàng)建】列表中選擇相應(yīng)命令。（2）在【文件】面板中站點(diǎn)根文件夾的右鍵快捷菜單中選擇【新建文件】命令。（3）在主菜單中選擇【文件】/【新建】命令或按Ctrl+N鍵。1、創(chuàng)建網(wǎng)頁(yè)文件的基本方法（1）直接輸入。（2）導(dǎo)入：在主菜單中選擇【文件】/【導(dǎo)入】/【W(wǎng)ord文檔】命令，打開(kāi)【導(dǎo)入Word文檔】對(duì)話框，選擇要導(dǎo)入的文件，設(shè)置【格式化】選項(xiàng)。（3）復(fù)制粘貼，特別是選擇性粘貼。2、添加文本的基本方式在文檔窗口中，每按一次Enter鍵就會(huì)生成一個(gè)段落。按Enter鍵的操作通常稱(chēng)為“硬回車(chē)”，段落就是帶有硬回車(chē)的文本組合。由硬回車(chē)生成的段落，其HTML標(biāo)簽是“<p>文本</p>”。使用硬回車(chē)劃分段落后，段落與段落之間會(huì)產(chǎn)生一個(gè)空行間距。如果希望文本換行后不產(chǎn)生段落間距，可以采取插入換行符的方法。插入換行符可以在主菜單中選擇【插入】／【HTML】／【特殊字符】／【換行符】命令，也可以按Shift+Enter

組合鍵。其HTML標(biāo)簽是“<br>”。使用換行符只能使文本換行，但這不等于重新開(kāi)始一個(gè)段落，只有按Enter鍵才是重新開(kāi)始一個(gè)段落。3、分段和換行任務(wù)二編排文本格式（一）設(shè)置文檔標(biāo)題格式（二）設(shè)置正文格式（一）設(shè)置文檔標(biāo)題格式

需要掌握的內(nèi)容主要有：

1、應(yīng)用標(biāo)題格式

2、定義標(biāo)題樣式

3、文本的對(duì)齊方式

1、應(yīng)用標(biāo)題格式

把光標(biāo)置于文檔標(biāo)題所在行，然后在【屬性】面板的【格式】下拉列表框中選擇相應(yīng)的選項(xiàng)。2、定義標(biāo)題樣式

打開(kāi)【頁(yè)面屬性】對(duì)話框，在【分類(lèi)】列表中選擇【標(biāo)題】選項(xiàng)，可以重新定義標(biāo)題字體、大小和顏色。

3、文本的對(duì)齊方式

文本的對(duì)齊方式通常有4種：【左對(duì)齊】、【居中對(duì)齊】、【右對(duì)齊】和【兩端對(duì)齊】?？梢酝ㄟ^(guò)【屬性】面板或【文本】／【對(duì)齊】級(jí)聯(lián)菜單命令來(lái)設(shè)置。

需要掌握的內(nèi)容主要有：

1、通過(guò)【頁(yè)面屬性】對(duì)話框設(shè)置文本屬性

2、通過(guò)【屬性】面板設(shè)置文本屬性

3、文本樣式

4、列表的應(yīng)用

5、文本的縮進(jìn)和凸出（二）設(shè)置正文格式在【屬性】面板中單擊【頁(yè)面屬性】按鈕打開(kāi)【頁(yè)面屬性】對(duì)話框，在【外觀】分類(lèi)中定義頁(yè)面文本的字體、大小和顏色。1、通過(guò)【頁(yè)面屬性】對(duì)話框設(shè)置文本屬性

在【屬性】面板的【字體】下拉列表框中選擇字體，在【大小】下拉列表框中選擇大小選項(xiàng)，在【顏色】文本框中定義顏色。

2、通過(guò)【屬性】面板設(shè)置文本屬性（1）通過(guò)【屬性】面板可以給文本設(shè)置粗體或斜體樣式。（2）在主菜單的【文本】／【樣式】中選擇相應(yīng)的命令也可以對(duì)文本設(shè)置簡(jiǎn)單的樣式，如“下劃線”、“刪除線”等。（3）在【插入】面板中選擇【文本】選項(xiàng)，將出現(xiàn)【文本】工具面板，從中單擊相應(yīng)的按鈕也可以設(shè)置粗體或斜體樣式。

3、文本的樣式設(shè)置列表的方法主要有：（1）通過(guò)【屬性】面板可以給文本設(shè)置項(xiàng)目列表或編號(hào)列表格式。（2）在主菜單的【文本】／【列表】中選擇相應(yīng)的命令也可以對(duì)文本設(shè)置列表格式。（3）在【插入】面板中選擇【文本】選項(xiàng)，在【文本】工具面板中單擊相應(yīng)的按鈕也可以設(shè)置列表格式。4、列表的應(yīng)用如果對(duì)默認(rèn)的列表不滿意，可以進(jìn)行修改。將光標(biāo)放置在列表中，然后在主菜單中選擇【文本】／【列表】／【屬性】命令，打開(kāi)【列表屬性】對(duì)話框進(jìn)行設(shè)置。設(shè)置文本縮進(jìn)或凸出的方法有：（1）在主菜單或右鍵快捷菜單中選擇【文本】／【縮進(jìn)】或【凸出】命令。（2）單擊【屬性】面板上的【縮進(jìn)】或【凸出】按鈕。5、文本的縮進(jìn)和凸出任務(wù)三完善網(wǎng)頁(yè)功能需要掌握的內(nèi)容主要有：

1、網(wǎng)頁(yè)背景和頁(yè)邊距

2、插入水平線

3、插入日期

4、設(shè)置瀏覽器標(biāo)題1、網(wǎng)頁(yè)背景和頁(yè)邊距在【頁(yè)面屬性】對(duì)話框的【外觀】分類(lèi)中設(shè)置背景圖像頁(yè)邊距。2、插入水平線插入水平線的主要有方法有：（1）在主菜單中選擇【插入】/【HTML】/【水平線】命令。（2）在【插入】/【HTML】面板中單擊（水平線）按鈕。3、插入日期

在主菜單中選擇【插入】／【日期】命令，打開(kāi)【插入日期】對(duì)話框進(jìn)行設(shè)置即可。只有選擇【儲(chǔ)存時(shí)自動(dòng)更新】復(fù)選框，才能夠做到單擊日期顯示日期編輯【屬性】面板，否則插入的日期僅僅是一段文本而已。

4、設(shè)置瀏覽器標(biāo)題主要有兩種設(shè)置方法：

1、打開(kāi)【頁(yè)面屬性】對(duì)話框，在【標(biāo)題/編碼】分類(lèi)的【標(biāo)題】文本框輸入標(biāo)題。

2、在【文檔】工具欄的【標(biāo)題】文本框輸入標(biāo)題。實(shí)訓(xùn)設(shè)置“奧林匹克會(huì)歌簡(jiǎn)介”文檔格式

本項(xiàng)目主要介紹了編排文本的基本方法，本實(shí)訓(xùn)將讓讀者進(jìn)一步鞏固所學(xué)的基本知識(shí)。要求：把“項(xiàng)目實(shí)訓(xùn)\素材”文件夾下的word文檔內(nèi)容復(fù)制粘貼到網(wǎng)頁(yè)文檔中，然后進(jìn)行格式設(shè)置。

制作“送孟浩然之廣陵”網(wǎng)頁(yè)

小結(jié)

本項(xiàng)目涉及的知識(shí)點(diǎn)概括起來(lái)主要有：（1）添加文本的方式，包括直接輸入、導(dǎo)入和復(fù)制粘貼；（2）【頁(yè)面屬性】的設(shè)置，包括頁(yè)面字體、文本大小、文本顏色