計(jì)算機(jī)實(shí)用技術(shù)課件第3章 制作簡(jiǎn)單的網(wǎng)頁(yè)

3.1網(wǎng)頁(yè)的基本操作1、創(chuàng)建文件“起始頁(yè)”窗口的【新建】|【HTML】命令選擇菜單【文件】|【新建】命令2、保存文件選擇菜單【文件】|【保存】命令選擇菜單【文件】|【另存為】命令。3、打開(kāi)和關(guān)閉文件選擇菜單中【文件】|【打開(kāi)】命令，在“打開(kāi)”對(duì)話框中選擇想要修改的文件即可。關(guān)閉文件可以單擊標(biāo)題欄的“關(guān)閉”按鈕，也可以選擇菜單中的【文件】|【退出】命令。4、網(wǎng)頁(yè)頁(yè)面屬性的設(shè)置 網(wǎng)頁(yè)頁(yè)面屬性是指網(wǎng)頁(yè)外觀（如文本的大小、顏色、格式等）、頁(yè)面內(nèi)鏈接效果、各級(jí)標(biāo)題的字體樣式等。（1）設(shè)置文檔標(biāo)題可在“文檔”工具欄的”標(biāo)題”文本框中輸入文檔標(biāo)題

（2）設(shè)置頁(yè)面屬性 打開(kāi)頁(yè)面屬性對(duì)話框的方法：選擇菜單【修改】|【頁(yè)面屬性】命令。單擊“屬性”面板中的“頁(yè)面屬性”按鈕頁(yè)面屬性窗口“外觀”：設(shè)置頁(yè)面的一些基本屬性。我們可以定義頁(yè)面中的默認(rèn)文本字體、文本字號(hào)、文本顏色、背景顏色和背景圖片等“鏈接”：是一些與頁(yè)面的鏈接效果有關(guān)的設(shè)置。“標(biāo)題”：用來(lái)設(shè)置標(biāo)題字體的一些屬性?！皹?biāo)題/編碼”：“標(biāo)題”用來(lái)修改新建文檔的標(biāo)題，顯示在瀏覽器標(biāo)題處和編輯軟件的標(biāo)題處。編碼可修改頁(yè)面編碼信息，?！案檲D像”：文本框用來(lái)設(shè)置在頁(yè)面編輯過(guò)程中使用的描圖圖像的地址和名稱。

3.2文本的插入和編輯3.2.1插入文本3.2.2設(shè)置文本格式3.2.1插入文本

1、輸入文本 輸入時(shí)如果按回車鍵換行會(huì)便會(huì)另起一個(gè)段落，在段落與段落之間會(huì)產(chǎn)生一個(gè)空行。如果希望文本換行后不產(chǎn)生空行可以按Shift+Enter組合鍵或選擇菜單【插入】|【HTML】|【特殊字符】|【換行符】命令換行，2、復(fù)制和粘貼

選擇“編輯”菜單中的“首選參數(shù)”選項(xiàng)，可在“復(fù)制/粘貼”分類設(shè)置粘貼的方式。3、導(dǎo)入文檔選擇【文件】|【導(dǎo)入】命令。3.2.2設(shè)置文本格式

設(shè)置文本格式可以通過(guò)“屬性”面板來(lái)完成，如圖3-9所示。1、文字屬性的設(shè)置（1）設(shè)置文字字體：選擇菜單中【文本】|【字體】選項(xiàng)中的相應(yīng)字體選項(xiàng)；或者在“屬性”面板上“字體”下拉列表中選擇相應(yīng)的選項(xiàng)。Dreamweaver默認(rèn)字體較少，如果字體列表中沒(méi)有需要的字體，可以在“編輯字體列表”對(duì)話框中添加需要的字體到字體列表中。（2）設(shè)置文字字號(hào) 選定要改變字號(hào)的文本，選擇“屬性”面板上“大小”的下拉列表中選擇相應(yīng)的選項(xiàng)。 注意：如果單位設(shè)置為“點(diǎn)數(shù)(pt)”，設(shè)置為點(diǎn)數(shù)的文字的大小不會(huì)隨著分辨率的改變而發(fā)生變化，像素則正好相反。

