【正文】 文并茂 三、學(xué)生練習(xí) 學(xué)生小組合作完成任務(wù)，并將任務(wù)上交到教師機(jī)。 板書(shū)設(shè)計(jì) 教學(xué)反思 第 三 課 開(kāi)篇之作 —— 基于表格的頁(yè)面布局 教學(xué)內(nèi)容 基于表格的頁(yè)面布局 上課時(shí)間 2020 年 3 月 18 日 教 學(xué) 目 標(biāo) 知 識(shí) 與 技 能 (1)、通過(guò)學(xué)習(xí)，能夠創(chuàng)建和打開(kāi)站點(diǎn)，理解站點(diǎn)的意義； (2)、通過(guò)操作練習(xí)，學(xué)會(huì)有效的整理和利用素材； (3)、通過(guò)操作練習(xí)，能夠創(chuàng)建網(wǎng)頁(yè) 和合理的選擇頁(yè)面類型； (4)、通過(guò)操作練習(xí)，掌握對(duì)表格屬性的相關(guān)設(shè)置； (5)、學(xué)會(huì)測(cè)試網(wǎng)頁(yè)。 教學(xué)重點(diǎn) 能夠?qū)Ρ砀駥傩赃M(jìn)行熟練的設(shè)置。 教學(xué)準(zhǔn)備 計(jì)算機(jī) 教學(xué)課時(shí) 第一課時(shí) 教 學(xué) 過(guò) 程 個(gè)性思考（二次備課） 一、課程導(dǎo)入 一個(gè)網(wǎng)站的規(guī)劃設(shè)計(jì)完畢了，接下來(lái)的工作就是網(wǎng)頁(yè)設(shè)計(jì)。我看了我們上一周做的網(wǎng)頁(yè)，有些同學(xué)想發(fā)揮點(diǎn)創(chuàng)意，但發(fā)現(xiàn)頁(yè)面布局很亂，圖片文字亂七八糟堆放在一起。在這之前我們先來(lái)看看別人的首頁(yè)是怎么做的。 D 盤(pán)新建一個(gè)文件夾，作為站點(diǎn)文件夾。 （步驟略，參加課本 p12）。 （ 2）將首頁(yè)素材圖片 ，復(fù)制粘貼到 images 文件夾中。 （ 1）單擊 “文件” “新建”命令，選擇“常規(guī)”，在“基本頁(yè)” 列表框中選擇 HTML 選項(xiàng)， 單擊 “創(chuàng)建”按鈕，即建立了一個(gè)空白頁(yè)。注意保存類型選擇“ html 文檔”。 （ 2）找到 “背景顏色”選項(xiàng)，輸入淺黃色的顏色數(shù)值 FFFF94，單擊“確定”按鈕，背景色設(shè)置完成。 。 （ 2）執(zhí)行“插入” “表格”命令。 （ 4）單擊“標(biāo)簽選擇器”中的 table標(biāo)簽，選中此表格，在屬性欄中完成表格的相關(guān)設(shè)置。 。 學(xué)生小組合作完成制作一個(gè)首頁(yè)的任務(wù)，并將任務(wù)上交到教師機(jī)。 過(guò) 程 與 方 法 自主學(xué)習(xí)、合作交流 引導(dǎo)朗讀感悟 情感態(tài)度價(jià)值觀 （ 1）通過(guò)插入動(dòng)畫(huà)，使網(wǎng)頁(yè)較之前更加豐富，激發(fā)學(xué)生的興趣； （ 2）通過(guò)本課的學(xué)習(xí)完成任務(wù)，體驗(yàn)成功，肯定自 己的能力。 教學(xué)準(zhǔn)備 計(jì)算機(jī) 教學(xué)課時(shí) 第一課時(shí) 教 學(xué) 過(guò) 程 個(gè)性思考（二次備課） 一、課程導(dǎo)入 對(duì)于一個(gè)網(wǎng)頁(yè)，信息的表達(dá)是多種多樣的，我們可以使用文字、圖片等，我們也可以為網(wǎng)頁(yè)添加動(dòng)畫(huà)、音頻、視頻等，為了讓我們的網(wǎng)站看起來(lái)有動(dòng)感，吸引別人的眼球，我們應(yīng)該學(xué)會(huì)在網(wǎng)頁(yè)中使用Flash。 二、新課講授 （ 1）將“安全自 護(hù)我能行”站點(diǎn)文件夾傳到學(xué)生機(jī)。 1) 選擇對(duì)象 表格、行、列、單元格屬性的設(shè)置是以選擇這些對(duì)象為前提的。 b) 選擇某一單元格：按住 Ctrl 鍵，同時(shí)單擊選中的單元格；“標(biāo)簽選擇器”中單擊 td標(biāo)簽。 2) 設(shè)置第一行的屬性 選中表格的第一行，將高度設(shè)為 420。 flash 動(dòng)畫(huà) 1) 將光標(biāo)定位在表格第一行中，執(zhí)行“插入” —— 》“媒體”—— 》 Flash 命令。 3) 觀察插入 flash 的狀態(tài)，在編輯視圖下， flash 不可見(jiàn)。預(yù)覽觀察效果。 1) 插入普通文本：光標(biāo)定位在單元格內(nèi)，直接輸入文字。 3) 設(shè)置文本屬性：根據(jù)情況選擇合適的格式或文字 大小、顏色、對(duì)齊方式等。 四、作品評(píng)價(jià) 對(duì)于較快完成任務(wù)并且完成任務(wù)較好的同學(xué)進(jìn)行表?yè)P(yáng)鼓勵(lì)。 flash 可以很好的表現(xiàn)動(dòng)感。 ，并設(shè)置文本的屬性。 （ 2）、學(xué)會(huì)創(chuàng)建框架、制作框架網(wǎng)頁(yè)和保存框架網(wǎng)頁(yè)。 （ 4）、學(xué)會(huì)制作超級(jí)鏈接和電子郵件鏈接。 過(guò) 程 與 方 法 自主學(xué)習(xí)、合作交流 引導(dǎo)朗讀感悟 情感態(tài)度價(jià)值觀 （ 1）通過(guò)學(xué)習(xí)了解到網(wǎng)頁(yè)布局工具的多樣性，激發(fā)學(xué)生探究的興趣； （ 2）通過(guò)本課的學(xué)習(xí)完成任務(wù)，體驗(yàn)成功，肯定自己的能力。 教學(xué)難點(diǎn) 保存框架和 框架集及對(duì)框架的理解。為了能做到這種統(tǒng)一，我們每個(gè)網(wǎng)頁(yè)中相同的內(nèi)容固定在一個(gè)區(qū)域?？匆粋€(gè)使用了框架的網(wǎng)頁(yè)范例，師大資源網(wǎng)（ 二 、新課講授 （ 1）將“安全自護(hù)我能行”站點(diǎn)文件夾 safe 傳到學(xué)生機(jī)。 制作框架網(wǎng)頁(yè)的前提是創(chuàng)建框架，并根據(jù)網(wǎng)頁(yè)布局設(shè)計(jì)框架的樣式，然后再具體設(shè)計(jì)制作網(wǎng)頁(yè)的內(nèi)容。 （ 2）新建框架集 步驟 1：執(zhí)行“文件” —— 》“新建”命令，打開(kāi)“新建文檔”對(duì)話框，在 “類別”中選擇 “框架集”。 （ 3）保存框架集 步驟 1：執(zhí)行“文件” —— 》“保存全部”命令，保存到 frame 文件 夾中。 （ 4）設(shè)置框架和框架屬性 框架的屬性包括框架名稱、源文件、邊距、尺寸、滾動(dòng)條等；框架集的屬性包括框架面積、框架邊界顏色、距離等。 步驟 2：?jiǎn)螕簟翱蚣堋泵姘逯械目蚣苓吘壊糠?，選中框架集，在 “屬性”面板中設(shè)置框架集的屬性。 （ 5）制作框架網(wǎng)頁(yè) ①制作上框架網(wǎng)頁(yè) 步驟 1：打開(kāi)網(wǎng)頁(yè) ， 設(shè)置背景顏色 EAFF8A，上邊距為 0 像素。 步驟 4：為圖片添加超鏈接，設(shè)置打開(kāi)方式（目標(biāo)）。 步驟 2：插入一個(gè) 5 行 9 列的表格并調(diào)整行列的高寬。 步驟 3：合并相關(guān)單元格。 步驟 5：添加郵件鏈接。 四、作品評(píng)價(jià) 對(duì)于較快完成任務(wù)并且完成任務(wù)較好的同學(xué)進(jìn)行表?yè)P(yáng)鼓勵(lì)。 (2)通過(guò)學(xué)習(xí)，了解模板的概念和作用，學(xué)會(huì)創(chuàng)建網(wǎng)頁(yè)模板。 (4)通過(guò)學(xué)習(xí)，能夠根據(jù)網(wǎng)站的需要?jiǎng)?chuàng)建網(wǎng)頁(yè)模板。 教學(xué)重點(diǎn) 模板的概念和用途。 教學(xué)準(zhǔn)備 計(jì)算機(jī) 教學(xué)課時(shí) 一課時(shí) 教 學(xué) 過(guò) 程 個(gè)性思考（二次備課） （一）激趣導(dǎo)入： 通過(guò)播放一組網(wǎng)頁(yè)模板，激發(fā)學(xué)生的興趣，了解一些布局類型，在課件上演示模板套用的即時(shí)效果，引出主題； 即模板網(wǎng)頁(yè)制作與應(yīng)用，就是如何利用模板網(wǎng)頁(yè)為網(wǎng)站統(tǒng)一“著裝”。 （二）、 探究新知 【任務(wù)一：】創(chuàng)建網(wǎng)頁(yè)模版 屏幕出示網(wǎng)頁(yè)模板和普通網(wǎng)頁(yè)的特點(diǎn)，并回答。 【任務(wù)二：】講解示范新課內(nèi)容 這一環(huán)節(jié)我主要采用了任務(wù)驅(qū)動(dòng)法，主要任務(wù)是探究模板網(wǎng)頁(yè)的制作應(yīng)用的實(shí)施步驟。先利用 FLASH課件展示完成這三子任務(wù)的步驟，然后由老師通多媒體講解、示范重難點(diǎn)，再由優(yōu)秀學(xué)生或“小先生”通過(guò)本機(jī)向全部學(xué)生演示整個(gè)任務(wù)完成過(guò)程。 【任務(wù)三：】引導(dǎo)學(xué)生采用資源面板方式創(chuàng)建模板文件，這樣對(duì)于整個(gè)網(wǎng)站的資源構(gòu)架會(huì)有個(gè)一個(gè)逐步的了解，對(duì)于資源面板的用途也逐一掌握。 （ 三）協(xié)作提高 分組整合各個(gè)子任務(wù)，并操作練習(xí)“創(chuàng)作天地”課堂練習(xí)題，教師巡視、 指導(dǎo)、點(diǎn)撥 ,并導(dǎo)出可能出現(xiàn)的問(wèn)題 :①可編輯區(qū)錯(cuò)位。設(shè)計(jì)該環(huán)節(jié)的目的是全面了解學(xué)生掌握新知的情況，幫助學(xué)解決實(shí)操中的問(wèn)題，為下一環(huán)節(jié)的競(jìng)賽做準(zhǔn)備。同時(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à)。 (2)通過(guò)學(xué)習(xí)，學(xué)會(huì)運(yùn)用 Flash 按鈕制作導(dǎo)航欄進(jìn)行站內(nèi)導(dǎo)航。 過(guò) 程 與 方 法 通過(guò)小組合作、課程整合，交流評(píng)價(jià)，培養(yǎng)學(xué)生分析信息、利用信息和信息創(chuàng)新能力，以及對(duì)已學(xué)知識(shí)進(jìn)行規(guī)劃管理的能力。 教學(xué)重點(diǎn) 應(yīng)用模板創(chuàng)建網(wǎng)頁(yè)是重點(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)一“著裝”。 （二）、探究新知 【任務(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ā)揮作用。 【任務(wù)二：】利用 Flash 按鈕制作導(dǎo)航欄 在 Dreamweaver 8 中，共提供了 40 余種 Flash 按鈕的樣式，我們只需要選擇樣式，輸入按鈕顯示文本并設(shè)置鏈接就可以使用。 （三）協(xié)作提高 分組整合各個(gè)子任務(wù)，結(jié)合教材中“智多星”、“知識(shí)著陸”并操作練習(xí)“創(chuàng)作天地”課堂練習(xí)題，教師巡視、指導(dǎo)、點(diǎn)撥 ,并導(dǎo)出可能出現(xiàn)的問(wèn)題 :①保存的路徑不正確。設(shè)計(jì)該環(huán)節(jié)的目的是全面了解學(xué)生掌握新知的情況，幫助學(xué)解決實(shí)操中的問(wèn)題，為下一環(huán)節(jié)的學(xué)習(xí)賽做準(zhǔn)備。同時(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à)。 過(guò) 程 與 方 法 通過(guò)小組合作、課程整合，交流評(píng)價(jià)，培養(yǎng)學(xué)生分析信息、利用信息和信息創(chuàng)新能力，以及對(duì)已學(xué)知識(shí)進(jìn)行規(guī)劃管理的能力。 教學(xué)重點(diǎn) 插入水平線、創(chuàng)建錨點(diǎn)鏈接是重點(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è)頂部。插入水平線，操作比較簡(jiǎn)單，這一點(diǎn)，我通過(guò)示范廣播，然后放手讓學(xué)生自己動(dòng)手操作，教師巡視指導(dǎo)。在任務(wù)的驅(qū)動(dòng)下，使學(xué)生變“要我知道”為“我想知道”，同時(shí)讓他們體驗(yàn)到問(wèn)題解決的成功感，從而激發(fā)他們進(jìn)一步學(xué)習(xí)的愿望和積極性。當(dāng) IE 瀏覽器中打開(kāi)包含F(xiàn)lashPaper 文檔的頁(yè)面時(shí)， FlashPaper 文檔的所有頁(yè)面都可以直接瀏覽，無(wú)需加載新的網(wǎng)頁(yè)。 （三）合作交流 本環(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)評(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à)。 過(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ò)程。 教學(xué)重點(diǎn) 使用屬性檢查器設(shè)置圖像熱點(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ǎng)頁(yè)和模板沒(méi)有關(guān)聯(lián)性，鎖定區(qū)域也可以編輯。 【任務(wù)三：】閱讀知識(shí)著陸和視野拓展 涉及知識(shí)點(diǎn)：圖像的熱點(diǎn)超鏈接與一般圖像超鏈接區(qū)別；源端點(diǎn)和目標(biāo)端點(diǎn)的分類。 （四）展示評(píng)價(jià)： 在這個(gè)環(huán)節(jié)里，教師通過(guò)多媒體屏幕，每組挑選出比較成功的作品，然后通過(guò)多媒體軟件屏幕廣播功能，讓學(xué)生去欣賞各個(gè)小組作品，互相看一看，評(píng)一評(píng)，說(shuō)一說(shuō)，虛心的學(xué)習(xí)他人的長(zhǎng)處。 五、評(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à)。 過(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ò)程