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