dreamweaver實(shí)驗(yàn)指導(dǎo)

1、網(wǎng)頁設(shè)計(jì)與制作實(shí)驗(yàn)指導(dǎo)書實(shí)驗(yàn)一dreamweaver站點(diǎn)管理和建立簡單的網(wǎng)站實(shí)驗(yàn)?zāi)康摹渴箤W(xué)生掌握dreamweaver的基本使用方法，并利用dreamweaver工具制 作一個(gè)比較完整的網(wǎng)頁?！緦?shí)驗(yàn)器材】安裝w windows 98/2000/xp； dreamweaver的計(jì)算機(jī)【實(shí)驗(yàn)內(nèi)容】利用dreamweaver制作一個(gè)簡單網(wǎng)站，要求滿足以下條件：> 至少有4個(gè)網(wǎng)頁，網(wǎng)頁之間用超鏈接相連：反映一中心主題；> 網(wǎng)頁中盡量圖文并茂，即有文字，也配以一定的展示圖片；> 某網(wǎng)頁中要包含圖像映射超鏈接，鏈接h標(biāo)是一副圖像；> 制作鼠標(biāo)經(jīng)過圖像效果作為網(wǎng)站的導(dǎo)航系統(tǒng)；>

2、 制作圖像翻轉(zhuǎn)效果及網(wǎng)站相冊(cè)效果；【實(shí)驗(yàn)步驟】一、在dreamweaver中建立本地站點(diǎn)的操作步驟如f:1、在dreamweaver文檔窗口中，依次單擊“站點(diǎn)”菜單一“新建站點(diǎn)”命令或者是在“站 點(diǎn)”面板中單擊“站點(diǎn)”菜單一“新建站點(diǎn)”命令，打開“站點(diǎn)定義”對(duì)話框。如圖所示。 選擇“高級(jí)”選項(xiàng)卡建立站點(diǎn)（也可以按“基本”選項(xiàng)卡中的向?qū)нM(jìn)行操作，但不如用“高 級(jí)”選項(xiàng)卡方便）?！罢军c(diǎn)定義”對(duì)話框2、管理本地站點(diǎn)選擇“站點(diǎn)”而板“文件”菜單中對(duì)應(yīng)命令，即可對(duì)選取文件進(jìn)行編輯操作。例如，選 擇文件后,在“站點(diǎn)”面板中選擇“文件”菜單中的“打開”命令,則dreamweaver在文檔 窗口中打開該文件（

3、當(dāng)然最簡單的方法是在站點(diǎn)中雙擊相應(yīng)的文件圖標(biāo)）。在對(duì)站點(diǎn)中的文件 或文件夾進(jìn)行操作時(shí)，合理地使用右鍵快捷菜單能人人加快操作速度。例如，在選中的文件 夾上單擊鼠標(biāo)右鍵，然后選擇“新建文件夾”命令，可以在相應(yīng)文件夾屮新建一個(gè)文件夾。3、編輯站點(diǎn)具體操作步驟如下：在站點(diǎn)而板屮單擊“站點(diǎn)名稱”框右邊的下拉列表按鈕，在下拉列表屮選擇“編輯站點(diǎn)” 命令，打開“編輯站點(diǎn)”對(duì)話框，如圖所示?！熬庉嬚军c(diǎn)”對(duì)話框二、圖像映射超鏈接選中網(wǎng)頁中插入的圖片，打開屬性控制而板，其而板的左下角區(qū)域即用于設(shè)置圖片映像 的區(qū)域。如圖所示。i11 * space | targetborderbi| k 口。匕 h space ：

