DreamweaverMX中的下拉菜單的制作

1、Dreamweaver MX中的下拉菜單的制作完成日期：2009年1月15號(hào)成績(jī)： 目 錄1、學(xué)習(xí)目標(biāo)12、學(xué)習(xí)重點(diǎn)13、學(xué)習(xí)難點(diǎn)14、學(xué)習(xí)方法15、學(xué)習(xí)過程1溫故而知新1自主學(xué)習(xí)，完成任務(wù)2菜單的含義2菜單知識(shí)準(zhǔn)備2制作下拉菜單2當(dāng)堂訓(xùn)練檢測(cè)36、作業(yè)37、學(xué)后記31、學(xué)習(xí)目標(biāo)知識(shí)目標(biāo)：了解網(wǎng)頁(yè)菜單的作用；掌握網(wǎng)頁(yè)中下拉菜單的制作方法；掌握網(wǎng)頁(yè)菜單的繪制能力目標(biāo)：培養(yǎng)自主學(xué)習(xí)能力；培養(yǎng)利用信息技術(shù)解決實(shí)際問題的能力情感目標(biāo)：l 欣賞美（顏色美、環(huán)境美）l 環(huán)保意識(shí)（關(guān)愛我們的家園）l 培養(yǎng)勤于動(dòng)手、主動(dòng)探索的精神2、學(xué)習(xí)重點(diǎn)下拉菜單的制作中的行為事件的使用（onMouseOver；onMou

2、seOut；Onload）3、學(xué)習(xí)難點(diǎn)下拉菜單的制作中行為事件的作用和適用的范圍4、學(xué)習(xí)方法任務(wù)驅(qū)動(dòng)法5、學(xué)習(xí)過程溫故而知新課前復(fù)習(xí)層的使用方法自主學(xué)習(xí)，完成任務(wù)理解什么是菜單（看一看）當(dāng)前網(wǎng)絡(luò)上流行的部分菜單的欣賞相關(guān)知識(shí)的準(zhǔn)備（學(xué)一學(xué)）菜單中的行為知識(shí)：onMouseOver onMouseOut Onload三種行為的含義，適用范圍以及所產(chǎn)生的效果 制作一個(gè)下拉菜單（做一做）1） 插入導(dǎo)航欄圖片2） 繪制層L13） 在層L1中插入菜單圖片4） 設(shè)置行為：當(dāng)鼠標(biāo)移到導(dǎo)航欄圖片上時(shí)，顯示“層L1”的內(nèi)容： onMouseOver 顯示層L1 onMouseOut 隱藏層L1 測(cè)試效果，總結(jié)onMouseOver ，onMouseOut的作用 觀察并提出問題（網(wǎng)頁(yè)剛打開時(shí)，菜單就顯示出來）修改設(shè)置：onLoad 隱藏層L1測(cè)試效果，總結(jié)onLoad的作用5） 制作第二個(gè)菜單 當(dāng)堂訓(xùn)練檢測(cè)（試一試）向?qū)W生發(fā)放圖片，制作下拉菜單6、作業(yè)學(xué)生把制作好的作品