網(wǎng)頁設(shè)計教程-第9章-資料下載頁
2025-08-15 20:43本頁面
【正文】 渡 ? 在 Dreaweaver同樣可以利用菜單命令來設(shè)置網(wǎng)頁的過渡模式。 ? 要使用 Meta(元數(shù)據(jù) )命令實現(xiàn)網(wǎng)頁過渡，其具體操作如下。 ? (1) 選擇 【 修改 】 |【 頁面屬性 】 命令，如圖 ，這時會出現(xiàn)如圖 所示的對話框。 ? (2) 利用 【 背景顏色 】 顏色框為頁面背景選擇顏色?；蛘咴?【 背景圖像 】 文本框中，為頁面背景選擇背景圖片。然后單擊 【 確定 】 按鈕確定。 ? (3) 選擇 【 查看 】 |【 文件頭內(nèi)容 】 命令，如圖 ，顯示文檔窗口的頭部。然后，選擇 【 插入 】 | HTML |【 文件頭標(biāo)簽 】 | Meta (元數(shù)據(jù) )命令，如圖 ，這時會出現(xiàn)如圖 。 ? (4) 在 【 屬性 】 下拉列表中，選擇 HTTPequivalent (HTTP等價屬性 )選項。在 【 值 】 文本框中，輸入“ PageEnter”(網(wǎng)頁頁面進(jìn)入 )，表示進(jìn)入網(wǎng)頁時有網(wǎng)頁過渡效果。 ? (5) 在 【 內(nèi)容 】 文本框中，輸入“ RevealTrans (Duration=n,Transition=3)” ，“ Duration”為“ n”表示網(wǎng)頁過渡效果的延續(xù)時間為 n 秒，“ Transition”表示過渡效果方式，值為“ 3”時表示圓形展開。 插入元數(shù)據(jù)實現(xiàn)網(wǎng)頁過渡 圖 選擇 【 頁面屬性 】 命令 圖 【 頁面屬性 】 對話框 插入元數(shù)據(jù)實現(xiàn)網(wǎng)頁過渡 圖 選擇 【 文件頭內(nèi)容 】 命令 圖 插入 Meta命令 插入元數(shù)據(jù)實現(xiàn)網(wǎng)頁過渡 圖 設(shè)置 META對話框 插入元數(shù)據(jù)實現(xiàn)網(wǎng)頁過渡 ? (6) 設(shè)置完畢后，單擊 【 確定 】 按鈕確定插入元數(shù)據(jù)。 ? 為網(wǎng)頁插入 Meta (元數(shù)據(jù) )后，用戶可以在瀏覽器中預(yù)覽這個網(wǎng)頁過渡的效果。當(dāng)完成網(wǎng)頁編輯存盤并再次打開該網(wǎng)頁時，網(wǎng)頁以如圖 展開方式顯示網(wǎng)頁上的內(nèi)容。在網(wǎng)頁設(shè)計時，有 25種網(wǎng)頁過渡效果，用戶可以嘗試這些不同的網(wǎng)頁過渡效果。 插入元數(shù)據(jù)實現(xiàn)網(wǎng)頁過渡 圖 網(wǎng)頁過渡效果 上 機(jī) 實 戰(zhàn) ? 本節(jié)上機(jī)實戰(zhàn)要求利用插件實現(xiàn)網(wǎng)頁中層的過渡效果。 ? 1. 實戰(zhàn)目的 ? 通過該實戰(zhàn)訓(xùn)練讓讀者學(xué)會利用插件實現(xiàn)網(wǎng)頁中層的過渡效果。 ? 2. 實戰(zhàn)步驟 ? 在 Dreamweaver中可以使用 Layer transitions (層過渡 )插件方便地實現(xiàn)層在網(wǎng)頁頁面中的滑動效果。 ? 要使用 Layer transitions (層過渡 )插件，其具體操作如下。 ? (1) 從網(wǎng)上下載 ，獲得該插件。 ? (2) 啟動插件管理器，并安裝 。 ? (3) 重新啟動 Dreamweaver 8，在文檔窗口中，選中要附加行為的層。 ? (4) 選擇 【 窗口 】 |【 行為 】 命令，打開 【 行為 】 面板。單擊 【 行為 】 面板中的“ +”按鈕，并從如圖 Layer transitions(層過渡 )命令，這個命令有 10個選項，分別代表 10種過渡效果，這里選擇 Layer Box In。這時會出現(xiàn)如圖 。 習(xí) 題 ? 1 單項選擇題 ? 2 多項選擇題 ? 3 判斷題 ? 4 問答題 習(xí) 題 __單項選擇題 ? (1) 下列選項中，關(guān)于時間軸與層關(guān)系的說法正確的是 。 ? A．只能改變層的位置 B．只能改變層的大小 ? C．只能改變層的位置和可見度 ? D．可以改變層的位置、大小和可見度 ? (2) 利用時間軸做動畫效果，如果想要一個動作在頁面載入 5s啟動，并且是 15幀 /s的效果，那么起始關(guān)鍵幀應(yīng)該設(shè)置在時間鏈的 。 ? A．第 1幀 B．第 45幀 ? C．第 60幀 D．第 5幀 ? (3) Dreamweaver打開幀面板的快捷操作是 。 ? A． F11 B． Shift +F2 ? C． Ctrl+F11 D． F4 習(xí) 題 __多項 選擇題 ? (1) 每個時間鏈開始都是包括 兩個關(guān)鍵幀。 ? A．開始 B．結(jié)束 ? C．關(guān)鍵幀 D．主幀 ? (2) 幀分為 兩部分？ ? A．幀頭 B．分幀文檔 ? C．幀尾 D．幀 ? (3) 在時間軸屬性檢測器中設(shè)置 來改變一個動畫的長度。 ? A．選擇起始關(guān)鍵幀并將它向右拖動到一個新的幀上 ? B．選擇結(jié)束關(guān)鍵幀并將它向左拖動到一個新的幀上 ? C．選擇結(jié)束關(guān)鍵幀來覆蓋附加幀 ? D．改變“ Fps”中的幀速率 習(xí) 題 __ 判斷題 ? (1) 時間軸中只能改變層的大小。 ( ) ? (2) 在時間軸上可以創(chuàng)建復(fù)雜軌跡的動畫。 ( ) ? (3) 在 Dreamweaver中只能創(chuàng)建一個時間軸。 ( ) 習(xí) 題 __問答題 ? (1) Dreamweaver中的 【 時間軸 】 面板包括哪些部分？功能各是什么？ ? (2) 簡述創(chuàng)建時間軸動畫的步驟。 ? (3) 什么是網(wǎng)頁過渡？ ? (4) 如何分別利用擴(kuò)展插件和元數(shù)據(jù)實現(xiàn)動畫的網(wǎng)頁過渡？ Q amp。 A? Thanks
環(huán)評公示相關(guān)推薦
鄂ICP備17016276號-1