4、 |lowsrc |align defaultvj屬性控制面板熱區(qū)設(shè)置工具選中圖中繪制工具：矩形熱區(qū)繪制工具o圓形熱區(qū)繪制工具匕多邊形熱區(qū)繪制工 具，其中-種，就可以在圖片上繪制熱區(qū)了。當(dāng)繪制完熱區(qū)后，屬性控制而板中顯示出熱區(qū) 的屬性，在link欄內(nèi)輸入網(wǎng)址或網(wǎng)頁文件名，或點(diǎn)擊link欄右側(cè)的文件夾按鈕，在打開的 對(duì)話框屮選擇一個(gè)網(wǎng)頁文件作為鏈接地址。三、插入翻轉(zhuǎn)圖像準(zhǔn)備好兩幅大小相同的圖片文件。并將其保存在網(wǎng)頁文件所在的文件夾之下。單擊“插 入”面板中的“鼠標(biāo)經(jīng)過圖像”按鈕一彈出如圖所示對(duì)話框?！安迦胧髽?biāo)經(jīng)過圖像”對(duì)話框在對(duì)話框中單擊“原始圖像”右邊的“瀏覽”按鈕一選擇打開網(wǎng)頁吋的原始圖片文

5、件一 單擊“鼠標(biāo)經(jīng)過圖像”右邊的“瀏覽”按鈕一選擇打開網(wǎng)頁時(shí)的鼠標(biāo)經(jīng)過圖片文件一在“替 換文木”屮輸入“鼠標(biāo)經(jīng)過圖片”一在“按下前往”屮輸入超鏈接的網(wǎng)頁文件一單擊“確 定”。保存文件并按f12預(yù)覽效果。四、插入導(dǎo)航欄翻轉(zhuǎn)圖像1. 打開fireworks,新建文件，并設(shè)置畫布大小為120*50象索一選定文字工具一并輸 入文字（如“指導(dǎo)思想”）一設(shè)置文字大小與顏色一保存文件名為01-1. png02. 在第一步的基礎(chǔ)上改變文字顏色，另存為01-2. png03. 重復(fù)步驟第1步、第2步，修改輸入的文字，分別制作大小相同的圖片文件02 1. png05-2 png共10張大小相同的圖片。4. 打開d

6、reamweaverf新建一個(gè)網(wǎng)頁文件，并保存文件名為3. htm.5. 單擊“插入”面板中的“導(dǎo)航條”按鈕一彈出如圖1-25所示的對(duì)話框一在“項(xiàng)h名 稱”中輸入導(dǎo)航按鈕的名稱在“狀態(tài)圖像”中選擇一個(gè)準(zhǔn)備好的圖片一在“鼠標(biāo)經(jīng)過圖像” 中選擇其中一個(gè)圖片一在“按下前往”選擇一個(gè)超鏈接的網(wǎng)頁文件。6. 單擊對(duì)話框中的“ + ”號(hào)一重復(fù)第5步操作，添加多個(gè)導(dǎo)航條按鈕一在“插入”中 選擇“垂直” 一單擊“確定”?！安迦雽?dǎo)航條”對(duì)話框五、制作網(wǎng)站相冊(cè)1. 在dreamweaver中新建一個(gè)文檔，單擊“命令”菜單,選擇“創(chuàng)建網(wǎng)站相冊(cè)”命令。 打開“創(chuàng)建網(wǎng)站相冊(cè)”對(duì)話框。如圖1-27所示。在“相冊(cè)標(biāo)題”文本

7、框中輸入標(biāo)題；在“源 圖像文件夾”文本框中單擊右邊的“瀏覽”按鈕選擇保存原始圖片文件的文件夾；在“目標(biāo) 文件夾”文木框中單擊右邊的“瀏覽”按鈕選擇保存存放相冊(cè)的目標(biāo)文件夾；在“縮略圖人 小”框內(nèi)選擇相冊(cè)中小圖像的尺寸；在“相冊(cè)格式”框內(nèi)設(shè)置原始圖像的顯示格式；在“小 數(shù)位數(shù)”文木框內(nèi)設(shè)置圖像的顯示比例；選中“為每張相片婕立導(dǎo)覽頁而”復(fù)選框?！皠?chuàng)建網(wǎng)站相冊(cè)”對(duì)話框2. 單擊“確定”按鈕后，系統(tǒng)將自動(dòng)啟動(dòng)fireworks軟件，開始執(zhí)行創(chuàng)建網(wǎng)站和冊(cè)的 過程。3. 創(chuàng)建網(wǎng)站相冊(cè)完成后，系統(tǒng)會(huì)彈出如圖所示的提示框，單擊“確定”按鈕。提示對(duì)話框4. 此吋在站點(diǎn)窗口中，dreamweaver自動(dòng)在指定的文

