【正文】 （ texttransform） 8. 顏色（ color） 9. 修飾（ textdecoration） 返回 2022/4/14 183 背景 （ backgroundcolor） （ backgroundimage） （ backgroundrepeat） （ backgroundattachment） （ backgroundposition） 返回 2022/4/14 184 區(qū)塊 （ letterspacing） 2. 字詞間距（ wordspacing） （ verticalalign） （ textalign ） 5. 文本縮進(jìn)（ textindent ） （ whitespace） （ display） 返回 2022/4/14 185 方框 （ width）和高（ height） （ float）和清除（ clear） （ padding） （ margin） 返回 2022/4/14 186 邊框 （ borderstyle） （ borderwidth） （ bordercolor） 列表 （ liststyletype ） （ liststyleimage） （ liststyleposition） 返回 2022/4/14 187 定位 定位屬性包括類型、溢出、 Z軸、寬、高、位置、剪輯的等，其作用和前面介紹的層的定義相同。事實(shí)上，在對(duì)層的屬性進(jìn)行定義時(shí)，就是在層代碼行中加入了CSS代碼。 返回 2022/4/14 188 ? 實(shí)例 3：采用絕對(duì)定位，指定元素blockDiv距離窗口左邊 180px，頂部 50px ? DIV ID=“blockDiv” Style=“position:absolute。left:180” top:50。width:200。visbility:hidden?！? FONT Color＝ red花生 /FONT/DIV 返回 2022/4/14 189 擴(kuò)展 （ pagebreak） 返回 2022/4/14 190 CSS濾鏡 Alpha 濾鏡 2. BlendTrans濾鏡 濾鏡 Alpha濾鏡是把一個(gè)目標(biāo)元素與背景混合，可以指定數(shù)值來(lái)控制混合的程度，通俗地說(shuō)就是一個(gè)元素的透明度。通過(guò)指定坐標(biāo)，可以指定點(diǎn)、線、面的透明度。 BlendTrans濾鏡產(chǎn)生一種淡入淡出的效果。 Blur濾鏡產(chǎn)生模糊效果。 返回 2022/4/14 191 濾鏡 5. DropShadow 濾鏡 Chroma屬性可以在一個(gè)對(duì)象中指定一種顏色為透明色。 DropShaow是設(shè)置對(duì)象的陰影效果。 FlipV 濾鏡 FlipH和 FlipV 濾鏡分別是水平反轉(zhuǎn)和垂直反轉(zhuǎn)，這兩個(gè)濾鏡沒(méi)有參數(shù)。 濾鏡 當(dāng)對(duì)一個(gè)對(duì)象使用 glow屬性后，這個(gè)對(duì)象的邊緣就會(huì)產(chǎn)生類似發(fā)光的效果。 返回 2022/4/14 192 ,Invert,Xray 濾鏡 Gray濾鏡是把一張圖片變成灰度圖 濾鏡 這個(gè)屬性模擬光源的投射效果。 濾鏡 使用 Mask 濾鏡可以為對(duì)象建立一個(gè)覆蓋于表面的膜，其效果就象戴者有色眼鏡看物體一樣。 返回 2022/4/14 193 12. Shadow 濾鏡 11. RevealTrans濾鏡 RevealTrans濾鏡能產(chǎn)生 23種動(dòng)態(tài)效果，可在其中隨機(jī)抽用其中的一種。 利用 Shadow屬性可以在指定的方向建立物體的投影。 濾鏡 Wave 屬性把對(duì)象在垂直的方向按波紋樣式打亂。 返回 2022/4/14 194 應(yīng)用舉例 ——用 CSS樣式設(shè)置文本格式 ? 將利用 CSS樣式為 Triangel網(wǎng)頁(yè)進(jìn)行文本格式設(shè)置。 返回 2022/4/14 195 用 CSS樣式設(shè)置文本格式效果 第 5章 高級(jí)網(wǎng)頁(yè)制作 2022/4/14 197 第 5章 高級(jí)網(wǎng)頁(yè)制作 ? 行為 ? 事件和動(dòng)作 ? 行為和 JavaScript腳本程序 2022/4/14 198 認(rèn)識(shí)“行為”面板 ?“行為”面板是添加和控制操作行為的場(chǎng)所。選擇“窗口 /行為”命令或按 Shift+F3鍵，打開“行為”面板，在面板中會(huì)顯示已添加的行為。 ? “行為”面板中各按鈕的功能如下： 2022/4/14 199 認(rèn)識(shí)“行為”面板 ? 單擊 按鈕只顯示已設(shè)置的事件列表。 ? 單擊 按鈕顯示所有事件列表。 ? 單擊 按鈕會(huì)彈出“行為”菜單。在該菜單中 選擇相應(yīng)的行為后，會(huì)打開相應(yīng)的對(duì)話框，設(shè)置完成后將為指定的對(duì)象添加行為。 ? 單擊 按鈕會(huì)刪除一個(gè)行為。 2022/4/14 200 認(rèn)識(shí)“行為”面板 ? 單擊 按鈕將向上移動(dòng)所選擇的動(dòng)作。若該按鈕為灰色，則表示不能移動(dòng)。 ? 單擊 按鈕將向下移動(dòng)所選擇的動(dòng)作。 2022/4/14 201 ? 實(shí)例 ：使用行為實(shí)現(xiàn)鼠標(biāo)移動(dòng)到圖片上面改變狀態(tài)欄文字。 ? 事件 ? 附加動(dòng)作 2022/4/14 202 檢查瀏覽器 ? 由于訪問(wèn)者可能會(huì)使用不同類型和版本的瀏覽器，利用“檢查瀏覽器”行為可根據(jù)訪問(wèn)者使用的瀏覽器而跳轉(zhuǎn)到不同的頁(yè)面。 2022/4/14 203 檢查插件 ?“檢查插件”行為的目的是檢查瀏覽者的電腦是否安裝了指定的插件，從而決定將網(wǎng)頁(yè)轉(zhuǎn)到不同的頁(yè)面。如讓安裝了 Shockwave插件的訪問(wèn)者轉(zhuǎn)到有 Shockwave影片的頁(yè)面，讓未安裝該插件的訪問(wèn)者轉(zhuǎn)到?jīng)]有 Shockwave影片的頁(yè)面。 2022/4/14 204 轉(zhuǎn)到 URL ?“轉(zhuǎn)到 URL”行為可以在當(dāng)前窗口或指定的框架中打開一個(gè)新頁(yè)面。利用此行為可以通過(guò)一次單擊更改兩個(gè)或多個(gè)框架的內(nèi)容，非常方便。 2022/4/14 205 跳轉(zhuǎn)菜單 ?“跳轉(zhuǎn)菜單”行為可通過(guò)選擇“插入 /表單 /跳轉(zhuǎn)菜單”命令進(jìn)行創(chuàng)建，并可通過(guò)“行為”面板對(duì)已有的跳轉(zhuǎn)菜單進(jìn)行編輯修改。在“跳轉(zhuǎn)菜單”對(duì)話框中可設(shè)置跳轉(zhuǎn)菜單的屬性，打開該對(duì)話框的方法有以下兩種： 2022/4/14 206 跳轉(zhuǎn)菜單 ? 選中已插入的跳轉(zhuǎn)菜單，雙擊“行為”面板中的“跳轉(zhuǎn)菜單”動(dòng)作，打開“跳轉(zhuǎn)菜單”對(duì)話框。 ? 選中已插入的跳轉(zhuǎn)菜單，在打開的“行為”面板中單擊 +按鈕，在彈出的“行為”菜單中選擇“跳轉(zhuǎn)菜單”命令，打開“跳轉(zhuǎn)菜單”對(duì)話框。 ? 在“跳轉(zhuǎn)菜單”對(duì)話框中設(shè)置跳轉(zhuǎn)菜單的方法和“跳轉(zhuǎn)菜單”的創(chuàng)建基本相同，完成后單擊 按鈕關(guān)閉對(duì)話框，如有需要可在面板中修改事件 。 2022/4/14 207 打開瀏覽器窗口 ? 使用“打開瀏覽器窗口”行為可打開一個(gè)新的瀏覽器窗口顯示指定的文檔，并且可以指定新窗口的屬性和名稱。 ? 實(shí)例 2:在網(wǎng)頁(yè)調(diào)入的同時(shí) ,打開一個(gè) POP窗口 . 2022/4/14 208 彈出信息 ? 添加了“彈出信息”行為后，當(dāng)觸發(fā)設(shè)定的事件時(shí)將會(huì)彈出預(yù)設(shè)對(duì)話框。 ? 實(shí)例 ：制作一個(gè)顯示 URL的對(duì)話框。 2022/4/14 209 設(shè)置文本 ?“設(shè)置狀態(tài)欄文本”行為 ? “設(shè)置狀態(tài)欄文本”行為可用于在瀏覽器窗口底部左側(cè)的狀態(tài)欄中顯示消息。 ? “設(shè)置層文本”行為 ? “設(shè)置層文本”行為可以設(shè)置層的內(nèi)容和格式，但保留層的屬性，如顏色等。該內(nèi)容可以包括任何有效的 HTML源代碼。 2022/4/14 210 實(shí)例一個(gè)顯示會(huì)員簡(jiǎn)介的網(wǎng)頁(yè) 2022/4/14 211 預(yù)先載入圖像 ?“預(yù)先載入圖像”行為將不會(huì)立即出現(xiàn)在頁(yè)面上的圖像預(yù)先載入瀏覽器緩存中，可防止圖像出現(xiàn)時(shí)由于下載而導(dǎo)致延遲。 2022/4/14 212 設(shè)置導(dǎo)航欄圖像 ? 使用“設(shè)置導(dǎo)航欄圖像”行為不僅可以將某個(gè)圖像變?yōu)閷?dǎo)航條圖像，還可以更改導(dǎo)航條中圖像的顯示和動(dòng)作。 2022/4/14 213 交換圖像 ? 在頁(yè)面中插入鼠標(biāo)經(jīng)過(guò)圖像實(shí)際上就是Dreamweaver自動(dòng)添加了一個(gè)“交換圖像”行為?！敖粨Q圖像”行為通過(guò)更改 img標(biāo)簽的 src屬性將一個(gè)圖像和另一個(gè)圖像進(jìn)行交換，該行為創(chuàng)建了按鈕變換和其他圖像效果，包括一次交換多個(gè)圖像。 2022/4/14 214 改變屬性 ? 使用“改變屬性”行為可更改對(duì)象的某些屬性，其中可更改的屬性是由瀏覽器決定的。 ? 實(shí)例 ：鼠標(biāo)移過(guò)圖像時(shí)改變大小。 2022/4/14 215 顯示 隱藏層 ?“顯示 隱藏層”行為用于交互時(shí)顯示信息，可以顯示、隱藏或恢復(fù)一個(gè)或多個(gè)層的可見性。 ? 實(shí)例 :鼠標(biāo)移動(dòng)到會(huì)員圖像上時(shí)顯示會(huì)員介紹。 2022/4/14 216 拖動(dòng)層 ? 瀏覽者在訪問(wèn)添加了“拖動(dòng)層”行為的頁(yè)面時(shí)可拖動(dòng)層到頁(yè)面的任意位置。 ? “拖動(dòng)層”行為可通過(guò)“拖動(dòng)層”對(duì)話框?qū)崿F(xiàn)。選中所需的層并打開“行為”面板，單擊 按鈕，在彈出的 “行為”菜單中選擇“拖動(dòng)層”命令，打開“拖動(dòng)層”對(duì)話框，該對(duì)話框中有“基本”和“高級(jí)”兩個(gè)選項(xiàng)卡。可以設(shè)定瀏覽者向水平、垂直或任意方向拖動(dòng)層，以及用 JavaScript函數(shù)名或代碼實(shí)現(xiàn)一些特殊功能。 2022/4/14 217 拖動(dòng)層 ? 1． “基本”選項(xiàng)卡 ? 2. “高級(jí)”選項(xiàng)卡 2022/4/14 218 1．“基本”選項(xiàng)卡 ?“基本”選項(xiàng)卡中可選擇添加行為的層、拖動(dòng)限制等。 2022/4/14 219 2.“高級(jí)”選項(xiàng)卡 ? 單擊對(duì)話框的“高級(jí)”選項(xiàng)卡，在其中可進(jìn)行層的拖動(dòng)控制點(diǎn)、在拖動(dòng)層時(shí)跟蹤層的移動(dòng)以及當(dāng)放下層時(shí)觸發(fā)一個(gè)動(dòng)作等設(shè)置。 2022/4/14 220 ? 實(shí)例 ：制作拖動(dòng)圖像進(jìn)行類似拼圖的效果，將會(huì)員圖片拖到指定位置。 2022/4/14 221 調(diào)用 JavaScript ?“調(diào)用 JavaScript”行為允許用戶使用“行為”面板指定當(dāng)發(fā)生某個(gè)事件時(shí)執(zhí)行自定義功能。 2022/4/14 222 控制 Shockwave或 Flash ? 使用“控制 Shockwave或 Flash”行為可播放、停止、倒退、轉(zhuǎn)到 Flash或 Shockwave文件中的幀。 2022/4/14 223 播放聲音 ? 使用“播放聲音”行為可以在頁(yè)面載入時(shí)播放音樂(lè)。 2022/4/14 224 檢查表單 ? 檢查表單行為用于檢查用戶輸入的文本區(qū)的內(nèi)容是否正確。 ? 此行為可以附加給 onBlur或 Submit事件。 2022/4/14 225 使用 JavaScript代碼 ? 認(rèn)識(shí)使用代碼片斷面板 ? 執(zhí)行窗口 ——代碼片斷 ? 拖動(dòng)代碼片斷到編輯窗口得網(wǎng)頁(yè)中； ? 在編輯窗口中要插入代碼片斷的地方單擊，然后雙擊代碼片斷； ? 在編輯窗口要插入代碼片斷的地方單擊，然后執(zhí)行插入按鈕。 2022/4/14 226 JavaSrript代碼實(shí)例 ? 實(shí)例一：插入關(guān)閉窗口按鈕。 ? 實(shí)例二：會(huì)暫停的滾動(dòng)字幕。 2022/4/14 227 模板的使用 ? 在創(chuàng)建模板前需先創(chuàng)建站點(diǎn)，因?yàn)槟０灞仨毐４嬖谡军c(diǎn)中，否則創(chuàng)建模板時(shí)系統(tǒng)會(huì)提示創(chuàng)建站點(diǎn)。創(chuàng)建模板有兩種方式：將現(xiàn)有網(wǎng)頁(yè)另存為模板和直接創(chuàng)建空白模板。 2022/4/14 228 1．將現(xiàn)有網(wǎng)頁(yè)另存為模板 2022/4/14 229 2．直接創(chuàng)建空白模板 2022/4/14 230 設(shè)置模板的屬性 使用菜單“修改” → “ 頁(yè)面屬性”改變模板的頁(yè)面屬性。 每個(gè)模板都包含可編輯區(qū)和不可編輯區(qū)兩部分?？删庉媴^(qū)指的是一個(gè)頁(yè)面中可以更改的部分，它所包含的內(nèi)容是經(jīng)常變換的。不可編輯區(qū)是指在所有頁(yè)面中不能改變的內(nèi)容，它的內(nèi)容只能在模板中編輯，如某些公共標(biāo)識(shí)符等。 2022/4/14 231 重復(fù)區(qū)域指的是一個(gè)頁(yè)面中可以任意多地增加的部分，例如表格中的內(nèi)容等。重復(fù)區(qū)域是不可編輯區(qū)，如果要在重復(fù)區(qū)域中編輯不同的內(nèi)容，必須在重復(fù)區(qū)域中插入可編輯區(qū)域。 可選區(qū)域是指在滿足一定條件下才在頁(yè)面中顯示的區(qū)域。 嵌套模板是指在一個(gè)模板中調(diào)用了另一個(gè)模板的內(nèi)容。 2022/4/14 232 應(yīng)用模板 使用菜單“文件” → “新建”，在彈出的對(duì)話框中選擇“模板”選項(xiàng)卡，出現(xiàn)“從模板新建”對(duì)話框，在對(duì)話框中選擇一個(gè)模板，然后單擊“創(chuàng)建”按鈕； 或使用資源面板。 2. 在已有的文件中應(yīng)用模板 ?使用菜