展示性與互動(dòng)性多媒體教學(xué)網(wǎng)頁(yè)制作

展示性與互動(dòng)性多媒體教學(xué)網(wǎng)頁(yè)製作中華民國(guó)九十一年一月23日至25日主講：吳榮芳1多媒體教材腳本(Storyboarding)撰寫(xiě)

編寫(xiě)與修正主要內(nèi)容（writeandreviseprimarytext）編寫(xiě)與修正次要內(nèi)容（writeandrevisesecondarytext）腳本製作（producestoryboards）檢查覆蓋顯示是否適當(dāng)（checkthefitofoverlayingdisplays）繪製與修改圖形顯示及計(jì)畫(huà)其他輸出（drawandrevisegraphicdisplaysandplanotheroutput）檢查圖形顯示與文字顯示是否適當(dāng)（checkgraphicsandsimultaneoustextforfit）檢查流程圖與腳本（reviewtheflowchartsandstoryboards）2多媒體教材腳本(Storyboarding)撰寫(xiě)3多媒體教材腳本(Storyboarding)撰寫(xiě)整體流程說(shuō)明課程軟體腳本設(shè)計(jì)卡單元名稱(chēng)畫(huà)面畫(huà)面設(shè)計(jì)說(shuō)明流程說(shuō)明操作說(shuō)明檔名4網(wǎng)頁(yè)製作工具介紹網(wǎng)頁(yè)基本組成背景(顏色、圖、聲音)文字(字型、大小、顏色)影像(靜態(tài)圖片、動(dòng)態(tài)圖片、動(dòng)態(tài)影片)聲音(wav,mp3,mid,au…)超連結(jié)內(nèi)嵌物件5網(wǎng)頁(yè)製作工具介紹背景(顏色、圖、聲音)格式背景背景圖背景顏色背景音樂(lè)6網(wǎng)頁(yè)製作工具介紹文字(字型、大小、顏色)文字工作列7網(wǎng)頁(yè)製作工具介紹影像(靜態(tài)圖片、動(dòng)態(tài)圖片)影像(動(dòng)態(tài)影片)8網(wǎng)頁(yè)製作工具介紹聲音(wav,mp3,mid,au…)9網(wǎng)頁(yè)製作工具介紹超連結(jié)相對(duì)路徑為避免連結(jié)路徑錯(cuò)誤，請(qǐng)將檔案放至於工作資料夾輸入相同資料夾之檔名。子資料夾子資料夾/檔名上一層資料夾../檔名絕對(duì)路徑(完整網(wǎng)址)http://xxx.xxx.xxx.xxx書(shū)籤連結(jié)同一網(wǎng)頁(yè)之不同位置。10網(wǎng)頁(yè)製作工具介紹超連結(jié)直接輸入絕對(duì)網(wǎng)址http://aaa.bbb.ccc.ddd或相對(duì)網(wǎng)址直接選取檔名。選取相對(duì)路徑檔名連結(jié)至?xí)`11網(wǎng)頁(yè)製作工具介紹超連結(jié)(書(shū)籤)先選取欲標(biāo)記書(shū)籤位置插入書(shū)籤輸入書(shū)籤名稱(chēng)或使用預(yù)設(shè)值12網(wǎng)頁(yè)製作工具介紹內(nèi)嵌物件插入Web元件<embedsrc=…>13聲音素材的擷取MP3,Wav,Mid,au…CoolEdit200014圖形素材的擷取使用PhotoImpact+數(shù)位相機(jī)+掃描器亮度與對(duì)比百寶箱15互動(dòng)性網(wǎng)頁(yè)製作用戶(hù)端執(zhí)行使用Script：JavaScript，VBScript，F(xiàn)lash等伺服器端執(zhí)行使用ASP，PHP，JSP，Perl，CGI。網(wǎng)頁(yè)連結(jié)16互動(dòng)性網(wǎng)頁(yè)製作JavaScript簡(jiǎn)介:Script語(yǔ)言的專(zhuān)用控制標(biāo)籤(Tags)如下：<scriptlanguage="Javascript">

．

．

Script程式

．

．

</script>函式語(yǔ)法

:function函數(shù)名稱(chēng)(參數(shù)變數(shù)1,參數(shù)變數(shù)2,){

敘述

}

eg:functionfun(a1,a2){ a=a1;}函式呼叫函數(shù)名稱(chēng)(參數(shù)值1,參數(shù)值2,);

Eg:fun(10,20);17互動(dòng)性網(wǎng)頁(yè)製作常用的事件

事件用途說(shuō)明滑

鼠

事

件onclick在網(wǎng)頁(yè)中按了滑鼠按鍵一下時(shí)啟動(dòng)

ondblclick在網(wǎng)頁(yè)中雙按滑鼠按鍵時(shí)啟動(dòng)

onmousedown在網(wǎng)頁(yè)中按下滑鼠按鍵時(shí)啟動(dòng)

onmousemove滑鼠在網(wǎng)頁(yè)中移動(dòng)時(shí)啟動(dòng)

onmouseout滑鼠移出網(wǎng)頁(yè)時(shí)啟動(dòng)

onmouseover滑鼠移入網(wǎng)頁(yè)時(shí)啟動(dòng)

onmouseup在網(wǎng)頁(yè)中放開(kāi)滑鼠按鍵時(shí)啟動(dòng)

ondragstart在網(wǎng)頁(yè)中拖曳物件時(shí)啟動(dòng)

onselectstart在網(wǎng)頁(yè)中選取物件時(shí)啟動(dòng)

鍵

盤(pán)

事

件onkeydown按下鍵盤(pán)按鍵時(shí)啟動(dòng)如按住不放，只啟動(dòng)一次。onkeypress按下鍵盤(pán)按鍵時(shí)啟動(dòng)如按住不放，則一直啟動(dòng)。onkeyup放開(kāi)鍵盤(pán)按鍵時(shí)啟動(dòng)

18互動(dòng)性網(wǎng)頁(yè)製作直接使用JavaScript語(yǔ)法例：onclick事件onclick=函式名稱(chēng)例如:按下後撥放聲音functionplaysound(id){

document.embeds[id].play();}．．．<embedname="s1"src="s1.mp3"autostart=falsehidden=true>．．．<imgborder="0"src="19.gif"name="p19"style="cursor:hand"onmouseover="convertcolor(9)"onmousedown="playsound(9)"onmouseout="stopplaysound(9)"width="137"height="45">定義函式內(nèi)嵌聲音物件滑鼠按下?lián)芊純?nèi)嵌聲音物件19網(wǎng)頁(yè)教材上傳使用CuteFtp與FrontPage請(qǐng)參閱