一、心智技能三階段理論對網頁設計心智技能形成的啟示
所謂原型，可以理解為外化的心智活動的實踐模式。本研究認為，網頁設計心智技能的形成同樣要經歷上述３個階段。而“原型”作為貫穿心智技能形成的核心，其建構意義重大。本文的先期研究在對已經具備了網頁設計心智技能的熟手問卷調查基礎上，利用“心理模擬法”創擬了“網頁設計活動原型”，本研究將討論如何利用該原型展開三階段的培養。對學生而言，網頁設計活動的原型定向往往需要教師的示范和講解，那么教師首先應該使學生明確網頁設計活動原型的結構、各個環節的操作原則及必要性并利用腳手架支持的問題來驅動啟發學生的主動性和自覺性；然后按照原型正確示范和講解完成某一網站建設任務的完整過程。這里需要強調的是，教師需要將原型中每一個心智動作詳細展開。原型定向階段的教學，只是網頁設計活動心智技能教學的開端，要使學生真正形成心智技能，還需要 進行實際操作。學生利用上述在定向階段形成的原型，親自從事某一網頁設計活動，將在頭腦中建立起來的活動程序計劃以外顯的方式付諸執行。
在這個階段，應該借助腳手架支持問題來驅動學生利用原型，把構成這一活動的所有動作系列，依照一定的順序作出不能遺漏和缺失，教師可以提出以下要求：①要根據“原型“嚴格遵循動作序列逐一執行，及時檢查和矯正動作的執行情況；②學生在實踐模式的每個環節提交一些階段性材料或者記錄一些完成過程來保證是按照實踐模式的步驟完成任務的；③建議學生將動作執行和言語相結合，邊說邊做。網頁設計心智技能的原型內化階段是將上述實踐模式向頭腦內部轉化的過程，表現為學生從事網站建設任務時可以離開實踐模式，借助語言指導來完成。學生只有在多種不同的實踐條件下反復進行網站建設的具體活動，才能不斷從原型中抽取本質的東西，最后形成普遍適用于不同實踐條件的原型（心智技能），只有到這一步心智技能才算真正形成。
二、一個充分體現心智技能三階段理論的ＰＢＬＥｓ設計
在網頁心智技能培養三階段理論的指導下，學習環境設計比較合理的安排是：首先依托一個充分體現原型的范例講解和操作，完成活動原型中蘊含的相關知識和操作流程的講解，初步形成“原型定向”。這一階段教師應該關注腳手架支持的問題設計。然后，實施基于項目的學習，指導學生利用課后時間自主完成幾項網站建設的綜合任務，將原型進行操作和內化，最終使學生具備網頁設計心智技能。下面就從“原型定向”階段ＰＢＬＥｓ設計最關注的腳手架支持問題展開敘述。在“原型定向”階段，教師需要提取“網頁設計活動基本原型”中的４個核心環節，然后把這４個核心環節中蘊含的相關知識和操作流程設計成腳手架支持的問題，繼而通過教師逐步示范和講解一系列問題的解決過程，完成網頁設計活動的定向。
例如，附件網頁設計活動原型定向階段ＰＢＬＥｓ設計方案中，對應“網站方案設計環節”的學習內容，將其轉化成９個具體的腳手架問題。它們分別對應網站建設過程中“需求分析”、“系統分析”、“風格設計”、“ＵＩ版面初步布局”、“色彩定位”及“網站建設日程規劃”等重要學習內容。這些腳手架支持的問題是以完成“網站方案設計”這一環節為驅動力而提出的，將引發和維持學生在該學習階段中的學習興趣和動機，引導他們帶著明確的問題與目標，模仿教師的示范行為，開展真實的問題解決過程。在腳手架支持的問題設計方面，教師需要依據學生能力臨近發展水平，問題難度要居于該臨近發展區內，這樣學生就可以調動己有的網頁設計基礎知識及操作技能等認知經驗來解決當前面臨的腳手架問題。
網頁設計活動是一個漸進過程，腳手架支持的問題是依照這個漸進過程的發展順序提出的，難度一般是逐級升高。因此，在設計這些腳手架支持的問題時，還需要注意合理安排難點和重點、考慮子任務的大小、所需知識技能含量、相關影響因素等多個方面。根據問題的難度，我們提供了支持指導、相關案例、輔助資料等，并創設必要的實踐條件，使問題解決具有操作性。這一階段，還要求教師關注各個問題解決的策略選擇和轉換的講解、示范及獨立、協作及競爭等組織策略的合理運用。而學生則以教師演示的優秀范例為榜樣，利用大量的相關案例、信息資源、認知工具、協作工具及境脈等展開原型的定向學習。事實上，教師演示如何根據客戶要求完成網站建設任務的過程就充分體現了網頁設計活動原型的范例，這將給予學生解決問題的邏輯結構和方法過程，它包含了一種內在的邏輯，為學生提供了支架，通過對范例的學習，學生可以模仿其中的路徑和方法，從而完成原型的定向。
在原型的操作階段，比較適合采用基于項目的學習方式，即教師布置幾個不同的網站建設任務，以完成作品為驅動，通過一系列腳手架支持的問題來引導學生利用上一階段獲得的網頁設計活動原型完成網站建設。這一階段要求學生依照一定的順序，不能遺漏和缺失地作出原型定向中的所有動作系列。該階段的重點在于任務的設計，我們設計了以“個人網站”、“品牌推廣網站”及“公司企業網站”為主題的具體項目。這３個項目的難度逐級升高，有一定的挑戰性。教師還需要提供支持指導和輔助材料，并創設必要的實踐條件，使任務具有可操作性，這樣，學習者就能夠在實踐中掌握問題解決技能和方法。在原型內化階段，學生所從事的網站建設任務是可以離開實踐模式的。教師需要為學生提供在多種不同的實踐條件下反復進行網站建設活動的機會。例如，我們設計了以“小組為團隊”，為本學院設計制作一個學院網站這一具體任務，期望學生通過不同的實踐過程，不斷的從操作原型中抽取更本質的東西，最后形成普遍適用于不同實踐條件的心智技能。案例：網頁設計活動原型定向階段的腳手架支持問題設計。
客戶要求：ＸＸ化妝品公司預借助互聯網塑造良好的企業和產品形象，提高品牌知名度、美譽度和特色度。針對這這次品牌推廣，我公司公開競標，請有合作意向的設計團隊于本月底之前提交設計方案及網站一稿，我方將從提交的方案和初稿中挑選出最滿意的設計，并與其設計團隊正式簽約，預付３０％的定金。同時，我們將提供企業ＬＯＧＯ、廣告語、企業品牌發展歷史、品牌產品的圖片，推廣活動視頻等資料。學習目的：學生通過觀察、模仿學習教師是如何根據客戶要求完成網站建設任務的完整過程。腳手架支持的問題設計：
（１）網站方案設計環節的學習。腳手架支持的問題：①接到企業網站建設任務后，作為網頁設計師的我們首先要作什么？②如何與客戶溝通，提取與網站任務相關的關鍵詞，解讀網站主題，分析市場前景？③從哪些方面分析目標用戶群體特征？④如何結合網站主題、目標用戶群體特征、企業機構已有ＶＩ色彩特征、客戶提供的原始素材等確定網站的主色？⑤鑒于主色，如何依據色彩設計原則（互補色，分裂互補三色組，類似色搭配原則等），確定網站整體的色彩定位？⑥如何根據網站主題和信息量大小，結合布局特征，選擇適用的ＵＩ版面布局？⑦結合客戶的要求及公司或機構的性質，如何對網站的功能模塊進行規劃設計，繪制出網站層次結構圖，描述各功能模塊及作用？⑧如何展開網站的風格設計？你了解常用的網站風格設計原則嗎？⑨結合上述分析，如何撰寫網站設計方案？
（２）主要頁面效果的設計與制作環節的學習。腳手架支持的問題：①根據網站設計方案中確定的頁面尺寸，色彩定位，ＵＩ版面布局設計，風格設計，功能模塊設計等信息，利用“ＰｈｏｔｏＳｈｏｐ”完成頁面效果圖設計的步驟和方法是什么？②利用“Ｆｉｒｅｗｏｒｋ”制作網頁切片的技巧和原則是什么？
（３）基于Ｈｔｎｌ＋ＣＳＳ技術的網頁基本制作環節的學習。腳手架支持的問題：專家熟手利用ｈｔｍｌ＋ＣＳＳ技術制作網頁有什么技巧？在制作過程可能遇到什么樣的難題，該如何應對？
（４）網頁動畫效果設計與制作環節的學習。腳手架支持的問題：①如何利用ＪａｖａＳｃｒｉｐｔ或Ｆｌａｓｈ技術炫動你的網頁？給頁面添加動畫的時候有什么需要注意的地方？②完整的較為準確的三維動畫建模創作流程是怎樣的？③三維動畫建?；顒又?，“創意構思”、“模型設計”及“模型制作”這３個關鍵環節的目的、過程及階段性成果分別是什么？任務活動：結合自己的建模經驗說明三維動畫建模活動的完整流程，然后小組交流。問題思考：①如何進行創意構思？②如何進行模型設計？③如何進行模型制作？任務活動：①仔細聆聽教師的范例講解，然后借助因特網資料展開品牌場景的創意構思、設計與制作的活動，創建場景模型形成階段性成果和建模作品；②交流和評價其他人的作品，通過競爭選出３個最優秀的場景模型。范例講解：展示了完成企業品牌場景任務的建模過程（審題、構思、設計、制作）。
三、結語
ＰＢＬＥｓ作為網頁設計心智技能形成的關鍵，應該廣泛引起教學實踐者的關注。基于問題的學習始終應該在構建一個有意義的、真實的任務情境下，提供給學習者一系列基于案例的腳手架支持的問題，繼而通過專家熟練的示范讓學生明確完成任務的思維過程和問題求解的方法。在這樣的學習環境中，教師承擔著教練或導師的角色，需要促進學習者進行社會協商，并同步或異步的給予協助和指導。另外，后續研究應該關注學生網頁設計活動原型的內化，比較適合采用基于項目的學習。該學習過程是擬真的、映射真實世界的生產活動，依照學習者的自我想法和方式來完成建站任務。只有經過這樣的完整訓練，學生才能真正形成網頁設計心智技能，從而滿足業界對網站前端設計人才的職業技能需求。
作者：秦書榮 李新 單位：廣東農工商職業技術學院藝術系