1、會(huì)計(jì)學(xué)1網(wǎng)頁(yè)的設(shè)計(jì)制作網(wǎng)頁(yè)的設(shè)計(jì)制作第1頁(yè)/共20頁(yè)第2頁(yè)/共20頁(yè)第3頁(yè)/共20頁(yè)第4頁(yè)/共20頁(yè)第5頁(yè)/共20頁(yè)第6頁(yè)/共20頁(yè)第7頁(yè)/共20頁(yè)第8頁(yè)/共20頁(yè)第9頁(yè)/共20頁(yè)第10頁(yè)/共20頁(yè)WindowScreenFramesHistoryNavigatorLocationScriptsDocumentLinkAnchorsForms第11頁(yè)/共20頁(yè)第12頁(yè)/共20頁(yè)第13頁(yè)/共20頁(yè)【案例綜述】使用字幕技術(shù)和JavaScript腳本語(yǔ)言修改曙光大學(xué)網(wǎng)站首頁(yè)友情鏈接欄目的展示形式。【案例展示】使用循環(huán)向上滾動(dòng)的字幕展示友情鏈接的院校信息。當(dāng)瀏覽者將鼠標(biāo)移動(dòng)到字幕區(qū)域后，字幕停止運(yùn)動(dòng)，

2、讓瀏覽者清晰地看到相關(guān)信息。第14頁(yè)/共20頁(yè)第15頁(yè)/共20頁(yè)【案例綜述】使用字幕技術(shù)和JavaScript腳本語(yǔ)言修改曙光大學(xué)網(wǎng)站首頁(yè)學(xué)校風(fēng)采展示圖片的展示形式。【案例展示】使用循環(huán)向左滾動(dòng)的字幕展示學(xué)校風(fēng)采的系列圖片。當(dāng)瀏覽者將鼠標(biāo)移動(dòng)到字幕區(qū)域后，字幕停止運(yùn)動(dòng)；當(dāng)瀏覽者將鼠標(biāo)移出字幕區(qū)域后，字幕繼續(xù)運(yùn)動(dòng)。該字幕是不間斷循環(huán)滾動(dòng)的，本案例的效果如圖所示。第16頁(yè)/共20頁(yè)【案例綜述】制作曙光大學(xué)網(wǎng)站首頁(yè)幻燈切換廣告，展示學(xué)校最新的新聞圖片。【案例展示】制作學(xué)校新聞欄目中的幻燈切換廣告。每隔一段時(shí)間，廣告自動(dòng)切換到下一幅畫(huà)面；用戶單擊廣告下方的數(shù)字，將直接切換到相應(yīng)的畫(huà)面；用戶單擊鏈接文字，可以打開(kāi)相應(yīng)的網(wǎng)頁(yè)。第17頁(yè)/共20頁(yè)【實(shí)訓(xùn)綜述】讀者在學(xué)習(xí)了Dremweaver內(nèi)置行為的基礎(chǔ)上，進(jìn)一步加強(qiáng)內(nèi)置行為的練習(xí)，制作更多的網(wǎng)頁(yè)交互功能。【實(shí)訓(xùn)展示】制作“愛(ài)家美食”網(wǎng)站菜譜彈出信息框，當(dāng)瀏覽者用鼠標(biāo)單擊菜譜圖像后，彈出一個(gè)信息框，顯示菜譜的簡(jiǎn)介信息，效果如圖所示。第18頁(yè)/共20頁(yè)【實(shí)訓(xùn)綜述】讀者在學(xué)習(xí)了JavaScript腳本語(yǔ)言的基礎(chǔ)上，進(jìn)一步加強(qiáng)使用代碼制作網(wǎng)頁(yè)特效的練習(xí)。【實(shí)訓(xùn)展示】修改“愛(ài)家美食”網(wǎng)站首頁(yè)的靜態(tài)廣告圖片為動(dòng)態(tài)的幻燈切換廣告，本實(shí)訓(xùn)要求不使用Flash動(dòng)畫(huà)playswf.swf實(shí)現(xiàn)幻燈切換廣