Dreamweaver-CS5實(shí)例教程-課件2

Dreamweaver-CS5實(shí)例教程-課件21

本章簡(jiǎn)介：

不管網(wǎng)頁(yè)內(nèi)容如何豐富，文本自始至終都是網(wǎng)頁(yè)中最基本的元素。由于文本產(chǎn)生的信息量大，輸入、編輯起來(lái)方便，并且生成的文件小，容易被瀏覽器下載，不會(huì)占用太多的等待時(shí)間，因此掌握好文本的使用，對(duì)于制作網(wǎng)頁(yè)來(lái)說(shuō)是最基本的要求。第2章文本與文檔本章簡(jiǎn)介：第2章文本與文檔2課堂學(xué)習(xí)目標(biāo)文本與文檔項(xiàng)目符號(hào)和編號(hào)列表水平線、網(wǎng)格與標(biāo)尺課堂學(xué)習(xí)目標(biāo)文本與文檔32.1文本與文檔課堂案例——精裝別墅網(wǎng)頁(yè)輸入文本設(shè)置文本屬性輸入連續(xù)的空格設(shè)置是否顯示不可見(jiàn)元素設(shè)置頁(yè)邊距設(shè)置網(wǎng)頁(yè)的標(biāo)題設(shè)置網(wǎng)頁(yè)的默認(rèn)格式課堂案例——西點(diǎn)美食網(wǎng)頁(yè)改變文本的大小改變文本的顏色改變文本的字體改變文本的對(duì)齊方式設(shè)置文本樣式段落文本2.1文本與文檔課堂案例——精裝別墅網(wǎng)頁(yè)42.1.1課堂案例——精裝別墅網(wǎng)頁(yè)

使用“頁(yè)面屬性”命令設(shè)置頁(yè)面外觀、網(wǎng)頁(yè)標(biāo)題效果，使用“首選參數(shù)”命令設(shè)置允許多個(gè)連續(xù)空格、顯示不可見(jiàn)元素效果。效果圖2.1.1課堂案例——精裝別墅網(wǎng)頁(yè) 使用“頁(yè)面屬性”命令52.1.2輸入文本

應(yīng)用DreamweaverCS5編輯網(wǎng)頁(yè)時(shí)，在文檔窗口中光標(biāo)為默認(rèn)顯示狀態(tài)。要添加文本，首先應(yīng)將光標(biāo)移動(dòng)到文檔窗口中的編輯區(qū)域，然后直接輸入文本，就像在其他文本編輯器中一樣。打開(kāi)一個(gè)文檔，在文檔中單擊鼠標(biāo)左鍵，將光標(biāo)置于其中，然后在光標(biāo)后面輸入文本。 2.1.2輸入文本 應(yīng)用DreamweaverCS562.1.3設(shè)置文本屬性

利用文本屬性可以方便地修改選中文本的字體、字號(hào)、樣式、對(duì)齊方式等，以獲得預(yù)期的效果。 2.1.3設(shè)置文本屬性 利用文本屬性可以方便地修改選中72.1.4輸入連續(xù)的空格

在默認(rèn)狀態(tài)下，DreamweaverCS5只允許網(wǎng)站設(shè)計(jì)者輸入一個(gè)空格，要輸入連續(xù)多個(gè)空格則需要進(jìn)行設(shè)置或通過(guò)特定操作才能實(shí)現(xiàn)。2.1.4輸入連續(xù)的空格 在默認(rèn)狀態(tài)下，Dreamwea82.1.5設(shè)置是否顯示不可見(jiàn)元素

