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