（3）設(shè)置文字顏色： 選擇“文本”菜單中“顏色”命令，在隨后出現(xiàn)的對(duì)話框中選擇所需要的顏色。（4）設(shè)置文本樣式： 選擇“文本”菜單中的“樣式”選項(xiàng)設(shè)置更多類型的字體樣式。2、設(shè)置段落對(duì)齊方式 對(duì)齊段落有三種方式：左對(duì)齊、居中和右對(duì)齊可以使用“文本”菜單中“對(duì)齊”子菜單進(jìn)行設(shè)置3、使用列表有序列表又稱為編號(hào)列表，所有項(xiàng)目前使用有序的數(shù)字符號(hào)進(jìn)行排列。無(wú)序列表又稱為項(xiàng)目列表，所有項(xiàng)目前使用相同的項(xiàng)目符號(hào)進(jìn)行排列。（1）創(chuàng)建列表：選擇“文本”→“列表”選項(xiàng)（2）修改列表屬性選擇【文本】|【列表】|【屬性】命令4、插入水平線選擇菜單【插入】|【HTML】|【水平線】命令，3.3圖像的插入和編輯3.3.1網(wǎng)頁(yè)中常見(jiàn)的圖像格式3.3.2插入圖像3.3.3設(shè)置圖片的屬性3.3.4編輯圖像3.3.1網(wǎng)頁(yè)中常見(jiàn)的圖像格式1、GIF格式

GIF是一種索引顏色的圖像格式。GIF格式的特點(diǎn)是壓縮比高，磁盤(pán)空間占用較少，可以同時(shí)存儲(chǔ)若干幅靜止圖象進(jìn)而形成連續(xù)的動(dòng)畫(huà)。適用于導(dǎo)航條、按鈕、圖標(biāo)、透明圖像和動(dòng)畫(huà)。2、JPEG格式

JPEG是支持32位顏色圖像，可以保持原圖像的真實(shí)顏色。JPEG適合網(wǎng)頁(yè)中對(duì)圖片質(zhì)量要求較高，有顏色漸變、需要精確色彩顯示的圖片，如照片。3、PNG格式

PNG是一種新興的網(wǎng)絡(luò)圖像格式，是目前保證最不失真的格式，它汲取了GIF和JPG二者的優(yōu)點(diǎn)；PNG還支持透明圖像的制作。PNG的缺點(diǎn)是不支持動(dòng)畫(huà)應(yīng)用效果3.3.2插入圖像1、插入圖片插入圖片的方法:

（1）打開(kāi)需要加入圖片的網(wǎng)頁(yè)后將光標(biāo)放置在文檔窗口需要插入圖像的位置，然后鼠標(biāo)單擊常用“插入”工具欄的“圖像”按鈕。如下圖插入圖像按鈕（2）鼠標(biāo)拖動(dòng)：在“文件”面板的文件夾中找到需要插入的圖片后，用鼠標(biāo)拖曳該圖標(biāo)到網(wǎng)頁(yè)文檔窗口中。（3）選擇菜單【插入】|【圖像】命令。2、圖文混排設(shè)置圖片的對(duì)齊方式：選中圖片，在“屬性”面板中“對(duì)齊”下拉列表框選擇圖片的對(duì)齊方式。說(shuō)明：如果需要文字環(huán)繞圖像可選擇對(duì)齊方式中的“左對(duì)齊”或“右對(duì)齊”。

3、插入圖像占位符方法如下：選擇菜單【插入】|【圖像對(duì)象】|【圖像占位符】單擊“插入”工具欄中“圖像”按鈕選擇“圖像占位符”。4、設(shè)置圖片為網(wǎng)頁(yè)背景選擇菜單【修改】|【頁(yè)面屬性】命令，在“屬性”面板中單擊“頁(yè)面屬性”按鈕說(shuō)明：背景圖片大小是固定的，如果網(wǎng)頁(yè)內(nèi)容較多，可以在“重復(fù)”下拉列表中選擇是否要重復(fù)。

