網(wǎng)頁制作教學(xué)設(shè)計(jì)與反思

1、精選優(yōu)質(zhì)文檔-傾情為你奉上“網(wǎng)頁設(shè)計(jì)與評(píng)價(jià)”教學(xué)設(shè)計(jì)與思考南召現(xiàn)代中學(xué) 董麒麟摘要中小學(xué)信息技術(shù)課已不再是單純的計(jì)算機(jī)技能課，它強(qiáng)調(diào)以培養(yǎng)信息素養(yǎng)為目標(biāo)，以任務(wù)驅(qū)動(dòng)為模式，以應(yīng)用軟件為載體。只有在實(shí)際教學(xué)中突破以往的教學(xué)模式，才能培養(yǎng)出適應(yīng)信息社會(huì)發(fā)展的有用人才。本文以“網(wǎng)頁設(shè)計(jì)與評(píng)價(jià)”單元為例，闡述了信息技術(shù)課教學(xué)設(shè)計(jì)的新思路，并就現(xiàn)行教材的編排組織提出了幾點(diǎn)建設(shè)性意見。關(guān)鍵詞信息技術(shù)/網(wǎng)頁制作/任務(wù)驅(qū)動(dòng)中學(xué)信息技術(shù)課程的任務(wù)是培養(yǎng)學(xué)生的信息素養(yǎng)，具體包括快速獲取信息的能力，正確地評(píng)價(jià)信息，有效地利用信息和準(zhǔn)確地表達(dá)信息。因此，信息技術(shù)課也應(yīng)以信息處理為主線來展開，而不該成為單純的計(jì)算機(jī)應(yīng)用

2、軟件操作課。以“網(wǎng)頁制作”為例，整個(gè)制作過程對(duì)學(xué)生獲取、評(píng)價(jià)、表達(dá)和利用信息的各項(xiàng)能力都是一種培養(yǎng)和鍛煉。下面，筆者就這一單元的教學(xué)設(shè)計(jì)做具體闡述。一、教材分析我校目前使用的教材是上海教育出版社編寫的高二網(wǎng)絡(luò)技術(shù)應(yīng)用。網(wǎng)頁設(shè)計(jì)與評(píng)價(jià)是其中第四章的教學(xué)內(nèi)容。在這之前，學(xué)生已初步掌握了網(wǎng)絡(luò)通信的基礎(chǔ)知識(shí)，因特網(wǎng)的信息服務(wù)，網(wǎng)絡(luò)信息的搜索、瀏覽和下載，以及電子郵件的使用等內(nèi)容。因此，學(xué)生已經(jīng)具備了獲取信息的能力，網(wǎng)頁設(shè)計(jì)與評(píng)價(jià)單元就可側(cè)重培養(yǎng)信息表達(dá)的能力，這對(duì)于加強(qiáng)學(xué)生的信息意識(shí)，提高信息處理的能力有著重要的作用；網(wǎng)頁的設(shè)計(jì)也給學(xué)生提供了展示個(gè)性、自主創(chuàng)新的機(jī)會(huì)，促使他們主動(dòng)地學(xué)、創(chuàng)造性地學(xué)；網(wǎng)頁

3、的評(píng)價(jià)則能使學(xué)生了解內(nèi)容編排的原則，頁面布局的種類，色彩搭配的風(fēng)格等，提高他們的藝術(shù)修養(yǎng)和審美情趣。教材中采用的網(wǎng)頁制作軟件是FrontPage2000。由于FrontPage2000采用了與Word等其他Office軟件相類似的圖形操作界面，可以自動(dòng)生成Html代碼，輕松實(shí)現(xiàn)網(wǎng)頁發(fā)布。在高一階段，學(xué)生已經(jīng)學(xué)過了Word字處理軟件。因此，對(duì)FrontPage2000的啟動(dòng)、關(guān)閉、文件操作、文字編輯和圖片處理都會(huì)有一種似曾相識(shí)的感覺，這種知識(shí)遷移對(duì)后續(xù)的學(xué)習(xí)非常有利。二、設(shè)計(jì)思想1、任務(wù)驅(qū)動(dòng)本單元的學(xué)習(xí)通過完成網(wǎng)頁作品來實(shí)現(xiàn)。班級(jí)網(wǎng)頁的信息來自學(xué)生生活的班集體，每個(gè)熱愛班級(jí)、關(guān)心班級(jí)的同學(xué)都能產(chǎn)