在網(wǎng)頁(yè)的設(shè)計(jì)視圖中，有一些元素僅用來(lái)標(biāo)志該元素的位置，而在瀏覽器中是不可見(jiàn)的。例如，腳本圖標(biāo)是用來(lái)標(biāo)志文檔正文中的Javascript或Vbscript代碼的位置，換行符圖標(biāo)是用來(lái)標(biāo)志每個(gè)換行符<br>的位置等。在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，為了快速找到這些不可見(jiàn)元素的位置，常常改變這些元素在設(shè)計(jì)視圖中的可見(jiàn)性。2.1.5設(shè)置是否顯示不可見(jiàn)元素 在網(wǎng)頁(yè)的設(shè)計(jì)視圖中，有92.1.6設(shè)置頁(yè)邊距

按照文章的書(shū)寫(xiě)規(guī)則，正文與紙的四周需要留有一定的距離，這個(gè)距離叫頁(yè)邊距。網(wǎng)頁(yè)設(shè)計(jì)也如此，在默認(rèn)狀態(tài)下文檔的上、下、左、右邊距不為零。 修改頁(yè)邊距的具體操作步驟如下。 （1）選擇“修改>頁(yè)面屬性”命令，彈出“頁(yè)面屬性”對(duì)話框。 （2）根據(jù)需要在對(duì)話框的“左邊距”、“右邊距”、“上邊距”、“下邊距”、“邊距寬度”和“邊距高度”選項(xiàng)的數(shù)值框中輸入相應(yīng)的數(shù)值。2.1.6設(shè)置頁(yè)邊距 按照文章的書(shū)寫(xiě)規(guī)則，正文與紙的四周102.1.7設(shè)置網(wǎng)頁(yè)的標(biāo)題 HTML頁(yè)面的標(biāo)題可以幫助站點(diǎn)瀏覽者理解所查看網(wǎng)頁(yè)的內(nèi)容，并在瀏覽者的歷史記錄和書(shū)簽列表中標(biāo)志頁(yè)面。文檔的文件名是通過(guò)保存文件命令保存的網(wǎng)頁(yè)文件名稱，而頁(yè)面標(biāo)題是瀏覽者在瀏覽網(wǎng)頁(yè)時(shí)瀏覽器標(biāo)題欄中顯示的信息。 2.1.7設(shè)置網(wǎng)頁(yè)的標(biāo)題 HTML頁(yè)面的標(biāo)題可以幫助112.1.8設(shè)置網(wǎng)頁(yè)的默認(rèn)格式

用戶在制作新網(wǎng)頁(yè)時(shí)，頁(yè)面都有一些默認(rèn)的屬性，比如網(wǎng)頁(yè)的標(biāo)題、網(wǎng)頁(yè)邊界、文字編碼、文字顏色和超鏈接的顏色等。若需要修改網(wǎng)頁(yè)的頁(yè)面屬性，可選擇“修改>頁(yè)面屬性”命令，在彈出“頁(yè)面屬性”對(duì)話框中進(jìn)行修改。2.1.8設(shè)置網(wǎng)頁(yè)的默認(rèn)格式 用戶在制作新網(wǎng)頁(yè)時(shí)，頁(yè)面122.1.9課堂案例——西點(diǎn)美食網(wǎng)頁(yè)

使用屬性面板設(shè)置文字大小、顏色及字體。 效果圖2.1.9課堂案例——西點(diǎn)美食網(wǎng)頁(yè) 使用屬性面板設(shè)置文字大13 DreamweaverCS5提供兩種改變文本大小的方法，一種是設(shè)置文本的默認(rèn)大小，一種是設(shè)置選中文本的大小。2.1.10改變文本的大小 DreamweaverCS5提供兩種改變文本大小的方法14

豐富的視覺(jué)色彩可以吸引用戶的注意，網(wǎng)頁(yè)中的文本不僅可以是黑色，還可以呈現(xiàn)為其他色彩，最多時(shí)可達(dá)到16777216種顏色。顏色的種類與用戶顯示器的分辨率和顏色值有關(guān)，所以，通常在216種網(wǎng)頁(yè)色彩中選擇文字的顏色。2.1.11改變文本的顏色 豐富的視覺(jué)色彩可以吸引用戶的注意，網(wǎng)頁(yè)中的文本不僅可以15 DreamweaverCS5提供了兩種改變文本字體的方法，一種是設(shè)置文本的默認(rèn)字體，一種是設(shè)置選中文本的字體。2.1.12改變文本的字體 DreamweaverCS5提供了兩種改變文本字體的16

