多媒體技術(shù)與應(yīng)用立體化教程（微課版）（第3版） 課件 項(xiàng)目五 應(yīng)用Premiere編輯視頻、項(xiàng)目六 應(yīng)用Dreamweaver制作網(wǎng)頁

多媒體技術(shù)與應(yīng)用立體化教程（微課版）項(xiàng)目五應(yīng)用Premiere編輯視頻目錄Contents任務(wù)一剪輯“青山綠水”旅游風(fēng)

光視頻任務(wù)二

制作“保護(hù)野生動物”公益視頻任務(wù)三

制作中餐廳宣傳視頻綜合實(shí)戰(zhàn)制作“海洋污染”公益視頻一、任務(wù)描述“青山綠水”旅游風(fēng)光視頻參考效果二、知識準(zhǔn)備PremierePro2021的工作界面（一）認(rèn)識Premiere工作界面“源”面板“時(shí)間軸”面板二、知識準(zhǔn)備（二）Premiere的基本操作1.新建項(xiàng)目文件具體操作方法為：選擇【文件】/【新建】/【項(xiàng)目】命令，或在開始界面單擊新建項(xiàng)目按鈕，打開“新建項(xiàng)目”對話框，單擊“位置”文本框后的瀏覽按鈕，打開“請選擇新項(xiàng)目的目標(biāo)路徑。”對話框，選擇新建項(xiàng)目文件的保存位置，完成后單擊選擇文件夾按鈕，返回“新建項(xiàng)目”對話框，再設(shè)置項(xiàng)目文件的名稱，單擊確定按鈕。2.新建序列序列是將多個(gè)素材以時(shí)間為序進(jìn)行排列組合的一個(gè)集合，包括上下軌道關(guān)系、過渡效果及特效等內(nèi)容，它是視頻剪輯的基礎(chǔ)。具體操作方法為：選擇【文件】/【新建】/【序列】命令；或單擊“項(xiàng)目”面板右下角“新建項(xiàng)”按鈕，在打開的下拉列表中選擇“序列”選項(xiàng)；或在“項(xiàng)目”面板空白處單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【新建項(xiàng)目】/【序列】命令，都將打開“新建序列”對話框。二、知識準(zhǔn)備3.打開項(xiàng)目文件4.導(dǎo)入素材導(dǎo)入素材的具體方法為：雙擊“項(xiàng)目”面板的空白區(qū)域；或在該面板中單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“導(dǎo)入”命令；或選擇【文件】/【導(dǎo)入】命令；或按【Ctrl+I】鍵，均可打開“導(dǎo)入”對話框，選擇需要添加的一個(gè)或多個(gè)素材，單擊打開按鈕。選擇【文件】/【打開項(xiàng)目】命令，打開“打開”對話框，選擇要打開的項(xiàng)目文件，單擊打開按鈕。使用“打開項(xiàng)目”命令使用“打開最近使用的內(nèi)容”命令選擇【文件】/【打開最近使用的內(nèi)容】命令，在彈出的子菜單中選擇最近打開過的項(xiàng)目文件，單擊想要打開的項(xiàng)目文件的名稱，可迅速打開該文件。二、知識準(zhǔn)備5.導(dǎo)出視頻完成項(xiàng)目文件的編輯后，可以將其并導(dǎo)出為指定格式的視頻，以便在其他硬件設(shè)備上播放。具體操作方法為：選擇【文件】/【導(dǎo)出】/【媒體】命令，打開“導(dǎo)出設(shè)置”對話框，自行設(shè)置相關(guān)參數(shù)后，單擊導(dǎo)出按鈕開始渲染，此時(shí)會顯示導(dǎo)出的進(jìn)度條，渲染完成后根據(jù)保存路徑可以找到導(dǎo)出的視頻?！皩?dǎo)出設(shè)置”欄和“視頻”選項(xiàng)卡二、知識準(zhǔn)備（三）使用軌道1.軌道的類型視頻軌道音頻軌道主音頻軌道2.添加和刪除軌道“添加軌道”對話框“刪除軌道”對話框二、知識準(zhǔn)備3.在軌道中添加或插入素材在“項(xiàng)目”面板中選擇需要添加的素材，將其拖曳到“時(shí)間軸”面板相應(yīng)的軌道上，再釋放鼠標(biāo)左鍵。將素材添加到軌道在“項(xiàng)目”面板中雙擊素材文件，在“源”面板中打開素材，將時(shí)間指示器定位在開始的時(shí)間點(diǎn)，單擊“標(biāo)記入點(diǎn)”按鈕，將時(shí)間指示器定位在結(jié)束的時(shí)間點(diǎn)，單擊“標(biāo)記出點(diǎn)”按鈕，最后單擊“插入”按鈕可將兩個(gè)標(biāo)記之間的素材插入到“時(shí)間軸”面板的軌道中。將素材插入到軌道4.選擇、刪除、移動、復(fù)制和粘貼軌道中的素材選擇軌道中的素材刪除軌道中的素材將鼠標(biāo)指針移至軌道中的素材上，單擊鼠標(biāo)左鍵可將其選中。選中素材后，按【Delete】鍵可將其刪除。二、知識準(zhǔn)備移動軌道中的素材復(fù)制和粘貼軌道中的素材選中素材，按住鼠標(biāo)左鍵不放并拖曳鼠標(biāo)指針可將其移動，釋放鼠標(biāo)便可確認(rèn)移動位置。選擇需復(fù)制的素材，按【Ctrl+C】組合鍵復(fù)制素材，拖曳時(shí)間指示器至目標(biāo)位置，按【Ctrl+V】組合鍵粘貼素材。5.剪輯軌道中的素材01使用選擇工具剪輯軌道中的內(nèi)容02使用剃刀工具剪輯軌道中的內(nèi)容選擇該工具，在“時(shí)間軸”面板中選中要編輯的入點(diǎn)或出點(diǎn)，當(dāng)出現(xiàn)“修剪入點(diǎn)”圖標(biāo)或“修剪出點(diǎn)”圖標(biāo)后，向左或向右拖曳鼠標(biāo)指針。選擇該工具，將時(shí)間指示器移至素材要剪輯的時(shí)間點(diǎn)，在該位置單擊鼠標(biāo)左鍵。二、知識準(zhǔn)備（四）調(diào)整視頻播放速度調(diào)整視頻播放速度的具體方法為：在素材上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“速度/持續(xù)時(shí)間”命令，打開“剪輯速度/持續(xù)時(shí)間”對話框，設(shè)置參數(shù)后，單擊確定按鈕頻?！凹糨嬎俣?持續(xù)時(shí)間”對話框（一）新建項(xiàng)目文件和序列三、任務(wù)實(shí)施新建項(xiàng)目文件導(dǎo)入文件夾三、任務(wù)實(shí)施添加素材到序列查看文件夾內(nèi)的素材新建序列（二）剪輯旅游風(fēng)光素材三、任務(wù)實(shí)施刪除A1軌道中“山腳.mp4”素材的音頻添加第一個(gè)標(biāo)記剪輯第一個(gè)標(biāo)記處的素材剪輯所有標(biāo)記處素材三、任務(wù)實(shí)施刪除多余的素材刪除第一個(gè)素材遺留的間隔刪除所有素材間隔（三）調(diào)整視頻播放速度和持續(xù)時(shí)間三、任務(wù)實(shí)施設(shè)置“小溪”素材的播放速度設(shè)置“日出”素材的播放速度調(diào)整播放速度的效果圖減少“小溪”素材的持續(xù)時(shí)間（四）保存項(xiàng)目文件并導(dǎo)出旅游風(fēng)光視頻三、任務(wù)實(shí)施導(dǎo)出視頻預(yù)覽視頻效果查看導(dǎo)出的視頻文件目錄Contents任務(wù)一剪輯“青山綠水”旅游風(fēng)光視頻任務(wù)二制作“保護(hù)野生動物”公益視頻任務(wù)三

