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