插入Flash動(dòng)畫(huà)按鈕.doc

第五章 插入Flash動(dòng)畫(huà)按鈕、Java Applet與JavaScript目錄1.本章目的：22.下載半成品網(wǎng)站模板23.開(kāi)啟dreamweaver，建立新網(wǎng)站24.在IIS裡架站（新增虛擬目錄myweb）55.外插Flash影片播放檔案66.自行建立Flash按鈕117.自行建立Flash文字158.如何加入JavaApplet199.加入JavaScript251. 本章目的：n Flash是目前很流行的網(wǎng)頁(yè)輔助設(shè)計(jì)工具，使用Flash所製作的網(wǎng)頁(yè)比一般的網(wǎng)頁(yè)更炫更能夠吸引人，在Dreamweaver 中提供3種方式來(lái)加入Flash動(dòng)畫(huà)檔案，本章節(jié)將分別介紹這三種方法A. 外插Flash影片播放檔案(*.swf)B. Dreamweaver內(nèi)建自行建立Flash按鈕C. Dreamweaver內(nèi)建自行建立Flash文字n JavaApplet與JavaScript也是互動(dòng)式網(wǎng)頁(yè)的設(shè)計(jì)工具，在Dreamweaver 中提供2種方式來(lái)建立A. 插入外部JavaApplet與JavaScript元件方法B. Dreamweaver內(nèi)建的使用JavaApplet與JavaScript元件的方法2. 下載半成品網(wǎng)站模板(1). 下載Computer_Ec.rar(2). 解壓縮(3). 將更改目錄名稱(chēng)為web13. 開(kāi)啟dreamweaver，建立新網(wǎng)站(1). 將這個(gè)網(wǎng)站以新增網(wǎng)站的方式匯入(2). 開(kāi)啟dreamweaver，建立新網(wǎng)站，開(kāi)啟這個(gè)web1資料夾：不使用FTP(3). 將網(wǎng)站的資訊轉(zhuǎn)存：（若沒(méi)有轉(zhuǎn)存，下次來(lái)，又要重新新增網(wǎng)站，太麻煩了）結(jié)果：多出了一個(gè)網(wǎng)站定義檔案下次開(kāi)機(jī)後，只要將之開(kāi)啟，即可重新打開(kāi)這個(gè)已經(jīng)定義好的網(wǎng)站4. 在IIS裡架站（新增虛擬目錄myweb）(1). 開(kāi)啟IIS打開(kāi)控制臺(tái)系統(tǒng)管理工具IIS（Internet Information Services）(2). 新增一個(gè)虛擬目錄：myweb (3). 測(cè)試I.E.網(wǎng)頁(yè)：http:/localhost/myweb5. 外插Flash影片播放檔案(1). 範(fàn)例練習(xí)目的：n 假設(shè)你用Flash 這個(gè)軟體已經(jīng)製作好一個(gè)Flash動(dòng)畫(huà)檔案了(Flash 建議大家一定要學(xué)會(huì)，但這不在本章的教授範(fàn)圍內(nèi)，請(qǐng)大家自行練習(xí))n 名稱(chēng)為cmpapersearch.swf (這個(gè)檔案可以在成果專(zhuān)案Computer_EC/flash中找到)n 現(xiàn)在要練習(xí)把這種外部的Flash影片swf撥放檔案，加入到網(wǎng)頁(yè)中(2). 開(kāi)啟新檔，並先選擇網(wǎng)頁(yè)格式n 檔案名稱(chēng)命名為：flash-1.htmn 設(shè)定網(wǎng)頁(yè)為基本網(wǎng)頁(yè)n 格式為HTMLn 網(wǎng)頁(yè)標(biāo)籤外插Flash影片檔n(A). 將插入點(diǎn)移到要放Flash動(dòng)畫(huà)的地方(B). 按下插入群組面板中的常用面板FLASH(C). 選擇要插入的Flash檔案(cmpapersearch.swf)，選好後按下確定(D). 選擇完成後的畫(huà)面(E). 測(cè)試一下，按下F12(3). 設(shè)定Flash動(dòng)畫(huà)的屬性n 1勾選後使Flash動(dòng)畫(huà)重複播放n 2勾選後使Flash動(dòng)畫(huà)自動(dòng)播放n 3設(shè)定Flash動(dòng)畫(huà)的品質(zhì)n 4設(shè)定Flash動(dòng)畫(huà)的縮放n 5使用Flash軟體編輯n 6直接在 Dreamweaver 播放(4). 如何使Flash動(dòng)畫(huà)背景改變?yōu)橥该鱪 按下屬性面板的參數(shù)按鈕n 打入字串 參數(shù)wmoden 值transparent(A). 假設(shè)沒(méi)有將Flash動(dòng)畫(huà)背景改為透明時(shí)的結(jié)果(B). 打入?yún)?shù)後，將Flash動(dòng)畫(huà)背景改為透明時(shí)的結(jié)果6. 自行建立Flash按鈕(1). 範(fàn)例練習(xí)目的：n 現(xiàn)在要練習(xí)的是使用Dreamweaver內(nèi)建自行建立Flash按鈕n 這個(gè)按鈕能夠在Dreamweaver中直接對(duì)網(wǎng)頁(yè)建立出一個(gè)Flash按鈕功能的物件，而不用再到Flash 軟體中去製作了。(2). 練習(xí)步驟(A). 開(kāi)啟新檔，並先選擇網(wǎng)頁(yè)格式n 檔案名稱(chēng)命名為：flash-2.htmn 設(shè)定網(wǎng)頁(yè)為基本網(wǎng)頁(yè)n 格式為HTMLn 網(wǎng)頁(yè)標(biāo)籤自行建立Flash按鈕n(B). 按下插入群組面板中的媒體FLASH按鈕1. 選擇您喜好的按鈕樣式2. 輸入你要加入的文字3. 設(shè)定字體及字體大小4. 設(shè)按鈕所要連結(jié)的網(wǎng)頁(yè)5. 設(shè)定按鈕的背景顏色6. Flash按鈕所要儲(chǔ)存的檔案名稱(chēng)(C). 修改Flash按鈕屬性1. 勾選後使Flash按鈕重複播放2. 勾選後使Flash按鈕自動(dòng)播放3. 設(shè)定Flash按鈕的品質(zhì)4. 設(shè)定Flash按鈕的縮放5. 使用Flash按鈕編輯6. 直接在 Dreamweaver 播放(D). 測(cè)試一下，按下F127. 自行建立Flash文字(1). 範(fàn)例練習(xí)目的：n 現(xiàn)在要練習(xí)的是使用Dreamweaver內(nèi)建自行建立Flash文字n 這個(gè)功能能夠在Dreamweaver中直接對(duì)網(wǎng)頁(yè)建立出一個(gè)Flash文字功能的物件，而不用再到Flash 軟體中去製作了。(2). 練習(xí)步驟(A). 開(kāi)啟新檔，並先選擇網(wǎng)頁(yè)格式n 檔案名稱(chēng)命名為：flash-3.htmn 設(shè)定網(wǎng)頁(yè)為基本網(wǎng)頁(yè)n 格式為HTMLn 網(wǎng)頁(yè)標(biāo)籤自行建立Flash文字(B). 將插入點(diǎn)移到你要插入 Flash文字的地方(C). 按下插入群組面板中的媒體FLASH文字1. 設(shè)定Flash文字的字體大小及樣式2. 設(shè)定Flash文字的顏色及觸碰到文字所要變換的顏色3. 輸入Flash文字4. 設(shè)定Flash文字連結(jié)的網(wǎng)頁(yè)及目標(biāo)框5. 設(shè)定Flash文字的背景顏色6. 設(shè)定Flash文字的檔案名稱(chēng)(D). 修改Flash文字屬性1. 勾選後使Flash文字重複播放2. 勾選後使Flash文字自動(dòng)播放3. 設(shè)定Flash文字的品質(zhì)4. 設(shè)定Flash文字的縮放5. 使用Flash文字編輯6. 直接在 Dreamweaver 播放(E). 測(cè)試一下，按下F128. 如何加入JavaApplet(1). 範(fàn)例練習(xí)目的：n 現(xiàn)在要練習(xí)的是使用插入外部JavaApplet元件的方法n 希望能夠在Dreamweaver中直接對(duì)網(wǎng)頁(yè)中，使用在網(wǎng)路上現(xiàn)有的免費(fèi)共享JavaApplet元件教學(xué)網(wǎng)站的範(fàn)例，建立出一個(gè)具有互動(dòng)式JavaApplet功能的網(wǎng)頁(yè)(2). 網(wǎng)路上免費(fèi)的JavaApplet範(fàn)例網(wǎng)站：n 大家如果常常上網(wǎng)，在網(wǎng)路上面常會(huì)看到具有水面倒影的網(wǎng)頁(yè)，或是飄雪的網(wǎng)頁(yè)，這些動(dòng)態(tài)網(wǎng)頁(yè)都是用JavaApplet所寫(xiě)出來(lái)的n JavaApplet技術(shù)簡(jiǎn)稱(chēng)Javan 網(wǎng)頁(yè)初學(xué)者可能還沒(méi)有功力去寫(xiě)出JavaApplet程式的互動(dòng)式網(wǎng)頁(yè)，那是否就無(wú)法寫(xiě)出又炫又漂亮的動(dòng)態(tài)網(wǎng)頁(yè)嗎？這倒也不全然這樣，在網(wǎng)路上有很多網(wǎng)站專(zhuān)門(mén)收集數(shù)以千種各式各樣的Java程式，網(wǎng)友只要會(huì)下載，會(huì)複製貼上，將程式碼貼到網(wǎng)頁(yè)上，就可以享有馬上製作出炫又漂亮的動(dòng)態(tài)網(wǎng)頁(yè)了，如果說(shuō)有什麼方法可以讓初學(xué)者，學(xué)30分鐘就馬上變成網(wǎng)頁(yè)高手的技術(shù)，那就是指這個(gè)方法了。n 不信，大家可以到y(tǒng)ahoo網(wǎng)站或是pchome等入口網(wǎng)站，打入Java或是JavaApplet，就會(huì)出現(xiàn)幾百個(gè)這種免費(fèi)提供範(fàn)例的教學(xué)網(wǎng)站了n 本章節(jié)僅提供一個(gè)範(fàn)例網(wǎng)站，幫助你找尋你所要加入的java範(fàn)例 範(fàn)例網(wǎng)站：網(wǎng)站建置百寶箱 網(wǎng)址：.tw/(3). 使用JavaApplet注意事項(xiàng)：n 使用JavaApplet所做出的動(dòng)態(tài)網(wǎng)頁(yè)，一般而言，會(huì)使的網(wǎng)頁(yè)讀取的速度變慢，所以作者建議，一張網(wǎng)頁(yè)盡量不要超過(guò)使用2個(gè)JavaApplet元件，最好使用1個(gè)即可。n 下一節(jié)所使用的JavaScript做出的動(dòng)態(tài)網(wǎng)頁(yè)，一般而言，網(wǎng)頁(yè)讀取的速度比較快，比較不會(huì)讓網(wǎng)友等很久。(4). 範(fàn)例練習(xí)步驟：(A). 開(kāi)啟新檔，並先選擇網(wǎng)頁(yè)格式 檔案名稱(chēng)命名為：JavaApplet.htm 設(shè)定網(wǎng)頁(yè)為基本網(wǎng)頁(yè) 格式為HTML 網(wǎng)頁(yè)標(biāo)籤JavaApplet範(fàn)例(B). 開(kāi)啟JavaApplet範(fàn)例網(wǎng)頁(yè) 網(wǎng)站建置百寶箱 網(wǎng)址：.tw/(C). 選擇左邊目錄區(qū) JavaApplets的選單目錄 如上圖所示(D). 選擇你想加入的JavaApplets效果 如下圖所示(E). 我們加入水中倒影這個(gè)範(fàn)例試試看(a). 首先你可以在這個(gè)網(wǎng)站測(cè)試這個(gè)特效的效果(b). 依造網(wǎng)頁(yè)的教學(xué)步驟一步一步做下去(c). 下載這個(gè)效果需要的檔案(d). 下載下來(lái)後可以用winzip或winrar將壓縮檔解開(kāi)，並且要放在與自己建立的網(wǎng)站目錄同一位置(e). 將網(wǎng)頁(yè)原始碼複製下來(lái)，再貼到你要展示的網(wǎng)頁(yè)中(f). 回到Dreamweaver 上，按下顯示程式碼檢視(g). 再將插入點(diǎn)移到的標(biāo)籤中，再貼上剛複製好的程式碼(h). 完成，按F12試試9. 加入JavaScript(1). 範(fàn)例練習(xí)目的：n 現(xiàn)在要練習(xí)的是使用插入外部JavaScript元件的方法n 希望能夠在Dreamweaver中，使用在網(wǎng)路上現(xiàn)有的免費(fèi)共享JavaScript元件教學(xué)網(wǎng)站的範(fàn)例，直接對(duì)網(wǎng)頁(yè)建立出一個(gè)具有互動(dòng)式JavaScript功能的網(wǎng)頁(yè)(2). 網(wǎng)路上免費(fèi)的JavaScript範(fàn)例網(wǎng)站：n 大家如果常常上網(wǎng)，在網(wǎng)路上面常會(huì)看到隨滑鼠移動(dòng)而變顏色的網(wǎng)頁(yè)，或是在瀏覽器的下方狀態(tài)列顯示一些文字的網(wǎng)頁(yè)，這些動(dòng)態(tài)網(wǎng)頁(yè)都是用JavaScript所寫(xiě)出來(lái)的n JavaScript技術(shù)簡(jiǎn)稱(chēng)Jsn 網(wǎng)頁(yè)初學(xué)者可能也是不會(huì)寫(xiě)出JavaScript的互動(dòng)式網(wǎng)頁(yè)，所幸在網(wǎng)路上也是有很多網(wǎng)站是專(zhuān)門(mén)收集數(shù)以千種各式各樣的JavaScript程式，網(wǎng)友也是只要會(huì)下載，會(huì)複製貼上，將程式碼貼到網(wǎng)頁(yè)上，就可以馬上製作出炫又漂亮的動(dòng)態(tài)網(wǎng)頁(yè)了。n 大家也可以到y(tǒng)ahoo網(wǎng)站或是pchome等入口網(wǎng)站，打入JavaScript或是Js就會(huì)出現(xiàn)幾百個(gè)這種免費(fèi)提供範(fàn)例的教學(xué)網(wǎng)站了n 本章節(jié)也是使用網(wǎng)站建置百寶箱這個(gè)網(wǎng)站所提供的JavaScript範(fàn)例，來(lái)幫助你找尋你所要加入的範(fàn)例 範(fàn)例網(wǎng)站：網(wǎng)站建置百寶箱 網(wǎng)址：.tw/(3). 範(fàn)例練習(xí)步驟：(A). 開(kāi)啟新檔，並先選擇網(wǎng)頁(yè)格式n 檔案名稱(chēng)命名為：JavaScript.htmn 設(shè)定網(wǎng)頁(yè)為基本網(wǎng)頁(yè)n 格式為HTMLn 網(wǎng)頁(yè)標(biāo)籤JavaScript範(fàn)例(B). 開(kāi)啟範(fàn)例網(wǎng)站 網(wǎng)站建置百寶箱 網(wǎng)址：.tw/(C). 選擇左邊目錄區(qū)