制作中餐廳宣傳視頻綜合實(shí)戰(zhàn)制作“海洋污染”公益視頻一、任務(wù)描述開放式字幕也被稱為硬字幕或嵌入式字幕，是指將字幕直接嵌入到視頻中，并在播放時(shí)無法關(guān)閉或隱藏的字幕形式。（一）添加字幕1.添加開放式字幕二、知識準(zhǔn)備打開“新字幕軌道”對話框單擊“添加新字幕分段”按鈕后的效果舊版標(biāo)題字幕是是指早期的字幕技術(shù)，包括模擬電視廣播時(shí)代使用的字幕形式，與開放式字幕相比，能制作出更具藝術(shù)性的效果。2.添加舊版標(biāo)題字幕二、知識準(zhǔn)備“新建字幕”對話框“滾動/游動選項(xiàng)”對話框字幕設(shè)計(jì)器“基本圖形”面板二、知識準(zhǔn)備（二）添加音頻1.認(rèn)識音頻軌道的類型標(biāo)準(zhǔn)標(biāo)準(zhǔn)是替代舊版本的立體聲音頻軌道。在標(biāo)準(zhǔn)音頻軌道中可以同時(shí)剪輯單聲道和立體聲音頻。01單聲道單聲道是一條音頻聲道。將立體聲音頻素材添加到單聲道音頻軌道中，立體聲音頻軌道將匯總為單聲道。025.1聲道包含左聲道、中置聲道、右聲道這3條前置音頻聲道和左聲道、右聲道這2條后置或環(huán)繞音頻聲道，以及通向低音炮揚(yáng)聲器的低頻效果音頻聲道。035.1聲道自適應(yīng)可以剪輯單聲道和立體聲音頻，并且提供實(shí)際控制每個(gè)音頻軌道的輸出方式。04自適應(yīng)二、知識準(zhǔn)備2.調(diào)整音頻音量調(diào)整音頻音量具體操作方法為：在“時(shí)間軸”面板的音頻軌道中選中音頻文件，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“音頻增益”命令，打開“音頻增益”對話框，調(diào)整增益值為合適的數(shù)值，單擊確定按鈕?！耙纛l增益”對話框增加音頻音量的波形前后對比效果3.添加音頻過渡效果恒定功率恒定增益指數(shù)淡化三、任務(wù)實(shí)施（一）添加并設(shè)置動態(tài)字幕添加舊版標(biāo)題字幕設(shè)置動態(tài)字幕參數(shù)動態(tài)字幕效果三、任務(wù)實(shí)施（二）添加并設(shè)置靜態(tài)字幕新建字幕軌道添加并設(shè)置開放式字幕雙擊屏幕中的字幕三、任務(wù)實(shí)施修改字幕內(nèi)容添加靜態(tài)字幕效果三、任務(wù)實(shí)施（三）添加并編輯音頻調(diào)整背景音樂的音量添加音頻到軌道中三、任務(wù)實(shí)施添加其他音頻過渡效果添加“指數(shù)淡化”音頻過渡效果三、任務(wù)實(shí)施預(yù)覽視頻畫面效果導(dǎo)出包含音頻的公益視頻目錄Contents任務(wù)一剪輯“青山綠水”旅游風(fēng)光視頻任務(wù)二制作“保護(hù)野生動物”公益視頻任務(wù)三制作中餐廳宣傳視頻綜合實(shí)戰(zhàn)制作“海洋污染”公益視頻一、任務(wù)描述“視頻過渡”下拉列表二、知識準(zhǔn)備（一）認(rèn)識視頻過渡效果若需要使視頻與視頻切換時(shí)的畫面過渡得更加自然，可以使用視頻過渡效果。Premiere在“效果”面板的“視頻過渡”下拉列表內(nèi)提供了8組視頻過渡效果。1.添加視頻過渡效果添加視頻過渡效果2.設(shè)置視頻過渡效果的參數(shù)二、知識準(zhǔn)備“急搖”視頻過渡效果的參數(shù)3.刪除、復(fù)制與粘貼視頻過渡效果如果不需要添加的視頻過渡效果，可在軌道中選中視頻過渡效果，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“清除”命令將其刪除。如果需要將視頻過渡效果添加到其他位置，可在軌道上選中視頻過渡效果，按【Ctrl＋C】組合鍵，再在需要添加視頻過渡效果的位置按【Ctrl＋V】組合鍵粘貼?！盎拘Ｕ睓诙?、知識準(zhǔn)備（二）認(rèn)識“Lumetri顏色”面板選擇【窗口】/【Lumetri顏色】命令，可打開“Lumetri顏色”面板，該面板包括基本校正、創(chuàng)意、曲線、色輪和匹配、HSL輔助、暈影等功能模塊，每個(gè)模塊的側(cè)重不同，但可以搭配使用，以快速完成視頻的調(diào)色處理?！皠?chuàng)意”欄“曲線”欄“色輪與匹配”欄二、知識準(zhǔn)備“HSL輔助”欄“暈影”欄三、任務(wù)實(shí)施添加視頻過渡效果（一）添加并設(shè)置視頻過渡效果延長音頻過渡效果的持續(xù)時(shí)間查看視頻過渡效果三、任務(wù)實(shí)施復(fù)制與粘貼視頻過渡效果設(shè)置視頻過渡效果三、任務(wù)實(shí)施設(shè)置“基本校正”欄（二）調(diào)整美食視頻顏色調(diào)整“美食1”素材色彩調(diào)整“美食2”素材色彩三、任務(wù)實(shí)施設(shè)置“創(chuàng)意”欄調(diào)整“美食3”素材色彩調(diào)整“美食4”素材色彩三、任務(wù)實(shí)施調(diào)整“美食6”素材色彩調(diào)整“美食5”素材色彩三、任務(wù)實(shí)施修改“美食2”和“美食3”素材名稱輸入“美食1”素材名稱修改其他美食素材的名稱目錄Contents任務(wù)一剪輯“青山綠水”旅游風(fēng)光視頻任務(wù)二制作“保護(hù)野生動物”公益視頻任務(wù)三制作中餐廳宣傳視頻綜合實(shí)戰(zhàn)制作“海洋污染”公