4、生一種急切地完成任務(wù)的動(dòng)機(jī)，而完成任務(wù)又能給他們帶來成就感和滿足感。這種心理上的內(nèi)在動(dòng)力驅(qū)使學(xué)生自覺地把計(jì)算機(jī)作為一種信息處理的工具來使用，由“要我學(xué)”變成“我要學(xué)”。在教學(xué)中，教師通過創(chuàng)設(shè)情境，激發(fā)學(xué)生的創(chuàng)作欲望，把總?cè)蝿?wù)劃分到每節(jié)課，按照學(xué)生的制作進(jìn)度來布置子任務(wù)，使學(xué)生在教師的引導(dǎo)下逐步達(dá)成教學(xué)目標(biāo)。2、小組協(xié)作制作班級(jí)網(wǎng)頁是個(gè)大任務(wù)，具有一定的開放性和綜合性。因此采取小組協(xié)作學(xué)習(xí)的方式是非常必要的。小組成員的知識(shí)程度、學(xué)習(xí)能力和思維方式都有差異，可以通過討論、交流與合作，取長補(bǔ)短、拓展思路。每個(gè)學(xué)習(xí)小組由6-8人組成，每人負(fù)責(zé)制作1-2個(gè)頁面，組合成一份班級(jí)網(wǎng)頁。最后，各小組作品集中評(píng)

5、比，選出優(yōu)秀作品，上傳到校園網(wǎng)上公布。3、基于資源要培養(yǎng)學(xué)生的信息能力，就必須為他們提供大量處理信息的機(jī)會(huì)?；谫Y源的學(xué)習(xí)就是讓學(xué)生接觸到豐富的學(xué)習(xí)資源，為學(xué)生的知識(shí)構(gòu)建提供支撐。筆者采用ASP技術(shù)自主開發(fā)了一個(gè)信息技術(shù)學(xué)習(xí)網(wǎng)站，該網(wǎng)站具有強(qiáng)大的交互功能，不僅能為學(xué)生創(chuàng)設(shè)豐富的資源環(huán)境，還為每個(gè)注冊(cè)用戶提供個(gè)人空間，支持作品的上傳或下載，并開辟了學(xué)生論壇和教師答疑，供師生們交流和討論。網(wǎng)站的使用不僅方便學(xué)生的學(xué)，還能改善教師的教，也為師生間的交流提供了虛擬空間。三、學(xué)習(xí)目標(biāo)本單元的認(rèn)知、情感和動(dòng)作技能三種目標(biāo)分述如下：1、認(rèn)知目標(biāo)（1）能簡要陳述FrontPage2000主要功能，熟悉其操作界

6、面（2）能用自己的話解釋下列術(shù)語：HTML，URL，網(wǎng)頁，主頁，超鏈接（3）能主動(dòng)獲取、收集班級(jí)信息，并加以分類和整理（4）能客觀評(píng)價(jià)網(wǎng)頁的內(nèi)容和風(fēng)格，具備一定的審美能力2、情感目標(biāo)（1）具有集體榮譽(yù)感，愿意為班級(jí)的網(wǎng)頁建設(shè)出謀劃策（2）具有樂于助人、團(tuán)結(jié)協(xié)作的精神（3）能尊重他人的勞動(dòng)成果，有保護(hù)知識(shí)產(chǎn)權(quán)的意識(shí)3、動(dòng)作技能目標(biāo)（1）能熟練地建立、打開、保存、瀏覽網(wǎng)頁文件（2）能按照需要建立框架網(wǎng)頁，設(shè)置各框架中的初始網(wǎng)頁（3）能在網(wǎng)頁中熟練地插入文字、圖片、動(dòng)畫、水平線（4）能使用簡單的表格編排網(wǎng)頁內(nèi)容，使網(wǎng)頁的結(jié)構(gòu)清晰，內(nèi)容整齊（5）能選擇合適的網(wǎng)頁背景圖案和背景音樂（6）能根據(jù)實(shí)際需要使

7、用不同的超鏈接，合理地組織網(wǎng)頁（7）能在網(wǎng)頁中插入懸停按鈕、滾動(dòng)字幕和橫幅廣告管理器，使網(wǎng)頁具有動(dòng)感（8）能夠插入簡單的表單，使網(wǎng)頁具有初步的動(dòng)態(tài)交互功能四、學(xué)習(xí)資源設(shè)計(jì)在基于資源的學(xué)習(xí)中，教師的任務(wù)就是收集、設(shè)計(jì)和管理學(xué)習(xí)資源，引導(dǎo)和幫助學(xué)生自主地查找并獲得學(xué)習(xí)指導(dǎo)，通過師生間、生生間的交流與合作，完成知識(shí)的建構(gòu)和技能的提高。因此，學(xué)習(xí)資源的設(shè)計(jì)尤為重要。本單元需要的學(xué)習(xí)資源包括以下部分：1、推薦給學(xué)生的網(wǎng)站地址鏈接，如門戶網(wǎng)站、班級(jí)網(wǎng)站、搜索引擎、信息技術(shù)網(wǎng)站等2、本單元學(xué)習(xí)的目標(biāo)和任務(wù)，以及每課時(shí)的子目標(biāo)和子任務(wù)3、教師對(duì)班級(jí)網(wǎng)頁欄目的劃分建議，如同學(xué)檔案、教師風(fēng)采、學(xué)習(xí)園地、班級(jí)活動(dòng)、