8、件夾下制作出網(wǎng)站相冊(cè)網(wǎng)頁文件 和文件夾，在文檔窗口中，自動(dòng)創(chuàng)建出網(wǎng)站相冊(cè)的文檔。實(shí)驗(yàn)二 表格、層和框架【實(shí)驗(yàn)?zāi)康摹渴箤W(xué)生掌握表格插入、修改、刪除及應(yīng)用，層和框架的建立及實(shí)際應(yīng)用?！緦?shí)驗(yàn)器材】安裝有windows 98/2000/xp； dreamweaver軟件的計(jì)算機(jī)?！緦?shí)驗(yàn)內(nèi)容】> 建立1個(gè)框架網(wǎng)頁；> 在網(wǎng)頁中利用層制作動(dòng)態(tài)頁血與下拉菜單：【實(shí)驗(yàn)步驟】1、在“文檔”窗口中創(chuàng)建框架結(jié)構(gòu)創(chuàng)建框架結(jié)構(gòu)一般有兩種方法：一是使用“新建文檔”對(duì)話框中的“框架集”選項(xiàng)新建 一個(gè)框架結(jié)構(gòu)的頁曲文檔；二是利用“插入欄”中的“框架”選項(xiàng)中提供了框架結(jié)構(gòu)創(chuàng)建。使用“新建文檔”命令創(chuàng)建框架結(jié)構(gòu)操作方

9、法如下： 單擊“文件”菜單，選擇“新建”命令，彈出“新建文件”對(duì)話框。 在“新建文件”對(duì)話框屮，選擇“框架集”類別，2、導(dǎo)航條的制作：(1) 首先進(jìn)彳亍一些必要的前期工作，按ctrl+j,打開page properties (頁血屬性)窗口，參數(shù)設(shè)置如圖所示，這一設(shè)置對(duì)菜單的位置將有影響，所以請(qǐng)如圖設(shè)置?！绊摱鴮傩浴睂?duì)話框中的外觀設(shè)置(2)按 ctrl+f2 打開 objects 面板在布局欄中點(diǎn)擊層按鈕國后在貝而屮按住鼠標(biāo)不放拖出一個(gè)層，然后在層的屬性而板中設(shè)置各參數(shù)，“層編號(hào)”框填入title,左、上、寬、 高框分別填入8、15、500、15,背景色填入#3366cc，如圖2-36所示。

10、便氈i j mu3 上a) isit 藥qpf布廠 町見曲 «)|d<fnit3 wwmo kh33eeocifi出|3日左右圖2-36設(shè)置后層title的“屬性檢查器”(3)將光標(biāo)移至層內(nèi)，點(diǎn)擊objects而板上布局欄中的表格按鈕匡i,插入一個(gè)一行四列的表格，設(shè)置如圖2-37所示。圖2-37設(shè)置后的“表格”對(duì)話框(4)在前兩個(gè)單元格中輸入文字“經(jīng)典論壇”和“天極網(wǎng)”，并調(diào)整這兩個(gè)單元格的 寬度，最終效果如圖2-38所示。經(jīng)典論壇天極網(wǎng)圖2-38導(dǎo)航條設(shè)計(jì)效果3、制作下拉選單（1）現(xiàn)在開始制作下拉iii現(xiàn)的菜單，同樣用層來制作。再次從0bjects ifti板的布局欄 中插入