益視頻實(shí)戰(zhàn)描述“海洋污染”公益視頻參考效果實(shí)訓(xùn)思路及步驟由于視頻素材的總時(shí)長超出了公益視頻時(shí)長要求，因此需要調(diào)整先各個(gè)素材的持續(xù)時(shí)間，再添加視頻過渡效果，且部分視頻素材畫面存在亮度不足的問題，需要優(yōu)化視覺效果，最后再添加并調(diào)整音頻和字幕，參考步驟如下。思路及步驟調(diào)整視頻播放速度添加素材到軌道添加視頻過渡效果思路及步驟復(fù)輸入與美化文本調(diào)整音頻音量制作動態(tài)標(biāo)題思路及步驟制作底部字幕多媒體技術(shù)與應(yīng)用立體化教程（微課版）項(xiàng)目六應(yīng)用Dreamweaver制作網(wǎng)頁目錄Contents任務(wù)一制作“特嶼森家居”站 任務(wù)二制作“特嶼森家居”網(wǎng)站首頁任務(wù)三為“特嶼森家居”網(wǎng)站活動

頁添加超鏈接任務(wù)四制作“特嶼森家居”公司簡

介網(wǎng)頁 綜合實(shí)戰(zhàn)制作“重慶老火鍋”網(wǎng)站 一、任務(wù)描述“特嶼森家居”站點(diǎn)參考效果二、知識準(zhǔn)備Dreamweaver2021的工作界面（一）認(rèn)識Dreamweaver工作界面二、知識準(zhǔn)備Dreamweaver文檔窗口的組成“插入”面板二、知識準(zhǔn)備（二）Dreamweaver的基本操作1.了解命名規(guī)則網(wǎng)站內(nèi)容的分類決定了站點(diǎn)中創(chuàng)建文件夾和文件的數(shù)量，通常網(wǎng)站中每個(gè)分支的所有文件統(tǒng)一存放在單獨(dú)的文件夾中，根據(jù)網(wǎng)站的大小，又可細(xì)分文件夾。在制作網(wǎng)頁時(shí)，為保證制作的網(wǎng)頁能夠順利生效，最好遵循以下4種命名規(guī)則。1234漢語拼音英文原意拼音縮寫英文縮寫二、知識準(zhǔn)備2.設(shè)置“常規(guī)”和“新建文檔”參數(shù)若需要提升進(jìn)入工作界面的時(shí)間和工作效率，可設(shè)置“常規(guī)”和“新建文檔”參數(shù)。選擇【編輯】/【首選項(xiàng)】命令,或按【Ctrl+U】組合鍵，打開“首選項(xiàng)”對話框，“分類”列表中默認(rèn)選擇“常規(guī)”選項(xiàng)，取消選中“顯示開始屏幕”復(fù)選框，單擊應(yīng)用按鈕，再次啟動Dreamweaver時(shí)，將不會顯示歡迎界面。在“首選項(xiàng)”對話框的“分類”列表框中選擇“新建文檔”選項(xiàng)，其右側(cè)的“默認(rèn)文檔的類型”下拉列表中重新設(shè)置默認(rèn)文檔的類型，單擊應(yīng)用按鈕，再次啟動Dreamweaver新建文件時(shí)，默認(rèn)文件的類型將會顯示為當(dāng)前設(shè)置的選項(xiàng)。設(shè)置“常規(guī)”參數(shù)直排文字工具3.新建文件在使用Dreamweaver制作網(wǎng)頁時(shí)，首先需要新建文件。具體操作方法為：選擇【文件】/【新建】命令，打開“新建文檔”對話框，在其中自行設(shè)置后，單擊創(chuàng)建按鈕，創(chuàng)建一個(gè)HTML文檔。二、知識準(zhǔn)備4.保存文件完成網(wǎng)頁的制作后，需保存文件。具體操作方法為：選擇【文件】/【保存】命令，或選擇【文件】/【另保存】命令，打開“另存為”對話框，設(shè)置存儲位置、文件名和保存類型等參數(shù)后，單擊保存按鈕。二、知識準(zhǔn)備（三）認(rèn)識站點(diǎn)1.認(rèn)識“管理站點(diǎn)”對話框“管理站點(diǎn)”對話框中部分選項(xiàng)的作用二、知識準(zhǔn)備2.新建站點(diǎn)“管理站點(diǎn)”超鏈接使用命令使用“管理站點(diǎn)”對話框選擇【站點(diǎn)】/【新建站點(diǎn)】命令，打開“站點(diǎn)設(shè)置對象”對話框，設(shè)置站點(diǎn)的名稱、保存位置等參數(shù)，單擊保存按鈕。在“管理站點(diǎn)”對話框中單擊定義服務(wù)器按鈕，在打開的“站點(diǎn)設(shè)置對象”對話框中進(jìn)行設(shè)置，單擊保存按鈕。使用“管理站點(diǎn)”對話框在“管理站點(diǎn)”對話框中單擊定義服務(wù)器按鈕，在打開的“站點(diǎn)設(shè)置對象”對話框中進(jìn)行設(shè)置，單擊保存按鈕。二、知識準(zhǔn)備3.編輯站點(diǎn)編輯站點(diǎn)是指重新設(shè)置v參數(shù)的站點(diǎn)，如為創(chuàng)建的站點(diǎn)輸入U(xiǎn)RL。輸入U(xiǎn)RL的方法為：在“管理站點(diǎn)”對話框中選擇需要修改的站點(diǎn)，單擊“編輯當(dāng)前選定的站點(diǎn)”按鈕，在打開的“站點(diǎn)設(shè)置對象”對話框左側(cè)選擇“高級設(shè)置”選項(xiàng)，在展開的列表中選擇“本地信息”選項(xiàng)，單擊選中“站點(diǎn)根目錄”單選項(xiàng)，在“WebURL”文本框中輸入U(xiǎn)RL，單擊保存按鈕。二、知識準(zhǔn)備4.導(dǎo)出和導(dǎo)入站點(diǎn)01導(dǎo)出站點(diǎn)的方法為02導(dǎo)入站點(diǎn)的方法為在“管理站點(diǎn)”對話框中選擇需導(dǎo)出的站點(diǎn)，單擊“導(dǎo)出當(dāng)前選定的站點(diǎn)”按鈕，打開“導(dǎo)出站點(diǎn)”對話框，選擇導(dǎo)出站點(diǎn)保存的位置，其他保持默認(rèn)設(shè)置，單擊保存按鈕。打開“管理站點(diǎn)”對話框，單擊導(dǎo)入站點(diǎn)按鈕，打開“導(dǎo)入站點(diǎn)”對話框，找到需要導(dǎo)入站點(diǎn)的位置并將其選中，單擊打開按鈕，返回“管理站點(diǎn)”對話框，查看導(dǎo)入的站點(diǎn)，單擊完成按鈕，返回Dreamweaver工作界面，將自動打開“文件”面板顯示導(dǎo)入的站點(diǎn)。二、知識準(zhǔn)備5.管理站點(diǎn)中的文件和文件夾B移動和復(fù)制文件或文件夾D重命名文件或文件夾A添加文件或文件夾C刪除文件或文件夾（一）創(chuàng)建與編輯站點(diǎn)三、任務(wù)實(shí)施設(shè)置站點(diǎn)名稱設(shè)置站點(diǎn)文件夾存放位置三、任務(wù)實(shí)施設(shè)置WebURL編輯“特嶼森家居”站點(diǎn)新建站點(diǎn)的效果（二）管理與導(dǎo)出站點(diǎn)內(nèi)容三、任務(wù)實(shí)施重命名HTML文件新建并重命名文件夾新建HTML文件查看復(fù)制的文件夾更新文件鏈接新建文件和文件夾三、任務(wù)實(shí)施導(dǎo)出站點(diǎn)目錄Contents任務(wù)一制作“特嶼森家居”站 任務(wù)二制作“特嶼森家居”網(wǎng)站首頁任務(wù)三為“特嶼森家居”網(wǎng)站活動

