【文章內容簡介】 進行自我評價。 復習鞏固。 22 第 1 16 課時： 第 九 課 制作框架網(wǎng)頁 ? 教學目標： 知識與技能 （ 1）理解框架網(wǎng)頁的概念、特點和作用。 （ 2）掌握框架網(wǎng)頁的新建與保存的方法。 （ 3）初步掌握將框架結構與表格布局結合使用來制作網(wǎng)頁。 （ 4）會對框架網(wǎng)頁進行簡單的編輯設置。 （ 5）掌握框架網(wǎng)頁中插入超鏈接的方法。 過程與方法 根據(jù)教師提供的素材和操作步驟，能獨立完成制作任務，并能在制作過程中發(fā)現(xiàn)問題解決問題。 情感態(tài)度與價值觀 （ 1）通過以“清明節(jié)”為主題的框架 結構網(wǎng)頁制作活動，了解更多有關清明節(jié)由來、習俗等方面的知識，呼吁大家一起來關注傳統(tǒng)文化。 （ 2）能夠將表格與框架結構網(wǎng)頁結合使用，在創(chuàng)作中體驗樂趣。 重點： 框架網(wǎng)頁的新建與保存 框架網(wǎng)頁屬性的設置：重新設置初始頁面，邊框的設置，框架的拆分等 難點： 框架網(wǎng)頁中超鏈接的設置 教學過程： 教學過程 教師活動 學生活動 設計意圖 創(chuàng)設情景 清明節(jié)要到了，對于這個傳統(tǒng)節(jié)日你們了解多少？ 學生對教師的問題進行思考。 用貼近學生生活的信息引發(fā)學生的興趣。 引出主題 展示已做好的“清明節(jié)”框架網(wǎng)頁，教師點 擊超鏈接做簡單介紹。 學生觀察教師演示的內容，對教師提出的問通過觀察，學生直觀感受框架網(wǎng)頁 23 讓學生觀察點擊出來的網(wǎng)頁有什么特點（相同之處和不同之處）。 相比以前利用表格整體設計制作網(wǎng)頁，這種網(wǎng)頁能否只制作變化的內容來提高效率？ 引出主題 —— 框架網(wǎng)頁 題進行思考回答（有 3 塊內容，上側與左側的內容沒有變化，只有右側的內容在變化） 的特點。 新授 教師通過一個簡單課件的演示，向學生講解框架網(wǎng)頁的概念、特點及作用。 框架網(wǎng)頁是一種特殊的網(wǎng)頁，它將瀏覽器窗口分割成不同的區(qū)域，每一個區(qū)域我們就稱為一個框，這些框可獨立顯 示網(wǎng)頁。 框架網(wǎng)頁中一般是部分框中的內容相對固定不變，而主框架中的內容可以根據(jù)用戶選擇的超鏈接不斷更新變化。 利用框架技術設計網(wǎng)頁，方便設計者提高制作效率，也提醒瀏覽者關注主要內容的變化。 學生觀察教師的關于框架網(wǎng)頁的課件，并認真聽教師的講解。 為了讓學生能更好的學習框架網(wǎng)頁設計技術，必須要理解框架網(wǎng)頁的概念、特點及作用。 小 試 牛 刀 框架網(wǎng)頁的新建、保存 新建框架網(wǎng)頁 提出新建框架網(wǎng)頁不能直接點擊工具欄上的快捷按鈕。 選擇新建的框架類型（假定為：“橫幅和目錄”型）。 選擇按鈕：“設置初 始網(wǎng)頁”和“新建網(wǎng)頁”。教師簡單描述這兩個按鈕的不同。 框架網(wǎng)頁的保存 提出問題：保存框架網(wǎng)頁后會出現(xiàn)幾個文件？ 教師演示，提醒注意觀察藍色高亮區(qū)域。因為框架網(wǎng)頁每一個框都是一個網(wǎng)頁，所以在保存的時候要對每一個區(qū)域的網(wǎng)頁獨立保存，最后對整個框架進行保存。保存的文件名不能亂起，要有其意義。 請學生思考：用設置初始網(wǎng)頁的方法建立的網(wǎng)頁需要再單獨保存一個網(wǎng)頁嗎？ 學生觀察教師操作的內容，掌握新建、保存框架網(wǎng)頁的方法，并對教師在制作過程中提出的問題進行思考猜想。 框架頁面的保存是教學的重點，教師的操作盡 量地慢，從概念的理解入手幫助學生加深印象。 教師不明確給出結果，而是讓學生大膽猜想并在觀察中得到答案，這比教師直接給出結果要好，同時也進一步讓學生理解“設置初始網(wǎng)頁”和“新建網(wǎng)頁”在保存時的不同。 大 展 教師介紹學件網(wǎng) 站的使用，素材存放位置，要求學生根據(jù)所給的學生參照樣例獨立完成課堂教學重點在教師講 24 身 手 框架網(wǎng)頁的制作 素材，設計制作一個 “ 繪畫作品 ”的框架網(wǎng)頁。 要求學生獨立完成 3個框的設計制作。 學生操作過程中，教師巡查指導。 任務：框架網(wǎng)頁的新建、保存及制作（ top 頁、left 頁、 main頁）。 先完成的學生可借助 學件幫助對網(wǎng)頁進行加工修飾。 解后模仿操作，有效突破。 完成框架布局后，回歸到網(wǎng)頁制作，鞏固、運用前面的知識 （耗時較長） 盡 善 盡 美 框架屬性的設置 展示階段性作品，有哪些不足？ 教師進一步的提出問題： 能否去除框架邊框？ 能否添加一個框架？ 能否更改主框的初始頁面？ 引出框架網(wǎng)頁屬性設置的內容。 教師做簡單的介紹、引導。 學生操作過程中，教師巡查指導。 學生依照學件完善自己的框架網(wǎng)頁。 通過類比圖片、動畫等屬性設置，讓學生能自主探究框架屬性的設置，自我消化知 識點。 畫 龍 點 睛 設置超鏈接 轉播學生的畫面，反饋學生實踐結果。 提問：為什么主框頁面不能改變，一直是初始頁面？如何在主框中實現(xiàn)超鏈接的功能？ 適時對超鏈接中出現(xiàn)的問題加以分析，注意鏈接的網(wǎng)頁顯示的目標區(qū)域。 學生根據(jù)學件提示，自主完成超鏈接的設置，從而體會框架網(wǎng)頁的特點與優(yōu)勢。 在框架網(wǎng)頁中使用超鏈接技術正是解決了本課開始的問題，前后呼應。 由于超鏈接后面有專門課時，這里不深入，設置超鏈接為制作框架網(wǎng)頁服務。 本課小結 展示學生作品，交流評價，并小結本節(jié)學習內容。 學生參與交流評價 培養(yǎng)學生網(wǎng)頁設計的審美能力、創(chuàng)新能力。知道這節(jié)課所學的內容。 延伸拓展 展示其他的框架類型制作的網(wǎng)頁，鼓勵學有余力的學生自主探究完成。 框架網(wǎng)頁在網(wǎng)絡上的應用舉例 學有余力的學生可以嘗試去做。 拓展學生的眼界，讓他們將所學知識應用到更廣的網(wǎng)頁設計中去。 25 第 17 課時： 第 十 課 使用網(wǎng)頁特效 ? 教學目標： 1． 知識 技能目標 （ 1）層的應用 a. 層的顯示與隱藏 b. 在 網(wǎng)頁中添加游動的對象 （ 3）判斷網(wǎng)頁屬于靜態(tài)網(wǎng)還是動態(tài)網(wǎng) 2．過程方法 目標： 培養(yǎng)學生獨立思考、動手實踐的能力；培養(yǎng)學 生自主探究性、協(xié)作性學習能力；激發(fā)學生學習信息技術的興趣，培養(yǎng)學生發(fā)現(xiàn)美、創(chuàng)造美的能力，提高學生的綜合素質。 3．情感態(tài)度價值觀 ： 通過制作 雨巷 美文欣賞 網(wǎng)頁，讓學生 圍繞教學內容，利用多媒體創(chuàng)設的情境，借助詩歌的意象體會詩歌意境，理解作者的思想感情及丁香姑娘的象征意義，感知詩歌，提高鑒賞能力，激情增趣。 【教學重點：】 層的顯示與隱藏 在網(wǎng)頁上添加游動的對象 【教學難點：】 行為面板的設置 時間軸的應用 【教學過程：】 步驟 老師活動 學生活動 設計意圖 情景導 展示帶特效的《雨巷》美文欣賞網(wǎng)頁 提問：同學們已經(jīng)欣賞帶特效的網(wǎng)頁。體會詩歌意境，激情增趣。 基于網(wǎng)絡社區(qū)實現(xiàn)信息技術與課程整合的理念出發(fā)，以培 26 入 學習過許多優(yōu)美的詩歌，在網(wǎng)上也可以看到一些詩歌音畫網(wǎng)頁，同學們 想不想做出這樣豐富多彩的網(wǎng)頁？ 導入課題 ：“網(wǎng)頁特效” —— 讓靜態(tài)網(wǎng)頁“動”起來 思考網(wǎng)頁特效如何實現(xiàn) 養(yǎng)信息素養(yǎng)為目標，以任務驅動為模式，以應用軟件為載體，與語文課程整合， 信息技術成為學習內容或教學內容的有機組成部分， 使 信息技術課不再是單純的計算機技能課。 任務驅動探究學習 登錄信息 技術論壇，出示上機任務 總任務：利用Dreamweaver 軟件，給《雨巷》美文欣賞網(wǎng)頁添加網(wǎng)頁特效，讓靜態(tài)網(wǎng)頁“動”起來 任務一：啟動Deamweaver 軟件，在文件面 板 中 找 到 ：D:\wytx\ 文件并雙擊打開，在作者頭像區(qū)域添加一個層，并輸入“戴望舒，著名雨巷詩人”文字，通過層的行為面板，實現(xiàn)當鼠標移到戴望舒頭像上，會在圖像的旁邊出現(xiàn)一段文字介紹。當鼠標移開該圖像后，剛才出現(xiàn)的文字就會自動消失。 明確學習總任務，選用DreamweaveMX 2020軟件來完成效果。并根據(jù)技術支持錄像獨立完成小任務。 理解層的概念與層的應用 將《雨巷》網(wǎng)頁中的第一幅圖通過層的顯示與隱藏添加說明文字“戴望舒，著名雨巷詩人” 通過層與時間軸實現(xiàn)游動的丁香姑娘頭像 （ 4 任 選一項完成） 已完成作業(yè)的同學，嘗試完任務三、四。向學生提出總任務，直接切入主題，學習目的明確。 明確小任務的具體要求，給學生了解這節(jié)課具體要掌握的知識技術。結合學生已有技能，設計不同程度的上機任務，讓學生根據(jù)自己的接受能力探索學習。 課前技術支持錄像，在學生上機時播放，（因學生機沒有耳麥）所以可以在大屏幕重復播放，這樣可以節(jié)省時間到下面給學生巡回指導。同時也培養(yǎng)學生自信心及自已動手解決問 27 任務二：在網(wǎng)頁上通過插入層和時間軸的設置 ,添加游動的丁香姑娘頭像。 *任務三：嘗試在網(wǎng)頁中添加 下雨特效代碼。 *任務四：嘗試在網(wǎng)頁中添加一些透明 FLASH效果 要求：任務一與任務二任選一種實現(xiàn)，如果覺得自己能完成效果，可以兩個效果一起實現(xiàn)。 播放技術支持錄像 巡回指導，適時點拔 鼓勵學生上臺演示，邊操作邊講解。 或協(xié)助周圍同學完成任務。 上交作業(yè)：通過FTP 上傳到作業(yè)區(qū) 題的能力。激發(fā)學生自主探究的積極性，給學 生以成就感。 鍛煉學生自主操作的能力、語言表達、概括能力。 交流評價 教師選擇優(yōu)秀作品進行展示，并從學生完成任務的過程對技術處理、自主學習能力，創(chuàng)新表現(xiàn)進行點評。 學生根據(jù)教學評價表中的評價量規(guī)指標作自評和互評。