11、一個(gè)層到前面我們做好的導(dǎo)航條的下方，各項(xiàng)參數(shù)填為：“層編號(hào)”框填入menul, 左、上、寬、高框分別填入8、34、120、80,其中l(wèi)和t兩個(gè)參數(shù)是設(shè)置這個(gè)層距離窗口 左邊框和上邊框的距離，一定不能填錯(cuò)，不然菜單將會(huì)錯(cuò)位，也將影響完成斤的町用性。層 屬性設(shè)置如圖2-39所示。圖2-39設(shè)置后層memul的“屬性檢查器”這時(shí)候，我們便對(duì)以在menul這個(gè)層中輸入我們所要的菜單內(nèi)容。為了排版方便，我在 這還是使用表格來做菜單。這個(gè)層將作為“經(jīng)典論壇”的下拉選單出現(xiàn)，填入你所需要的菜 單鏈接。最終效果如圖2-40所示。jb1 經(jīng)典論壇天極網(wǎng)11:dreamweaverfireworksfltxhfl

12、ash action (1圖2-40層memul的設(shè)計(jì)效果（2）同樣的方法，再為“天極網(wǎng)”也做一個(gè)卜拉選單（層menu2） 0其層的屬性設(shè)置 和故終效果如圖241和圖242所刀圖2-41設(shè)置后層memu2的“屬性檢査器”flashdrewweaveraction経鼻論壇f1®軟件：w a*圖2-42層memu2的設(shè)計(jì)效果（3）按f2打開layer （層）面板,其中列出了網(wǎng)頁中的三個(gè)層，點(diǎn)menul和menu2的前面一格，出現(xiàn)閉著的眼睛圖標(biāo)，這兩個(gè)層便隱藏起來了。操作這一步是因?yàn)橄吕藛蔚某跏紶顟B(tài)是不可見的。如圖2-43所示。防止重疊名稱1zmenu234menul2title1圖2-

13、43“層”面板下而為下拉菜單添加顯示和隱藏效杲木步驟分為兩部分：第一，對(duì)導(dǎo)航條中的主菜單添加控制顯示隱藏的命令；第二，給 下拉選單本身添加顯示隱藏的命令。（4）選擇第一個(gè)單元格中的文字部分,再按shift+f4或選擇“窗口” -> “行為”命令 打開行為而析，點(diǎn)呂1按鈕，在下拉選項(xiàng)屮選屮“顯示-隱藏層”（如圖2-44所示）。如果選項(xiàng)中沒有這一項(xiàng)或這一項(xiàng)不可用,則選擇“顯示事件”下的1e 5. 0 （如圖2-45所示）后, 重新點(diǎn)擊按鈕，此時(shí)“顯示-隱藏層”將出現(xiàn)或變?yōu)榭捎?。?dòng)作djisjavtscrtptkjtase査簸件 暫査斕ubl撫示事件肢取更多行為.3.0 和更 aexiwxa4

14、 0和更麗3：轉(zhuǎn)齧x2 3 0n 4 0n so遼5 5n 6 o3 0< 0i«tsc«p« 6 0圖2-44 “顯示-隱藏層”菜單圖2-45 “顯示事件”菜單（5）這時(shí)將會(huì)彈出“顯示-隱藏層”對(duì)話框。在“命名的層”框中會(huì)列出當(dāng)前網(wǎng)頁所有 的層，選中“層menul ”，因?yàn)槲覀兿胍猰enul這個(gè)層對(duì)“經(jīng)典論壇”響應(yīng)。然后點(diǎn)下 面的“顯示”按鈕,選中“層menu2 ” ,然后點(diǎn)擊下面的“隱藏”按鈕,然后單擊“確 定”即可。如圖2-46所示。圖2-46 “顯示-隱藏層”對(duì)話框(6) 這時(shí)會(huì)回到行為面板中,而板中出現(xiàn)如圖2-47所示字樣，點(diǎn)擊文字“onclick

