【正文】 自主學(xué)習(xí)：本環(huán)節(jié)以任務(wù)驅(qū)動式展開分層教學(xué)。 任務(wù)三：我的第一個網(wǎng)頁是這樣成功的。 （三）合作交流： 本環(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ǔ)上，完成本組的一件個性作品。協(xié)作完成“創(chuàng)作天地”的練習(xí) 。在做一個網(wǎng)站前 ，要有一個全盤的考慮。還要考慮以后會有什么改動，還要增加那些網(wǎng)頁，盡量讓以后的改動盡可能的小。 ②收集素材 我們在這所說的素材就是你的網(wǎng)頁上要用的各種素材，主要包括：文字、圖片、動畫、音頻、視頻等。我們上 節(jié)課看了一些別人做的網(wǎng)站，相信大家都多多少少了解一些：欄目設(shè)置、顏色搭配、圖文的應(yīng)用等等。就是先要把每個頁面要放什么內(nèi)容，按什么結(jié)構(gòu)先做一個大概，所有頁面的大概都做完后，再去完善和細化。 板書設(shè)計 教學(xué)反思 第 三 課 開篇之作 —— 基于表格的頁面布局 教學(xué)內(nèi)容 基于表格的頁面布局 上課時間 2020 年 3 月 18 日 教 學(xué) 目 標(biāo) 知 識 與 技 能 (1)、通過學(xué)習(xí)，能夠創(chuàng)建和打開站點，理解站點的意義； (2)、通過操作練習(xí)，學(xué)會有效的整理和利用素材； (3)、通過操作練習(xí)，能夠創(chuàng)建網(wǎng)頁 和合理的選擇頁面類型； (4)、通過操作練習(xí)，掌握對表格屬性的相關(guān)設(shè)置； (5)、學(xué)會測試網(wǎng)頁。 教學(xué)準(zhǔn)備 計算機 教學(xué)課時 第一課時 教 學(xué) 過 程 個性思考（二次備課） 一、課程導(dǎo)入 一個網(wǎng)站的規(guī)劃設(shè)計完畢了，接下來的工作就是網(wǎng)頁設(shè)計。在這之前我們先來看看別人的首頁是怎么做的。 （步驟略，參加課本 p12）。 （ 1）單擊 “文件” “新建”命令，選擇“常規(guī)”，在“基本頁” 列表框中選擇 HTML 選項， 單擊 “創(chuàng)建”按鈕，即建立了一個空白頁。 （ 2）找到 “背景顏色”選項，輸入淺黃色的顏色數(shù)值 FFFF94，單擊“確定”按鈕，背景色設(shè)置完成。 （ 2）執(zhí)行“插入” “表格”命令。 。 過 程 與 方 法 自主學(xué)習(xí)、合作交流 引導(dǎo)朗讀感悟 情感態(tài)度價值觀 （ 1）通過插入動畫，使網(wǎng)頁較之前更加豐富，激發(fā)學(xué)生的興趣； （ 2）通過本課的學(xué)習(xí)完成任務(wù)，體驗成功，肯定自 己的能力。 二、新課講授 （ 1）將“安全自 護我能行”站點文件夾傳到學(xué)生機。 b) 選擇某一單元格：按住 Ctrl 鍵，同時單擊選中的單元格；“標(biāo)簽選擇器”中單擊 td標(biāo)簽。 flash 動畫 1) 將光標(biāo)定位在表格第一行中，執(zhí)行“插入” —— 》“媒體”—— 》 Flash 命令。預(yù)覽觀察效果。 3) 設(shè)置文本屬性：根據(jù)情況選擇合適的格式或文字 大小、顏色、對齊方式等。 flash 可以很好的表現(xiàn)動感。 （ 2）、學(xué)會創(chuàng)建框架、制作框架網(wǎng)頁和保存框架網(wǎng)頁。 過 程 與 方 法 自主學(xué)習(xí)、合作交流 引導(dǎo)朗讀感悟 情感態(tài)度價值觀 （ 1）通過學(xué)習(xí)了解到網(wǎng)頁布局工具的多樣性，激發(fā)學(xué)生探究的興趣； （ 2）通過本課的學(xué)習(xí)完成任務(wù)，體驗成功，肯定自己的能力。為了能做到這種統(tǒng)一，我們每個網(wǎng)頁中相同的內(nèi)容固定在一個區(qū)域。 制作框架網(wǎng)頁的前提是創(chuàng)建框架，并根據(jù)網(wǎng)頁布局設(shè)計框架的樣式，然后再具體設(shè)計制作網(wǎng)頁的內(nèi)容。 （ 3）保存框架集 步驟 1：執(zhí)行“文件” —— 》“保存全部”命令，保存到 frame 文件 夾中。 步驟 2：單擊“框架”面板中的框架邊緣部分，選中框架集，在 “屬性”面板中設(shè)置框架集的屬性。 步驟 4：為圖片添加超鏈接，設(shè)置打開方式（目標(biāo)）。 步驟 3：合并相關(guān)單元格。 四、作品評價 對于較快完成任務(wù)并且完成任務(wù)較好的同學(xué)進行表揚鼓勵。 (4)通過學(xué)習(xí)，能夠根據(jù)網(wǎng)站的需要創(chuàng)建網(wǎng)頁模板。 教學(xué)準(zhǔn)備 計算機 教學(xué)課時 一課時 教 學(xué) 過 程 個性思考（二次備課） （一）激趣導(dǎo)入： 通過播放一組網(wǎng)頁模板，激發(fā)學(xué)生的興趣，了解一些布局類型，在課件上演示模板套用的即時效果，引出主題； 即模板網(wǎng)頁制作與應(yīng)用，就是如何利用模板網(wǎng)頁為網(wǎng)站統(tǒng)一“著裝”。 【任務(wù)二：】講解示范新課內(nèi)容 這一環(huán)節(jié)我主要采用了任務(wù)驅(qū)動法，主要任務(wù)是探究模板網(wǎng)頁的制作應(yīng)用的實施步驟。 【任務(wù)三：】引導(dǎo)學(xué)生采用資源面板方式創(chuàng)建模板文件，這樣對于整個網(wǎng)站的資源構(gòu)架會有個一個逐步的了解，對于資源面板的用途也逐一掌握。設(shè)計該環(huán)節(jié)的目的是全面了解學(xué)生掌握新知的情況，幫助學(xué)解決實操中的問題，為下一環(huán)節(jié)的競賽做準(zhǔn)備。 五、評價： 本節(jié)課對學(xué)生學(xué)習(xí)效果的評價主要采用如下三種方式進行，一是在教學(xué)實踐過程中對學(xué)生操作效果的及時給予表現(xiàn)性評價；二是在小組協(xié)作學(xué)習(xí)過程中學(xué)生間的互評過程；三是完成本節(jié)課的學(xué)習(xí)任務(wù)后，學(xué)生根據(jù)教學(xué)目標(biāo)完成自我評價。 過 程 與 方 法 通過小組合作、課程整合，交流評價，培養(yǎng)學(xué)生分析信息、利用信息和信息創(chuàng)新能力，以及對已學(xué)知識進行規(guī)劃管理的能力。 教學(xué)準(zhǔn)備 計算機 教學(xué)課時 一課時 教 學(xué) 過 程 個性思考（二次備課） （一）激趣導(dǎo)入： 屏幕出示網(wǎng)頁模板和普通網(wǎng)頁的特點，激發(fā)學(xué)生的興趣，了解一些布局類型，在課件上演示模板套用的即時效果，引出主題；即模板網(wǎng)頁制作與應(yīng)用，就是如何利用模板網(wǎng)頁為網(wǎng)站統(tǒng)一“著裝”。 【任務(wù)二：】利用 Flash 按鈕制作導(dǎo)航欄 在 Dreamweaver 8 中，共提供了 40 余種 Flash 按鈕的樣式，我們只需要選擇樣式，輸入按鈕顯示文本并設(shè)置鏈接就可以使用。設(shè)計該環(huán)節(jié)的目的是全面了解學(xué)生掌握新知的情況，幫助學(xué)解決實操中的問題，為下一環(huán)節(jié)的學(xué)習(xí)賽做準(zhǔn)備。 五、評價： 本節(jié)課對學(xué)生學(xué)習(xí)效果的評價主要采用如下三種方式進行，一是在教學(xué)實踐過程中對學(xué)生操作效果的及時給予表現(xiàn)性評價；二是在小組協(xié)作學(xué)習(xí)過程中學(xué)生間的互評過程；三是完成本節(jié)課的學(xué)習(xí)任務(wù)后，學(xué)生根據(jù)教學(xué)目標(biāo)完成自我評價。 教學(xué)重點 插入水平線、創(chuàng)建錨點鏈接是重點。插入水平線，操作比較簡單，這一點，我通過示范廣播，然后放手讓學(xué)生自己動手操作，教師巡視指導(dǎo)。當(dāng) IE 瀏覽器中打開包含F(xiàn)lashPaper 文檔的頁面時， FlashPaper 文檔的所有頁面都可以直接瀏覽，無需加載新的網(wǎng)頁。同時教師適當(dāng)評價成功之處，對不足的地方加以完善。 過 程 與 方 法 （ 1）、通過小組合作、交流評價，培養(yǎng)學(xué)生協(xié)助學(xué)習(xí)、相互幫助的習(xí)慣； （ 2）、能夠通過教師引導(dǎo)、動腦思考、交流與實踐操作學(xué)習(xí)過程，體驗和感悟探究的一般過程； （ 3）、通過閱讀教材，獲取知識的方法和過程。 教學(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ù)三：】閱讀知識著陸和視野拓展 涉及知識點：圖像的熱點超鏈接與一般圖像超鏈接區(qū)別；源端點和目標(biāo)端點的分類。 五、評價： 本節(jié)課對學(xué)生學(xué)習(xí)效果的評價主要采用如下三種方式進行，一是在教學(xué)實踐過程中對學(xué)生操作效果的及時給予表現(xiàn)性評價；二是在小組協(xié)作學(xué)習(xí)過程中學(xué)生間的互評過程；三是完成本節(jié)課的學(xué) 習(xí)任務(wù)后，學(xué)生根據(jù)教學(xué)目標(biāo)完成自我評價。 教學(xué)難點 AP Div 層的“屬性檢查器”的理解和合理設(shè)置。 【任務(wù)二：】插入錨記以創(chuàng)建錨點鏈接 在進行鏈接錨記的時候，我們采用是在“屬性檢查器”的“鏈接”文本框中輸入錨記名稱的方法，這就要求我們記住各個錨記對應(yīng)的主題內(nèi)容才能操作，否則還需要單擊相應(yīng)的錨記名稱，通過該錨記的“屬性檢查器”找到錨記名。注意提現(xiàn)學(xué)生前面學(xué)習(xí)的插入 Flash操作過程，對知識進行鞏固。 最后，用約 5 分鐘的時間進行小結(jié)和作業(yè)布置，完成課本中《創(chuàng)作天地》練習(xí)。 能夠通過教師引導(dǎo)、動腦思考、交流與實踐操作學(xué)習(xí)過程，體驗和感悟探究的一般過程； 情感態(tài)度價值觀 通過小組合作、討論探究的形式，增強學(xué)生的合作、協(xié)助精神，讓學(xué)生學(xué)有所得，有成就感，增強自信，又能夠激發(fā)學(xué)生學(xué)習(xí)積極性。 （二）、探究新知 【任務(wù)一：】通過“屬性檢查器”快速創(chuàng)建 CSS 樣式表 涉及知識點：首先選擇網(wǎng)頁中的文本，然后在“屬性檢查器”中創(chuàng)建 CSS 樣式表，最后取消選擇，進行相關(guān)修改。同時教師適當(dāng)評價成功之處，對不足的地方加以完善。 (2)通過學(xué)習(xí) ，掌握應(yīng)用“交換圖像”行為制作導(dǎo)航按鈕的方法。 （ 2）學(xué)生在協(xié)作與交流過程中，提高自己的操作能力，肯定自己的價值 。按照心理學(xué)常識，學(xué)生對學(xué)習(xí)內(nèi)容產(chǎn)生興趣，就能自覺地排除內(nèi)外主客觀因素的干擾，集中注意力積極主動地投入學(xué)習(xí)，把學(xué)習(xí)當(dāng)成愉快的事。 【任務(wù)二：】添加動態(tài)效果 教師示范，打開 Dreamweaver8 軟件工具，提示學(xué)生根據(jù)前面已制作的作品繼續(xù)完善后續(xù) 的操作過程?？梢酝ㄟ^應(yīng)用行為或者編寫代碼的方式在狀態(tài)欄中實現(xiàn)各種動態(tài)效果。 最后，用約 5 分鐘的時間進行小結(jié)和作業(yè)布置，完成課本中“創(chuàng)作天地”的練習(xí)。 (3)通過學(xué)習(xí)，掌握利用插件在網(wǎng)頁中插入視頻的基本方法。 教學(xué)難點 應(yīng)用“播放聲音”行為為頁面元素添加聲音效果。明確下列步驟： 打開網(wǎng)頁文件； 制作導(dǎo)航欄； 添加網(wǎng)頁內(nèi)容 【任務(wù)二：】制作彈出窗口 教師一定要引導(dǎo)學(xué)生先完成要彈出的窗口，再往下做。熟悉下列操作步驟： 播放聲音； 插入視頻文件 （三）合作交流 本環(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ǔ)上，完成本組的一件個性作品。 五、評價： 本節(jié)課對學(xué)生學(xué)習(xí)效果的評價主要采用如下三種方式進行，一是在教學(xué)實踐過程中對學(xué)生操作效果的及時給予表現(xiàn)性評價；二是在小組協(xié)作學(xué)習(xí)過程中學(xué)生間的互評過程；三是完成本節(jié)課的學(xué)習(xí)任務(wù)后，學(xué)生根據(jù)教學(xué)目標(biāo)完成自我評價。 能夠通過教師引導(dǎo)、動腦思考、交流與實踐操作學(xué)習(xí)過程，體驗和感悟探究的一般過程； 情感態(tài)度價值觀 通過小組合作、討論探究的形式，增強學(xué)生的合作、協(xié)助精神，讓學(xué)生學(xué)有所得，有成就感，增強自信心，又能夠激發(fā)學(xué)生學(xué)習(xí)積極性。 （二）、探究新知 【任務(wù)一：】編輯網(wǎng)頁 涉及知識點： 網(wǎng)頁打開 制作導(dǎo)航欄 添加網(wǎng)頁內(nèi)容 【任務(wù)二：】制作層特效 涉及知識點： 使用層：“顯示 /隱藏元素文本” 替換文本內(nèi)容 拖動網(wǎng)頁內(nèi)容 【任務(wù)二：】制作圖像晃動效果 涉及知識點：添加行為和設(shè)置行為事件 （三）協(xié)作提高 分組整合各個子任務(wù)，結(jié)合教材中“智多星”、“知識著陸 ”并操作練習(xí)“創(chuàng)作天地”課堂練習(xí)題，教師巡視、指導(dǎo)、點撥。 最后，用約 5 分鐘的時間進行小結(jié)和作業(yè)布置，完成課本中《創(chuàng)作天地》練習(xí)。 能夠通過教師引導(dǎo)、動腦思考、交流與實踐操作學(xué)習(xí)過程，體驗和感悟探究的一般過程； 情感態(tài)度價值觀 通過小組合作、討論探究的形式，增強學(xué)生的合作、協(xié)助精神，讓學(xué)生學(xué)有所得，有成就感，增強自信 ，又能夠激發(fā)學(xué)生學(xué)習(xí)積極性。表單時一種比較常用的收集信息的形式，它是網(wǎng)站管理者與瀏覽者之間溝通的橋梁，表單常用于申請郵箱、注冊個人信息、填寫調(diào)查報告以及購物信息等。 最后，用約 5 分鐘的時間進行小結(jié)和作業(yè)布置，完成課本中《創(chuàng)作天地》練習(xí)。 (3)通過學(xué)習(xí)，掌握如何配置遠程信息。 教學(xué)難點 利用 Dreamweaver 上傳文件，配置遠程信息步驟?！睆亩霰菊n 的學(xué)習(xí)內(nèi)容。我們以站點主發(fā)布到本機的某位置為例，學(xué)習(xí)發(fā)布網(wǎng)站方法。選中網(wǎng)站中的某個文件夾或文件，單擊“上傳”按鈕即可將所選的文件夾或文件上傳，網(wǎng)站上傳前、后窗口的顯示內(nèi)容。同時教師適當(dāng)評價成功之處，對不足的地方加以