頁添加超鏈接任務(wù)四制作“特嶼森家居”公司簡

介網(wǎng)頁 綜合實(shí)戰(zhàn)制作“重慶老火鍋”網(wǎng)站 一、任務(wù)描述“特嶼森家居”網(wǎng)站首頁效果（一）頁面屬性1.外觀（CSS）二、知識準(zhǔn)備2.設(shè)置“外觀（HTML）”屬性3.設(shè)置“鏈接（CSS）”屬性二、知識準(zhǔn)備4.設(shè)置“標(biāo)題（CSS）”屬性5.設(shè)置“標(biāo)題/編碼”屬性二、知識準(zhǔn)備6.設(shè)置“跟蹤圖像”屬性（二）網(wǎng)頁元素1.插入文本二、知識準(zhǔn)備文本是網(wǎng)頁中最基本的元素之一，包括標(biāo)題、段落、列表等，文本不僅是網(wǎng)站內(nèi)容和信息的核心載體，更是網(wǎng)站與用戶之間進(jìn)行交流和溝通的主要手段。在Dreamweaver中插入文本的方法主要有以下兩種。輸入文本復(fù)制并粘貼文本“屬性”面板的兩種模式2.插入表格二、知識準(zhǔn)備表格通常用于在網(wǎng)頁上顯示數(shù)據(jù)和信息，如成績單、日歷、價(jià)格表等。此外，也可以使用表格布局頁面。插入表格3.插入圖像在選擇和使用圖像時(shí)，需要注意文件大小和格式，以確保它們能夠快速地加載并在不同設(shè)備上正確顯示。選擇圖像二、知識準(zhǔn)備通過“文件”面板插入圖像通過“資源”面板插入圖像圖像的“屬性”面板4.插入音頻二、知識準(zhǔn)備在Dreamweaver中插入音頻是通過插入<audio>標(biāo)簽來實(shí)現(xiàn)的。插入<audio>標(biāo)簽<audio>標(biāo)簽的“屬性”面板5.插入視頻二、知識準(zhǔn)備在Dreamweaver中插入視頻是通過插入<video>標(biāo)簽來實(shí)現(xiàn)的。插入<video>標(biāo)簽<video>標(biāo)簽的“屬性”面板（三）鼠標(biāo)經(jīng)過圖像二、知識準(zhǔn)備鼠標(biāo)經(jīng)過圖像是一種具有特殊效果的圖像，在瀏覽器中查看網(wǎng)頁時(shí)，若將鼠標(biāo)指針移動到鼠標(biāo)經(jīng)過圖像上，就會顯示另外一張圖像。創(chuàng)建鼠標(biāo)經(jīng)過圖像的方法為：在“插入”面板中單擊鼠標(biāo)經(jīng)過圖像按鈕，打開“插入鼠標(biāo)經(jīng)過圖像”對話框，選擇原始圖像和鼠標(biāo)經(jīng)過圖像的路徑，并設(shè)置相關(guān)參數(shù)，再單擊確定按鈕。插入鼠標(biāo)經(jīng)過圖像（一）設(shè)置頁面屬性三、任務(wù)實(shí)施<video>標(biāo)簽的“屬性”面板<video>標(biāo)簽的“屬性”面板（二）插入頁面內(nèi)容三、任務(wù)實(shí)施插入表格復(fù)制素材文件三、任務(wù)實(shí)施插入“l(fā)ogo.png”圖像文件合并單元格并設(shè)置寬度插入“main.png”圖像文件輸入文本并設(shè)置單元格的水平對齊方式三、任務(wù)實(shí)施輸入頁腳文本插入<p>標(biāo)簽設(shè)置頁腳文本格式（四）添加背景音樂三、任務(wù)實(shí)施插入<audio>標(biāo)簽設(shè)置<audio>標(biāo)簽屬性目錄Contents任務(wù)一制作“特嶼森家居”站 任務(wù)二制作“特嶼森家居”網(wǎng)站首頁任務(wù)三為“特嶼森家居”網(wǎng)站活動頁添加超鏈接任務(wù)四制作“特嶼森家居”公司簡

