研究性學習在高職學校“網頁設計制作”課程中的應用

陳 曦

(淮安生物工程高等職業學校，江蘇 淮安 223300)

0 引言

高職教育需要重視學生實踐能力以及創新精神的培養。研究性學習在“網頁設計制作”課程中的應用，可為學生打造開放式空間，自主提出問題，在合作交流過程解決問題，對于人才能力的培養有重要影響。

1 研究性學習的應用優勢

1.1 方式自主性

傳統教學，主要是教師講授網頁設計相關知識和概念，并對制作技能加以演示，學生的學習過程較為被動。研究性學習可為學生主動學習提供途徑，引導學生主動探索，激發其創造力，體現出學習過程學生主體地位[1]。

1.2 內容實踐性

網頁設計知識具備實踐性特點，講授過程需要體現出知識的系統性。利用研究性學習，將問題作為載體，讓學生利用實踐發現問題并提問，基于問題組織教學，讓學生掌握知識學習方法，利用學習經驗，解決問題，豐富學習體驗。整個學習過程學生自提問題，主動了解知識發展，利用自身能力將問題解決。

1.3 過程開放性

應用研究性學習，可將課堂內容分層講授，因材施教。學習過程內容、方法以及學習結果全部為開放狀態，著力發展學生的開放思維，轉變傳統教學封閉狀態、單純強調標準化結果，使用模式化教學內容的弊端。

2 研究性學習過程

2.1 問題情境

可使用多種方式，完成問題情境的創設，為研究學習奠定基礎，激發學生產生探究動機。處于教師指導之下，讓學生通過多個視角分析、思考問題，教師幫助學生查找資料，歸納研究主體，為學生提供研究思路。

2.2 實踐體驗

實踐環節，主要將學生置于開放的學習環境下，以主動形式完成信息收集、處理等。可使用小組合作方式，鼓勵學生和他人之間展開交際，解決問題。教師針對學生研究過程問題展開指導。

2.3 表達交流

引導學生整理事件過程，形成報告材料。還可通過網頁制作的實踐活動完成。在交流和討論環節，引領學生分享學習成果，形成辯證思維，高效學習網頁設計相關知識[2]。

3 研究性學習在高職“網頁設計制作”課程的應用

3.1 背景分析

鑒于網頁設計所屬技術性和實踐性課程，部分高職學生的學習興趣較高，但是隨著學習深度增加，學生學習過程可能存在困難。部分學生表示，聽懂老師講解內容十分容易，但是實踐過程可能存在問題。分析原因，課程講解時，以單向傳輸為主，導致學生基礎知識掌握有所欠缺。在研究性學習的運用之下，賦予學生自主學習機會，在相互討論和實踐過程中，夯實基礎。

3.2 教學目的與方法

針對高職的網頁設計制作課程展開研究性學習，教學目標的設定，依托學生現有計算機水平，明確該課程教學目標為掌握網頁設計基本流程。教學過程中，利用多種激趣方式，為學生研究提供動力，展開專題思維訓練，指導學生學習設計技法。

3.3 學情分析

本課程內容主要針對大二的高職生，其已經具備計算機基礎，部分學生已達到一級水平。但是仍有部分學生在軟件操作方面學習能力相對不足，對操作流程熟悉度不夠，計算機語言掌握較少，而學生對于網頁設計相關課程興趣較高，也希望通過自身努力設計出屬于自己的個人網站。

3.4 預期成果

使用研究性學習，旨在通過不同的研究階段，組織學生展開網頁設計實踐訓練，按照要求完成設計作業，最后，將所有內容加以集成，組成完整站點。研究成果可通過實物、網站或者報告等形式呈現。組建交流群和學習小組，便于師生隨時交流。

3.5 資源準備

教學之前，由教師準備和網頁設計相關的素材、網站等，還需保證教學過程的計算機數量充足，使用QQ群發布探究學習公告，并準備探究性學習評價表。學生準備U盤、建立站點文件夾。

3.6 研究性學習

3.6.1 第一階段

研究性學習到第一階段，主要內容為動員、培訓，引領學生初步感知學習方法。設計三項學生活動：第一，掌握網頁設置、制作基本流程；第二，明確網頁設計目標；第三，學習網頁設計、制作主要方法。在此過程，對學生計算機操作水平全面分析，并講解網頁設計以及網頁制作基本原則，利用多媒體，呈現優秀的網站設計，激發學生學習網頁設計的興趣。

3.6.2 第二階段

研究性學習的第二階段主要是提出課題并選擇課題，共設計兩項學生活動:(1)學生之間自由組合，組成研究小組，每組3～5人；(2)師生討論，各個小組確定網頁設計內容主題，并明確每個組員任務分工。在此過程，由教師和學生共同討論，指導學生如何選題，形成實施方案。不同小組制定出研究學習目標、學習計劃、內容以及預期成果。教師輔助學生完成網頁模板的設計，為學生提供思路，并指導學生制作質量評價表，對研究性學習成果展開評價。

3.6.3 第三階段

第三階段也是研究課題的實施階段，具體包括3項內容，分別為素材準備、設計過程、成果展示。