15、”， 會(huì)出現(xiàn)一個(gè)向下的小箭頭，點(diǎn)擊它，在下拉選項(xiàng)中選中onmouseover如圖2-48所示。這一步的作用是實(shí)現(xiàn)當(dāng)鼠標(biāo)移至第一個(gè)單元格時(shí),卜拉選單menul的狀態(tài)變?yōu)轱@示(show)?！癷* up (, on0for«upd*t« onlllur oncliek ondblclick oxipocusuumout)v«r圖2-48下拉選項(xiàng)中的行為動(dòng)作圖2-49 “顯示-隱藏層”對(duì)話框onktyfrtu etjc«yupalo.d onmouvedo onmou«*vov« oximousaout(7) 用同樣的方法設(shè)置下拉選單menu

16、2在鼠標(biāo)移至第二個(gè)單元格的文字上時(shí)變?yōu)轱@示 狀態(tài)。只是選中“層ferw2 ”，然后點(diǎn)下面的“顯示”按鈕，選中“層menul ” ,然 后點(diǎn)擊下而的“隱藏”按鈕，如圖2-49所示。冋到行為而板中，點(diǎn)擊onclick向下的小箭 頭，在卜拉選項(xiàng)中選中onmouseouto(8) 選中層menul,用與導(dǎo)航條部分同樣的方法在行為而板中為它添加顯示與隱藏自 己的命令。這樣做的效果是當(dāng)鼠標(biāo)移出層menul時(shí)，層menul就自動(dòng)隱藏。最后層menul 的onmouseout彳了為的設(shè)置如圖2-50所示，onmouseover彳了為的設(shè)置如圖2-51所示。圖2-50 層memu 1的onmouseout彳亍為

17、設(shè)置圖251層memu 1的onmouseover行為設(shè)置（9）用同樣的方法為層memu2添加顯示與隱藏自c的命令。到此為止，這個(gè)下拉菜單 已經(jīng)制作完成，保存后我們按f12鍵測試。實(shí)驗(yàn)三 css樣式表的使用【實(shí)驗(yàn)?zāi)康摹渴煜ss樣式表的創(chuàng)建和應(yīng)用。【實(shí)驗(yàn)器材】安裝有windows 98/2000/xp； dreamweaver軟件的計(jì)算機(jī)?！緦?shí)驗(yàn)內(nèi)容】a自定義css樣式表。要求：定義一種網(wǎng)頁中常用的正文樣式，效果為“字體為楷體，文 字大小為20px,文字顏色為藍(lán)色”，并應(yīng)用于文檔，預(yù)覽頁而效果；重新定義html標(biāo)簽樣式。要求：重新定義body的標(biāo)簽樣式屬性，效果為“華文行楷, 大小為20px,

18、文字顏色為白色，悲景為深藍(lán)色”，并應(yīng)用于文檔，預(yù)覽頁血效果；> css選擇器樣式的定義。要求：通過css選擇器樣式的設(shè)置，實(shí)現(xiàn)基于文字超鏈接的動(dòng) 態(tài)效果，鏈接止常顯示（a: link）效果為“字休為楷體，文字大小為18px,文字顏色 為黑色”；鼠標(biāo)停留在鏈接文字上的樣式（a:hover）效果為“字體為隸書，文字人小為 18px,文字顏色為紅色”，并預(yù)覽頁面效果；【實(shí)驗(yàn)步驟】1、自定義css樣式表。要求：定義一種網(wǎng)頁中常用的正文樣式，效果為“字體為楷體, 文字大小為20px,文字顏色為藍(lán)色”，并應(yīng)用于文檔，預(yù)覽頁而效果。實(shí)驗(yàn)步驟：（1）打開一個(gè)包含段落文本的文檔，打開“css樣式”面版，然

