《網(wǎng)頁制作》專題學習網(wǎng)站的設計與實現(xiàn)

摘 要：專題學習網(wǎng)站是基于網(wǎng)絡資源的數(shù)字化學習平臺，為學生提供制作網(wǎng)頁所需的豐富資源，搭建展示學生作品成果的平臺。

關鍵詞：專題學習網(wǎng)站；網(wǎng)頁制作；設計；實現(xiàn)

中圖分類號：TP393.092-4

準備建設的專題學習網(wǎng)站是基于網(wǎng)絡資源的數(shù)字化學習平臺，利用網(wǎng)絡技術，創(chuàng)設主動學習情境，讓學生在開放、互動的平臺上去尋求《網(wǎng)頁制作》專題資源，激發(fā)學生學習興趣，讓學生主動思考、主動探索、主動學習，實現(xiàn)高效課堂。讓學生在建設網(wǎng)站的過程中，學習掌握提高《網(wǎng)頁制作》的技能，體現(xiàn)“學中做，做中學”的教學理念。

《網(wǎng)頁制作》是開設一學期的課程，主要內容包括網(wǎng)頁的基礎知識、網(wǎng)頁布局和色彩搭配、HTML語言、JavaScript腳本語言、Dreamweaver軟件使用、CSS層疊樣式表、AJAX技術、jQuery技術、網(wǎng)站的創(chuàng)建與管理。還涉及到使用Photoshop軟件對網(wǎng)頁圖像進行處理、使用Flash軟件制作網(wǎng)頁動畫等其他相關課程。

在實際的教學過程中，往往需要使用大量的素材和學習視頻教程。這些學習資源怎樣能夠方便快捷的分發(fā)到學生的計算機上，成為需要解決的問題。如果機房的計算機是通過網(wǎng)線連成小型局域網(wǎng)的，就可以先把工作頁、資料包等學習資源先存儲到一臺學生機上，再利用windows自帶的文件夾共享功能，將其共享，便于其他學生從這臺計算機上下載資源。文件夾共享實現(xiàn)過程如下：

鼠標右擊文件夾，在彈出的快捷菜單中，選“共享和安全”，選中在網(wǎng)絡上共享這個文件夾。這時，其他用戶就可以通過網(wǎng)絡訪問這個文件夾，下載其中的學習資源。

這樣利用文件夾共享的方法實現(xiàn)資源下載，優(yōu)點是操作簡便。缺點是機房的計算機一般都帶有C盤還原功能，往往一次共享完成后，下一次重新啟動計算機后，還需要再次設置文件夾共享，十分麻煩。專題學習網(wǎng)站就可以實現(xiàn)簡單的文件夾共享達不到的效果，可以使素材和教學資源分類存儲在服務器上，以清晰明了的操作界面，便于學生在線學習和下載相應的網(wǎng)頁制作素材。

1 《網(wǎng)頁制作》專題學習網(wǎng)站的作用

專題學習網(wǎng)站為中等職業(yè)學校計算機專業(yè)學生《網(wǎng)頁制作》課程的學習提供優(yōu)質的數(shù)字化學習資源，為學生提供制作網(wǎng)頁所需的豐富資源，搭建展示學生作品成果的平臺。通過專題學習網(wǎng)站創(chuàng)設學生自主學習的情境，引導、激發(fā)學生學習《網(wǎng)頁制作》課程的積極性，建立高效課堂，讓學生更好的掌握網(wǎng)頁制作的技能。

（1）研究中職學生特點，動手實踐能力相對于理論知識學習能力強。

（2）分析《網(wǎng)頁制作》課程，涉及內容廣、技術多，實踐性和技能性強。

（3）設計開發(fā)專題學習網(wǎng)站，探索基于專題學習網(wǎng)站的《網(wǎng)頁制作》課程的教學模式。

給《網(wǎng)頁制作》課程的教學提供教學資源，輔助學生進行自主學習。在課外時間里，對于學生的學習給予支持，幫助學生學習在課堂上沒有完全掌握的知識。提供學生展示作品的平臺，學生和老師在這里可以對學生的作品進行一系列的評價。提供一個在課外進行師生交流或生生交流的平臺，學生可以在這里提問、交流學習心得等。

2 《網(wǎng)頁制作》專題學習網(wǎng)站的設計

首先網(wǎng)站需要教學資源模塊來進行教學的輔助，教學資源模塊既能輔助課堂教學，也可以指導學生進行自主學習。其次作品展示模塊，學生需要一個作品展示模塊，首先通過展示學生自己的作品能夠激發(fā)學生自己的興趣，第二展示作品模塊有助于學生進行自評互評。第三，討論模塊，既要有以班級為單位的討論小組，也要有全校師生都能進行參與的大型討論平臺，使學生在學習中出現(xiàn)問題時，能夠自主的進行討論學習。

在建站之初，為網(wǎng)站以后繼續(xù)完善（例如：開發(fā)手機客戶端等），需要考慮給學生劃定一塊空間，讓學生自己上傳自己的網(wǎng)站作品。自己維護自己的網(wǎng)站，將網(wǎng)站交給學生自己運營。讓學生發(fā)出自己的聲音。

