《網頁設計》一體化教學探究

胡蘇梅

[摘 ? ? ? ? ? 要] ?根據社會發展的新需要和技能型人才培養的教學改革需求，一體化教學應運而生，并在職業院校教學中大力推廣，在應用一體化教學方法中，既感受到學生的能力提升迅速，同時也對教授的網頁設計課程有自己的思考：將“典型工作任務”進行教學化處理，轉為“學習任務”，教學中設計模仿學習和實戰學習兩個環節，實現學習與工作的教學融合，也是培養零距離上崗的高技能人才的舉措。

[關 ? ?鍵 ? 詞] ?典型工作任務;學習任務;模仿學習;實戰學習

[中圖分類號] ?G712 ? ? ? ? ? ? ? ? [文獻標志碼] ?A ? ? ? ? ? ?[文章編號] ?2096-0603（2020）03-0146-02

一體化教學是按照經濟社會發展需要和技能人才培養規律，根據國家職業標準，以綜合職業能力為培養目標，通過對典型工作任務分析，構建課程體系，并以具體工作任務為教學載體，按照工作過程和學習者自主學習要求設計的教學活動。

一、“典型工作任務”的確立

“典型工作任務”就是貫穿全課程的實際工作實例。教師參與企業實踐及開展企業專家研討會是確定“典型工作任務”有效的辦法。對于企業專家研討會，主要邀請網絡公司的實踐專家（項目經理、技術人員等）開展研討會，請他們分享各自的職業成長歷程、公司的業務方向，即主要的工作任務和相關的核心技術，通過研討歸納總結出典型工作任務的框架。

二、典型工作任務轉化為學習任務

“典型工作任務”在實際工作中具有代表性，典型工作任務是職業技術院校設計學習任務的基礎，但不一定是企業真實崗位工作任務的再現，有的崗位任務不便直接用于學校教育，學習任務是對典型工作任務進行“教學化”處理的結果，教師有參與企業實踐的經歷，能更合理地將工作任務轉化為學習任務，學習任務它既不是崗位任務，更不是簡單的知識學習和技能訓練任務。但完成此學習任務后，學生可以到企業從事多個崗位的工作。

筆者有多年的教學經驗及實踐經驗，結合企業專家座談結果，確定網頁設計的典型工作任務為：網站的主頁、網站某個欄目列表頁、網站詳細頁;學習任務為：徐州技師學院工會主頁、列表頁、詳細頁。

三、教學設計

課程內容按照工作任務和工作過程的邏輯關系進行設計，并優化模塊教學內容，既讓學生學到知識技能，又體驗工作過程，體現了綜合職業能力的培養。筆者在《網頁設計》教學中，將任務分解為：模仿學習和實戰學習兩個環節。

（一）模仿學習環節

1.引導學生認識任務

一體化課程教學，教師首先通過工作描述和演示，提出具體工作任務并進行任務分析，使學生明確任務和學習要求。但是再好的學習內容，也需要學生從心理上認同及接受，才能更好地完成學習任務。教師上課前給學生一些網址，讓學生瀏覽網頁，要求學生著重分析各網頁的內容及布局特點。在此基礎上，再引導學生對網頁功能進行歸納總結，得出一般網站主要有三種類型的網頁：主頁、列表頁、詳細頁的結論。在學生對網頁功能有一定認識的基礎上，然后再展示本課程要學習的任務。學生會明白：即將學習的內容，是制作網頁必備的知識，也是當下流行的技術。有了這樣的認識，能較好地調動學生的學習積極性。

2.將學習任務構建為教學單元模塊

每個學習任務都涵蓋大量的知識點，學生無法在短短的幾個課時中學完，需構建工作任務與知識、技能緊密關聯的教學單元模塊，遵循模塊與模塊之間要層層遞進、相互支撐的原則。

分析這三個學習任務，網頁結構相似，頁頭部分和頁尾部分相同，只有正文部分布局結構和內容相同，其中詳細頁的布局及內容結構相對簡單，在“詳細頁”掌握的基礎上再學習“列表頁”和“主頁”，學生容易接受。每個任務學完之后，再通過拓展練習鞏固知識。

3.分析問題，提取“關鍵字”，培養學生的學習能力