19、后單擊“新建 css樣式”按鈕，在彈出的對(duì)話框中輸入樣式名稱，在“類型”中選擇“創(chuàng) 建自定義樣式”，選擇“僅對(duì)該文檔”，完成后單擊“確定”；（2）在打開的對(duì)話框中設(shè)置“字體為楷體，文字大小為20px,文字顏色為藍(lán)色”, 單擊“確定”；（3）在文檔窗口中選取要應(yīng)用樣式的文木，在“css樣式”而版中選擇“應(yīng)用 樣式”單選按鈕，最后在“css樣式”列表中單擊要應(yīng)用在樣式，并按f12 鍵預(yù)覽頁面效果。2、重新定義html標(biāo)簽樣式。要求：重新定義body的標(biāo)簽樣式屬性，效果為“華文行 楷，大小為20px,文字顏色為白色，悲景為深藍(lán)色”，并應(yīng)川于文檔，預(yù)覽頁面效 果。實(shí)驗(yàn)步驟：（1）打開一個(gè)包含段落文本的

20、文檔，打開“css樣式”而版，然后單擊“新建 css樣式”按鈕，在“類型”中選擇“重定義html標(biāo)簽”，在“標(biāo)簽”下 拉列表中選擇body,選擇“僅對(duì)該文檔”，完成后單擊“確定”；（2）在打開的對(duì)話框中設(shè)置“字體為華文行楷，文字大小為20px,文字顏色為 白菜色”，在“分類”列表框中選擇“背景”選取項(xiàng)，在“背景顏色”文本 框中輸入“#333366”，單擊“確定”;（3）在文檔窗口中選取要應(yīng)用樣式的文本，在“css樣式”血版中選擇“應(yīng)用 樣式”單選按鈕，最后在“css樣式”列表中單擊要應(yīng)用在樣式，并按f12 鍵預(yù)覽頁而效果。3、css選擇器樣式的定義。要求：通過css選擇器樣式的設(shè)置，實(shí)現(xiàn)基于文

21、字超鏈接 的動(dòng)態(tài)效果，鏈接止常顯示（a: link）效果為“字體為楷體，文字大小為18px,文 字顏色為黑色”；鼠標(biāo)停留在鏈接文字上的樣式（a:hover）效果為“字體為隸書， 文字大小為18px,文字顏色為紅色”，并預(yù)覽頁面效果。實(shí)驗(yàn)步驟：（1）打開一個(gè)包含段落文木的文檔，打開“css樣式”面版，然后單擊“新建 css樣式”按鈕，在“類型”中選擇“使用css選擇器”，在“選擇器”下 拉列表中選擇“a: link",選擇“僅對(duì)該文檔”,完成后單擊“確定”;（2）在打開的對(duì)話框中設(shè)置“字體為楷體，文字大小為18px,在“修飾”選項(xiàng) 區(qū)中選擇“無”，文字顏色文本框中輸入“#000000”

22、，單擊“確定”；（3）再次單擊“新建css樣式”按鈕，在“類型”中選擇“使用css選擇器”, 在“選擇器”下拉列表中選擇“a: hover”,選擇“僅對(duì)該文檔”,完成后 單擊“確定”；（4）在打開的對(duì)話框中設(shè)骨“字體為隸書，文字大小為18px,在“修飾”選項(xiàng) 區(qū)中選擇“下劃線”，文字顏色文本框中輸入“#0000ff”，單擊“確定”;（5）保存文件后，按f12鍵預(yù)覽頁血效果。實(shí)驗(yàn)四表單的使用【實(shí)驗(yàn)?zāi)康摹渴煜け韱蔚膭?chuàng)建和使用。【實(shí)驗(yàn)器材】安裝有windows 98/2000/xp； dreamweaver軟件的計(jì)算機(jī)?！緦?shí)驗(yàn)內(nèi)容】»留言板靜態(tài)界面的設(shè)計(jì)。要求：內(nèi)容包括留言人、性別、主題、

