- 相關(guān)推薦
“網(wǎng)頁制作”教學(xué)設(shè)計與思考
[摘要]中小學(xué)信息技術(shù)課已不再是單純的計算機(jī)技能課，它強(qiáng)調(diào)以培養(yǎng)信息素養(yǎng)為目標(biāo)，以任務(wù)驅(qū)動為模式，以應(yīng)用軟件為載體。只有在實際教學(xué)中突破以往的教學(xué)模式，才能培養(yǎng)出適應(yīng)信息社會發(fā)展的有用人才。本文以“網(wǎng)頁制作”單元為例，闡述了信息技術(shù)課教學(xué)設(shè)計的新思路，并就現(xiàn)行教材的編排組織提出了幾點建設(shè)性意見。
[關(guān)鍵詞]信息技術(shù)/網(wǎng)頁制作/任務(wù)驅(qū)動
中學(xué)信息技術(shù)課程的任務(wù)是培養(yǎng)學(xué)生的信息素養(yǎng)，具體包括快速獲取信息的能力，正確地評價信息，有效地利用信息和準(zhǔn)確地表達(dá)信息。因此，信息技術(shù)課也應(yīng)以信息處理為主線來展開，而不該成為單純的計算機(jī)應(yīng)用軟件操作課。以“網(wǎng)頁制作”為例，整個制作過程對學(xué)生獲取、評價、表達(dá)和利用信息的各項能力都是一種培養(yǎng)和鍛煉。下面，筆者就這一單元的教學(xué)設(shè)計做具體闡述。
一、教材分析
我校目前使用的教材是江蘇省中小學(xué)教學(xué)研究室編寫的高一《信息技術(shù)》。網(wǎng)頁制作是其中第五章的教學(xué)內(nèi)容。在這之前，學(xué)生已初步掌握了網(wǎng)絡(luò)通信的基礎(chǔ)知識，因特網(wǎng)的信息服務(wù)，網(wǎng)絡(luò)信息的搜索、瀏覽和下載，以及電子郵件的使用等內(nèi)容。因此，學(xué)生已經(jīng)具備了獲取信息的能力，網(wǎng)頁制作單元就可側(cè)重培養(yǎng)信息表達(dá)的能力，這對于加強(qiáng)學(xué)生的信息意識，提高信息處理的能力有著重要的作用；網(wǎng)頁的設(shè)計也給學(xué)生提供了展示個性、自主創(chuàng)新的機(jī)會，促使他們主動地學(xué)、創(chuàng)造性地學(xué)；網(wǎng)頁的評價則能使學(xué)生了解內(nèi)容編排的原則，頁面布局的種類，色彩搭配的風(fēng)格等，提高他們的藝術(shù)修養(yǎng)和審美情趣。
教材中采用的網(wǎng)頁制作軟件是FrontPage2000。由于FrontPage2000采用了與Word等其他Office軟件相類似的圖形操作界面，可以自動生成Html代碼，輕松實現(xiàn)網(wǎng)頁發(fā)布。在第三章，學(xué)生已經(jīng)學(xué)過了Word字處理軟件。因此，對FrontPage2000的啟動、關(guān)閉、文件操作、文字編輯和圖片處理都會有一種似曾相識的感覺，這種知識遷移對后續(xù)的學(xué)習(xí)非常有利。
二、設(shè)計思想
1、任務(wù)驅(qū)動
本單元的學(xué)習(xí)通過完成網(wǎng)頁作品來實現(xiàn)。班級網(wǎng)頁的信息來自學(xué)生生活的班集體，每個熱愛班級、關(guān)心班級的同學(xué)都能產(chǎn)生一種急切地完成任務(wù)的動機(jī)，而完成任務(wù)又能給他們帶來成就感和滿足感。這種心理上的內(nèi)在動力驅(qū)使學(xué)生自覺地把計算機(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é)作
制作班級網(wǎng)頁是個大任務(wù)，具有一定的開放性和綜合性。因此采取小組協(xié)作學(xué)習(xí)的方式是非常必要的。小組成員的知識程度、學(xué)習(xí)能力和思維方式都有差異，可以通過討論、交流與合作，取長補(bǔ)短、拓展思路。每個學(xué)習(xí)小組由6-8人組成，每人負(fù)責(zé)制作1-2個頁面，組合成一份班級網(wǎng)頁。最后，各小組作品集中評比，選出優(yōu)秀作品，上傳到校園網(wǎng)上公布。
基于資源
要培養(yǎng)學(xué)生的信息能力，就必須為他們提供大量處理信息的機(jī)會�；谫Y源的學(xué)習(xí)就是讓學(xué)生接觸到豐富的學(xué)習(xí)資源，為學(xué)生的知識構(gòu)建提供支撐。筆者采用ASP技術(shù)自主開發(fā)了一個信息技術(shù)學(xué)習(xí)網(wǎng)站，該網(wǎng)站具有強(qiáng)大的交互功能，不僅能為學(xué)生創(chuàng)設(shè)豐富的資源環(huán)境，還為每個注冊用戶提供個人空間，支持作品的上傳或下載，并開辟了學(xué)生論壇和教師答疑，供師生們交流和討論。網(wǎng)站的使用不僅方便學(xué)生的學(xué)，還能改善教師的教，也為師生間的交流提供了虛擬空間。
三、學(xué)習(xí)目標(biāo)
本單元的認(rèn)知、情感和動作技能三種目標(biāo)分述如下：
認(rèn)知目標(biāo)
1、能簡要陳述FrontPage2000主要功能，熟悉其操作界面
2、能用自己的話解釋下列術(shù)語：HTML，URL，網(wǎng)頁，主頁，超鏈接
3、能主動獲取、收集班級信息，并加以分類和整理
4、能客觀評價網(wǎng)頁的內(nèi)容和風(fēng)格，具備一定的審美能力
情感目標(biāo)
1、具有集體榮譽(yù)感，愿意為班級的網(wǎng)頁建設(shè)出謀劃策
2、具有樂于助人、團(tuán)結(jié)協(xié)作的精神
3、能尊重他人的勞動成果，有保護(hù)知識產(chǎn)權(quán)的意識
動作技能目標(biāo)
1、能熟練地建立、打開、保存、瀏覽網(wǎng)頁文件
2、能按照需要建立框架網(wǎng)頁，設(shè)置各框架中的初始網(wǎng)頁
3、能在網(wǎng)頁中熟練地插入文字、圖片、動畫、水平線
4、能使用簡單的表格編排網(wǎng)頁內(nèi)容，使網(wǎng)頁的結(jié)構(gòu)清晰，內(nèi)容整齊
5、能選擇合適的網(wǎng)頁背景圖案和背景音樂
6、能根據(jù)實際需要使用不同的超鏈接，合理地組織網(wǎng)頁
7、能在網(wǎng)頁中插入懸停按鈕、滾動字幕和橫幅廣告管理器，使網(wǎng)頁具有動感
8、能夠插入簡單的表單，使網(wǎng)頁具有初步的動態(tài)交互功能
四、學(xué)習(xí)資源設(shè)計
在基于資源的學(xué)習(xí)中，教師的任務(wù)就是收集、設(shè)計和管理學(xué)習(xí)資源，引導(dǎo)和幫助學(xué)生自主地查找并獲得學(xué)習(xí)指導(dǎo)，通過師生間、生生間的交流與合作，完成知識的建構(gòu)和技能的提高。因此，學(xué)習(xí)資源的設(shè)計尤為重要。本單元需要的學(xué)習(xí)資源包括以下部分：
1、推薦給學(xué)生的網(wǎng)站地址鏈接，如門戶網(wǎng)站、班級網(wǎng)站、搜索引擎、信息技術(shù)網(wǎng)站等
2、本單元學(xué)習(xí)的目標(biāo)和任務(wù)，以及每課時的子目標(biāo)和子任務(wù)
3、教師對班級網(wǎng)頁欄目的劃分建議，如同學(xué)檔案、教師風(fēng)采、學(xué)習(xí)園地、班級活動、休閑娛樂、班級留言板、酷站鏈接、站長信箱等等
4、根據(jù)每課時的學(xué)習(xí)目標(biāo)制作的操作指導(dǎo)，包括操作界面的演示
5、網(wǎng)頁設(shè)計所需的各種素材，如圖片、動畫、Midi音樂等等
6、拓展學(xué)習(xí)材料，如Photoshop、Flash、Asp、Access等技術(shù)資料
7、Frontpage2000的幫助系統(tǒng)和信息技術(shù)教材也是重要的學(xué)習(xí)資源
以上學(xué)習(xí)資源（第7項除外）都應(yīng)公布在教學(xué)網(wǎng)站中，保證學(xué)生在需要時查找。學(xué)生也可以把自己找到的好素材上傳到網(wǎng)上。
五、教學(xué)過程
本單元的教學(xué)共需8課時，每節(jié)課教師都要求學(xué)生完成子任務(wù)。教學(xué)安排如下表：
課時
學(xué)習(xí)子任務(wù)
教師行為
學(xué)生行為
1
訪問推薦網(wǎng)頁
評價網(wǎng)頁，確定標(biāo)準(zhǔn)
形成小組、討論欄目，明確分工
推薦優(yōu)秀網(wǎng)站
組織學(xué)生討論網(wǎng)頁內(nèi)容和風(fēng)格，分析網(wǎng)頁框架和布局。
小結(jié)網(wǎng)頁評價的標(biāo)準(zhǔn)
提出學(xué)習(xí)任務(wù)(班級網(wǎng)頁制作)和原則(小組協(xié)作，網(wǎng)上討論與學(xué)習(xí))
提供網(wǎng)頁欄目劃分建議
組織各小組討論
瀏覽網(wǎng)頁
仔細(xì)觀察，區(qū)分優(yōu)劣
了解評價網(wǎng)頁的標(biāo)準(zhǔn)
明確任務(wù)及原則
選擇小組，參與討論，確定欄目及分工，推舉組長
組長上報成員名單
課后收集整理信息
2
學(xué)會使用教學(xué)網(wǎng)站
熟悉Frontpage2000的操作界面，掌握網(wǎng)頁文件的創(chuàng)建、打開、保存和關(guān)閉操作
輸入文字信息并修飾
公布教學(xué)網(wǎng)站地址和訪問方法，介紹網(wǎng)站欄目及功能，特別是個人空間的上傳、下載方法
參與學(xué)生的網(wǎng)上討論，回答學(xué)生提問，必要時進(jìn)行集體講解和演示
登陸教學(xué)網(wǎng)站，了解欄目功能，練習(xí)使用
創(chuàng)建網(wǎng)頁文件，輸入網(wǎng)頁文字信息并保存
設(shè)置文本字體字號顏色，調(diào)整段落對齊方式和縮進(jìn)格式
引用資料注明出處
在網(wǎng)頁下方署名
3
學(xué)會插入圖片、動畫、水平線
設(shè)置背景和音樂
學(xué)習(xí)插入表格，并用表格實現(xiàn)頁面布局
介紹素材庫中各類素材
參與網(wǎng)上討論、答疑
提醒學(xué)生網(wǎng)頁上的圖片和動畫應(yīng)少而精，以免影響瀏覽速度
介紹表格的嵌套
分析學(xué)生網(wǎng)頁，用表格演示頁面布局
選擇合適的素材插入網(wǎng)頁合適位置，
設(shè)置圖片和動畫的大小、對齊方式和邊框
設(shè)置網(wǎng)頁背景和音樂
在需要插入表格的網(wǎng)頁中，設(shè)置表格、行、列及單元格的屬性并進(jìn)行編輯
用表格規(guī)劃頁面內(nèi)容
4
學(xué)習(xí)框架網(wǎng)頁的創(chuàng)建及保存，學(xué)會拆分和刪除框架
小組合作，建立主頁
建立頁間鏈接，并學(xué)會通過預(yù)覽功能測試鏈接
介紹框架網(wǎng)頁的各種格式和創(chuàng)建、保存的方法
演示拆分、刪除框架
參與網(wǎng)上討論、答疑
分析學(xué)生操作錯誤原因，頁間鏈接應(yīng)使用相對路徑
演示超級鏈接的建立、使用預(yù)覽功能測試鏈接
小組討論選擇一種框架頁面作為主頁
設(shè)置框架屬性，如框架名稱、初始網(wǎng)頁等
創(chuàng)建主頁與其他頁面間的超級鏈接，并用預(yù)覽功能測試鏈接是否正確
學(xué)會使用相對路徑
5
學(xué)會創(chuàng)建書簽鏈接、郵件鏈接和圖片鏈接
建立URL鏈接
初步學(xué)會創(chuàng)建圖象的熱區(qū)鏈接
對每個鏈接進(jìn)行測試
分析一個主頁，讓學(xué)生找出不同的超級鏈接
討論各種鏈接的應(yīng)用場合，如頁面內(nèi)容較多則使用什么鏈接？酷站鏈接和站長信箱分別使用什么鏈接？學(xué)生回答
錯誤原因分析，URL鏈接使用絕對路徑
選擇內(nèi)容較多的頁面建立書簽鏈接
在圖片上練習(xí)圖片鏈接和熱區(qū)鏈接
為酷站鏈接和站長信箱建立正確的鏈接
加深URL地址的認(rèn)識
對每個鏈接進(jìn)行測試
6
學(xué)會插入滾動字幕
學(xué)會使用懸停按鈕
學(xué)會插入站點計數(shù)器和橫幅廣告管理器
小組網(wǎng)頁初步組合，上傳到教學(xué)網(wǎng)站
逐個檢查各小組網(wǎng)頁的制作進(jìn)展，并給出評估意見
參與網(wǎng)上討論、答疑
講解小組網(wǎng)頁的組合方式，每個欄目一個文件夾，圖片放一個文件夾，提示學(xué)生使用文件夾視圖管理文件
在主頁上插入滾動字幕，并設(shè)置其方向、速度、表現(xiàn)和對齊方式
在主頁上插入計數(shù)器和橫幅廣告管理器
選擇一個頁面插入懸停按鈕，并設(shè)置其顏色、效果和鏈接對象
設(shè)置網(wǎng)頁的動態(tài)效果
小組網(wǎng)頁組合上傳
7
了解表單的交互性，學(xué)習(xí)表單的創(chuàng)建和設(shè)置
在表單中插入各種組件
設(shè)置表單的Email提交方法
各組網(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)頁演示、互評
網(wǎng)上投票推選優(yōu)秀網(wǎng)頁和網(wǎng)頁制作高手
每位同學(xué)自評
由班內(nèi)網(wǎng)頁高手做班級網(wǎng)頁管理員，負(fù)責(zé)提交、維護(hù)班級網(wǎng)頁
組織小組網(wǎng)頁互評
設(shè)計網(wǎng)上投票網(wǎng)頁
設(shè)計網(wǎng)頁設(shè)計評估表
為每個學(xué)生的作品打分
積極參加小組互評
投票推選優(yōu)秀網(wǎng)頁和網(wǎng)頁制作高手
認(rèn)真小結(jié)本人學(xué)習(xí)情況，并如實打分自評
六、教學(xué)評價
本單元的教學(xué)評價主要根據(jù)下面的網(wǎng)頁作品評價量化表來進(jìn)行，由學(xué)生自評和教師打分反映學(xué)生的學(xué)習(xí)狀況。
評價指標(biāo)
(分值)
具體指標(biāo)
量化等級分值
自評
教師
優(yōu)
良
中
差
網(wǎng)頁內(nèi)容
(40)
獲得的信息準(zhǔn)確且完整
5
4
3
2
信息的收集方法效率高
10
8
6
4
網(wǎng)頁文字沒有語法和拼寫錯誤
10
8
6
4
能找到合適的網(wǎng)頁素材并合理應(yīng)用
10
8
6
4
引用他人作品，是否注明出處
5
4
3
2
技術(shù)處理
(35)
網(wǎng)頁布局整齊、合理
10
8
6
4
網(wǎng)頁色彩協(xié)調(diào)、風(fēng)格鮮明
10
8
6
4
網(wǎng)頁鏈接正確、快捷
10
8
6
4
具有較強(qiáng)的動態(tài)交互功能
5
4
3
2
【“網(wǎng)頁制作”教學(xué)設(shè)計與思考】相關(guān)文章：
網(wǎng)頁設(shè)計制作規(guī)范 -08-06
網(wǎng)頁設(shè)計制作實習(xí)報告04-05
網(wǎng)頁制作教學(xué)計劃02-22
網(wǎng)頁的制作08-16