3.3.3設(shè)置圖片的屬性

如果需要精確調(diào)整圖像的大小、位置、圖像與網(wǎng)頁(yè)邊距的距離等屬性，可以使用圖像“屬性”面板來(lái)完成如下圖所示。

1、圖像標(biāo)記名稱 文本框中輸入的名字可以在腳本語(yǔ)言中被引用。2、精確調(diào)整圖像大小 “寬”和“高”文本框中的數(shù)值是以像素為單位指定圖像的寬度和高度。如將單位設(shè)置為百分比，則圖像的大小會(huì)跟隨文檔窗口的大小自動(dòng)調(diào)整。3、設(shè)置圖片邊距“水平邊距”和“垂直邊距”文本框用來(lái)設(shè)置圖像左右和上下與其它頁(yè)面元素的距離。通常用于圖文混排等多種元素的頁(yè)面。4、源文件“源文件”指定圖像的源文件路徑。5、鏈接“鏈接”指定圖像的超級(jí)鏈接。添加鏈接的方法如下：（1）將“指向文件”圖標(biāo)拖到“站點(diǎn)”面板中的某個(gè)文件上，即可建立鏈接。（2）單擊瀏覽文件圖標(biāo)選擇要鏈接的文件，（3）手動(dòng)輸入鏈接地址URL。6、替換“替換”指定只顯示文本的瀏覽器或已設(shè)置為手動(dòng)下載圖像的瀏覽器中代替圖像顯示的替代文本。在某些瀏覽器中，當(dāng)鼠標(biāo)指針滑過(guò)圖像時(shí)也會(huì)顯示該文本。7、對(duì)齊“對(duì)齊”指該圖片對(duì)齊同一行上的圖像和文本。主要用于圖文混排或者多個(gè)圖像排版使用。8、圖片邊框

“邊框”文本框是用來(lái)設(shè)置圖像邊框的寬度，類似給圖片描邊。3.3.4編輯圖像

1、圖像重新取樣添加或減少已調(diào)整大小的JPEG和GIF圖像文件中的像素。對(duì)圖像進(jìn)行重新取樣會(huì)減小圖像文件的大小。2、裁剪通過(guò)減小圖像區(qū)域編輯圖像。3、亮度/對(duì)比度修改圖像中像素的亮度或?qū)Ρ榷取?、銳化

可通過(guò)增加圖像中邊緣的對(duì)比度來(lái)調(diào)整圖像的焦點(diǎn)。注意：圖像編輯功能僅適用于JPEG和GIF圖像文件格式。3.4表格的插入和編輯3.4.1表格的基本操作3.4.2嵌套表格3.4.3表格的導(dǎo)入導(dǎo)出和排序3.4.1表格的基本操作