8、休閑娛樂、班級(jí)留言板、酷站鏈接、站長信箱等等4、根據(jù)每課時(shí)的學(xué)習(xí)目標(biāo)制作的操作指導(dǎo)，包括操作界面的演示5、網(wǎng)頁設(shè)計(jì)所需的各種素材，如圖片、動(dòng)畫、Midi音樂等等6、拓展學(xué)習(xí)材料，如Photoshop、Flash、Asp、Access等技術(shù)資料7、Frontpage2000的幫助系統(tǒng)和信息技術(shù)教材也是重要的學(xué)習(xí)資源以上學(xué)習(xí)資源（第7項(xiàng)除外）都應(yīng)公布在教學(xué)網(wǎng)站中，保證學(xué)生在需要時(shí)查找。學(xué)生也可以把自己找到的好素材上傳到網(wǎng)上。五、教學(xué)過程本單元的教學(xué)共需8課時(shí)，每節(jié)課教師都要求學(xué)生完成子任務(wù)。教學(xué)安排如下：1、訪問推薦網(wǎng)頁評(píng)價(jià)網(wǎng)頁，確定標(biāo)準(zhǔn)形成小組、討論欄目，明確分工推薦優(yōu)秀網(wǎng)站組織學(xué)生討論網(wǎng)頁內(nèi)容

9、和風(fēng)格，分析網(wǎng)頁框架和布局。小結(jié)網(wǎng)頁評(píng)價(jià)的標(biāo)準(zhǔn)提出學(xué)習(xí)任務(wù)(班級(jí)網(wǎng)頁制作)和原則(小組協(xié)作，網(wǎng)上討論與學(xué)習(xí))提供網(wǎng)頁欄目劃分建議組織各小組討論瀏覽網(wǎng)頁仔細(xì)觀察，區(qū)分優(yōu)劣了解評(píng)價(jià)網(wǎng)頁的標(biāo)準(zhǔn)明確任務(wù)及原則選擇小組，參與討論，確定欄目及分工，推舉組長組長上報(bào)成員名單課后收集整理信息2、學(xué)會(huì)使用教學(xué)網(wǎng)站熟悉Frontpage2000的操作界面，掌握網(wǎng)頁文件的創(chuàng)建、打開、保存和關(guān)閉操作輸入文字信息并修飾公布教學(xué)網(wǎng)站地址和訪問方法，介紹網(wǎng)站欄目及功能，特別是個(gè)人空間的上傳、下載方法參與學(xué)生的網(wǎng)上討論，回答學(xué)生提問，必要時(shí)進(jìn)行集體講解和演示登陸教學(xué)網(wǎng)站，了解欄目功能，練習(xí)使用創(chuàng)建網(wǎng)頁文件，輸入網(wǎng)頁文字信息并

10、保存設(shè)置文本字體字號(hào)顏色，調(diào)整段落對(duì)齊方式和縮進(jìn)格式引用資料注明出處在網(wǎng)頁下方署名3、學(xué)會(huì)插入圖片、動(dòng)畫、水平線設(shè)置背景和音樂學(xué)習(xí)插入表格，并用表格實(shí)現(xiàn)頁面布局介紹素材庫中各類素材參與網(wǎng)上討論、答疑提醒學(xué)生網(wǎng)頁上的圖片和動(dòng)畫應(yīng)少而精，以免影響瀏覽速度介紹表格的嵌套分析學(xué)生網(wǎng)頁，用表格演示頁面布局選擇合適的素材插入網(wǎng)頁合適位置，設(shè)置圖片和動(dòng)畫的大小、對(duì)齊方式和邊框設(shè)置網(wǎng)頁背景和音樂在需要插入表格的網(wǎng)頁中，設(shè)置表格、行、列及單元格的屬性并進(jìn)行編輯用表格規(guī)劃頁面內(nèi)容4、學(xué)習(xí)框架網(wǎng)頁的創(chuàng)建及保存，學(xué)會(huì)拆分和刪除框架小組合作，建立主頁建立頁面間鏈接，并學(xué)會(huì)通過預(yù)覽功能測試鏈接介紹框架網(wǎng)頁的各種格式和創(chuàng)建

