【正文】 和方法； 情感態(tài)度價(jià)值觀 （ 1）、結(jié)合教學(xué)內(nèi)容制作具有個(gè)性化的網(wǎng)頁，激發(fā)學(xué)習(xí)興趣； （ 2）、學(xué)生在協(xié)作與交流過程中，提高自己的操作能力，肯定自己的價(jià)值。 教學(xué)難點(diǎn) AP Div 層的“屬性檢查器”的理解和合理設(shè)置。 （二）、 探究新知 【任務(wù)一：】在已制作的網(wǎng)頁中插入水平線 水平線 對于組織信息很有用。 【任務(wù)二：】插入錨記以創(chuàng)建錨點(diǎn)鏈接 在進(jìn)行鏈接錨記的時(shí)候，我們采用是在“屬性檢查器”的“鏈接”文本框中輸入錨記名稱的方法，這就要求我們記住各個(gè)錨記對應(yīng)的主題內(nèi)容才能操作，否則還需要單擊相應(yīng)的錨記名稱，通過該錨記的“屬性檢查器”找到錨記名。 【任務(wù)三：】 插入 Flash 文本作為 鏈接對象 網(wǎng)頁中可以插入 FlashPaper 文檔。注意提現(xiàn)學(xué)生前面學(xué)習(xí)的插入 Flash操作過程，對知識進(jìn)行鞏固。 （四）展示評價(jià)： 在這個(gè)環(huán)節(jié)里，教師通過多媒體屏幕， 每組挑選出比較成功的作品，然后通過多媒體軟件屏幕廣播功能，讓學(xué)生去欣賞各個(gè)小組作品，互相看一看，評一評，說一說，虛心的學(xué)習(xí)他人的長處。 最后，用約 5 分鐘的時(shí)間進(jìn)行小結(jié)和作業(yè)布置，完成課本中《創(chuàng)作天地》練習(xí)。 板書設(shè)計(jì) 第十課 左右逢源 — 滾動(dòng)字幕與層的使用 一、規(guī)劃“校園內(nèi)外”文件夾和制作導(dǎo)航欄 二、利用“滾動(dòng)字幕”制作動(dòng)態(tài)頁面標(biāo)題 三、使用 AP Div 元素（層）布局網(wǎng)頁 四、測試網(wǎng)頁 教學(xué)反思 第 十一 課 最佳搭檔 —— 應(yīng)用 CSS 樣式與層美化網(wǎng)頁 教學(xué)內(nèi)容 應(yīng)用 CSS 樣式與層美化網(wǎng)頁 上課時(shí)間 2020 年 5 月 13 日 教 學(xué) 目 標(biāo) 知 識 與 技 能 (1)通過學(xué)習(xí)，了解 CSS 式樣表的功能； (2)通過學(xué)習(xí)，學(xué)會(huì)定義和編輯 CSS 樣式表； (3)通過學(xué)習(xí)，學(xué)會(huì)導(dǎo)出 CSS 樣式表，進(jìn)行具體的應(yīng)用； (3)通過學(xué)習(xí)，學(xué)會(huì)層與樣式表的配合使用。 能夠通過教師引導(dǎo)、動(dòng)腦思考、交流與實(shí)踐操作學(xué)習(xí)過程，體驗(yàn)和感悟探究的一般過程； 情感態(tài)度價(jià)值觀 通過小組合作、討論探究的形式，增強(qiáng)學(xué)生的合作、協(xié)助精神，讓學(xué)生學(xué)有所得，有成就感，增強(qiáng)自信，又能夠激發(fā)學(xué)生學(xué)習(xí)積極性。 教學(xué)難點(diǎn) CSS 樣式表和層靈活的配合使 用。 （二）、探究新知 【任務(wù)一：】通過“屬性檢查器”快速創(chuàng)建 CSS 樣式表 涉及知識點(diǎn)：首先選擇網(wǎng)頁中的文本，然后在“屬性檢查器”中創(chuàng)建 CSS 樣式表，最后取消選擇，進(jìn)行相關(guān)修改。 【任務(wù)五：】層與樣式表的配合使用 （三）協(xié)作提高 分組整合各個(gè)子任務(wù)，結(jié)合教材中“智多星”、“知識著陸”并操作練習(xí)“創(chuàng)作天地”課堂練習(xí)題，教師巡視、指導(dǎo)、點(diǎn)撥 ,并導(dǎo)出可能出現(xiàn)的問題 :①保存的路徑不正確。同時(shí)教師適當(dāng)評價(jià)成功之處，對不足的地方加以完善。 五、評價(jià)： 本節(jié)課對學(xué)生學(xué)習(xí)效果的評價(jià)主要采用如下三種方式進(jìn)行，一是在教學(xué)實(shí)踐過程中對學(xué)生操作效果的及時(shí)給予表現(xiàn)性評價(jià)；二是在小組協(xié)作學(xué)習(xí)過程中學(xué)生間的互評過程；三是完成本節(jié)課的學(xué)習(xí)任務(wù)后，學(xué)生根據(jù)教學(xué)目標(biāo)完成自我評價(jià)。 (2)通過學(xué)習(xí) ，掌握應(yīng)用“交換圖像”行為制作導(dǎo)航按鈕的方法。 (4)通過學(xué)習(xí)，掌握應(yīng)用“設(shè)置狀態(tài)欄文本”行為為導(dǎo)航欄添加提示信息的方法。 （ 2）學(xué)生在協(xié)作與交流過程中，提高自己的操作能力，肯定自己的價(jià)值 。 教學(xué)難點(diǎn) 應(yīng)用“設(shè)置狀態(tài)欄文本”行為為導(dǎo)航按鈕添加提示信息 。按照心理學(xué)常識，學(xué)生對學(xué)習(xí)內(nèi)容產(chǎn)生興趣，就能自覺地排除內(nèi)外主客觀因素的干擾，集中注意力積極主動(dòng)地投入學(xué)習(xí)，把學(xué)習(xí)當(dāng)成愉快的事。 （二）、 探究新知 【任務(wù)一：】創(chuàng)建“救生急救”網(wǎng)頁 明確步驟： 規(guī)劃“逃生急救”文件夾； 新建網(wǎng)頁文件； 調(diào)整網(wǎng)頁內(nèi)容 由教師示范執(zhí)行，然后讓學(xué)生對自己的作品進(jìn)行操作，我在巡視過程注意鼓勵(lì)學(xué)生利用已有的知識技能解決問題，引導(dǎo)學(xué)生發(fā)現(xiàn)操作中的相似或相似之處，利用知識的遷移解決類似問題。 【任務(wù)二：】添加動(dòng)態(tài)效果 教師示范，打開 Dreamweaver8 軟件工具，提示學(xué)生根據(jù)前面已制作的作品繼續(xù)完善后續(xù) 的操作過程。 應(yīng)用“交換圖像”行為 對于觸發(fā)動(dòng)作的事件，可以讓學(xué)生在行為面板中進(jìn)行嘗試設(shè)置，體驗(yàn)其中的不同，幫助理解行為、事件、動(dòng)作之間的關(guān)系。可以通過應(yīng)用行為或者編寫代碼的方式在狀態(tài)欄中實(shí)現(xiàn)各種動(dòng)態(tài)效果。 （四）展示評價(jià)： 在這個(gè)環(huán)節(jié)里，教師通過多媒體屏幕，每組挑選出比較成功的作品，然后通過多媒體軟件屏幕廣播功能，讓學(xué)生去欣賞各個(gè)小組作品，互相看一看，評一評，說一說，虛心的學(xué)習(xí)他人的長處。 最后，用約 5 分鐘的時(shí)間進(jìn)行小結(jié)和作業(yè)布置，完成課本中“創(chuàng)作天地”的練習(xí)。 板書設(shè)計(jì) 第十二課 一觸即發(fā) — 應(yīng)用行為創(chuàng)建動(dòng)態(tài)效果 一、完善創(chuàng)建網(wǎng)頁 二、添加動(dòng)態(tài)效果 應(yīng)用“交換圖像”行為； 應(yīng)用“彈出信息”行為； 應(yīng)用“設(shè)置狀態(tài)欄文本”行為 三、測試網(wǎng)頁 教學(xué)反思 第 十三 課 影音視聽 — 制作多媒體網(wǎng)頁 教學(xué)內(nèi)容 制作多媒體網(wǎng)頁 上課時(shí)間 2020 年 5 月 27 日 教 學(xué) 目 標(biāo) 知 識 與 技 能 (1)通過學(xué)習(xí)，能夠應(yīng)用“打開瀏覽器窗口”行為制作彈出窗口。 (3)通過學(xué)習(xí)，掌握利用插件在網(wǎng)頁中插入視頻的基本方法。 過 程 與 方 法 （ 1）、能通過教師引導(dǎo)、動(dòng)腦思考、交流與實(shí)踐操作學(xué)習(xí)過程，體驗(yàn)和感悟探究的一般過程； （ 2）、能夠仔細(xì)傾聽其他同學(xué)的發(fā)言，體驗(yàn) 合作學(xué)習(xí)的過程和方法； 情感態(tài)度價(jià)值觀 （ 1）聯(lián)系生活實(shí)際，學(xué)習(xí)制作網(wǎng)站的基本知識，激發(fā)學(xué)生的學(xué)習(xí)興趣。 教學(xué)難點(diǎn) 應(yīng)用“播放聲音”行為為頁面元素添加聲音效果。媒體內(nèi)容是網(wǎng)上比較流行的元素，正是在網(wǎng)頁中添加了多媒體元素，才使得網(wǎng)頁變得更加生動(dòng)，更加吸引瀏覽者。明確下列步驟： 打開網(wǎng)頁文件； 制作導(dǎo)航欄； 添加網(wǎng)頁內(nèi)容 【任務(wù)二：】制作彈出窗口 教師一定要引導(dǎo)學(xué)生先完成要彈出的窗口，再往下做。根據(jù)教材中的提示，打開 Dreamweaver 軟件進(jìn)行操作聯(liá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è)性作品。同時(shí)教師適當(dāng)評價(jià)成功之處，對不足的地方加以完善。 五、評價(jià)： 本節(jié)課對學(xué)生學(xué)習(xí)效果的評價(jià)主要采用如下三種方式進(jìn)行，一是在教學(xué)實(shí)踐過程中對學(xué)生操作效果的及時(shí)給予表現(xiàn)性評價(jià)；二是在小組協(xié)作學(xué)習(xí)過程中學(xué)生間的互評過程；三是完成本節(jié)課的學(xué)習(xí)任務(wù)后，學(xué)生根據(jù)教學(xué)目標(biāo)完成自我評價(jià)。 (2)通過學(xué)習(xí)，學(xué)會(huì)制作圖像晃動(dòng)效果。 能夠通過教師引導(dǎo)、動(dòng)腦思考、交流與實(shí)踐操作學(xué)習(xí)過程，體驗(yàn)和感悟探究的一般過程； 情感態(tài)度價(jià)值觀 通過小組合作、討論探究的形式，增強(qiáng)學(xué)生的合作、協(xié)助精神，讓學(xué)生學(xué)有所得，有成就感，增強(qiáng)自信心，又能夠激發(fā)學(xué)生學(xué)習(xí)積極性。 教學(xué)難點(diǎn) 合理使用層特效和圖像晃動(dòng)效果。 （二）、探究新知 【任務(wù)一：】編輯網(wǎng)頁 涉及知識點(diǎn)： 網(wǎng)頁打開 制作導(dǎo)航欄 添加網(wǎng)頁內(nèi)容 【任務(wù)二：】制作層特效 涉及知識點(diǎn)： 使用層：“顯示 /隱藏元素文本” 替換文本內(nèi)容 拖動(dòng)網(wǎng)頁內(nèi)容 【任務(wù)二：】制作圖像晃動(dòng)效果 涉及知識點(diǎn)：添加行為和設(shè)置行為事件 （三）協(xié)作提高 分組整合各個(gè)子任務(wù)，結(jié)合教材中“智多星”、“知識著陸 ”并操作練習(xí)“創(chuàng)作天地”課堂練習(xí)題，教師巡視、指導(dǎo)、點(diǎn)撥。 （四）展示評價(jià)： 在這個(gè)環(huán)節(jié)里，教師通過多媒體屏幕，每組挑選出比較成功的作品，然后通過多媒體軟件屏幕廣播功能，讓學(xué)生去欣賞各個(gè)小組作品，互相看一看，評一評，說一說，虛心的學(xué)習(xí)他人的長處。 最后，用約 5 分鐘的時(shí)間進(jìn)行小結(jié)和作業(yè)布置，完成課本中《創(chuàng)作天地》練習(xí)。 板書設(shè)計(jì) 第十四課 錦上添花 —— 用層制作網(wǎng)頁特效 一、編輯網(wǎng)頁 打開網(wǎng)頁 制作導(dǎo)航欄 添加網(wǎng)頁內(nèi)容 二、制作層特效 顯示 /隱藏文本 替換文本內(nèi)容 拖動(dòng)網(wǎng)頁內(nèi)容 三、制作圖像晃動(dòng)特效 四、測試網(wǎng)頁 教學(xué)反思 第 十五 課 信息互動(dòng) —— 制作表單網(wǎng)頁 教學(xué)內(nèi)容 制作表單網(wǎng)頁 上課時(shí)間 2020 年 6 月 10 日 教 學(xué) 目 標(biāo) 知 識 與 技 能 (1)通過學(xué)習(xí)，學(xué)會(huì)在網(wǎng)頁中插入和修改表格； (2)通過學(xué)習(xí)，能夠制作簡單的表單。 能夠通過教師引導(dǎo)、動(dòng)腦思考、交流與實(shí)踐操作學(xué)習(xí)過程，體驗(yàn)和感悟探究的一般過程； 情感態(tài)度價(jià)值觀 通過小組合作、討論探究的形式，增強(qiáng)學(xué)生的合作、協(xié)助精神，讓學(xué)生學(xué)有所得，有成就感，增強(qiáng)自信 ，又能夠激發(fā)學(xué)生學(xué)習(xí)積極性。 教學(xué)難點(diǎn) 如何在網(wǎng)頁中布局表單，達(dá)到美觀實(shí)用的效果。表單時(shí)一種比較常用的收集信息的形式，它是網(wǎng)站管理者與瀏覽者之間溝通的橋梁，表單常用于申請郵箱、注冊個(gè)人信息、填寫調(diào)查報(bào)告以及購物信息等。 （四）展示評價(jià)： 在這個(gè)環(huán)節(jié)里，教師通過多媒體屏幕，每組挑選出比較成功的作品，然后通過多媒體軟件屏幕廣播功能，讓學(xué)生去欣賞各個(gè)小組作品，互相看一看，評一評，說一說，虛心的學(xué)習(xí)他人的長處。 最后，用約 5 分鐘的時(shí)間進(jìn)行小結(jié)和作業(yè)布置，完成課本中《創(chuàng)作天地》練習(xí)。 板書設(shè)計(jì) 第十五課 信息互動(dòng) —— 制作表單網(wǎng)頁 一、設(shè)計(jì)網(wǎng)頁 二、制作表單 三、測試網(wǎng)頁 教學(xué)反思 第 十六 課 成果與分享 — 網(wǎng)站的測試與發(fā)布 教學(xué)內(nèi)容 網(wǎng)站的測試與發(fā)布 上課時(shí)間 2020 年 6 月 17 日 教 學(xué) 目 標(biāo) 知 識 與 技 能 (1)通過學(xué) 習(xí)，學(xué)會(huì)測試網(wǎng)站的鏈接。 (3)通過學(xué)習(xí)，掌握如何配置遠(yuǎn)程信息。 過 程 與 方 法 （ 1）、能通過教師引導(dǎo)、動(dòng)腦思考、交流與實(shí)踐操作學(xué)習(xí)過程，體驗(yàn)和感悟探究的一般過程； （ 2）、能夠仔細(xì)傾聽其他同學(xué)的發(fā)言，體驗(yàn)合作學(xué)習(xí)的過程和方法； 情感態(tài)度價(jià)值觀 （ 1）聯(lián)系生活實(shí)際，學(xué)習(xí)制作網(wǎng)站的基本知識，激發(fā)學(xué)生的學(xué)習(xí)興趣。 教學(xué)難點(diǎn) 利用 Dreamweaver 上傳文件，配置遠(yuǎn)程信息步驟。學(xué)生有了網(wǎng)站建設(shè)的基礎(chǔ)，我采用設(shè)疑導(dǎo)入?！睆亩霰菊n 的學(xué)習(xí)內(nèi)容。 c．先演示超鏈接檢查再讓學(xué)生分組實(shí)踐。我們以站點(diǎn)主發(fā)布到本機(jī)的某位置為例，學(xué)習(xí)發(fā)布網(wǎng)站方法。提示，由于遠(yuǎn)程信息的訪問方式選擇的是“本地 /網(wǎng)絡(luò)”，因此上傳文件就是將整個(gè)網(wǎng)站的文件上傳到本地計(jì)算機(jī)的遠(yuǎn) 程文件夾 d:\website 中。選中網(wǎng)站中的某個(gè)文件夾或文件，單擊“上傳”按鈕即可將所選的文件夾或文件上傳，網(wǎng)站上傳前、后窗口的顯示內(nèi)容。 提問：網(wǎng)站發(fā)布以后，怎樣讓別人知道并瀏覽網(wǎng)站呢？（宣傳、展示） （三）合作交流 本環(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è)性作品。同時(shí)教師適當(dāng)評價(jià)成功之處，對不足的地方加以完善。 五、評價(jià)： 本節(jié)課對學(xué)生學(xué)習(xí)效果的評價(jià)主要采用如下三種方式進(jìn)行，一是在教學(xué)實(shí)踐過程中對學(xué)生操作效果的及時(shí)給予 表現(xiàn)性評價(jià)；二是在小組協(xié)作學(xué)習(xí)過程中學(xué)生間的互評過程；三是完成本節(jié)課的學(xué)習(xí)任務(wù)后，學(xué)生根據(jù)教學(xué)目標(biāo)完成自我