第13章多媒體與網(wǎng)頁(yè)特效-在線瀏覽
2025-03-12 12:42本頁(yè)面
【正文】 用哪一格式和方法添加聲音前，需要考慮添加聲音的目的、觀眾、文件大小、聲音品質(zhì)和不同瀏覽器的差異等因素。另外，用戶在訪問(wèn)插入音頻的頁(yè)面時(shí)，只有在他的客戶端瀏覽器具有可播放所選聲音文件的適當(dāng)插件，聲音才可以播放出來(lái)。 ? 1. 超級(jí)鏈接到聲音文件 ? 現(xiàn)在 Inter上大量的在線音樂(lè)就是采用超級(jí)鏈接鏈接到聲音文件。 ? （ 1）準(zhǔn)備好一個(gè)音樂(lè)文件。 （ 2）在屬性面板的【鏈接】文本框中鍵入聲音文件所在的路徑和名稱，或者單擊后面的文件夾圖標(biāo)直接選擇聲音文件。 （ 3）保存文件，按 F12 鍵預(yù)覽該網(wǎng)頁(yè)?；蛘邌螕羰髽?biāo)右鍵，在彈出菜單中選擇“目標(biāo)另存為”將該音樂(lè)文件下載到本地。 ? （ 1）準(zhǔn)備好一個(gè)音樂(lè)文件，在頁(yè)面添加文字“ 月滿西樓”。調(diào)整播放插件的大小外觀。 ? （ 4）保存文件，按 F12 鍵預(yù)覽該網(wǎng)頁(yè)，效果如圖 1311所示。這種音樂(lè)多以 MP3， MIDI文件為主。 ? 在代碼視圖中，通過(guò) bgsound標(biāo)記可以將網(wǎng)頁(yè)設(shè)置上背景音樂(lè)，具體步驟是： ? （ 1）準(zhǔn)備好一個(gè)音樂(lè)文件，打開(kāi)需要添加背景音樂(lè)的網(wǎng)頁(yè)（網(wǎng)頁(yè)和聲音最好使用相對(duì)路徑）。 ? 插入視頻和插入聲音的方法類似，也有兩種情況，其一為超級(jí)鏈接到視頻文件，其二為嵌入視頻文件到網(wǎng)頁(yè)中。 ? （ 1）準(zhǔn)備好一個(gè)視頻文件，在網(wǎng)頁(yè)中選擇指向視頻文件的鏈接載體（文本或圖像）。 插入視頻 ? （ 3）設(shè)置完畢，保存文件。 ? 2. 嵌入視頻文件到網(wǎng)頁(yè)中 ? 如果希望添加視頻文件并在網(wǎng)頁(yè)上顯示播放器的外觀，請(qǐng)選擇嵌入視頻文件到網(wǎng)頁(yè)中的方法。 ? （ 2）打開(kāi)【插入】面板，單擊【常用】選項(xiàng)卡中的【媒體】，在下拉菜單中單擊【插件】按鈕，彈出【選擇文件】對(duì)話框，選擇其中的視頻文件，將其添加到網(wǎng)頁(yè)中，如圖 1313所示。 ? （ 3）如果用戶的計(jì)算機(jī)中沒(méi)有安裝相關(guān)視頻文件的播放插件，在屬性面板的“插件 URL”中輸入該插件的地址，供用戶鏈接并下載該插件。按 F12 鍵預(yù)覽網(wǎng)頁(yè)，網(wǎng)頁(yè)將顯示相關(guān)播放插件并播放。 行為 ? 行為基礎(chǔ)知識(shí) ? 顯示 隱藏層 ? 設(shè)置狀態(tài)條文本 ? 設(shè)置層文本 ? 設(shè)置彈出信息 行為基礎(chǔ)知識(shí) 一般說(shuō)來(lái)，動(dòng)態(tài)網(wǎng)頁(yè)是通過(guò)編寫腳本代碼來(lái)實(shí)現(xiàn)用戶與頁(yè)面的簡(jiǎn)單交互的。在可視化環(huán)境中按幾個(gè)按鈕，填幾個(gè)選項(xiàng)就可以實(shí)現(xiàn)豐富的動(dòng)態(tài)頁(yè)面效果，實(shí)現(xiàn)人與頁(yè)面的簡(jiǎn)單交互。例如，當(dāng)鼠標(biāo)移動(dòng)到網(wǎng)頁(yè)的圖片上方時(shí)，圖片高亮顯示，此時(shí)的鼠標(biāo)移動(dòng)稱為時(shí)間，圖片的變化稱為動(dòng)作，一般的行為都是要有事件來(lái)激活動(dòng)作。 ? 1. 了解行為 ? “行為”可以創(chuàng)建網(wǎng)頁(yè)動(dòng)態(tài)效果，實(shí)現(xiàn)用戶與頁(yè)面的交互。與行為相關(guān)的有三個(gè)重要的部分 —— 對(duì)象、事件和動(dòng)作。 ? （ 2） 事件 (Event) ? 事件是觸發(fā)動(dòng)態(tài)效果的原因，它可以被附加到各種頁(yè)面元素上，也可以被附加到 HTML標(biāo)記中。不同的瀏覽器支持的事件種類和多少是不一樣的，通常高版本的瀏覽器支持更多的事件。動(dòng)作通常是一段 JaveScript代碼，在 Dreamweaver中使用Dreamweaver內(nèi)置的行為往頁(yè)面中添加 JaveScript代碼，就不必自己編寫。一個(gè)事件可以同多個(gè)動(dòng)作相關(guān)聯(lián) (1： n)，即發(fā)生事件時(shí)可以執(zhí)行多個(gè)動(dòng)作。 ? 2. 應(yīng)用行為 ? 在 Dreamwaever中，對(duì)行為的添加和控制主要通過(guò)【行為】面板來(lái)實(shí)現(xiàn)。 ? 在行為面板上可以進(jìn)行如下操作： ? （ 1）單擊【 +】按鈕，打開(kāi)動(dòng)作菜單，添加行為；單擊【 】按鈕，刪除行為。 ? （ 2）單擊事件列右方的三角，打開(kāi)事件菜單，可以選擇事件。 ? 3. 創(chuàng)建行為 ? 一般創(chuàng)建行為有三個(gè)步驟：選擇對(duì)象、添加動(dòng)作、調(diào)整事件。我們需要的效果是，在網(wǎng)頁(yè)上單擊一幅小圖像，打開(kāi)一個(gè)新窗口顯示放大的圖像。 ? （ 2）單擊行為面板上的 +按鈕，打開(kāi)動(dòng)作菜單。 ? 在“要顯示的 URL”文本框中，單擊“瀏覽按鈕”選擇在新窗口中載入的目標(biāo)的 URL地址 (可以是網(wǎng)頁(yè)也可以是圖像 )。窗口名稱為“放大圖片”。把 onClick(單擊鼠標(biāo) )的事件改為onMouseOver(鼠標(biāo)滑過(guò) )，如圖 1316所示 ： 顯示 隱藏層 ? 行為是實(shí)現(xiàn)網(wǎng)頁(yè)上交互的一種捷徑，行為將 javascript 代碼放置在文檔中，以允許訪問(wèn)者與 Web 頁(yè)進(jìn)行交互，從而以多種方式更改頁(yè)面動(dòng)作或執(zhí)行某些任務(wù)。 ? 【實(shí)例 】光標(biāo)移到圖片上面。 ? 這是兩個(gè)行為：行為一：移入 +顯示；行為二：移出 +隱藏。動(dòng)作是：顯示和隱藏。 ? 2. 在頁(yè)面中插入一個(gè)層，貼入幾個(gè)動(dòng)畫。打開(kāi)頁(yè)面的時(shí)候不顯示層面板狀態(tài)，具體操作是：執(zhí)行“窗口” → “層”菜單命令，打開(kāi)層面板，在 layer1左邊的眼鏡關(guān)閉，如圖 1318所示： ? 4. 單擊圖片，打開(kāi)行為面板（執(zhí)行“窗口” → “行為”菜單命令）。單擊該層，然后單擊“隱藏”按鈕。如圖 1319所示： 打開(kā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è)。 設(shè)置狀態(tài)欄文本 ? 網(wǎng)頁(yè)瀏覽器的狀態(tài)欄位于瀏覽器的下方，可以通過(guò)瀏覽器菜單欄上“查看” → “狀態(tài)欄”選項(xiàng)將其打開(kāi)或關(guān)閉。 ? 【實(shí)例 】 在網(wǎng)頁(yè)狀態(tài)欄里顯示自定義的一行文字信息。 ? （ 2） 執(zhí)行“窗口” → “行為”菜單命令，打開(kāi)行為面板，選擇文本
教學(xué)教案相關(guān)推薦
鄂ICP備17016276號(hào)-1