為了把建立網(wǎng)站的過程和學生的《網(wǎng)頁制作》的學習過程相結合。主要是教學資源的共建共享，在課堂使用該網(wǎng)站的教學資源進行輔助教學，結合工作過程系統(tǒng)化的課程開發(fā)，結合工作頁的素材的使用。通過上傳網(wǎng)站網(wǎng)頁給學生一個展示自己作品的機會。

可以讓每一個班級在校園網(wǎng)上建立自己的班級網(wǎng)頁，將校報辦到網(wǎng)上去，網(wǎng)頁上建立與中職學生相關的欄目，例如：求職、招聘信息等。組織學生自己定期更新常用工具軟件的版本，交流專業(yè)課的學習體會。利用所學知識解決實際問題，活學活用，學生在使用專題學習網(wǎng)站中遇到了問題，通過小組討論去尋找答案。將工作過程系統(tǒng)化課程學習情境實施的六個步驟：資訊、計劃、決策、實施、檢查、評價，充分運用到教學實踐當中。達到學生越學越愛學，越學越想學的自主學習狀態(tài)，真正實現(xiàn)專業(yè)課教學是以學生為主體，教師起到陪伴學生自主學習的作用。

3 《網(wǎng)頁制作》專題學習網(wǎng)站的實現(xiàn)

網(wǎng)站開發(fā)中，數(shù)據(jù)庫技術主要用來支持實現(xiàn)協(xié)作學習平臺、專題研討等動態(tài)網(wǎng)頁部分數(shù)據(jù)的存取。常用的數(shù)據(jù)庫有ACCESS、SQL Server、My SQL等。圖像處理技術主要用來設計、生成網(wǎng)頁背景圖片，使網(wǎng)頁更加美觀，有利于創(chuàng)設“真實”的學習情境。常用的圖像處理軟件有Photoshop、Fireworks。

運用靜態(tài)網(wǎng)頁制作技術、動態(tài)網(wǎng)頁制作技術、數(shù)據(jù)庫技術、三層結構技術進行網(wǎng)站開發(fā)，編碼實現(xiàn)網(wǎng)站的建設制作過程?！毒W(wǎng)頁制作》專題學習網(wǎng)站的測試、評價和完善，專題學習網(wǎng)站建成完成后，依照專題學習網(wǎng)站各個功能模塊的功能，在應用專題學習網(wǎng)站教學的過程中不斷糾正和完善，通過問卷調查專題學習網(wǎng)站的應用效果，更全面的了解基于專題學習網(wǎng)站的教學模式的有效性。

通過校園網(wǎng)試運行《網(wǎng)頁制作》專題學習網(wǎng)站，邀請網(wǎng)站設計與制作專家和學生使用專題學習網(wǎng)站，根據(jù)反饋意見，對網(wǎng)站進行修改和完善。

4 結束語

專題學習網(wǎng)站不僅為學生提供了豐富的專題學習資源，還為學生提供了功能強大的協(xié)作平臺和專題研討區(qū)，為學習者開展協(xié)作學習、交流和探討相關問題、展示自己的學習成果提供了良好的舞臺。利用專題學習網(wǎng)站進行課程教學，培養(yǎng)了學生自主學習、協(xié)作學習等綜合能力，形成了一種嶄新的數(shù)字化學習方式。

專題學習網(wǎng)站的資源要豐富，提供必要的演示視頻錄像，能夠給學習者以足夠的資源進行探究式的學習。教師博客、微博是教學的輔助平臺.用以促進教學的交流。通過博客、微博敘事式的記錄可以更好地了解教師的教學思想、研究成果和興趣愛好.也可以進行教師之間的教學交流。學生可以發(fā)表自己的見解和想法。特別是作品創(chuàng)意，供其他同學學習和參考，以達到共同進步的目的。

運用教學設計思想對《網(wǎng)頁制作》專題學習網(wǎng)站進行設計，主要包括需求分析與功能定位，中職學生特征分析，專題內容的選擇，信息資源的選擇與設計，自主學習的設計，學習評價系統(tǒng)的設計，學習情境創(chuàng)設等內容。通過專題學習網(wǎng)站創(chuàng)設學生自主學習的情境，引導、激發(fā)學生學習《網(wǎng)頁制作》課程的積極性，建立高效課堂，讓學生更好的掌握網(wǎng)頁制作的技能。

參考文獻：

[1]郝中超，金薇.Web3.0環(huán)境下運用專題學習網(wǎng)站實現(xiàn)學習資源共享建設的思考——運用專題學習網(wǎng)站實現(xiàn)學習資源共享的應用現(xiàn)狀調查分析[J].中國教育信息化，2013（01）.

[2]張利桃，任改梅，李揚.基于專題學習網(wǎng)站的“WebQuest”學習過程設計[J].中國電化教育，2013（02）.

作者簡介：朱順（1975-），男，教師，主要從事計算機教學、研究。

作者單位：大慶市蒙妮坦職業(yè)高級中學，黑龍江大慶 163458