23、話題、留言內(nèi)容等，主 要應(yīng)用單行文木域、多行文木域、單選按鈕、下拉菜單和圖片按鈕等對(duì)象，可參照教材 102頁的格式及步驟；投票站靜態(tài)界面的設(shè)計(jì)。耍求：內(nèi)容包括一個(gè)簡單的投票站界面，主耍應(yīng)用單選按鈕以 用提交、恢復(fù)按鈕等；i實(shí)驗(yàn)步驟i1、留言板靜態(tài)界面的設(shè)計(jì)。要求：內(nèi)容包括留言人、性別、主題、話題、留言內(nèi)容等, 主要應(yīng)川單行文本域、多行文本域、單選按鈕、下拉菜單和圖片按鈕等對(duì)象，可參 照教材102頁的格式及步驟。實(shí)驗(yàn)步驟：（1）新建一個(gè)文檔并保存，并創(chuàng)建一個(gè)空白表單，將光標(biāo)定位于空白表單內(nèi)， 在第一列上創(chuàng)建留言板初步界而，內(nèi)容包括留言人、性別、主題、話題、 留言內(nèi)容等；（2）在第二列上分別設(shè)定單

24、行文本域、多行文本域、單選按鈕、下拉菜單和圖 片按鈕等；具體步驟口j參照教材100頁的格式及步驟。（3）保存文件后，按f12鍵預(yù)覽頁面效果。2、投票站靜態(tài)界面的設(shè)計(jì)。要求：內(nèi)容包括一個(gè)簡單的投票站界而，主要應(yīng)用單選按鈕以用提交、恢復(fù)按鈕等。實(shí)驗(yàn)步驟：（1）建一個(gè)文檔并保存，并創(chuàng)建一個(gè)空口表單，將光標(biāo)定位于空白表單內(nèi)，插 入“單選按鈕組”，在“標(biāo)簽”列中輸入文本“略高”、“合理”、“略低”；（2）將光標(biāo)表格卞面，插入“按鈕”，設(shè)置有關(guān)屬性。具體步驟可參照教材105 頁的格式及步驟（3）保存文件后，按f12鍵預(yù)覽頁面效果。實(shí)驗(yàn)五多媒體對(duì)象的使用【實(shí)驗(yàn)?zāi)康摹渴箤W(xué)牛熟練掌握在網(wǎng)頁中使用聲音和視頻、使用

25、flash動(dòng)畫、使用java 特效、使用shockwave電影、使用其他多媒體對(duì)彖。【實(shí)驗(yàn)器材】安裝有windows 98/2000/xp； dreamweaver軟件的計(jì)算機(jī)?！緦?shí)驗(yàn)內(nèi)容】> 為某一圖像鏈接聲咅文件，在網(wǎng)頁中嵌入某一聲咅文件，在網(wǎng)頁中插入flash動(dòng)畫，在 網(wǎng)頁中插入shockwave影片；> 利用java特效制作“雪花”效果，利用activex控件播放視頻，在網(wǎng)頁中插入java 小程序；> 制作一個(gè)簡單的個(gè)人主頁，使其符合以卜-條件：（1）為網(wǎng)頁添加背景音樂；（2）分別川嵌入和鏈接的方式在網(wǎng)頁中使用音頻和視頻文件；（3）在網(wǎng)頁中插入川dreamweaver

26、制作的flash按鈕或文本，要求能實(shí)現(xiàn)超鏈接跳 轉(zhuǎn)；（4）制作圖像翻轉(zhuǎn)效果及網(wǎng)站相冊(cè)效果；（5）網(wǎng)頁中插入shockwave電影?！緦?shí)驗(yàn)步驟】豐富多彩的媒體給網(wǎng)頁帶來了非凡的效果，這些媒體的來源主要有系統(tǒng)集成、網(wǎng)絡(luò)下載、 從素材庫導(dǎo)入以及口己制作等。大多數(shù)的媒體在dreamweaver mx 2004中并沒有集成，這吋可以通過網(wǎng)絡(luò)來下載。提供 各種媒體下載的網(wǎng)站非常多，如果不知道具體的網(wǎng)址，可通過google、白度等搜索引擎搜 索，在此提供兒個(gè)網(wǎng)址以供參考。雖然網(wǎng)絡(luò)上的媒體異彩紛呈，下載后便可使用，非常方便， 但如需作商業(yè)用途，則請(qǐng)參照相關(guān)的版權(quán)信息，以免引發(fā)版權(quán)糾紛。通過插入插件來添加背景音

