【文章內(nèi)容簡(jiǎn)介】 就熟 — 應(yīng)用模版創(chuàng)建網(wǎng)頁(yè) 教學(xué)內(nèi)容 應(yīng)用模版創(chuàng)建網(wǎng)頁(yè) 上課時(shí)間 2020 年 4 月 15 日 教 學(xué) 目 標(biāo) 知 識(shí) 與 技 能 (1)通過(guò)學(xué)習(xí)，掌握利用模板創(chuàng)建網(wǎng)頁(yè)的方法。 (2)通過(guò)學(xué)習(xí)，學(xué)會(huì)運(yùn)用 Flash 按鈕制作導(dǎo)航欄進(jìn)行站內(nèi)導(dǎo)航。 (3)通過(guò)學(xué)習(xí)，了解鏈接對(duì)象的目標(biāo)框架的含義。 過(guò) 程 與 方 法 通過(guò)小組合作、課程整合，交流評(píng)價(jià)，培養(yǎng)學(xué)生分析信息、利用信息和信息創(chuàng)新能力，以及對(duì)已學(xué)知識(shí)進(jìn)行規(guī)劃管理的能力。 能夠通過(guò)教師引導(dǎo)、動(dòng)腦思考、交流與實(shí)踐操作學(xué)習(xí)過(guò)程，體驗(yàn)和感悟探究的一般過(guò)程； 情感態(tài)度價(jià)值觀 通過(guò)小組合作、討論探究的形式，增強(qiáng)學(xué)生的合作、協(xié)助精神，讓學(xué)生學(xué)有所得，有成就 感，增強(qiáng)自信，又能夠激發(fā)學(xué)生學(xué)習(xí)積極性。 教學(xué)重點(diǎn) 應(yīng)用模板創(chuàng)建網(wǎng)頁(yè)是重點(diǎn)。 教學(xué)難點(diǎn) 用 Flash 按鈕制作導(dǎo)航欄進(jìn)行站內(nèi)導(dǎo)航是本課的難點(diǎn)。 教學(xué)準(zhǔn)備 計(jì)算機(jī) 教學(xué)課時(shí) 一課時(shí) 教 學(xué) 過(guò) 程 個(gè)性思考（二次備課） （一）激趣導(dǎo)入： 屏幕出示網(wǎng)頁(yè)模板和普通網(wǎng)頁(yè)的特點(diǎn)，激發(fā)學(xué)生的興趣，了解一些布局類型，在課件上演示模板套用的即時(shí)效果，引出主題；即模板網(wǎng)頁(yè)制作與應(yīng)用，就是如何利用模板網(wǎng)頁(yè)為網(wǎng)站統(tǒng)一“著裝”。這樣的設(shè)計(jì)可以有效的吸引學(xué)生的注意力，使導(dǎo)入自然。 （二）、探究新知 【任務(wù)一：】應(yīng)用模版創(chuàng)建網(wǎng)頁(yè) 應(yīng)用模板在本課是首次接觸，前面一課中，模板設(shè)計(jì)好后，要利用它來(lái)創(chuàng)建網(wǎng)頁(yè)或?qū)⑵鋺?yīng)用于已經(jīng)存在的網(wǎng)頁(yè)上，才能發(fā)揮作用。注意提現(xiàn)學(xué)生，建立模版也是“資源”概念。 【任務(wù)二：】利用 Flash 按鈕制作導(dǎo)航欄 在 Dreamweaver 8 中，共提供了 40 余種 Flash 按鈕的樣式，我們只需要選擇樣式，輸入按鈕顯示文本并設(shè)置鏈接就可以使用。教師需要提現(xiàn)學(xué)生注意的就是保存路徑，在“插入 Flash 按鈕”對(duì)話框中雖然提供了設(shè)置保存路徑的按鈕，但是只要我們?cè)O(shè)置的路徑與鏈接目標(biāo)文件 不在同一個(gè)文件夾中，否則會(huì)出現(xiàn)異常。 （三）協(xié)作提高 分組整合各個(gè)子任務(wù)，結(jié)合教材中“智多星”、“知識(shí)著陸”并操作練習(xí)“創(chuàng)作天地”課堂練習(xí)題，教師巡視、指導(dǎo)、點(diǎn)撥 ,并導(dǎo)出可能出現(xiàn)的問(wèn)題 :①保存的路徑不正確。②模板套用出錯(cuò)，導(dǎo)致 body（網(wǎng)頁(yè)體）區(qū)域重復(fù)，并分析解決問(wèn)題。設(shè)計(jì)該環(huán)節(jié)的目的是全面了解學(xué)生掌握新知的情況，幫助學(xué)解決實(shí)操中的問(wèn)題，為下一環(huán)節(jié)的學(xué)習(xí)賽做準(zhǔn)備。 （四）展示評(píng)價(jià)： 在這個(gè)環(huán)節(jié)里，教師通過(guò)多媒體屏幕，每組挑選出比較成功的作品，然后通過(guò)多媒體軟件屏幕廣播功能，讓學(xué)生去欣賞各個(gè)小 組作品，互相看一看，評(píng)一評(píng)，說(shuō)一說(shuō)，虛心的學(xué)習(xí)他人的長(zhǎng)處。同時(shí)教師適當(dāng)評(píng)價(jià)成功之處，對(duì)不足的地方加以完善。 最后，用約 5 分鐘的時(shí)間進(jìn)行小結(jié)和作業(yè)布置，完成課本中《創(chuàng)作天地》練習(xí)。 五、評(píng)價(jià)： 本節(jié)課對(duì)學(xué)生學(xué)習(xí)效果的評(píng)價(jià)主要采用如下三種方式進(jìn)行，一是在教學(xué)實(shí)踐過(guò)程中對(duì)學(xué)生操作效果的及時(shí)給予表現(xiàn)性評(píng)價(jià)；二是在小組協(xié)作學(xué)習(xí)過(guò)程中學(xué)生間的互評(píng)過(guò)程；三是完成本節(jié)課的學(xué)習(xí)任務(wù)后，學(xué)生根據(jù)教學(xué)目標(biāo)完成自我評(píng)價(jià)。 板書(shū)設(shè)計(jì)： 第七課 駕輕就熟 —— 應(yīng)用模版創(chuàng)建網(wǎng)頁(yè) 一、應(yīng)用模版創(chuàng)建網(wǎng)頁(yè) 規(guī)劃”日常生活“文件 夾 應(yīng)用模版（用模版直接創(chuàng)建網(wǎng)頁(yè)；新建空白網(wǎng)頁(yè)后再應(yīng)用模版） 將“日常生活”網(wǎng)頁(yè)鏈接到框架網(wǎng)頁(yè) 二、利用 Flash 按鈕制作導(dǎo)航欄 制作“交通出行” Flash 按鈕 制作其他 Flash 按鈕 板書(shū)設(shè)計(jì) 第 七 課 駕輕就熟 — 應(yīng)用模版創(chuàng)建網(wǎng)頁(yè) 1 利用 Flash 按鈕制作導(dǎo)航欄 2 應(yīng)用模版創(chuàng)建網(wǎng)頁(yè) 3 制作其他 Flash 按鈕 教學(xué)反思 第 八 課 自由穿梭 — 利用錨點(diǎn)實(shí)現(xiàn)局部鏈接 教學(xué)內(nèi)容 利用錨點(diǎn)實(shí)現(xiàn)局部鏈接 上課時(shí)間 2020 年 4 月 22 日 教 學(xué) 目 標(biāo) 知 識(shí) 與 技 能 ((1)通過(guò)學(xué)習(xí)，靈活地使用水平線分隔網(wǎng)頁(yè)元素； (2)通過(guò)學(xué)習(xí)，學(xué)會(huì)插入命名錨記以創(chuàng)建錨點(diǎn)鏈接； (3)通過(guò)學(xué)習(xí)，學(xué)習(xí)使用 Flash 文本作為鏈接對(duì)象。 過(guò) 程 與 方 法 通過(guò)小組合作、課程整合，交流評(píng)價(jià)，培養(yǎng)學(xué)生分析信息、利用信息和信息創(chuàng)新能力，以及對(duì)已學(xué)知識(shí)進(jìn)行規(guī)劃管理的能力。 能夠通過(guò)教師引導(dǎo)、動(dòng)腦思考、交流與實(shí)踐操作學(xué)習(xí)過(guò)程，體驗(yàn)和感悟探究的一般過(guò)程； 情感態(tài)度價(jià)值觀 通過(guò)小組合作、討論探究的形式，增強(qiáng)學(xué)生的合作、協(xié)助精神，讓學(xué)生學(xué)有所得，有成就感，增強(qiáng) 自信，又能夠激發(fā)學(xué)生學(xué)習(xí)積極性。 教學(xué)重點(diǎn) 插入水平線、創(chuàng)建錨點(diǎn)鏈接是重點(diǎn)。 教學(xué)難點(diǎn) 插入 Flash 文本作為鏈接是難點(diǎn)。 教學(xué)準(zhǔn)備 計(jì)算機(jī) 教學(xué)課時(shí) 一課時(shí) 教 學(xué) 過(guò) 程 個(gè)性思考（二次備課） （一）激趣導(dǎo)入： 在前面初步制作“交通出行”網(wǎng)頁(yè)后，可以看出本頁(yè)包含的內(nèi)容很多，不同主題的文字和圖片羅列在一起，難以區(qū)分，因此我考慮使用水平線分隔元素，并為頁(yè)面添加錨點(diǎn)鏈接，實(shí)現(xiàn)網(wǎng)頁(yè)的局部跳轉(zhuǎn)，快速地將訪問(wèn)者帶到特定主題或者網(wǎng)頁(yè)頂部。 （二）、 探究新知 【任務(wù)一：】在 已制作的網(wǎng)頁(yè)中插入水平線 水平線對(duì)于組織信息很有用。插入水平線，操作比較簡(jiǎn)單，這一點(diǎn)，我通過(guò)示范廣播，然后放手讓學(xué)生自己動(dòng)手操作，教師巡視指導(dǎo)。 【任務(wù)二：】插入錨記以創(chuàng)建錨點(diǎn)鏈接 在進(jìn)行鏈接錨記的時(shí)候，我們采用是在“屬性檢查器”的“鏈接”文本框中輸入錨記名稱的方法，這就要求我們記住各個(gè)錨記對(duì)應(yīng)的主題內(nèi)容才能操作，否則還需要單擊相應(yīng)的錨記名稱，通過(guò)該錨記的“屬性檢查器”找到錨記名。在任務(wù)的驅(qū)動(dòng)下，使學(xué)生變“要我知道”為“我想知道”，同時(shí)讓他們體驗(yàn)到問(wèn)題解決的成功感，從而激發(fā)他們進(jìn)一步學(xué)習(xí)的愿望和積極性。 【任務(wù)三：】 插入 Flash 文本作為鏈接對(duì)象 網(wǎng)頁(yè)中可以插入 FlashPaper 文檔。當(dāng) IE 瀏覽器中打開(kāi)包含F(xiàn)lashPaper 文檔的頁(yè)面時(shí)， FlashPaper 文檔的所有頁(yè)面都可以直接瀏覽，無(wú)需加載新的網(wǎng)頁(yè)。注意提現(xiàn)學(xué)生前面學(xué)習(xí)的插入 Flash 操作過(guò)程，對(duì)知識(shí)進(jìn)行鞏固。 （三）合作交流 本環(huán)節(jié)是本節(jié)課教學(xué)內(nèi)容的升華，是本節(jié)課最具閃光點(diǎn)的一環(huán)，在這時(shí)里既應(yīng)充分體現(xiàn)學(xué)生的合作討論，又要體現(xiàn)學(xué)生的自主創(chuàng)新，所以我設(shè)計(jì)以各小組為單位，在學(xué)習(xí)了以上內(nèi)容的基礎(chǔ)上，完成本組的一件個(gè)性作品。 （四）展示評(píng)價(jià)： 在這個(gè)環(huán)節(jié)里，教師通過(guò)多媒體屏幕，每組挑選出比較成功的作品，然后通過(guò)多媒體軟件屏幕廣播功能，讓學(xué)生去欣賞各個(gè)小組作品，互相看一看，評(píng)一評(píng)，說(shuō)一說(shuō)，虛心的學(xué)習(xí)他人的長(zhǎng)處。同時(shí)教師適當(dāng)評(píng)價(jià)成功之處，對(duì)不足的地方加以完善。 最后，用約 5 分鐘的時(shí)間進(jìn)行小結(jié)和作業(yè)布置，完成課本中《創(chuàng)作天地》練習(xí)。 五、評(píng)價(jià)： 本節(jié)課對(duì)學(xué)生學(xué)習(xí)效果的評(píng)價(jià)主要采用如下三種方式進(jìn)行，一是在教學(xué)實(shí)踐過(guò)程中對(duì)學(xué)生操作效果的及時(shí)給予表現(xiàn)性評(píng)價(jià)；二是在小組協(xié)作學(xué)習(xí)過(guò)程中學(xué)生間的互評(píng)過(guò)程；三是完成本節(jié)課的學(xué)習(xí)任務(wù)后，學(xué)生根據(jù)教學(xué)目標(biāo)完成自我評(píng)價(jià)。 板書(shū)設(shè)計(jì) 第 八 課 自由穿梭 — 利用錨點(diǎn)實(shí)現(xiàn)局部鏈接 一、在網(wǎng)頁(yè)中插入水平線 打開(kāi)前面制作的網(wǎng)頁(yè)； 插入水平線； 二、創(chuàng)建錨點(diǎn)鏈接 創(chuàng)建命名錨點(diǎn)； 鏈接錨點(diǎn)； 三、利用 Flash 文本作為鏈接對(duì)象 四、測(cè)試網(wǎng)頁(yè) 教學(xué)反思 第 九 課 按圖索驥 —— 制作熱點(diǎn)超鏈接 教學(xué)內(nèi)容 制作熱點(diǎn)超鏈接 上課時(shí)間 2020 年 4 月 29 日 教 學(xué) 目 標(biāo) 知 識(shí) 與 技 能 （ 1）、通過(guò)學(xué)習(xí)，學(xué)會(huì)設(shè)置圖像熱點(diǎn)超鏈接； （ 2）、通過(guò)學(xué)習(xí)，學(xué)會(huì)分離 使用模板創(chuàng)建的網(wǎng)頁(yè) （ 3）、通過(guò)學(xué)習(xí)，了解超鏈接的組成。 過(guò) 程 與 方 法 （ 1）、通過(guò)小組合作、交流評(píng)價(jià)，培養(yǎng)學(xué)生協(xié)助學(xué)習(xí)、相互幫助的習(xí)慣； （ 2）、能夠通過(guò)教師引導(dǎo)、動(dòng)腦思考、交流與實(shí)踐操作學(xué)習(xí)過(guò)程，體驗(yàn)和感悟探究的一般過(guò)程； （ 3）、通過(guò)閱讀教材，獲取知識(shí)的方法和過(guò)程。 情感態(tài)度價(jià)值觀 對(duì)圖像熱點(diǎn)超鏈接的的學(xué)習(xí)，能夠激發(fā)學(xué)生的興趣，提高學(xué)習(xí)的熱度。 教學(xué)重點(diǎn) 使用屬性檢查器設(shè)置圖像熱點(diǎn)超鏈接。 教學(xué)難點(diǎn) 超鏈接組成的分類。 教學(xué)準(zhǔn)備 計(jì)算機(jī) 教學(xué)課時(shí) 一課時(shí) 教 學(xué) 過(guò) 程 個(gè)性思考（二次備課） （一）導(dǎo)入： 上一節(jié)課我們學(xué)會(huì)了使用錨點(diǎn)實(shí)現(xiàn)了網(wǎng)頁(yè)的局部超鏈接，本課我們來(lái)學(xué)習(xí)另外一種常用的超鏈接 —— 圖像熱點(diǎn)超鏈接，它可以實(shí)現(xiàn)一張圖像有多個(gè)目標(biāo)端點(diǎn)的超鏈接，同學(xué)們想知道嗎？ （二）、 探究新知 【任務(wù)一：】圖像熱點(diǎn)超鏈接 圖像熱點(diǎn)超鏈接是本課的重點(diǎn)內(nèi)容，教師進(jìn)行廣播示范操作的方法和步驟，必要的地方進(jìn)行必要的強(qiáng)調(diào)，教師巡視指導(dǎo)。 【任務(wù)二：】創(chuàng)建“家務(wù)勞動(dòng) —— 防止?fàn)C傷”網(wǎng)頁(yè)（ jwld— ） （ 1）、創(chuàng)建網(wǎng)頁(yè) 涉及知識(shí)點(diǎn)：用模板創(chuàng)建網(wǎng)頁(yè) （ 2）、將網(wǎng)頁(yè)從模板中分離 涉及知識(shí)點(diǎn)：“修改” →“模板” →“從模板中分離”。分離后的網(wǎng)頁(yè)和模板沒(méi)有關(guān)聯(lián)性，鎖定區(qū)域也可以編輯。 （ 3）、編輯“防止?fàn)C傷”網(wǎng)頁(yè) 涉及知識(shí)點(diǎn)：刪除網(wǎng)頁(yè)中表格的行列 （ 4）、測(cè)試網(wǎng)頁(yè)。 【任務(wù)三：】閱讀知識(shí)著陸和視野拓展 涉及知識(shí)點(diǎn)：圖像的熱點(diǎn)超鏈接與一般圖像超鏈接區(qū)別；源端點(diǎn)和目標(biāo)端點(diǎn)的分類。 【任務(wù)四：】創(chuàng)作天地 本活動(dòng)僅供學(xué)有余力和感興趣的學(xué)生練習(xí) （三）合作交流 本環(huán)節(jié)是本節(jié)課教學(xué)內(nèi)容的升華，是本節(jié)課最具閃光點(diǎn)的一環(huán)，在這時(shí)里既應(yīng)充分體現(xiàn)學(xué)生的合作討論，又要體現(xiàn) 學(xué)生的自主創(chuàng)新，所以我設(shè)計(jì)以各小組為單位，在學(xué)習(xí)了以上內(nèi)容的基礎(chǔ)上，完成本組的一件個(gè)性作品。 （四）展示評(píng)價(jià)： 在這個(gè)環(huán)節(jié)里，教師通過(guò)多媒體屏幕，每組挑選出比較成功的作品，然后通過(guò)多媒體軟件屏幕廣播功能，讓學(xué)生去欣賞各個(gè)小組作品，互相看一看，評(píng)一評(píng)，說(shuō)一說(shuō)，虛心的學(xué)習(xí)他人的長(zhǎng)處。同時(shí)教師適當(dāng)評(píng)價(jià)成功之處，對(duì)不足的地方加以完善。 五、評(píng)價(jià)： 本節(jié)課對(duì)學(xué)生學(xué)習(xí)效果的評(píng)價(jià)主要采用如下三種方式進(jìn)行，一是在教學(xué)實(shí)踐過(guò)程中對(duì)學(xué)生操作效果的及時(shí)給予表現(xiàn)性評(píng)價(jià)；二是在小組協(xié)作學(xué)習(xí)過(guò)程中學(xué)生間的互評(píng)過(guò)程；三是完成本節(jié)課的學(xué) 習(xí)任務(wù)后，學(xué)生根據(jù)教學(xué)目標(biāo)完成自我評(píng)價(jià)。 板書(shū)設(shè)計(jì) 第 8 課 按圖索驥 — 制作熱點(diǎn)超鏈接 一、圖像熱點(diǎn)超鏈接 二、創(chuàng)建“家務(wù)勞動(dòng) —— 防止?fàn)C傷”網(wǎng)頁(yè) jwld— ） 創(chuàng)建網(wǎng)頁(yè)； 將網(wǎng)頁(yè)中模板中分離； 編輯“防止?fàn)C傷網(wǎng)頁(yè)” 三、測(cè)試網(wǎng)頁(yè) 教學(xué)反思 第 十 課 左右逢源 — 滾動(dòng)字幕與層的使用 教學(xué)內(nèi)容 滾動(dòng)字幕與層的使用 上課時(shí)間 2020 年 5 月 6 日 教 學(xué) 目 標(biāo) 知 識(shí) 與 技 能 (1)、通過(guò)學(xué)習(xí)，能夠進(jìn)行網(wǎng)站素 材的歸類管理； (2)、通過(guò)學(xué)習(xí)，能夠制作具有動(dòng)態(tài)效果的導(dǎo)航按鈕； (3)、通過(guò)學(xué)習(xí)，掌握 AP Div 層繪制和布局，并配合標(biāo)簽marquee實(shí)現(xiàn)文字的滾動(dòng)效果。 過(guò) 程 與 方 法 （ 1）、能通過(guò)教師引導(dǎo)、動(dòng)腦思考、交流與實(shí)踐操作學(xué)習(xí)過(guò)程，體驗(yàn)和感悟探究的一般過(guò)程； （ 2）、能夠仔細(xì)傾聽(tīng)其他同學(xué)的發(fā)言，體驗(yàn)合作學(xué)習(xí)的過(guò)程和方法； 情感態(tài)度價(jià)值觀 （ 1）、結(jié)合教學(xué)內(nèi)容制作具有個(gè)性化的網(wǎng)頁(yè)，激發(fā)學(xué)習(xí)興趣； （ 2）、學(xué)生在協(xié)作與交流過(guò)程中，提高自己的操作能力，肯定自己的價(jià)值。 教學(xué)重點(diǎn) 在 AP div 層中添加標(biāo)簽實(shí)現(xiàn)滾動(dòng)字幕效果。 教學(xué)難點(diǎn) AP Div 層的“屬性檢查器”的理解和合理設(shè)置。 教學(xué)準(zhǔn)備 計(jì)算機(jī) 教學(xué)課時(shí) 一課時(shí) 教 學(xué) 過(guò) 程 個(gè)性思考