1、插入表格單擊“插入”工具欄中的插入表格按鈕則選擇菜單【插入】|【表格】命令2、選擇表格（1）選擇整個(gè)表格要選定整個(gè)表格可以把鼠標(biāo)放在表格邊框的任意處，當(dāng)鼠標(biāo)變?yōu)闀r(shí)單擊即可選中整個(gè)表格在表格內(nèi)任意處單擊，然后在狀態(tài)欄選中<table>標(biāo)簽即可。在表格內(nèi)任意處單擊，點(diǎn)鼠標(biāo)右鍵在彈出菜單中選擇【表格】|【選擇表格】命令或則選擇菜單【修改】|【表格】|【選擇表格】命令。單擊表格左上角（2）選擇單個(gè)單元格按住Ctrl鍵，鼠標(biāo)在需要選中的單元格單擊即可。單擊要選擇的單元格，再選則狀態(tài)欄中的<td>標(biāo)簽。在要選擇的單元格內(nèi)雙擊鼠標(biāo)。（3）選擇連續(xù)的單元格按住鼠標(biāo)左鍵從一個(gè)單元格的左上方開(kāi)始向要連續(xù)選擇單元格的方向拖動(dòng)。按住Shift建單擊要選擇的單元格。(4)選擇不連續(xù)單元格可以按住Ctrl鍵，單擊要選擇的所有單元格即可。(5)選擇行或列將光標(biāo)移動(dòng)到行左側(cè)或列上方，鼠標(biāo)指針變?yōu)橄蛴一蛳蛳碌募^圖標(biāo)時(shí)，單擊即可。注意：當(dāng)選中表格或表格中有插入點(diǎn)時(shí)，Dreamweaver會(huì)顯示表格和列的寬度以及訪問(wèn)表格標(biāo)題菜單和列標(biāo)題菜單的箭頭3、調(diào)整表格的大小（1）調(diào)整表格的大小選取整個(gè)表格后，將鼠標(biāo)放在表格邊框周圍的黑色小方塊上，鼠標(biāo)變?yōu)殡p箭頭后按住鼠標(biāo)左鍵拖動(dòng)即可改變表格大小。當(dāng)調(diào)整整個(gè)表格的大小時(shí)，表格中的所有單元格按比例更改大小。（2）調(diào)整行高和列寬把鼠標(biāo)放在需要調(diào)整列的邊框處，按住鼠標(biāo)左鍵拖動(dòng)即可改變行或者是列的大小。若要更改某個(gè)列的寬度并保持其他列的大小不變，可按住Shift鍵，然后拖動(dòng)列的邊框。行的調(diào)整方法同列的相似。4、插入行或列（1）插入單行或單列選擇菜單【插入】|【表格對(duì)象】選擇【修改】|【表格】|【插入行】或【修改】|【表格】|【插入列】命令。右鍵單擊要插入行或列的任一單元格，然后選擇【表格】|【插入行】或【表格】|【插入列】命令。單擊列標(biāo)題菜單，然后選擇“左側(cè)插入列”或“右側(cè)插入列”。（2）插入多行或多列單擊一個(gè)單元格，選擇【修改】|【表格】|【插入行或列】命令將出現(xiàn)“插入行或列”對(duì)話框。在該對(duì)話框中選擇“行”或“列”，然后設(shè)置需要插入的行或列的數(shù)目即可。5．刪除行或列選擇行或列，“編輯”|“清除”命令或按Delete鍵。6．拆分和合并單元格（1）拆分單元格。右擊單元格，快捷菜單中選擇“表格”|“拆分單元格”命令（2）合并單元格。選中多個(gè)單元格，選擇“修改”|“表格”|“合并單元格”命令7．設(shè)置表格屬性選中表格，“屬性”面板修改表格的相關(guān)屬性參數(shù)如圖所示8．設(shè)置單元格屬性把光標(biāo)移動(dòng)到某個(gè)單元格內(nèi)，利用單元格“屬性”面板對(duì)單元格的屬性進(jìn)行設(shè)置3.4.2嵌套表格創(chuàng)建嵌套表格的操作方法（1）插入總表格（2）將光標(biāo)置于要插入嵌套表格的地方，繼續(xù)插入表格即可。3.4.3表格的導(dǎo)入、導(dǎo)出和排序1．導(dǎo)入表格數(shù)據(jù)選擇“文件”|“導(dǎo)入”|“Excel文檔”命令2．導(dǎo)出表格選擇要導(dǎo)出的表格，再選擇“文件”|“導(dǎo)出”|“表格”命令3．表格排序選中要排序的表格，再選擇“命令”|“排序表格”命令3.5多媒體的使用和編輯

3.5.1Flash動(dòng)畫(huà)的插入和編輯3.5.2音頻的插入和編輯3.5.3視頻的插入和編輯·3.5.1Flash動(dòng)畫(huà)的插入和編輯