文本的對(duì)齊方式是指文字相對(duì)于文檔窗口或?yàn)g覽器窗口在水平位置的對(duì)齊方式。對(duì)齊方式按鈕有以下4種。 “左對(duì)齊”按鈕：使文本在瀏覽器窗口中左對(duì)齊。 “居中對(duì)齊”按鈕：使文本在瀏覽器窗口中居中對(duì)齊。 “右對(duì)齊”按鈕：使文本在瀏覽器窗口中右對(duì)齊。 “兩端對(duì)齊”按鈕：使文本在瀏覽器窗口中兩端對(duì)齊。2.1.13改變文本的對(duì)齊方式 文本的對(duì)齊方式是指文字相對(duì)于文檔窗口或?yàn)g覽器窗口在水平17

文本樣式是指字符的外觀顯示方式，例如加粗文本、傾斜文本和文本加下劃線等。2.1.14設(shè)置文本樣式 文本樣式是指字符的外觀顯示方式，例如加粗文本、傾斜文本18

段落是指描述一個(gè)主題并且格式統(tǒng)一的一段文字。在文檔窗口中，輸入一段文字后按Enter鍵，這段文字就顯示在<P>……</P>標(biāo)簽中。2.1.15段落文本 段落是指描述一個(gè)主題并且格式統(tǒng)一的一段文字。在文檔窗口192.2項(xiàng)目符號(hào)和編號(hào)列表課堂案例——快樂(lè)購(gòu)物網(wǎng)頁(yè)設(shè)置項(xiàng)目符號(hào)或編號(hào)修改項(xiàng)目符號(hào)或編號(hào)設(shè)置文本縮進(jìn)格式插入日期特殊字符插入換行符2.2項(xiàng)目符號(hào)和編號(hào)列表課堂案例——快樂(lè)購(gòu)物網(wǎng)頁(yè)202.2.1課堂案例——快樂(lè)購(gòu)物網(wǎng)頁(yè)

使用“項(xiàng)目列表”按鈕創(chuàng)建列表。使用“屬性”命令改變列表的樣式。使用“文本縮進(jìn)”和“文本凸出”按鈕創(chuàng)建下級(jí)列表。 效果圖2.2.1課堂案例——快樂(lè)購(gòu)物網(wǎng)頁(yè) 使用“項(xiàng)目列表”按鈕21

通過(guò)項(xiàng)目列表或編號(hào)列表按鈕設(shè)置項(xiàng)目符號(hào)或編號(hào)，步驟如下。 （1）選擇段落。 （2）在“屬性”面板中，單擊“項(xiàng)目列表”按鈕或“編號(hào)列表”按鈕，為文本添加項(xiàng)目符號(hào)或編號(hào)。 通過(guò)列表設(shè)置項(xiàng)目符號(hào)或編號(hào)，步驟如下。 （1）選擇段落。 （2）選擇“文本>列表”命令，彈出其子菜單，選擇“項(xiàng)目列表”或“編號(hào)列表”命令。2.2.2設(shè)置項(xiàng)目符號(hào)或編號(hào) 通過(guò)項(xiàng)目列表或編號(hào)列表按鈕設(shè)置項(xiàng)目符號(hào)或編號(hào)，步驟如下。22

（1）將插入點(diǎn)放在設(shè)置項(xiàng)目符號(hào)或編號(hào)的文本中。 （2）通過(guò)以下幾種方法啟動(dòng)“列表屬性”對(duì)話框。 單擊“屬性”面板中的“列表項(xiàng)目”按鈕。 選擇“文本>列表>屬性”命令。2.2.3修改項(xiàng)目符號(hào)或編號(hào) （1）將插入點(diǎn)放在設(shè)置項(xiàng)目符號(hào)或編號(hào)的文本中。2.2.323