11、、保存的方法演示拆分、刪除框架參與網(wǎng)上討論、答疑分析學(xué)生操作錯(cuò)誤原因，頁間鏈接應(yīng)使用相對(duì)路徑演示超級(jí)鏈接的建立、使用預(yù)覽功能測試鏈接小組討論選擇一種框架頁面作為主頁設(shè)置框架屬性，如框架名稱、初始網(wǎng)頁等創(chuàng)建主頁與其他頁面間的超級(jí)鏈接，并用預(yù)覽功能測試鏈接是否正確學(xué)會(huì)使用相對(duì)路徑5、學(xué)會(huì)創(chuàng)建書簽鏈接、郵件鏈接和圖片鏈接建立URL鏈接初步學(xué)會(huì)創(chuàng)建圖象的熱區(qū)鏈接對(duì)每個(gè)鏈接進(jìn)行測試分析一個(gè)主頁，讓學(xué)生找出不同的超級(jí)鏈接討論各種鏈接的應(yīng)用場合，如頁面內(nèi)容較多則使用什么鏈接？酷站鏈接和站長信箱分別使用什么鏈接？學(xué)生回答錯(cuò)誤原因分析，URL鏈接使用絕對(duì)路徑選擇內(nèi)容較多的頁面建立書簽鏈接在圖片上練習(xí)圖片鏈接和熱

12、區(qū)鏈接為酷站鏈接和站長信箱建立正確的鏈接加深URL地址的認(rèn)識(shí)對(duì)每個(gè)鏈接進(jìn)行測試6、學(xué)會(huì)插入滾動(dòng)字幕學(xué)會(huì)使用懸停按鈕學(xué)會(huì)插入站點(diǎn)計(jì)數(shù)器和橫幅廣告管理器小組網(wǎng)頁初步組合，上傳到教學(xué)網(wǎng)站逐個(gè)檢查各小組網(wǎng)頁的制作進(jìn)展，并給出評(píng)估意見參與網(wǎng)上討論、答疑講解小組網(wǎng)頁的組合方式，每個(gè)欄目一個(gè)文件夾，圖片放一個(gè)文件夾，提示學(xué)生使用文件夾視圖管理文件在主頁上插入滾動(dòng)字幕，并設(shè)置其方向、速度、表現(xiàn)和對(duì)齊方式在主頁上插入計(jì)數(shù)器和橫幅廣告管理器選擇一個(gè)頁面插入懸停按鈕，并設(shè)置其顏色、效果和鏈接對(duì)象設(shè)置網(wǎng)頁的動(dòng)態(tài)效果小組網(wǎng)頁組合上傳7、了解表單的交互性，學(xué)習(xí)表單的創(chuàng)建和設(shè)置在表單中插入各種組件設(shè)置表單的Email提交方

13、法各組網(wǎng)頁定稿上傳介紹簡單的留言板，論壇和聊天室，供學(xué)生選擇引導(dǎo)學(xué)有余力的學(xué)生學(xué)習(xí)ASP和數(shù)據(jù)庫技術(shù)參與網(wǎng)上討論、答疑創(chuàng)建留言板或其他形式的表單，如學(xué)習(xí)調(diào)查表等在表單中插入文本框、按鈕、單選按鈕、復(fù)選框、列表框等組件設(shè)置Email提交方法小組網(wǎng)頁定稿上傳8、各組網(wǎng)頁演示、互評(píng)網(wǎng)上投票推選優(yōu)秀網(wǎng)頁和網(wǎng)頁制作高手每位同學(xué)自評(píng)由班內(nèi)網(wǎng)頁高手做班級(jí)網(wǎng)頁管理員，負(fù)責(zé)提交、維護(hù)班級(jí)網(wǎng)頁組織小組網(wǎng)頁互評(píng)設(shè)計(jì)網(wǎng)上投票網(wǎng)頁設(shè)計(jì)網(wǎng)頁設(shè)計(jì)評(píng)估表為每個(gè)學(xué)生的作品打分 積極參加小組互評(píng)投票推選優(yōu)秀網(wǎng)頁和網(wǎng)頁制作高手認(rèn)真小結(jié)本人學(xué)習(xí)情況，并如實(shí)打分自評(píng)六、教學(xué)評(píng)價(jià)本單元的教學(xué)評(píng)價(jià)主要根據(jù)下面的網(wǎng)頁作品評(píng)價(jià)量化表來