1．插入Flash動(dòng)畫(huà)（1）選擇“插入”|“媒體”|Flash命令。（2）在“插入”工具欄的“常用”類別中選擇“媒體”，單擊“插入Flash”圖標(biāo)。2．設(shè)置Flash動(dòng)畫(huà)的屬性選擇Flash文件，在“屬性”面板中設(shè)置它的屬性3．設(shè)置Flash動(dòng)畫(huà)背景透明設(shè)置透明效果的方法為：（1）選中Flash動(dòng)畫(huà)（2）單擊“屬性”面板中的“參數(shù)”按鈕（3）“參數(shù)”對(duì)話框中單擊“加號(hào)”按鈕，在參數(shù)文本框中輸入?yún)?shù)為wmode，值為transparent。4．插入Flash按鈕方法：選擇“插入”|“媒體”|“Flash按鈕”命令說(shuō)明：如果需要修改Flash按鈕對(duì)象，可以先選中它，然后在屬性面板中單擊“編輯”按鈕，在“插入Flash按鈕”對(duì)話框中更改它的設(shè)置即可。3.5.2音頻的插入和編輯

1、插入背景音樂(lè)設(shè)置背景音樂(lè)有兩種方法：一種是通過(guò)HTML代碼實(shí)現(xiàn)，還有一種是通過(guò)行為實(shí)現(xiàn)。具體步驟如下：（1）打開(kāi)需要添加背景音樂(lè)的文檔，將視圖切換為“拆分”視圖。（2）將光標(biāo)定位到</body>之前的位置，在光標(biāo)的位置寫(xiě)下代碼：<bgsoundsrc="media/RingMyBells.mp3">如下圖所示2．嵌入音頻（1）插入音頻文件方法： 選擇“插入”|“媒體”|“插件”命令說(shuō)明：插入的音頻文件在文檔窗口中以圖標(biāo)的方式顯示，如圖所示。（2）設(shè)置背景音樂(lè)方法二：①插入一個(gè)音頻文件②選擇該音頻文件，單擊“屬性”面板中的“參數(shù)”按鈕。

③在參數(shù)對(duì)話框中單擊“＋”按鈕，在“參數(shù)”列中輸入loop，并在“值”列中輸入true。設(shè)置后可實(shí)現(xiàn)讓音頻文件循環(huán)播放。④在“參數(shù)”列中輸入hidden，值為true；設(shè)置后可隱藏播放器⑤在“參數(shù)”列中輸入autostart，值為true。設(shè)置后可自動(dòng)播放音頻文件。設(shè)置結(jié)果如圖所示3.5.3視頻的插入和編輯

插入視頻的方法:將插入點(diǎn)放在需要插入視頻的位置，選擇“插入”|“媒體”|“插件”命令3.6超鏈接的使用3.6.1超鏈接概述3.6.2超鏈接的基本操作3.6.1超鏈接概述

1．超鏈接的概念(1)概念：超鏈接是“超級(jí)文本鏈接”的縮略語(yǔ)，指站點(diǎn)內(nèi)不同網(wǎng)頁(yè)之間、站點(diǎn)與Web之間的鏈接關(guān)系，它可以使站點(diǎn)內(nèi)的網(wǎng)頁(yè)成為機(jī)的整體，還能夠使不同站點(diǎn)之間建立聯(lián)系。(2)分類：內(nèi)部超鏈接：同一網(wǎng)站文檔之間的鏈接。外部超鏈接：不同網(wǎng)站文檔之間的鏈接。錨點(diǎn)超鏈接：同一網(wǎng)頁(yè)或不同網(wǎng)頁(yè)中指定位置的鏈接。電子郵件超鏈接：?jiǎn)?dòng)郵件客戶端程序，可以寫(xiě)郵件并發(fā)送到鏈接的郵箱中。2．鏈接路徑鏈接路徑可以是相對(duì)路徑也可以是絕對(duì)路徑。（1）絕對(duì)路徑：指某個(gè)文件在網(wǎng)絡(luò)上的完整路徑，包括適用的協(xié)議（如http、ftp、rtsp等）、Web服務(wù)器、路徑和文件名等。例如：file:///G|/圖片/手機(jī)圖片/1.gif（2）相對(duì)路徑：和當(dāng)前文檔所在的文件夾相對(duì)的路徑。相對(duì)路徑最適合網(wǎng)站的內(nèi)部鏈接。例如：../images/m.jpg（3）根目錄相對(duì)路徑：是指從站點(diǎn)根文件夾到被鏈接文檔經(jīng)由的路徑，以前斜杠開(kāi)頭。例如：/about/index.html3.6.2超鏈接的基本操作

