【正文】 規(guī)則 ” 對(duì)話框。 標(biāo)簽 （重新定義特定標(biāo)簽的外觀）：重新定義 HTML 標(biāo)記的的默認(rèn)格式。例如，我們?yōu)?body和 /body標(biāo)簽定義了層疊樣式表，那么所有包含在 body和 /body標(biāo)簽的內(nèi)容將遵循定義的層疊樣式表。高級(jí)樣式是一種特殊類型的樣式，常用的有 4種： a:link 設(shè)定正常狀態(tài)下鏈接文字的樣式。 a:visited 設(shè)定訪問過的鏈接的外觀。 為新建 CSS 樣式輸入或選擇名稱、標(biāo)記或選擇器，其中： 對(duì)于自定義樣式，其名稱必須以點(diǎn)（ .）開始，如果沒有輸入該點(diǎn)，則 DW回自動(dòng)添加上。 對(duì)于重新定義 HTML 標(biāo)記，可以在 “ 標(biāo)簽 ” 下拉列表中輸入或選擇重新定義的標(biāo)記。 在 “ 定義在 ” 區(qū)域選擇定義的樣式位置，可以是 “ 新建樣式表文件 ” 或“ 僅對(duì)該文檔 ” 。如果選擇了 “ 僅對(duì)該文檔 ” ，則單擊 “ 確定 ” 后，直接彈出 “CSS規(guī)則定義 ” ，在其中設(shè)置 CSS 樣式。主要分為類型、背景、區(qū)塊、方框、邊框、列表、定位和擴(kuò)展 8 項(xiàng)。定義完畢后，單擊 “ 確定 ” 按鈕，完成創(chuàng)建CSS 樣式。 文本樣式的設(shè)置 新建 CSS 樣式 , “ 選擇器類型 ” 為類，名稱為 “style1” 定義在 “ 僅對(duì)該文檔 ” 。 字體：可以在下拉菜單種選擇相應(yīng)的字體。 樣式：設(shè)置文字的外觀，包括正常、斜體、偏斜體。設(shè)置行高，可以選擇 “ 正常 ” ，讓計(jì)算機(jī)自動(dòng)調(diào)整行高，也可以使用 數(shù)值和單位結(jié)合的形式自行設(shè)置。例如，文字設(shè)置為 12pt，如果要?jiǎng)?chuàng)建一倍行距，則行高應(yīng)該為 24pt。 顏色：設(shè)置文字的色彩。使用 CSS 之后，有了更加靈活的設(shè)置。 背景顏色：選擇固定色作為背景。 重復(fù)：在使用圖像作為背景的時(shí)，可以使用此項(xiàng)設(shè)置背景圖像的重復(fù)方式，包括 “ 不重復(fù) ” 、 “ 重復(fù) ” 、 “ 橫向重復(fù) ” 、和 “ 縱向重復(fù) “ 。 水平位置：設(shè)置水平方向的位置，可以 “ 左對(duì)齊 “ 右對(duì)齊 ” 、 “ 居中 ” 。 垂直位置：可以選擇 “ 頂部 ” 、 “ 底部 ” 、 “ 居中 ” 。 區(qū)塊樣式設(shè)置 在 CSS 規(guī)則定義 ” 對(duì)話框左側(cè)選擇 “ 區(qū)塊 ” 項(xiàng)，可以在右邊區(qū)域設(shè)置 CSS樣式的區(qū)塊格式。 字母間距：設(shè)置英文字母間距，使用正值為增加字母間距，使用負(fù)值為減小字母間距。 文本對(duì)齊：設(shè)置文本的水平對(duì)齊方式。中文文字的首行縮進(jìn)就是由它來實(shí)現(xiàn)的。文字的縮進(jìn)和字號(hào)要保持統(tǒng)一。 空格：對(duì)源代碼文字空格的控制。選擇 “ 保留 ” ，將保留源代碼中所有的空格形式，包括由空格鍵、 Tab鍵、 Enter 鍵創(chuàng)建的空格。選擇 “ 無 ” 則關(guān)閉它被制定給的元素的顯示。 方框樣式的設(shè)置 在前面我們?cè)O(shè)置過圖像的大小、設(shè)置圖像水平和垂直方向上的空白區(qū)域、設(shè)置圖像是否有文字環(huán)繞效果等。 在 CSS 規(guī)則定義 ” 對(duì)話框左側(cè)選擇 “ 方框 ” 項(xiàng)，可以在右邊區(qū)域設(shè)置 CSS樣式的方框格式。 高：通過設(shè)置和單位設(shè)置對(duì)象的高度。選擇 “ 右對(duì)齊 ” 、對(duì)象居右。選擇 “ 左對(duì)齊 ” 。 “ 無 ” 取消環(huán)繞效果。可以通過選擇 “ 左對(duì)齊 ” 、 “ 右對(duì)齊 ” ， 選擇不允許出現(xiàn)層的一側(cè)?！?兩者 ” 是指左右都不允許出現(xiàn)層。 “ 填充 ” 和 “ 邊界 ” ：如果對(duì)象設(shè)置了邊框， “ 填充 ” 是指邊框和其中內(nèi)容之間的空白區(qū)域； “ 邊界 ” 是指邊框外側(cè)的空白區(qū)域。 在 CSS 規(guī)則定義 ” 對(duì)話框左側(cè)選擇 “ 邊框 ” 項(xiàng)，可以在右邊區(qū)域設(shè)置 CSS樣式的邊框格式。 寬度：設(shè)置 4 個(gè)方向邊框的寬度。也可以設(shè)置邊框的寬度值和單位。 列表樣式設(shè)置 CSS 中有關(guān)列表的設(shè)置豐富了列表的外觀。 類型：設(shè)置引導(dǎo)列表項(xiàng)目的符號(hào)類型。 項(xiàng)目符號(hào)圖像：可以選擇圖像作為項(xiàng)目的引導(dǎo)符號(hào)，單擊右側(cè)的 “ 瀏覽 ” 按鈕，找到圖像文件即可。 位置：決定列表項(xiàng)目縮進(jìn)的程度。這項(xiàng)設(shè)置效果不明顯。 擴(kuò)展樣式的設(shè)置 CSS 樣式還可以實(shí)現(xiàn)一些擴(kuò)展功能，這些功能集中在擴(kuò)展面板上。在 CSS 規(guī)則定義 ” 對(duì)話框左側(cè)選擇 “ 擴(kuò)展 ” 項(xiàng)，可以在右邊區(qū)域設(shè)置 CSS 樣式的擴(kuò)展格式。允許用戶指定在某元素前或后進(jìn)行分頁。 光標(biāo)：通過樣式改變鼠標(biāo)形狀，鼠標(biāo)放置于被此項(xiàng)設(shè)置修飾的區(qū)域上的時(shí)，形狀會(huì)發(fā)生改變。） 過濾器：使用 CSS 語言實(shí)現(xiàn)過濾器（濾鏡）效果。 濾鏡效 描述 果 Alpha 設(shè)置透明效果 Blru 設(shè)置模糊效果 Chroma 把指定的顏色設(shè)置為透明 DropShadow 設(shè)置投射陰影 FlipH 水平反轉(zhuǎn) FlipV 垂直反轉(zhuǎn) Glow 為對(duì)象的外邊界增加光效 Grayscale 降低圖片的彩色度 Invert 將色彩、飽和度以及亮度值完全反轉(zhuǎn)建立底片效果 Light 設(shè)置燈光投影效果 Mask 設(shè)置遮罩效果， Color 指定遮罩的顏色 Shadow 設(shè)置陰影效果 Wave 設(shè)置水平方向和垂直方向的波動(dòng)效果 Xray 設(shè)置 X 光照效果 dreamweaver8 的 CSS 樣式表的其他操作 [新浪 ViVi] [百度搜藏 ] [ 書簽 ] [作者 :佚名 | 點(diǎn)擊數(shù) : 235 | 時(shí)間 :2020125]【 大 中 小 】 單擊 CSS 樣式面板右上方的擴(kuò)展按鈕，彈出下圖所示的菜單。 編輯 CSS 樣式 選中需要編輯的樣式類型，選擇上圖中的 “ 編輯 ” 項(xiàng)或直接單擊 “ 編輯樣式 ” 按鈕 ，在彈出的 “CSS 規(guī)則定義 ” 對(duì)話框中修改相應(yīng)的設(shè)置。 應(yīng)用 CSS 自定義樣式 鼠標(biāo)右鍵單擊在網(wǎng)頁中被選中的元素，在彈出的快捷菜單中選擇 “CSS 樣式 ” ，在其子菜單中選擇需要的自定義樣式。 “ 文件 /URL” 設(shè)置外部樣式表文件的路徑，可以單擊瀏覽按鈕，在瀏覽窗口中找到樣式表文件。“ 導(dǎo)入 ” 只有 Netscape 瀏覽器支持。 dreamweaver8 的 CSS 樣式表濾鏡實(shí)例 [新浪 ViVi] [百度搜藏 ] [ 書簽 ] [作者 :佚名 | 點(diǎn)擊數(shù) : 235 | 時(shí)間 :2020125]【 大 中 小 】 制作模糊文字效果 新建 的文件插入一個(gè) 1行 1列的表格，邊框和邊距全部設(shè)置為 0。 打開 CSS 樣式面板，創(chuàng)建一個(gè) CSS 樣式，在彈出的 “ 新建樣式對(duì)話框 ”做如下設(shè)置。 要產(chǎn)生文字特效，最重要的是在擴(kuò)展設(shè)置區(qū)域中進(jìn)行特殊設(shè)置。打開濾鏡選項(xiàng)的下拉菜單，對(duì) Blur濾鏡進(jìn)行設(shè)置： Blur(Add=?, Direction=?, Strength=?) Add 參數(shù)是一個(gè)布爾值，一般來說，當(dāng)濾鏡用于圖片時(shí)取 0，用于文字時(shí)取1。這里我們?cè)O(shè)置Direction=90。我們?cè)O(shè)置 Strength=180。 在文檔編輯區(qū)選中文字所在單元格，在屬性面板設(shè)置文字的樣式為 .test。 在只有 HTML 的時(shí)代，只能實(shí)現(xiàn)簡(jiǎn)單的網(wǎng)頁效果。 dreamweaver8 創(chuàng)建模板 [新浪 ViVi] [百度搜藏 ] [ 書簽 ] [作者 :佚名 | 點(diǎn)擊數(shù) : 488 | 時(shí)間 :2020125]【 大 中 小 】 在我們制作網(wǎng)站的過程中，為了統(tǒng)一風(fēng)格，很多頁面會(huì)用到相同的布局、圖片和文字元素。 一、創(chuàng)建模板 模板的創(chuàng)建有三種方式。 單擊模板面板上的 “ 擴(kuò)展 ” 按鈕，在彈出菜單中選擇 “ 新建模板 ” 這是在瀏覽窗口出現(xiàn)一個(gè)未命名的模板文件，給模板命名。 編輯完成后，保存模板，完成模板建立。 選擇 “ 文件 /另存為模板 ” 命令將網(wǎng)頁另存為模板。 “ 現(xiàn)存的模板 ” 選框顯示了當(dāng)前站點(diǎn)的所有模板。單 擊 “ 另存模板 ” 對(duì)話框中的 “ 保存 ” 按鈕，就把當(dāng)前網(wǎng)頁轉(zhuǎn)換為了模板，同時(shí)將模板另存到選擇的站點(diǎn)。系統(tǒng)將自動(dòng)在根目錄下創(chuàng)建 Template 文件夾，并將創(chuàng)建的模板文件保存在該文件夾中。我們可以先單擊 “ 確定 ” ，以后再定義可編輯區(qū)域。 ” dreamweaver8 定義可編輯區(qū)域 [新浪 ViVi] [百度搜藏 ] [ 書簽 ] [作者 :佚名 | 點(diǎn)擊數(shù) : 364 | 時(shí)間 :2020125]【 大 中 小 】 模板創(chuàng)建好后，要在模板中建立可編輯區(qū)，只有在可編輯 區(qū)里，我們才可以編輯網(wǎng)頁內(nèi)容。 在文檔窗口中，選中需要設(shè)置為可編輯區(qū)域的部分，單擊常用快捷欄的 “ 模板 ” 按鈕，在彈出菜單中選擇 “ 可編輯區(qū)域 ” 項(xiàng)。新添加的可編輯區(qū)域有藍(lán)色標(biāo)簽，標(biāo)簽上是可編輯區(qū)域的名稱。 這樣模板文件就創(chuàng)建好了。 可選區(qū)域 可選區(qū)域是模板中的區(qū)域，用戶可將其設(shè)置為 在基于模板的文件中顯示或隱藏。 重復(fù)區(qū)域 重復(fù)區(qū)域時(shí)可以根據(jù)需要在基于模板的頁面中負(fù)值任意次數(shù)的模板部分。 可編輯可選區(qū)域 是可選區(qū)域的一種，可以設(shè)置顯示或隱藏所選區(qū)域，并且可以編輯該區(qū)域中的內(nèi)容。 創(chuàng)建庫(kù) 在文檔窗口中選擇需要保存為庫(kù)項(xiàng)目的內(nèi)容。 一個(gè)新的項(xiàng)目出現(xiàn)在資源面板 “ 庫(kù) ” 分類的列表中，預(yù)覽框中顯示預(yù)覽的效果，還可以給該項(xiàng)目鍵入新名稱。 插入庫(kù) 將光標(biāo)方在網(wǎng)頁中需要插入庫(kù)文件的位置，在資源面板 “ 庫(kù) ” 分類中選擇需要插入的庫(kù)項(xiàng)目，直接拖動(dòng)到光標(biāo)所在位置即可。單擊 “ 更新 ” 按鈕，將更新網(wǎng)站中使用了該庫(kù)文件的網(wǎng)頁 。 在彈出的另存為模板對(duì)話框中，在 “ 站點(diǎn) ” 文本框選擇 “xmweb” ，在 “ 另存為 ” 給模板命名為 mo1，點(diǎn)擊確定。此時(shí)，在站點(diǎn)內(nèi)自動(dòng)生成一個(gè)名為 “Templates” 的 文件夾，名稱為 的模板文件被保存在該文件夾中。 彈出 “ 可編輯區(qū)域 ” 對(duì)話框，點(diǎn)擊 “ 確定 ” 。 新建 文件，選擇菜單欄 窗口 資源命令，打開資源面板。即可將該模板應(yīng) 用到 中。使用框架可以非常方便的完成導(dǎo)航工作，讓網(wǎng)站的結(jié)構(gòu)更加清晰，而且各個(gè)框架之間決不存在干擾問題。通常把一個(gè)網(wǎng)站中頁面相同的部分單獨(dú)制作成一個(gè)頁面，作為框架結(jié)構(gòu)的一個(gè)子框架的內(nèi)容給整個(gè)網(wǎng)站公用。 框架集（ Frameset）：框架集也是一個(gè)網(wǎng)頁文件，它將一個(gè)窗口通過行和列的方式分割成多個(gè)框架，框架的多少根據(jù)具體有多少網(wǎng)頁來決定，每個(gè)框架中要顯示的就是不同的網(wǎng)頁文件。 使用預(yù)制框架集 (1)、新建一個(gè) HTML 文件，在快捷工具欄選擇 “ 布局 ” ，單擊 “ 框架 ” 按鈕 ，在彈出的下拉菜單中選擇 “ 頂部和嵌套的左側(cè)框架 ” 。 鼠標(biāo)拖動(dòng)創(chuàng)建框架 （ 1）、新建普通網(wǎng)頁，命名后將其打開。 二 、保存框架 每一個(gè)框架都有一個(gè)框架名稱，可以用默認(rèn)的框架名稱，也可以在屬性面板修改名稱，我們采用系統(tǒng)默認(rèn)的框架名稱 topFrame（上方）、 leftFrame（左側(cè)）、 mainFrame（右側(cè)）。 這個(gè)步驟雖然簡(jiǎn)單，但是很關(guān)鍵，只有將總框架集和各個(gè)框架保存在本地站點(diǎn)根目錄下，才能保證瀏覽頁面時(shí)顯示正常?？蚣艿拇笮】梢噪S意修改。 刪除框架 用鼠標(biāo)把框架邊框拖拽到父框架的邊框上，可刪除框架。選擇框架方法如下： 選擇菜單欄 窗口 框架，打開框架面板，單擊某個(gè)框架，即可 選中該框架。當(dāng)一個(gè)框架被選擇時(shí)，它的邊框帶有點(diǎn)線輪廓 2. 設(shè)置框架屬性 選中框架，在屬性面板上可以設(shè)置框架屬性：框架名稱、源文件、空白邊距、滾動(dòng)條、重置大小和邊框?qū)傩缘取?在創(chuàng)建鏈接時(shí)要用到框架名稱，所以我們要很清楚的知道每個(gè)框架對(duì)應(yīng)的框架名。鏈接目標(biāo)較遠(yuǎn)（其他 網(wǎng)站）時(shí)，一般放在新窗口，在導(dǎo)航條上創(chuàng)建鏈接時(shí)，一般將目標(biāo)文檔放在另一個(gè)框架中顯示（當(dāng)頁面較小時(shí)）或全屏幕顯示（當(dāng)頁面較大時(shí)）。 * _parent 放到父框架集或包含該鏈接的框架窗口中。 * _top 放到整個(gè)瀏覽器窗口并刪除所有框架。 * leftFrame 放到名為 leftFrame 的框架中。 五、制作框架頁面 選擇菜單欄 窗口 框架，打開框架面板，選中整個(gè)框架集，如下圖所示： 在屬性面板中，將行的值設(shè)置為 100，單位為像素，如下圖所示： 選擇菜單欄 窗口 框架，打開框架面板，選中子框架集，如下圖所示： 在屬性面板中，將列的值設(shè)置為 200，單位為像素，如下圖所示： 這樣，我們就完成了對(duì)整個(gè)框架的布局。 鼠標(biāo)在 topFrame 框架中的空白處點(diǎn)擊一下，我們會(huì)看見文檔窗口上方的文件名變?yōu)榱?。右邊距全部設(shè)為 0。 鼠標(biāo)在 leftFrame 框架中的空白處點(diǎn)擊一下，我們會(huì)看見文檔窗口上方的文件名變?yōu)榱?，在頁面屬性中將上、下、左。 插入一