首先，素材準備過程，設計3項學生活動，(1)學生通過各小組設計主題，尋找關鍵詞，利用網絡搜索圖片，查找適合本組網站設計的素材，包括圖片、音樂或者視頻等。(2)將收集的素材加以整理，并修改，小組成員積極思考，結合網站設計主題需求，對素材重新加工與處理。此過程可尋求教師幫助，掌握素材處理方法。(3)各小組成員按照教師講解內容，形成自身理解，嘗試搭建網站、網站制作過程，為體現出探究性學習特色，主要以學生自主探究為主，教師輔助指導。同時，在素材準備期間，教師可為學生展示優秀的網頁設計，讓學生感受設計樂趣，提高學生網頁設計學習興趣，按照小組研究情況，為學生網站設計主題的選取提出意見，指導其使用正確的方法收集素材、處理素材等[3]。

其次，在網頁的設計、制作環節，利用研究性學習主要設計3項學生活動：

(1)組織學生展開實踐操作，若存在疑慮，可嘗試自主解決，鼓勵學生多參與實踐，驗證自身學習成效，探索網頁設計規范操作方法。

(2)利用網絡優勢。以往網頁設計教學環節，學生可能出現注意力不集中問題，課堂上利用網絡瀏覽娛樂信息、聊天等，此時教師需要將網絡關閉，才能保證課堂授課秩序。但是，網頁的設計，若缺乏網絡支持，不利于學生素材查找。因此，教學過程，網絡始終處于開放狀態，便于學生查找素材，或者利用網絡查找操作方法，充分利用網絡，輔助研究性學習。

(3)交流活動，學習過程，指導學生通過小組相互交流，針對各小組學習進度、面臨問題、解決方案充分交流，并通過交流評選出優秀組員。

使用上述設計方法，充分體現研究性課堂學生主體的地位。在此過程，教師對于網頁制作的步驟進行演示，逐一講解，輔助學生建立站點，做目錄結構等，盡可能將集中教學所用時間減少，將課堂大部分時間都給學生探究討論，若其遇到困難，利用網絡難以解決，可視情況由教師講解。組織學生展開交流，從網頁設計、制作技術方面考慮，大多數學生能夠熟練掌握，但是應用到設計實踐當中，可能感覺無從下手，因此，引導學生相互交流，利于其研究過程相互學習。

最后，成果展示階段，學生可按照小組選定的網站設計主題，制定設計進度，按照特定時間節點，展示網站設計結果，積累經驗，鞏固網頁設計知識基礎。在不斷學習新知識的過程中，對網頁設計加以改進。網頁設計屬于實訓類課程，傳統考察方式難以檢驗學生研究階段學習成果，因此完善考察方案的設計十分重要。在Dreamweaver的網頁設計制作考察內容和要求分別為：

(1)考察內容。將制作網頁過程所用素材存儲在C盤—網頁素材—Web素材文件夾當中，并利用上述素材，制作超過7個頁面；網頁設計環節，應突出重點，確保色彩應用協調，主頁和其他頁設計風格一致；頁面顯示的尺寸780×490像素，若同一屏難以完全顯示，可利用擴展，不可出現水平方向滾動條；在網頁當中，使用css樣式文字，正文字體需選擇宋體，字號10磅；剩余文字字號、字體等可自主選定；網頁過渡方面效果存在差異；各頁面存在鏈接能夠返回主頁；在頁面當中，可按照設計需求，添加前景色或者背景圖片，網頁當中，至少存在一頁有插入圖片，圖片內部設置鍵接熱區，能夠和相關內容加以鏈接，存在3個添加行為，例如：圖片交換、打開瀏覽器、聲音播放、JavaScript調用等；在各個頁面底部，附加版權標志或者設計者信息，代表網頁原創性，必須使用庫項目完成制作。

(2)考察要求。建立網站時，需要在考生文件夾當中重新建立web文件夾，為站點根目錄，并在其下方建立對應文件夾，用于存儲網頁制作設計環節所用各類素材；主頁的制作利用框架結構，如框架文件名可設定為index.htm，并在頁面標記網頁主題，將該頁設置成為首頁，主頁橫幅設計過程，即可按照網站主題自主設計，也可使用已給素材，導航欄的設計可結合主題自主擬定相關內容，使用flash或者fireworks為導航欄設置立體按鈕，還可使用彈出菜單方式，展現網站活力，鏈接準確，二級網頁的設計需要在框架之內打開，在主框架當中，應該對設計主題展開描述，并向其中插入時間軸動畫，還可在主頁合適位置適當添加動態化字幕；首頁設計結束之后第二頁的設計，文件名可使用Page2.html表示，介紹和網頁主題相關的重點內容，利用錨點完成本頁當中內鏈接；在第三頁設計過程，文件名可使用Page3.html表示，對網站主題重要事件詳細描述，使用圖片或者文本等，保證制作過程圖文并茂，使用已給動畫，利用css樣式完成，無須列表的添加，網站第五頁，可利用素材制作電子相冊，其中富含索引圖形；網站第五頁，需要設計表單，使用單選框或者文本域；針對下拉列表框、復選框以及按鈕組件相關對象的設計，將表單數據用電子郵件方式向特定地址發送[4]。

4 結語

總之，研究性學習在中職的網頁設計制作教學中的應用價值較高，教師可結合授課內容，對學情加以分析，立足于學生實踐技能的培養，使用研究性學習，為學生明確設計主題，提供開放空間，展開知識學習，培養人才創新思維和實踐能力。