介網(wǎng)頁 綜合實(shí)戰(zhàn)制作“重慶老火鍋”網(wǎng)站 “特嶼森家居”網(wǎng)站活動頁效果一、任務(wù)描述二、知識準(zhǔn)備（一）超鏈接的組成FEB主機(jī)名D路徑錨記A訪問方案C端口文件URL的基本格式為：“訪問方案://主機(jī)名:端口/路徑/文件#錨記”，例如“http://baike.abc***:80/view/10021486.html#2”。二、知識準(zhǔn)備（二）超鏈接的種類文本超鏈接圖像超鏈接文件下載超鏈接文件下載超鏈接腳本超鏈接空超鏈接電子郵件超鏈接二、知識準(zhǔn)備（三）超鏈接的創(chuàng)建方法1.創(chuàng)建文本超鏈接“Hyperlink”對話框輸入HTML代碼2.創(chuàng)建圖像超鏈接為整個(gè)圖像創(chuàng)建超鏈接為圖像熱點(diǎn)創(chuàng)建超鏈接二、知識準(zhǔn)備3.創(chuàng)建錨點(diǎn)超鏈接為整個(gè)圖像創(chuàng)建超鏈接為圖像熱點(diǎn)創(chuàng)建超鏈接為圖像熱點(diǎn)創(chuàng)建超鏈接跳轉(zhuǎn)到其他網(wǎng)頁的錨點(diǎn)超鏈接二、知識準(zhǔn)備4.創(chuàng)建文件下載超鏈接創(chuàng)建文件下載超鏈接5.創(chuàng)建電子郵件超鏈接“電子郵件鏈接”對話框通過HTML代碼創(chuàng)建二、知識準(zhǔn)備6.創(chuàng)建空超鏈接創(chuàng)建空超鏈接創(chuàng)建腳本超鏈接7.創(chuàng)建腳本超鏈接復(fù)制素材文件為“注冊”文本添加文本超鏈接三、任務(wù)實(shí)施（一）插入文本超鏈接和圖像超鏈接為“登錄”文本添加文本超鏈接為Logo圖像添加圖像超鏈接復(fù)制素材文件為“注冊”文本添加文本超鏈接三、任務(wù)實(shí)施（二）插入文件下載超鏈接、腳本超鏈接和電子郵件超鏈接插入電子郵件超鏈接為“沙發(fā)系列”圖像設(shè)置ID屬性為“餐桌系列”圖像設(shè)置ID屬性接三、任務(wù)實(shí)施（三）插入圖像熱點(diǎn)超鏈接和錨點(diǎn)超鏈接為“柜系列”圖像設(shè)置ID屬性為“床系列”圖像設(shè)置ID屬性為沙發(fā)系列圖標(biāo)創(chuàng)建熱點(diǎn)并設(shè)置超鏈接為餐桌系列圖標(biāo)創(chuàng)建熱點(diǎn)并設(shè)置超鏈接三、任務(wù)實(shí)施為柜系列圖標(biāo)創(chuàng)建熱點(diǎn)并設(shè)置超鏈接為床系列圖標(biāo)創(chuàng)建熱點(diǎn)并設(shè)置超鏈接目錄Contents任務(wù)一制作“特嶼森家居”站 任務(wù)二制作“特嶼森家居”網(wǎng)站首頁任務(wù)三為“特嶼森家居”網(wǎng)站活動頁添加超鏈接任務(wù)四制作“特嶼森家居”公司簡介網(wǎng)頁 綜合實(shí)戰(zhàn)制作“重慶老火鍋”網(wǎng)站 “特嶼森家居”網(wǎng)站首頁效果一、任務(wù)描述CSS（CascadingStyleSheets，層疊樣式表）是一種用來表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語言，目前的最新版本是CSS3。CSS語法規(guī)則（一）CSS樣式二、知識準(zhǔn)備1.CSS語法規(guī)則2.CSS樣式的書寫位置CSS樣式按照書寫位置的不同可以分為外部樣式、內(nèi)部樣式和行內(nèi)樣式3種。超鏈接外部CSS文件導(dǎo)入外部CSS文件內(nèi)部樣式行內(nèi)樣式使用<div>標(biāo)簽可以在頁面中創(chuàng)建一個(gè)容器，通常被稱為div盒子。<div>標(biāo)簽本身無任何顯示效果，但是可以在其中添加任意網(wǎng)頁元素，也可以通過CSS樣式來控制<div>標(biāo)簽以及其內(nèi)部網(wǎng)頁元素的樣式。（二）<div>標(biāo)簽二、知識準(zhǔn)備“插入Div”對話框div+CSS盒子模型是布局網(wǎng)頁的常用方式，與HTML中的表格（table）布局不同的是，div承載的是結(jié)構(gòu)，CSS則精確控制頁面的布局、元素等。div+CSS盒子模型完美地實(shí)現(xiàn)了結(jié)構(gòu)和表現(xiàn)的結(jié)合，相較于傳統(tǒng)的表格布局，更便于后期進(jìn)行修改、維護(hù)等。（三）div＋CSS盒子模型二、知識準(zhǔn)備div+CSS盒子模型（四）div＋CSS盒子模型的優(yōu)勢二、知識準(zhǔn)備1.網(wǎng)頁加載速度更快2.修改效率更高3.搜索引擎更容易檢索4.站點(diǎn)更容易被訪問三、任務(wù)實(shí)施（一