設(shè)置文本縮進(jìn)格式有以下幾種方法。在“屬性”面板中單擊“文本縮進(jìn)”按鈕或“文本凸出”按鈕，使段落向右移動(dòng)或向左移動(dòng)。選擇“格式>縮進(jìn)”或“格式>凸出”命令，使段落向右移動(dòng)或向左移動(dòng)。按<Ctrl+Alt+]>快捷鍵或<Ctrl+Alt+[>快捷鍵，使段落向右移動(dòng)或向左移動(dòng)。2.2.4設(shè)置文本縮進(jìn)格式 設(shè)置文本縮進(jìn)格式有以下幾種方法。2.2.4設(shè)置文本縮進(jìn)24

（1）在文檔窗口中，將插入點(diǎn)放置在想要插入對(duì)象的位置。 （2）通過(guò)以下幾種方法啟動(dòng)“插入日期”對(duì)話框。 選擇“插入”面板的“常用”選項(xiàng)卡，單擊“日期”工具按鈕。 選擇“插入記錄>日期”命令。 （3）選擇相應(yīng)的日期和時(shí)間的格式，單擊“確定”按鈕完成設(shè)置。2.2.5插入日期 （1）在文檔窗口中，將插入點(diǎn)放置在想要插入對(duì)象的位置。2.25

在網(wǎng)頁(yè)中插入特殊字符，有以下幾種方法。單擊“字符”展開(kāi)式工具按鈕。選擇“插入”面板的“文本”選項(xiàng)卡，單擊“字符”展開(kāi)式工具按鈕，彈出12個(gè)特殊字符按鈕。在其中選擇需要的特殊字符的工具按鈕，即可插入特殊字符。2.2.6特殊字符 在網(wǎng)頁(yè)中插入特殊字符，有以下幾種方法。2.2.6特殊字26

為段落添加換行符有以下幾種方法。選擇“插入”面板的“文本”選項(xiàng)卡，單擊“字符”展開(kāi)式工具按鈕，選擇“換行符”。按<Shift+Enter>快捷鍵。選擇“插入記錄>HTML>特殊字符>換行符”命令。2.2.7插入換行符 為段落添加換行符有以下幾種方法。2.2.7插入換行符272.3水平線、網(wǎng)格與標(biāo)尺課堂案例——辦公用品網(wǎng)頁(yè)水平線顯示和隱藏網(wǎng)格標(biāo)尺2.3水平線、網(wǎng)格與標(biāo)尺課堂案例——辦公用品網(wǎng)頁(yè)282.3.1課堂案例——辦公用品網(wǎng)頁(yè)

使用“水平線”命令在文檔中插入水平線。使用“屬性”面板改變水平線的高度和寬度。使用代碼改變水平線的顏色。效果圖2.3.1課堂案例——辦公用品網(wǎng)頁(yè) 使用“水平線”命令在29

分割線又叫做水平線，可以將文字、圖像、表格等對(duì)象在視覺(jué)上分割開(kāi)。一篇內(nèi)容繁雜的文檔，如果合理地放置幾條水平線，就會(huì)變得層次分明，便于閱讀。2.3.2水平線 分割線又叫做水平線，可以將文字、圖像、表格等對(duì)象在視覺(jué)30

使用網(wǎng)格可以更加方便地定位網(wǎng)頁(yè)元素，在網(wǎng)頁(yè)布局時(shí)網(wǎng)格也具有至關(guān)重要的作用。2.3.3顯示和隱藏網(wǎng)格 使用網(wǎng)格可以更加方便地定位網(wǎng)頁(yè)元素，在網(wǎng)頁(yè)布局時(shí)網(wǎng)格也31

標(biāo)尺顯示在文檔窗口的頁(yè)面上方和左側(cè)，用以標(biāo)志網(wǎng)頁(yè)元素的位置。標(biāo)尺的單位分為像素、英寸和厘米。2.3.4標(biāo)尺 標(biāo)尺顯示在文檔窗口的頁(yè)面上方和左側(cè)，用以標(biāo)志網(wǎng)頁(yè)元素的322.4課堂練習(xí)——美容精油網(wǎng)頁(yè)

使用“頁(yè)面屬性”命令設(shè)置邊距和文字大小。使用“首選參數(shù)”命令設(shè)置允許多個(gè)連續(xù)空格效果。

效果圖2.4課堂練習(xí)——美容精油網(wǎng)頁(yè) 使用“頁(yè)面屬性”332.5課堂練習(xí)——婚禮策劃網(wǎng)頁(yè)

使用“修改”命令設(shè)置頁(yè)面外觀、網(wǎng)頁(yè)標(biāo)題效果。使用“屬性”面板改變文字的大小。使用“編輯字體列表”命令改變文字的字體。使用“顏色”按鈕設(shè)置文字顏色。使用“特殊字符”命令插入版權(quán)符號(hào)。 效果圖2.5課堂練習(xí)——婚禮策劃網(wǎng)頁(yè) 使用“修改”命令設(shè)置頁(yè)面342.6課后習(xí)題——美味披薩網(wǎng)頁(yè)

使用“屬性”面板改變文字的大小。使用“編輯字體列表”命令改變文字的字體。使用“顏色”按鈕設(shè)置文字顏色。使用頻譜圖標(biāo)創(chuàng)建調(diào)色板中沒(méi)有的其他顏色。效果圖2.6課后習(xí)題——美味披薩網(wǎng)頁(yè) 使用“屬性”面板改變文字35Dreamweaver-CS5實(shí)例教程-課件236

本章簡(jiǎn)介：

不管網(wǎng)頁(yè)內(nèi)容如何豐富，文本自始至終都是網(wǎng)頁(yè)中最基本的元素。由于文本產(chǎn)生的信息量大，輸入、編輯起來(lái)方便，并且生成的文件小，容易被瀏覽器下載，不會(huì)占用太多的等待時(shí)間，因此掌握好文本的使用，對(duì)于制作網(wǎng)頁(yè)來(lái)說(shuō)是最基本的要求。第2章文本與文檔本章簡(jiǎn)介：第2章文本與文檔37課堂學(xué)習(xí)目標(biāo)文本與文檔項(xiàng)目符號(hào)和編號(hào)列表水平線、網(wǎng)格與標(biāo)尺課堂學(xué)習(xí)目標(biāo)文本與文檔382.1文本與文檔課堂案例——精裝別墅網(wǎng)頁(yè)輸入文本設(shè)置文本屬性輸入連續(xù)的空格設(shè)置是否顯示不可見(jiàn)元素設(shè)置頁(yè)邊距設(shè)置網(wǎng)頁(yè)的標(biāo)題設(shè)置網(wǎng)頁(yè)的默認(rèn)格式課堂案例——西點(diǎn)美食網(wǎng)頁(yè)改變文本的大小改變文本的顏色改變文本的字體改變文本的對(duì)齊方式設(shè)置文本樣式段落文本2.1文本與文檔課堂案例——精裝別墅網(wǎng)頁(yè)392.1.1課堂案例——精裝別墅網(wǎng)頁(yè)

使用“頁(yè)面屬性”命令設(shè)置頁(yè)面外觀、網(wǎng)頁(yè)標(biāo)題效果，使用“首選參數(shù)”命令設(shè)置允許多個(gè)連續(xù)空格、顯示不可見(jiàn)元素效果。效果圖2.1.1課堂案例——精裝別墅網(wǎng)頁(yè) 使用“頁(yè)面屬性”命令402.1.2輸入文本

應(yīng)用DreamweaverCS5編輯網(wǎng)頁(yè)時(shí)，在文檔窗口中光標(biāo)為默認(rèn)顯示狀態(tài)。要添加文本，首先應(yīng)將光標(biāo)移動(dòng)到文檔窗口中的編輯區(qū)域，然后直接輸入文本，就像在其他文本編輯器中一樣。打開(kāi)一個(gè)文檔，在文檔中單擊鼠標(biāo)左鍵，將光標(biāo)置于其中，然后在光標(biāo)后面輸入文本。 2.1.2輸入文本 應(yīng)用DreamweaverCS5412.1.3設(shè)置文本屬性

利用文本屬性可以方便地修改選中文本的字體、字號(hào)、樣式、對(duì)齊方式等，以獲得預(yù)期的效果。 2.1.3設(shè)置文本屬性 利用文本屬性可以方便地修改選中422.1.4輸入連續(xù)的空格

在默認(rèn)狀態(tài)下，DreamweaverCS5只允許網(wǎng)站設(shè)計(jì)者輸入一個(gè)空格，要輸入連續(xù)多個(gè)空格則需要進(jìn)行設(shè)置或通過(guò)特定操作才能實(shí)現(xiàn)。2.1.4輸入連續(xù)的空格 在默認(rèn)狀態(tài)下，Dreamwea432.1.5設(shè)置是否顯示不可見(jiàn)元素

在網(wǎng)頁(yè)的設(shè)計(jì)視圖中，有一些元素僅用來(lái)標(biāo)志該元素的位置，而在瀏覽器中是不可見(jiàn)的。例如，腳本圖標(biāo)是用來(lái)標(biāo)志文檔正文中的Javascript或Vbscript代碼的位置，換行符圖標(biāo)是用來(lái)標(biāo)志每個(gè)換行符<br>的位置等。在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，為了快速找到這些不可見(jiàn)元素的位置，常常改變這些元素在設(shè)計(jì)視圖中的可見(jiàn)性。2.1.5設(shè)置是否顯示不可見(jiàn)元素 在網(wǎng)頁(yè)的設(shè)計(jì)視圖中，有442.1.6設(shè)置頁(yè)邊距

按照文章的書(shū)寫(xiě)規(guī)則，正文與紙的四周需要留有一定的距離，這個(gè)距離叫頁(yè)邊距。網(wǎng)頁(yè)設(shè)計(jì)也如此，在默認(rèn)狀態(tài)下文檔的上、下、左、右邊距不為零。 修改頁(yè)邊距的具體操作步驟如下。 （1）選擇“修改>頁(yè)面屬性”命令，彈出“頁(yè)面屬性”對(duì)話框。 （2）根據(jù)需要在對(duì)話框的“左邊距”、“右邊距”、“上邊距”、“下邊距”、“邊距寬度”和“邊距高度”選項(xiàng)的數(shù)值框中輸入相應(yīng)的數(shù)值。2.1.6設(shè)置頁(yè)邊距 按照文章的書(shū)寫(xiě)規(guī)則，正文與紙的四周452.1.7設(shè)置網(wǎng)頁(yè)的標(biāo)題 HTML頁(yè)面的標(biāo)題可以幫助站點(diǎn)瀏覽者理解所查看網(wǎng)頁(yè)的內(nèi)容，并在瀏覽者的歷史記錄和書(shū)簽列表中標(biāo)志頁(yè)面。文檔的文件名是通過(guò)保存文件命令保存的網(wǎng)頁(yè)文件名稱，而頁(yè)面標(biāo)題是瀏覽者在瀏覽網(wǎng)頁(yè)時(shí)瀏覽器標(biāo)題欄中顯示的信息。 2.1.7設(shè)置網(wǎng)頁(yè)的標(biāo)題 HTML頁(yè)面的標(biāo)題可以幫助462.1.8設(shè)置網(wǎng)頁(yè)的默認(rèn)格式

用戶在制作新網(wǎng)頁(yè)時(shí)，頁(yè)面都有一些默認(rèn)的屬性，比如網(wǎng)頁(yè)的標(biāo)題、網(wǎng)頁(yè)邊界、文字編碼、文字顏色和超鏈接的顏色等。若需要修改網(wǎng)頁(yè)的頁(yè)面屬性，可選擇“修改>頁(yè)面屬性”命令，在彈出“頁(yè)面屬性”對(duì)話框中進(jìn)行修改。2.1.8設(shè)置網(wǎng)頁(yè)的默認(rèn)格式 用戶在制作新網(wǎng)頁(yè)時(shí)，頁(yè)面472.1.9課堂案例——西點(diǎn)美食網(wǎng)頁(yè)

使用屬性面板設(shè)置文字大小、顏色及字體。 效果圖2.1.9課堂案例——西點(diǎn)美食網(wǎng)頁(yè) 使用屬性面板設(shè)置文字大48 DreamweaverCS5提供兩種改變文本大小的方法，一種是設(shè)置文本的默認(rèn)大小，一種是設(shè)置選中文本的大小。2.1.10改變文本的大小 DreamweaverCS5提供兩種改變文本大小的方法49

豐富的視覺(jué)色彩可以吸引用戶的注意，網(wǎng)頁(yè)中的文本不僅可以是黑色，還可以呈現(xiàn)為其他色彩，最多時(shí)可達(dá)到16777216種顏色。顏色的種類與用戶顯示器的分辨率和顏色值有關(guān)，所以，通常在216種網(wǎng)頁(yè)色彩中選擇文字的顏色。2.1.11改變文本的顏色 豐富的視覺(jué)色彩可以吸引用戶的注意，網(wǎng)頁(yè)中的文本不僅可以50 DreamweaverCS5提供了兩種改變文本字體的方法，一種是設(shè)置文本的默認(rèn)字體，一種是設(shè)置選中文本的字體。2.1.12改變文本的字體 DreamweaverCS5提供了兩種改變文本字體的51

文本的對(duì)齊方式是指文字相對(duì)于文檔窗口或?yàn)g覽器窗口在水平位置的對(duì)齊方式。對(duì)齊方式按鈕有以下4種。 “左對(duì)齊”按鈕：使文本在瀏覽器窗口中左對(duì)齊。 “居中對(duì)齊”按鈕：使文本在瀏覽器窗口中居中對(duì)齊。 “右對(duì)齊”按鈕：使文本在瀏覽器窗口中右對(duì)齊。 “兩端對(duì)齊”按鈕：使文本在瀏覽器窗口中兩端對(duì)齊。2.1.13改變文本的對(duì)齊方式 文本的對(duì)齊方式是指文字相對(duì)于文檔窗口或?yàn)g覽器窗口在水平52