一體化教學的一個重要的特點是注重培養學生分析問題、解決問題的綜合能力。傳統的先講再練習的教學模式，學生雖然當時接受了，也能模仿教師的操作完成練習，但非常容易遺忘，教學效果較差。計算機知識更新迅速，學習能力欠缺將阻礙職業發展，甚至會被行業淘汰。網絡上有豐富的學習資源，學生在工作后學習新知識的途徑，主要還是通過網絡學習。如何快速獲取有效的資源，學生要學會分析問題，找出問題的關鍵所在，這應是學習的重點內容之一。

網頁設計中CSS的應用既是重點也是難點，關于這部分知識的學習，教師可引導學生分析自己目前制作的網頁和效果圖的差別，并將學生分析出的結果一一羅列出來，對每一種效果的不同，引導學生找出“關鍵字”，再指導學生學習CSS手冊，找到相應的屬性，每個屬性都有若干個參數，應使用什么樣的參數，由小組成員共同學習、相互討論、分析及嘗試，得出結論。手冊上不能直接查到的，再讓學生上網搜索解決，在學生查閱資料時教師給予相關的指導，特別是問題的“關鍵字”的認定，這對搜查資料起到至關重要的作用。

（二）實戰學習環節

學生在模仿學習任務階段，雖然能掌握一些專業技能的一部分職業能力，但在實際的工作學生還要有良好的溝通能力、理解能力、歸納總結能力、合作能力、設計能力以及綜合專業知識應用的操作技能。實戰環節就是把學生引入專業技能綜合應用和職業能力培養相結合的學習階段，實現工作與學習的教學融合。

1.業務流程介紹

本課程實戰環節的工作任務：讓學生以小組為單位，為班級制作網頁，并申請免費空間，發布到網上。通過這個任務，學生掌握網頁設計及發布的完整業務流程和相關的具體業務。

發布網站的業務流程：申請域名→申請空間→域名和空間的IP綁定→將制作好的網頁上傳到空間。域名的申請可由客戶自己申請也可由網頁制作方代為申請;網站的空間，如果客戶單位有自己的服務器和公有的IP，網站空間可由本單位的網管分配，很多規模不大的單位為了節約成本，沒有自己的服務器或公有的IP，這時可在網上申請免費空間或租用空間。本課程的實戰任務，將采用在網上申請免費空間的方案;域名和空間的IP綁定，由申請域名的管理員進行操作;上傳網頁由網頁制作方進行上傳。

網頁制作業務方面：客戶提出需求，制作方根據客戶需求進行策劃、設計，初步制作效果圖，再與客戶溝通，再修改，在客戶認可后，開始制作，完成后再進行功能調試，交付客戶試用，并根據客戶的需求進行修改，直到客戶滿意，交付用戶使用。

2.教學實施環節設計

教師組織，教師扮演客戶，各小組長進行分工協調，小組成員分別扮演項目負責人、網站編輯、技術員、美工設計的角色頁。教師引導學生查閱資料或向企業人員請教，讓學生對自己扮演的角色所需要具備的知識及技能需求有充分的認識，在與他人交流時如何準確表達自己的想法，在學生理解的基礎上，組織扮演相同角色的學生進行交流，取長補短，形成書面資料。

項目負責人要和制作網頁的客戶進“業務洽談與接待”，充分了解對方的需求，并針對客戶提出的需求進行歸納總結，編寫“網站策劃書”及進行人員分工：設計欄目，主頁的大概布局及色調，制作網頁效果圖，然后制作網頁，代客戶申請域名及免費空間，將完成的網頁發布到網上，并對文檔資料進行歸整。

（三）教學評價

模仿學習環節的教學評價，由教師評價和小組互評（占30%）、組內成員互評（占30%）共同組成，以與效果圖的相似度為評價標度，相似度主要指布局及圖樣式設置的效果，色調可以自由發揮，但要求協調美觀。

實戰學習環節的教學評價，由企業專家評價（占50%）、校內教師評價（占25%）、任課教課評價（占15%）、其他小組評價組成（占10%）。

一體化教學是教學和工作的教學融合，實現專業學習和工作實踐學做合一，實現“學中干，干中學”，對學生個人來說，有助于學生盡早規劃自己的職業生涯，使自己個性發展與工作崗位需要相一致;對社會來說，實施一體化教學，是培養滿足企業需求的高技能人才的有效手段。

參考文獻：

人力資源和社會保障部.一體化課程教學標準開發技術規程[S]，2009.