一、計算思維能力培養(yǎng)的課程理念與框架式教學(xué)模式
1.計算思維能力培養(yǎng)的課程理念
《網(wǎng)頁設(shè)計與制作》課程設(shè)計性與操作性都很強，其中設(shè)計是前提，操作是實現(xiàn)設(shè)計的過程．從培養(yǎng)計算思維能力的目標(biāo)出發(fā)，對課程的結(jié)構(gòu)與教學(xué)內(nèi)容進行整體規(guī)劃，把知識與技能的傳授與素養(yǎng)的培養(yǎng)融入在思維中，使知識、思維、可實現(xiàn)的思維成為課程的主線，并把該思想貫穿于理論教學(xué)和實驗教學(xué)之中．我們在課程教學(xué)過程中努力實踐計算思維能力培養(yǎng)與“面向社會，針對崗位，強化能力，促進發(fā)展”教改指導(dǎo)方針的“接軌”，計算思維能力培養(yǎng)與學(xué)生創(chuàng)新能力培養(yǎng)、學(xué)生專業(yè)學(xué)習(xí)及其它能力的提高緊密結(jié)合．根據(jù)我省教改成果《網(wǎng)頁設(shè)計與制作》立體化教材和我校特點，在《網(wǎng)頁設(shè)計與制作》課程中實踐基于計算思維能力培養(yǎng)的框架式教學(xué)模式，對框架式教學(xué)模式進行理論探討與教學(xué)實踐，對《網(wǎng)頁設(shè)計與制作》課程內(nèi)容按任務(wù)進行框架設(shè)計、框架支點設(shè)計、教學(xué)過程設(shè)計等具體工作，在培養(yǎng)學(xué)生思維能力的同時強化其設(shè)計與實踐能力．
2.框架式教學(xué)模式
2.1框架式教學(xué)概述
“框架”在這里有兩重含義：第一種含義是指網(wǎng)站的總體結(jié)構(gòu)及網(wǎng)頁區(qū)域中的框架技術(shù)．首先，網(wǎng)站都是由相關(guān)網(wǎng)頁通過“關(guān)系”構(gòu)成，“站點”則是放置各網(wǎng)頁及各相關(guān)元素的地方；對網(wǎng)站總體結(jié)構(gòu)與站點的結(jié)構(gòu)進行設(shè)計是網(wǎng)站制作的前提．其次，網(wǎng)頁框架技術(shù)是常用的布局網(wǎng)頁工具之一，在進行網(wǎng)頁設(shè)計時利用框架進行網(wǎng)頁布局，使用該技術(shù)實現(xiàn)多個頁面同時集中在同一個網(wǎng)頁中呈現(xiàn)．因此，網(wǎng)頁總體結(jié)構(gòu)與框架技術(shù)是網(wǎng)頁設(shè)計與制作非常重要的內(nèi)容．第二種含義是建構(gòu)主義學(xué)習(xí)理論“支架式教學(xué)”中的“概念框架”．建構(gòu)主義根據(jù)維果斯基的“最鄰近發(fā)展區(qū)”理論，借用建筑行業(yè)的“腳手架”作為概念框架的形象化比喻，對較復(fù)雜的問題通過建立“支架式”概念框架，使得學(xué)習(xí)者自己（學(xué)習(xí)過程中通過同伴、成人和有能力的人對其學(xué)習(xí)所進行的有效干預(yù)）能沿著“支架”逐步攀升，從而完成對復(fù)雜概念意義建構(gòu)的一種教學(xué)策略．
它所描述的是在最近發(fā)展區(qū)中有效的教與學(xué)之間的互動：學(xué)習(xí)者被看作是一座建筑，學(xué)習(xí)者的“學(xué)”是在不斷地、積極地建構(gòu)自身的過程．而教師的“教”則是“建筑物”一個必要的腳手架，支持學(xué)習(xí)者不斷地建構(gòu)自己，不斷建造新的能力．它強調(diào)教學(xué)過程中教師引導(dǎo)教學(xué)的進行，為學(xué)習(xí)者的學(xué)習(xí)提供一種支持幫助，幫助學(xué)習(xí)者完成學(xué)習(xí)，使學(xué)習(xí)者建構(gòu)、掌握和內(nèi)化所學(xué)的知識；但隨著學(xué)習(xí)者學(xué)習(xí)能力的逐漸提高這種支持幫助是逐漸減少的，教師要將管理調(diào)控學(xué)習(xí)的任務(wù)逐漸轉(zhuǎn)移給學(xué)習(xí)者，使學(xué)習(xí)者最終能夠獨立學(xué)習(xí)．學(xué)習(xí)者的獨立自主學(xué)習(xí)是支架式教學(xué)的最終目標(biāo)．為此，應(yīng)當(dāng)為學(xué)習(xí)者建構(gòu)對知識理解的概念框架，事先要把復(fù)雜的學(xué)習(xí)任務(wù)加以分解，以便于把學(xué)習(xí)者的理解逐步引向深入．也就是說，該框架應(yīng)按照學(xué)生智力的“最鄰近發(fā)展區(qū)”來建立，因而可通過這種腳手架的支撐作用（或“支架作用”）不停頓地把學(xué)生的智力從一個水平提升到另一個新的更高水平，真正做到使教學(xué)走在發(fā)展的前面．支架式教學(xué)過程一般由搭腳手架、進入情境、獨立探索、合作學(xué)習(xí)、效果評價等環(huán)節(jié)組成．
2.2《網(wǎng)頁設(shè)計與制作》課程框架式教學(xué)模式
框架式教學(xué)模式的任務(wù)首先是從抽象的角度對教學(xué)內(nèi)容進行整體規(guī)劃，結(jié)合實際進行“任務(wù)”整體“框架”設(shè)計；然后對各任務(wù)框架進行支點設(shè)計，將知識點融入其中．基于計算思維能力培養(yǎng)，《網(wǎng)頁設(shè)計與制作》課程總體框架分三個部分：首先，讓學(xué)生了解網(wǎng)站的體系結(jié)構(gòu)，清楚ＷＷＷ客戶機和ＷＷＷ服務(wù)器之間的通信過程，初步明白課程所要進行的工作特質(zhì)．這樣，學(xué)生能夠從整體、抽象的角度去思考網(wǎng)站框架結(jié)構(gòu)．其次，按從抽象到具體逐步細(xì)化的思維方式，先確立網(wǎng)站建設(shè)的總?cè)蝿?wù)，如設(shè)計一個“新疆之旅”專題網(wǎng)站，接著構(gòu)思總?cè)蝿?wù)下各子任務(wù)及相關(guān)內(nèi)容．最后，進入網(wǎng)站建設(shè)步驟流程：第一步，網(wǎng)站的規(guī)劃與設(shè)計．第二步，準(zhǔn)備素材．第三步，制作網(wǎng)頁并形成網(wǎng)站．第四步，網(wǎng)站發(fā)布，第五步，網(wǎng)站的管理與維護．在總體框架中，第三部分至關(guān)重要，其中第一步“網(wǎng)站規(guī)劃與設(shè)計”的主要任務(wù)是設(shè)計網(wǎng)站的總體結(jié)構(gòu)（網(wǎng)站框架），而網(wǎng)站的總體結(jié)構(gòu)是網(wǎng)站設(shè)計的關(guān)鍵所在，是后面的站點建設(shè)等知識點與任務(wù)能夠進行的前提，也就是從任務(wù)框架到支點設(shè)計的過程．“新疆之旅”網(wǎng)站結(jié)構(gòu)如圖１所示．當(dāng)網(wǎng)站總體結(jié)構(gòu)確定后，即可按步進行搜集、設(shè)計、制作各欄目素材、制作網(wǎng)頁并形成網(wǎng)站等工作，整個設(shè)計與制作流程有序地進行．我們把教學(xué)過程設(shè)計為課堂教學(xué)、實驗教學(xué)與網(wǎng)絡(luò)自主學(xué)習(xí)三條主線．
（１）課堂教學(xué)主線．教師可以依托教材的描述以實例演示的方式從頭到尾帶領(lǐng)學(xué)生學(xué)習(xí)感受范例網(wǎng)站“新疆之旅”從無到有步步搭建的全過程：從“新疆之旅”網(wǎng)站主題的確立，網(wǎng)站總體結(jié)構(gòu)的設(shè)計；到站點結(jié)構(gòu)設(shè)計，各種素材的準(zhǔn)備；然后是網(wǎng)頁效果圖，網(wǎng)頁模板設(shè)計，不同網(wǎng)頁的設(shè)計與制作等工作；最后則是網(wǎng)站的發(fā)布與維護工作．這就是完成教學(xué)過程的“搭腳手架”與“進入情境”環(huán)節(jié)工作．由于是課堂授課，老師可以更系統(tǒng)地講授相關(guān)理論知識，著重培養(yǎng)學(xué)生思維能力與分析問題、解決問題能力．
（２）實驗教學(xué)主線．配合課堂教學(xué)主線，學(xué)生自主選題，設(shè)計開發(fā)一個網(wǎng)站作品，即確立一個貫穿整個學(xué)期的項目任務(wù)．學(xué)生可以獨立探索或以小組為單位進行合作學(xué)習(xí)，共同完成項目任務(wù)．教學(xué)過程中老師的作用應(yīng)由大到小，從有到無，逐步消解概念框架的支撐作用．合作學(xué)習(xí)小組人數(shù)一般不超４人，在團隊合作過程中，學(xué)生更容易發(fā)現(xiàn)差異，在個性思維的碰撞中，學(xué)生對問題的認(rèn)識將會更加深刻．教學(xué)過程可以安排一至二次“作品公開展示評價”活動，能夠更加有效地提高學(xué)生的學(xué)習(xí)積極性并促進小組間的相互學(xué)習(xí)借鑒．這過程是完成教學(xué)過程“獨立探索”、“合作學(xué)習(xí)”與“效果評價”環(huán)節(jié)的工作．
（３）網(wǎng)絡(luò)自主學(xué)習(xí)主線．學(xué)生可以通過如下所介紹的ＩＣＴ“網(wǎng)絡(luò)教學(xué)資源平臺”或其它教學(xué)系統(tǒng)，按照各自需求進行自主學(xué)習(xí)，如瀏覽學(xué)習(xí)資料、工具操作技能學(xué)習(xí)、師生或生生互動、作品上傳與下載等，極大提高教學(xué)效率．實踐表明，本課程教學(xué)設(shè)計有利于培養(yǎng)學(xué)生計算思維能力，使其能夠從計算機解決問題的方式方法出發(fā)，分析各項需求，提出總體設(shè)計任務(wù)，細(xì)化任務(wù)設(shè)計，構(gòu)建網(wǎng)站總體框架與各網(wǎng)頁結(jié)構(gòu)．從抽象到具體，再從個體到整體；從整體思維到具體設(shè)計與制作技能，都得到很好的培養(yǎng)．
二、基于能力培養(yǎng)的ＩＣＴ課程教學(xué)環(huán)境
教學(xué)過程的順利進行與教學(xué)目標(biāo)的達成，需要有給力的教學(xué)環(huán)境．ＩＣＴ（信息通訊技術(shù)）正改變著人們的工作、學(xué)習(xí)、思維和交往方式．ＩＣＴ應(yīng)用于教學(xué)不但作為儲存、檢索、表達的工具，而且支持人們認(rèn)知學(xué)習(xí)、研究探索和協(xié)作交流．它打破學(xué)校、課堂、實驗室的地域范圍，使學(xué)生與社會及世界相連通．學(xué)習(xí)者按自己的習(xí)慣學(xué)習(xí)和思考，并從指導(dǎo)者那里獲得個別反饋；學(xué)習(xí)者通過網(wǎng)上交談、電子郵件、小組討論等方式與教師和同學(xué)討論交流．在ＩＣＴ教學(xué)系統(tǒng)中，信息技術(shù)、教師、學(xué)生和教材四大要素構(gòu)成了一個相互聯(lián)系、相互作用的教學(xué)組織結(jié)構(gòu)．信息技術(shù)是這種教學(xué)組織結(jié)構(gòu)中的基礎(chǔ)，提供了全新的教學(xué)環(huán)境．要建設(shè)基于ＩＣＴ的教學(xué)平臺，關(guān)鍵是構(gòu)建好信息資源、網(wǎng)絡(luò)平臺和應(yīng)用軟件．
課程平臺為滿足不同學(xué)生的學(xué)習(xí)需要，建立“主教材、電子教案與視頻、實驗系統(tǒng)”等多位一體的學(xué)習(xí)資源，有利于學(xué)生自主學(xué)習(xí)．設(shè)計以“問題與任務(wù)”的解決為主線，在每個知識點的學(xué)習(xí)中首先提出任務(wù)，分析任務(wù)需要，編制任務(wù)案例，將學(xué)習(xí)的知識與技能融合到案例中，使學(xué)生學(xué)習(xí)過程切合實際、針對性強．平臺建設(shè)注重交互性與靈活性，師生可以通過“答疑討論”等多種方式進行交流．師生都是平臺的建設(shè)者與使用者，可以根據(jù)自己的需要，隨時、隨地通過平臺進行信息的獲取、加工與發(fā)布．課程平臺適合“移動”的學(xué)習(xí)過程．老師把任務(wù)所需素材等資源上傳在平臺“教學(xué)材料”的“課程任務(wù)”與“教學(xué)資源”等欄目中，讓學(xué)生按需下載利用；學(xué)生把每次完成的操作結(jié)果保存在“站點”并上傳平臺“課程作業(yè)”欄目保存，可隨時、隨地下載使用．
三、結(jié)束語
在《網(wǎng)頁設(shè)計與制作》課程教學(xué)過程中，我們最注重的不是網(wǎng)頁設(shè)計工具的使用，而是思維能力與解決問題的能力培養(yǎng)．例如，在教學(xué)過程的不同的階段，要求從計算機解決問題的角度出發(fā)，按層次進行“抽象”，形成不同層次的整體“任務(wù)”與“框架”，并基于不同的“框架”形成各自“支點”，把不同的知識點融入支點之中．教學(xué)實踐表明，這種基于計算思維能力培養(yǎng)的框架式教學(xué)模式非常適合課堂、實驗室與網(wǎng)絡(luò)教學(xué)資源平臺三位一體的教學(xué)模型，把提出問題、解決問題、設(shè)計任務(wù)框架等思維能力培養(yǎng)貫穿在課堂教學(xué)過程，而網(wǎng)頁的制作過程則在實驗室中完成，同時，網(wǎng)絡(luò)教學(xué)資源平臺則能有效、方便地支撐整個教學(xué)過程．面向計算思維能力培養(yǎng)的《網(wǎng)頁設(shè)計與制作》框架式教學(xué)模式研究與教學(xué)實踐時間不長，需要進行的工作還很多，例如，如何使思維能力的提高反過來促進學(xué)習(xí)的進行？如何處理好知識與技能并重的培養(yǎng)目標(biāo)？如何在整個課程體系中把握抽象與細(xì)化、框架與支點的關(guān)系？等．
作者：陳一明 單位：廣東石油化工學(xué)院