27、樂具體操作如下：（1）將光標(biāo)定位到要插入背景音樂的網(wǎng)頁的空口處。（2）同插入其他插件的方法一樣，打開“選擇文件”對(duì)話框。（3）在打開的對(duì)話框中選擇音樂文件，如f6.mido（4）設(shè)置完畢后，單擊按鈕即可將音樂文件插入到頁面中，音樂文件同樣以一般插件的圖標(biāo)形式顯示在頁而中。（5）單擊音樂文件圖標(biāo)，在屬性而板中，將高度和寬度都設(shè)置為0,這樣就不會(huì)顯示 播放器。（6）衣插件url的文木框中可以輸入卜載插件的完整url。如果在瀏覽貝而時(shí)沒有該 插件，則internet explorer將從這里捉供的url上下載。鏈接聲音的具體操作如下：（1）在頁而中單擊要鏈接聲咅文件的網(wǎng)頁元素，例如：文木或圖像等。（

28、2）在屬性而板中的link文本框中輸入聲咅文件即可，這里輸入zr1942.wav。嵌入聲音到網(wǎng)頁也是通過插入插件的方法實(shí)現(xiàn)的，這里不再贅述。期外，也可以通過添 加行為的方法來實(shí)現(xiàn)聲音的鏈接和嵌入。插入flash影片的具體操作如下：（1）將光標(biāo)定位到頁血中要插入flash影片的位置。（2）在插入欄的“常用”選項(xiàng)卡屮單擊媒體右側(cè)的按鈕，在彈岀的列表框中選擇“flash”選項(xiàng)，如圖5-1所示，或選擇插入4媒體4flash菜單命令打開如圖5-2所示的“選擇文件”對(duì)話框。mrt h srw v imw ku3文偉父曰文件*燒r 郭鑄稠n楣&60：3 tit* q r .幣.jy0e39svbxm

29、j八9 勺ar”文 ms 0)hmi.3文旳切(-)凋、viiuklb8r nf.swf)所(4) 從文件列表框中選擇需耍的flash文件，如選擇banner文件。(5) 單擊“確定”按鈕，如果所選文件不在當(dāng)前文檔的站點(diǎn)中，系統(tǒng)會(huì)打開如圖5-3所示的“詢問”對(duì)話框。(6) 單擊“是”按鈕，在打開的“復(fù)制文件為”対話框中保存選擇的flash文件，如圖5-4所示。文 “3) rmash影片插入上* j t aq 671aa 4mljyii補(bǔ)um2越文何為i(8)單擊插入的flash影片，“flash影片”屬性而板如圖5-6所示。(1) 將光標(biāo)定位到頁面中要插入flash按鈕的位置上。(2) 在如圖5-1所示的列表中選擇“flash按鈕”選項(xiàng)，打開“插入flash按鈕”對(duì) 話框。(3) 在“樣式”下拉列表框中選擇需要的按鈕樣式后在“范例”欄中將顯示出所選樣 式的效果。如在列表中選擇blip arrow選項(xiàng)。(4) 在“按鈕文木”文本框中輸入要在按鈕上顯示的文本，如“進(jìn)入”。(5) 在“字體”卞拉列表框中選擇按鈕文本的字體，在“人小”數(shù)值框中輸入字號(hào)。(6) 在“鏈接”文本框中指定按鈕所要鏈接文檔的url地址。(7) 在“目標(biāo)”下拉列表框中選擇所鏈接文