1．設(shè)置超鏈接格式選擇“修改”|“頁(yè)面屬性”命令“屬性”面板中單擊“頁(yè)面屬性”按鈕，彈出“頁(yè)面屬性”對(duì)話框中設(shè)置2．創(chuàng)建外部鏈接方法：（1）選中要添加鏈接的文字（2）在“屬性”面板中的在“鏈接”文本框中直接輸入外部絕對(duì)地址。（3）在“目標(biāo)”下拉列表框中選擇“_blank”。說(shuō)明：“目標(biāo)”下拉列表框中有4種選項(xiàng)：

_blank選項(xiàng)：?jiǎn)螕翩溄雍?，在新的瀏覽器窗口中打開(kāi)鏈接文檔。

_parent選項(xiàng)：當(dāng)鏈接文本所在的網(wǎng)頁(yè)是嵌套框架中的一部分時(shí)，被鏈接的文檔將在父框架中打開(kāi)。如果不是在嵌套框架中，則會(huì)在整個(gè)瀏覽器窗口中打開(kāi)鏈接文檔。

_seft：默認(rèn)值，鏈接文檔將在當(dāng)前網(wǎng)頁(yè)所在的窗口或框架中打開(kāi)。

_top：在整個(gè)瀏覽器窗口中打開(kāi)鏈接文檔，會(huì)刪除所有框架。3．創(chuàng)建內(nèi)部鏈接（1）選中要添加鏈接的對(duì)象（如：文字）（2）單擊“插入”工具欄“常用”分類中的“超鏈接”按鈕，彈出“超級(jí)鏈接”對(duì)話框。如圖所示（4）單擊“超級(jí)鏈接”對(duì)話框中的“鏈接”下拉列表框后的按鈕，在彈出的“選擇文件”對(duì)話框中選擇鏈接目標(biāo)文件（5）在“超級(jí)鏈接”對(duì)話框的“目標(biāo)”下拉列表框中選擇_blank選項(xiàng)。4．創(chuàng)建電子郵件鏈接方法：（1）選中需要建立鏈接的文本或圖片（2）單擊“插入”工具欄常用分類中的“電子郵件鏈接”按鈕，彈出“電子郵件鏈接”對(duì)話框（3）在對(duì)話框的E-mail文本框內(nèi)輸入郵箱地址。5．創(chuàng)建錨點(diǎn)鏈接概念：錨點(diǎn)鏈接，是指在文檔中設(shè)置位置標(biāo)記，并在該位置定義一個(gè)名稱以方便引用。錨點(diǎn)鏈接通常用于跳轉(zhuǎn)到特點(diǎn)主題或者文檔頂部。方法：（1）將光標(biāo)放置于要插入錨點(diǎn)的地方，（2）選擇“插入”|“命名錨記”命令，或者單擊“插入”工具欄常用分類中的“命名錨記”按鈕（3）在彈出“命名錨記”對(duì)話框中，“錨記名稱”后的文本框中輸入鏈接時(shí)引用的名稱，如BT。單擊“確定”按鈕后將在光標(biāo)所在處插入一個(gè)錨記，如圖所示。3.7CSS樣式表的使用3.7.1CSS樣式表概述3.7.2創(chuàng)建和應(yīng)用CSS樣式表3.7.1CSS樣式表概述

（1）概念：層疊樣式表（CSS，CascadingStyleSheet）是一系列格式設(shè)置規(guī)則，它們控制Web頁(yè)面內(nèi)容的外觀。使用CSS設(shè)置頁(yè)面格式時(shí)，內(nèi)容與表現(xiàn)形式是相互分開(kāi)的。頁(yè)面內(nèi)容（HTML代碼）位于自身的TML文件中，而定義代碼表現(xiàn)形式的CSS規(guī)則位于另一個(gè)文件（外部樣式表）或HTML文檔的另一部分（通常為<head>部分）中。（2）組成CSS格式設(shè)置規(guī)則由兩部分組成：選擇器和聲明。選擇器是標(biāo)識(shí)格式元素的術(shù)語(yǔ)（如P、H1、類名或ID）聲明用于定義元素樣式。聲明由兩部分組成：屬性（如font-family）和值（如Helvetica）3.7.2創(chuàng)建和應(yīng)用CSS樣式表

