基于頂崗實踐中課程教學改革探索與研究
——以網頁設計與制作課程為例

鄭水祥

（南京城市職業學院，江蘇 南京 211200）

1 研究背景

網絡信息技術不斷推陳出新，為視覺設計帶來了新的表現形式，也推動了藝術表現內容與形式上的創新與變革。 隨著新媒體技術的不斷發展，網頁設計中的不同類別元素也是更新變化，網頁前端界面經歷了從文字型頁面到圖形化頁面的轉變，再到現在新媒體技術普及應用，豐富了網頁端前的界面。

該項目以對南京城市職業學院2019 年畢業生數據為例，對其下屬某二級學院畢業生崗位跟蹤、回訪調查，視覺傳播設計、藝術設計兩專業畢業生應聘網站設計制作崗位主要有： 網店裝修與美化、Web 前端界面交互設計、網站編輯與維護等。

網店裝修與美化、Web 前端界面交互設計： 精通Photoshop、Html、DW 等網頁設計編輯工具。

網站編輯與維護：除了具備對Photoshop、Html 靜態語言、DW/FLASH/AE 軟件使用外，還能對網站色彩搭配、CSS、JSP/ASP 語言工具有二次編輯能力，對具有網站的DOM 樹形結構優化及SEO 經驗優先考慮。

2 以職場崗位需求為中心，明確課程目標

2.1 根據具體工作職責，全面了解課程需求

網店裝修與美化、Web 前端界面交互設計崗位的職責：（1）能夠根據公司產品類別需求，獨立完成公司的店鋪裝修督導及跟進工作；（2） 負責店鋪促銷活動專題頁面的設計制作，網站頁面美化工作。

網站編輯與維護崗位的職責：（1） 熟練使用PS/DM/CSS/JSP/ASP 軟件具備一定的創新能力，對色彩把握度強；有豐富的想象力；（2）具有扎實文案功底、策劃專題的能力，根據要求調整網站內容方向，使網站流量得到最大化提升；（3） 具有較寬的知識面， 了解SEO 搜索引擎方面知識優先；（4） 有一年以上的網站建設、版面欄目改版、維護等經驗。

2.2 營造職場環境，全面培養準職業人的素養與能力

在課程教學前期，教師將現實工作環境中高價值項目模擬引入課堂，安排學生具體任務，調動學習興趣，以此激發準職業人的情懷與榮譽感。 將職場環境直接轉移進課堂不僅能培養學生執著態度，更能以準職業人體驗來激勵學生在未來工作崗位中對項目計劃、落實與安排不斷探索與創新。

考慮到網頁設計與制作課程對學生的創意能力及制作能力要求較高，在教學過程中，教師可以根據工作實際需求使用Table、Div/CSS 或框架集， 在項目具體實施過程中，引導學生通過不同工具、方法、環境參數設計制作對比，對項目任務中出現的短時間無法解決的問題采取分組討論交流溝通方式。

3 根據具體任務，合理化安排課程內容

高職院校的專業人才培養目標中開設的課程要符合市場對崗位人才的需求，培養具有實踐能力的職業技能型人才。 為了將知識目標、能力目標和素質目標有效地統一明確，根據專業的素質能力目標，教育實施者必須對課程內容進行知識點重組與優化調整，增設與實際工作崗位相關的必備內容，減少或取消與實踐操作關聯性較小的內容。

將網頁設計與制作課程項目教學內容，分為如下幾部分：

網頁設計工具軟件介紹，同時分享優秀企業網站案例作品；網站網頁布局設計中Table 的應用、導航欄的制作；網頁文本、圖像圖形、超鏈接、視頻與音效的編輯使用；Div 結構的使用及經典案例中Div/CSS 的應用；Div/CSS 中CSS 的應用及表單元素的應用；網站測試與維護、網站優化；

調整后的課程內容進一步提升了課程的實用性與通用性。 通過學習，學生可以熟悉網站設計的全流程并能熟練設計制做出一套完整的小型網站。

接著以主要講述Div 結構的使用及經典案例中Div/CSS 的應用，詳細講述基于具體任務，進行合理化安排課程內容。 該部分內容選擇了ABC 培訓機構網站規劃項目為載體進行教學場景的設計。

規劃要求：

（1）網站主頁的布局設計、色彩搭配能反應該類網頁的特征，要能考慮客戶需求，達到宣傳效應。

（2）網頁整體布局設計、色調規格的統一性，確保不同終端的兼容性。

（3）分清首頁主次結構，根據版面布局逐一確定主次頁面，預留擴展性功能。

4 基于工作環境要素，深耕校企合作

學院可根據專業建設發展情況，定期安排校企單位資深Web 設計師、已入職的優秀校友代表來校進行交流傳幫帶，在交流過程中，教師與學生可以獲悉當前最新、最熱門的軟件平臺為依據，結合實際崗位及時更新課程內容，學校還可考慮直接試崗體驗讓學生熟悉并感受企業工作環境。 拓展學生的專業視野，為學生頂崗實踐做準備。

4.1 專業教師當先行積極為學生創設實踐條件

學校可安排符合條件的骨干教師先一步進入企業跟崗交流，在企業跟崗交流中能直接了解企業網站開發的業務流程、行業設計軟件的更新。 同時，也可讓教師將參與項目的經歷、行業交流直接引入課程實訓環節、為教材編寫提供幫助指導，為專業建設提供保駕護航。

4.2 采用 “教、學、做”項目一體化聯動模式

在實際教學過程中，將項目任務中重要指標轉化為課程教學的知識目標、能力目標和素質目標。

在課程導學階段，教師將知識點結構，學生模仿能力的培養融合為一體構建學生的知識體系。 以“ABC 培訓機構網站規劃設計”為例，該項目的教學安排如下：

項目任務：ABC 培訓機構首頁布局設計。

項目目標： 要求學生能熟練掌握使用Div/CSS 工具對網站布局設計。

教學內容：（1）了解不同類型網站的風格，提出對培訓類網站布局的理解、創意思考、草圖設想；（2）深度分解成熟網站項目設計使用的相關規范、技術參數與工具；（3） 通過效果實現分析Table 工具與Div/CSS布局兩者區別與優劣勢；（4）對網站布局使用Div/CSS設計。

教學方法：教師安排學生進行分組自主學習，教、學、做一體化。 授課教師在項目任務的詳述過程中，須分步驟分知識點逐條講解，還要關注學生實踐與思考的時間與空間，保證每個項目實施和學生的練習張弛有度。

5 教學考核和總結評價

考慮到課程實踐操作性很強，課程的教學內容也是從任務陳述、項目實訓、任務拓展等依次遞進，課程設計的深入淺出，實現了基礎知識、專業技能、素質涵養的同步培養與鍛煉。

6 結語

采用基于頂崗實踐的項目教學法進行課程教學，能將煩瑣理論變成逐個項目任務。 調查數據普遍反映該課程的教學改革創新培養了其崗位實際工作過程中的分析、思考與解決問題的綜合能力。

圖1 設計項目：ABC 培訓機構網站首頁設計