文本樣式是指字符的外觀顯示方式，例如加粗文本、傾斜文本和文本加下劃線等。2.1.14設(shè)置文本樣式 文本樣式是指字符的外觀顯示方式，例如加粗文本、傾斜文本53

段落是指描述一個(gè)主題并且格式統(tǒng)一的一段文字。在文檔窗口中，輸入一段文字后按Enter鍵，這段文字就顯示在<P>……</P>標(biāo)簽中。2.1.15段落文本 段落是指描述一個(gè)主題并且格式統(tǒng)一的一段文字。在文檔窗口542.2項(xiàng)目符號(hào)和編號(hào)列表課堂案例——快樂(lè)購(gòu)物網(wǎng)頁(yè)設(shè)置項(xiàng)目符號(hào)或編號(hào)修改項(xiàng)目符號(hào)或編號(hào)設(shè)置文本縮進(jìn)格式插入日期特殊字符插入換行符2.2項(xiàng)目符號(hào)和編號(hào)列表課堂案例——快樂(lè)購(gòu)物網(wǎng)頁(yè)552.2.1課堂案例——快樂(lè)購(gòu)物網(wǎng)頁(yè)

使用“項(xiàng)目列表”按鈕創(chuàng)建列表。使用“屬性”命令改變列表的樣式。使用“文本縮進(jìn)”和“文本凸出”按鈕創(chuàng)建下級(jí)列表。 效果圖2.2.1課堂案例——快樂(lè)購(gòu)物網(wǎng)頁(yè) 使用“項(xiàng)目列表”按鈕56