1．創(chuàng)建CSS樣式表（1）選中“窗口”|“CSS樣式”命令，彈出“CSS樣式”面板（2）單擊“CSS樣式”面板右下角的“新建CSS規(guī)則”按鈕，彈出“新建CSS規(guī)則”對(duì)話框（3）為新建CSS樣式輸入或選擇名稱、標(biāo)記或選擇器。（4）在“選擇器類型”選項(xiàng)組中選擇“類”，然后在“名稱”組合框框中輸入樣式名稱（如：.moviestyle）（5）在“定義在”組合框中選擇定義的樣式位置，可以是“新建樣式表文件”或“僅對(duì)該文檔”。選擇“新建樣式表文件”選項(xiàng)，在彈出的“保存樣式表文件為”對(duì)話框中給樣式表命名。2．定義CSS樣式表“CSS規(guī)則定義”對(duì)話框中，可以通過(guò)類型、背景、區(qū)塊、方框、邊框、列表、定位和擴(kuò)展項(xiàng)的設(shè)置來(lái)美化頁(yè)面。在定義某個(gè)CSS樣式的時(shí)候，不需要對(duì)每一項(xiàng)都進(jìn)行設(shè)置，需要什么效果，選擇相應(yīng)的項(xiàng)進(jìn)行設(shè)置即可。設(shè)置時(shí)在左邊的“分類”中選擇樣式，在右邊窗格中修改該樣式的屬性。（1）文本樣式的設(shè)置。（2）背景樣式的設(shè)置。在HTML中，背景只能使用單一的色彩或利用圖像水平垂直方向的平鋪。使用CSS之后，有了更加靈活的設(shè)置。（3）區(qū)塊樣式設(shè)置。（4）方框樣式的設(shè)置。在前面我們?cè)O(shè)置過(guò)圖像的大小、設(shè)置圖像水平和垂直方向上的空白區(qū)域、設(shè)置圖像是否有文字環(huán)繞效果等。方框設(shè)置進(jìn)一步完善、豐富了這些設(shè)置。（5）邊框樣式設(shè)置。邊框樣式設(shè)置可以給對(duì)象添加邊框，設(shè)置邊框的顏色、粗細(xì)、樣式。（6）列表樣式設(shè)置。（7）定位樣式的設(shè)置?！岸ㄎ弧表?xiàng)實(shí)際上是對(duì)層的設(shè)置（8）擴(kuò)展樣式的設(shè)置。CSS樣式還可以實(shí)現(xiàn)一些擴(kuò)展功能，這些功能集中在擴(kuò)展面板上。這個(gè)面板主要包括3種效果：分頁(yè)、光標(biāo)和過(guò)濾器。3．CSS樣式表的基本操作單擊CSS樣式面板右上方的擴(kuò)展按鈕，或者選擇要編輯的樣式并右擊，將會(huì)彈出CSS操作菜單，CSS的相關(guān)操作都是通過(guò)這個(gè)菜單上的項(xiàng)目來(lái)實(shí)現(xiàn)的。（1）編輯CSS樣式。選擇CSS操作菜單中的“編輯”選項(xiàng)單擊“編輯樣式”按鈕，在彈出的“CSS規(guī)則定義”對(duì)話框中修改相應(yīng)的設(shè)置。（2）應(yīng)用CSS自定義樣式。①右擊在網(wǎng)頁(yè)中被選中的元素，快捷菜單中選擇“CSS樣式”，在其子菜單中選擇需要的自定義樣式。②選中要應(yīng)用樣式的對(duì)象，在“屬性”面板中選擇“樣式”下拉列表框中定義好的CSS樣式。（3）附加樣式表。在CSS面板中單擊“附加樣式表”按鈕，彈出“鏈接外部樣式表”對(duì)話框，可以鏈接外部的CSS樣式文件。3.8框架的使用3.8.1框架與框架集