第13章多媒體與網(wǎng)頁(yè)特效-文庫(kù)吧在線文庫(kù)
【正文】 ? 133 時(shí)間軸 ? 134 制作彈出菜單 在網(wǎng)頁(yè)中插入多媒體對(duì)象 ? 插入 flash動(dòng)畫(huà) ? 插入聲音 ? 插入視頻 插入 flash動(dòng)畫(huà) ? 網(wǎng)頁(yè)中除了文本與圖像表述網(wǎng)頁(yè)內(nèi)容以外，還離不開(kāi)網(wǎng)頁(yè)多媒體，如：Flash動(dòng)畫(huà)、聲音、視頻等，這些多媒體元素的加入，使得網(wǎng)頁(yè)表現(xiàn)更豐富多彩，在文本和圖像的基礎(chǔ)上，多媒體的加入更是錦上添花。通過(guò)選擇“自動(dòng)播放”復(fù)選框后，可以設(shè)定 Flash文件是否在頁(yè)面加載時(shí)就播放。 ? 【鏈接】用于輸入按鈕的鏈接，可以是外部鏈接，也可以是內(nèi)部鏈接。所選外觀的預(yù)覽會(huì)出現(xiàn)在“外觀”彈出式菜單下方。 ? 1. 超級(jí)鏈接到聲音文件 ? 現(xiàn)在 Inter上大量的在線音樂(lè)就是采用超級(jí)鏈接鏈接到聲音文件?；蛘邌螕羰髽?biāo)右鍵，在彈出菜單中選擇“目標(biāo)另存為”將該音樂(lè)文件下載到本地。這種音樂(lè)多以 MP3， MIDI文件為主。 插入視頻 ? （ 3）設(shè)置完畢，保存文件。按 F12 鍵預(yù)覽網(wǎng)頁(yè)，網(wǎng)頁(yè)將顯示相關(guān)播放插件并播放。 ? 1. 了解行為 ? “行為”可以創(chuàng)建網(wǎng)頁(yè)動(dòng)態(tài)效果，實(shí)現(xiàn)用戶(hù)與頁(yè)面的交互。動(dòng)作通常是一段 JaveScript代碼，在 Dreamweaver中使用Dreamweaver內(nèi)置的行為往頁(yè)面中添加 JaveScript代碼，就不必自己編寫(xiě)。 ? （ 2）單擊事件列右方的三角，打開(kāi)事件菜單，可以選擇事件。 ? 在“要顯示的 URL”文本框中，單擊“瀏覽按鈕”選擇在新窗口中載入的目標(biāo)的 URL地址 (可以是網(wǎng)頁(yè)也可以是圖像 )。 ? 這是兩個(gè)行為：行為一：移入 +顯示；行為二：移出 +隱藏。單擊該層，然后單擊“隱藏”按鈕。 ? 【實(shí)例 】 在網(wǎng)頁(yè)狀態(tài)欄里顯示自定義的一行文字信息。 ? ? 【實(shí)例 】設(shè)置層文本。在消息中輸入文本信息后單擊【確定】按鈕。 ? 2. 圖 1331中時(shí)間軸的各項(xiàng)功能 ? （ 1）時(shí)間軸彈出菜單：表示當(dāng)前的時(shí)間軸名稱(chēng)。 ? （ 7） LOOP（循環(huán)）：選中該項(xiàng)，則繼續(xù)反復(fù)時(shí)間軸上的動(dòng)畫(huà)。如圖 1332所示： （ 2） 鼠標(biāo)右鍵單擊層對(duì)象，在彈出的菜單中選擇“添加到時(shí)間軸”菜單命令，這時(shí)會(huì)在“屬性”面板的下面出現(xiàn)時(shí)間軸控制器，如圖 1333所示： （ 3） 在時(shí)間軸上，鼠標(biāo)單擊第 15幀，選中層對(duì)象，將層對(duì)象拖動(dòng)到右上方。如圖 1335所示： （ 4）為了減慢文字移動(dòng)的速度，把時(shí)間軸中的 15幀全部擴(kuò)展為 25幀。 制作飄動(dòng)廣告 ? 【實(shí)例 】利用時(shí)間軸制作飄動(dòng)廣告 ? 制作步驟： ? （ 1） 新建一個(gè)頁(yè)面命名為 。 ? （ 5） 同樣的方法在第 20幀、第 30幀、第 40幀、第 50幀和第 60幀所在位置出增加關(guān)鍵幀，分別在各個(gè)幀位置出，拖動(dòng)層對(duì)象到不同的地方。 ? （ 6） 選擇“內(nèi)容”選項(xiàng)卡，在文本一欄中的“新建項(xiàng)目”改為“菜單1”。按鈕【 】是用來(lái)刪除菜單，【左縮進(jìn)項(xiàng)】按鈕用來(lái)撤銷(xiāo)子菜單的建立。 :19:1301:19:13February 27, 2023 ? 1他鄉(xiāng)生白發(fā)，舊國(guó)見(jiàn)青山。 :19:1301:19Feb2327Feb23 ? 1世間成事，不求其絕對(duì)圓滿(mǎn)，留一份不足，可得無(wú)限完美。 , February 27, 2023 ? 閱讀一切好書(shū)如同和過(guò)去最杰出的人談話。 2023年 2月 27日星期一 1時(shí) 19分 13秒 01:19:1327 February 2023 ? 1一個(gè)人即使已登上頂峰，也仍要自強(qiáng)不息。勝人者有力，自勝者強(qiáng)。 。 2023年 2月 27日星期一 1時(shí) 19分 13秒 01:19:1327 February 2023 ? 1做前，能夠環(huán)視四周；做時(shí)，你只能或者最好沿著以腳為起點(diǎn)的射線向前。 , February 27, 2023 ? 雨中黃葉樹(shù)，燈下白頭人。 ? （ 8） 為“菜單 2”建立一個(gè)子菜單，操作方法為：鼠標(biāo)單擊對(duì)話框下方的“菜單 2”，單擊“菜單”欄的【 +】按鈕，在文本一欄中的“新建項(xiàng)目”改為“子菜單”。 ? （ 3） 執(zhí)行“窗口” → “行為”菜單命令，打開(kāi)行為面板。 ? （ 3） 拖動(dòng)時(shí)間軸面板中最右側(cè)的關(guān)鍵幀至 75幀。勾選“自動(dòng)播放選項(xiàng)”。分別輸入文字“三”、“思”、“而”、“后”、“行”，將圖層排列在適當(dāng)?shù)奈恢谩? ? （ 11）圖層通道：它是用于編輯圖層的空間。 ? （ 5）表示每秒顯示的幀數(shù)。這就是動(dòng)態(tài) HTML的表達(dá)方式，也是Dreamweaver強(qiáng)于其它網(wǎng)頁(yè)編輯器的地方。 （ 3） 選擇行為面板的事件為“ onClick”事件，最終的行為面板的界面如圖 1327所示： ? （ 4） 按快捷鍵 F12 ，就可以預(yù)覽到如圖 1328所示的設(shè)置層效果了。 （ 3） 選擇行為面板的事件為“ onClick”事件，最終的行為面板的界面如圖 1324所示： （ 4） 按快捷鍵 F12 ，就可以預(yù)覽到如圖 1325所示的狀態(tài)欄文字效果了。單擊“ onLoad”，在下拉菜單中選擇“ onMouseOut”，如圖 1320所示 上述方法是鼠標(biāo)移出事件行為的設(shè)置，重復(fù)以上 45的方法再對(duì)鼠標(biāo)移上事件行為進(jìn)行設(shè)置，把顯示－隱藏層設(shè)為（顯示），如圖 1321所示： 7. 行為事件設(shè)置，單擊“ onLoad”，在下拉菜單中選擇“ onMouseOver”，設(shè)置后的“行為”面板最終結(jié)果，如圖 1322所示： 保存頁(yè)面，預(yù)覽網(wǎng)頁(yè)。 ? 2. 在頁(yè)面中插入一個(gè)層，貼入幾個(gè)動(dòng)畫(huà)。把 onClick(單擊鼠標(biāo) )的事件改為onMouseOver(鼠標(biāo)滑過(guò) )，如圖 1316所示 ： 顯示 隱藏層 ? 行為是實(shí)現(xiàn)網(wǎng)頁(yè)上交互的一種捷徑，行為將 javascript 代碼放置在文檔中，以允許訪問(wèn)者與 Web 頁(yè)進(jìn)行交互，從而以多種方式更改頁(yè)
教學(xué)教案相關(guān)推薦
鄂ICP備17016276號(hào)-1