通過(guò)項(xiàng)目列表或編號(hào)列表按鈕設(shè)置項(xiàng)目符號(hào)或編號(hào)，步驟如下。 （1）選擇段落。 （2）在“屬性”面板中，單擊“項(xiàng)目列表”按鈕或“編號(hào)列表”按鈕，為文本添加項(xiàng)目符號(hào)或編號(hào)。 通過(guò)列表設(shè)置項(xiàng)目符號(hào)或編號(hào)，步驟如下。 （1）選擇段落。 （2）選擇“文本>列表”命令，彈出其子菜單，選擇“項(xiàng)目列表”或“編號(hào)列表”命令。2.2.2設(shè)置項(xiàng)目符號(hào)或編號(hào) 通過(guò)項(xiàng)目列表或編號(hào)列表按鈕設(shè)置項(xiàng)目符號(hào)或編號(hào)，步驟如下。57

（1）將插入點(diǎn)放在設(shè)置項(xiàng)目符號(hào)或編號(hào)的文本中。 （2）通過(guò)以下幾種方法啟動(dòng)“列表屬性”對(duì)話框。 單擊“屬性”面板中的“列表項(xiàng)目”按鈕。 選擇“文本>列表>屬性”命令。2.2.3修改項(xiàng)目符號(hào)或編號(hào) （1）將插入點(diǎn)放在設(shè)置項(xiàng)目符號(hào)或編號(hào)的文本中。2.2.358

