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