設(shè)置文本縮進(jìn)格式有以下幾種方法。在“屬性”面板中單擊“文本縮進(jìn)”按鈕或“文本凸出”按鈕，使段落向右移動(dòng)或向左移動(dòng)。選擇“格式>縮進(jìn)”或“格式>凸出”命令，使段落向右移動(dòng)或向左移動(dòng)。按<Ctrl+Alt+]>快捷鍵或<Ctrl+Alt+[>快捷鍵，使段落向右移動(dòng)或向左移動(dòng)。2.2.4設(shè)置文本縮進(jìn)格式 設(shè)置文本縮進(jìn)格式有以下幾種方法。2.2.4設(shè)置文本縮進(jìn)59

（1）在文檔窗口中，將插入點(diǎn)放置在想要插入對(duì)象的位置。 （2）通過(guò)以下幾種方法啟動(dòng)“插入日期”對(duì)話框。 選擇“插入”面板的“常用”選項(xiàng)卡，單擊“日期”工具按鈕。 選擇“插入記錄>日期”命令。 （3）選擇相應(yīng)的日期和時(shí)間的格式，單擊“確定”按鈕完成設(shè)置。2.2.5插入日期 （1）在文檔窗口中，將插入點(diǎn)放置在想要插入對(duì)象的位置。2.60

在網(wǎng)頁(yè)中插入特殊字符，有以下幾種方法。單擊“字符”展開(kāi)式工具按鈕。選擇“插入”面板的“文本”選項(xiàng)卡，單擊“字符”展開(kāi)式工具按鈕，彈出12個(gè)特殊字符按鈕。在其中選擇需要的特殊字符的工具按鈕，即可插入特殊字符。2.2.6特殊字符 在網(wǎng)頁(yè)中插入特殊字符，有以下幾種方法。2.2.6特殊字61

為段落添加換行符有以下幾種方法。選擇“插入”面板的“文本”選項(xiàng)卡，單擊“字符”展開(kāi)式工具按鈕，選擇“換行符”。按<Shift+Enter>快捷鍵。選擇“插入記錄>HTML