1+X證書制度下“網(wǎng)頁設(shè)計(jì)”課程改革探索

陳小紅

(上海震旦職業(yè)學(xué)院 機(jī)電與建筑工程學(xué)院， 上海 201908)

0 引言

2019年3月，“學(xué)歷證書+若干職業(yè)技能等級證書”(簡稱1+X證書)制度試點(diǎn)工作在我國職業(yè)院校和應(yīng)用型本科高校正式啟動[1]。這標(biāo)志著職業(yè)教育從已經(jīng)實(shí)踐了20多年的學(xué)歷證書 + 職業(yè)資格證書的“雙證”制度正式開始向“1+X證書”制度轉(zhuǎn)變?！?”代表學(xué)歷證書，“X”代表的就是若干職業(yè)技能等級證書[2]，旨在鼓勵廣大職業(yè)院校和應(yīng)用型本科的學(xué)生能夠在取得學(xué)歷證書的同時，積極主動去獲得不僅僅是一個而是多個職業(yè)技能等級證書，讓學(xué)生對個人職業(yè)能力的認(rèn)知和職業(yè)生涯的選擇和發(fā)展有更清晰的認(rèn)識。1+X 證書制度的試點(diǎn)是我國職業(yè)教育一項(xiàng)創(chuàng)新的教育改革，符合新時代新產(chǎn)業(yè)對高素質(zhì)多技能復(fù)合型人才的需求，對于深化產(chǎn)教融合、校企合作育人的職業(yè)教育人才培養(yǎng)模式具有重要意義。

對于職業(yè)院校來說，實(shí)施“1+X證書”制度的首要關(guān)鍵點(diǎn)是如何在專業(yè)人才培養(yǎng)方案中融合“1”和“X”，重構(gòu)對接若干職業(yè)技能等級證書的專業(yè)核心課程體系，改革核心課程的課程標(biāo)準(zhǔn)、教學(xué)方案、考核方案，從而提高學(xué)生的職業(yè)素養(yǎng)，多樣化學(xué)生的職業(yè)技能，拓寬學(xué)生的就業(yè)崗位。

1 Web 前端開發(fā)職業(yè)技能等級證書

職業(yè)技能等級證書是一種由行業(yè)主導(dǎo)的新型證書，職業(yè)教育培訓(xùn)評價(jià)組織及其主導(dǎo)的職業(yè)技能等級證書是面向社會廣泛招募、嚴(yán)格評審確定的，培訓(xùn)評價(jià)組織對接職業(yè)標(biāo)準(zhǔn)，開發(fā)職業(yè)技能等級標(biāo)準(zhǔn)，并負(fù)責(zé)實(shí)施職業(yè)技能考核評價(jià)和發(fā)放證書。證書體現(xiàn)了崗位(群)能力要求，反映職業(yè)活動和個人職業(yè)生涯發(fā)展所需要的綜合職業(yè)能力，全面涵蓋專業(yè)知識、職業(yè)素養(yǎng)和技能操作。

“Web 前端開發(fā)職業(yè)技能等級證書”作為首批啟動“1+X證書”試點(diǎn)的5個職業(yè)技能領(lǐng)域的六項(xiàng)技能證書之一[3]，必將給軟件技術(shù)、數(shù)字媒體應(yīng)用技術(shù)、計(jì)算機(jī)應(yīng)用技術(shù)等相關(guān)專業(yè)的教育教學(xué)帶來重大改革。Web前端開發(fā)是從早期靜態(tài)網(wǎng)頁制作演變而來，是指通過應(yīng)用HTML、CSS、JavaScript等各種技術(shù)創(chuàng)建Web頁面或者移動端界面并呈現(xiàn)給用戶的過程。前端開發(fā)把控著信息和內(nèi)容的傳達(dá)，直接影響到用戶的信息攝入和視覺體驗(yàn)。Web前端崗位就業(yè)選擇多、職業(yè)生涯廣，隨著互聯(lián)網(wǎng)技術(shù)的快速更新，近年來企業(yè)對于Web前端開發(fā)的人才需求量越來越大。

2019年5月，工業(yè)和信息化部教育與考試中心發(fā)布了“Web 前端開發(fā)職業(yè)技能等級標(biāo)準(zhǔn)”。該標(biāo)準(zhǔn)是請有關(guān)行業(yè)專家采用功能分析法，明確了Web前端開發(fā)這一職業(yè)領(lǐng)域的主要“工作領(lǐng)域”，又分解出典型“工作任務(wù)”，再次分解出“職業(yè)技能”，職業(yè)技能又包括技能要求和知識要求。并將 Web 前端開發(fā)職業(yè)技能定義為“利用 HTML、CSS、JavaScript、網(wǎng)頁開發(fā)框架等專業(yè)知識、方法和工具將產(chǎn)品 UI 設(shè)計(jì)稿實(shí)現(xiàn)成網(wǎng)站的技能”[4]。同時該標(biāo)準(zhǔn)也明確了Web前端開發(fā)的職業(yè)素養(yǎng)要求、配套教材、操作規(guī)范、考核方式等。

Web前端開發(fā)職業(yè)技能共設(shè)初、中、高三級，最低培訓(xùn)課時分別是96、224、320標(biāo)準(zhǔn)課時。其中初級證書對接靜態(tài)網(wǎng)頁設(shè)計(jì)與開發(fā)(含移動端)工作領(lǐng)域，中級證書對接動態(tài)網(wǎng)站設(shè)計(jì)與開發(fā)(含移動端)工作領(lǐng)域，高級證書對接復(fù)雜網(wǎng)頁設(shè)計(jì)與開發(fā)(含移動端)、網(wǎng)站架構(gòu)設(shè)計(jì)與性能優(yōu)化工作領(lǐng)域。每一個級別都有相應(yīng)的培訓(xùn)學(xué)時、銜接的職業(yè)教育相關(guān)專業(yè)、培養(yǎng)目標(biāo)、主要職業(yè)能力與知識要求等。職業(yè)技能等級證書考核包括理論考試、實(shí)操考試兩部分，滿分各100分，兩部分均達(dá)到60分的考生才能獲得相應(yīng)級別的職業(yè)技能等級證書[4]。

“Web 前端開發(fā)職業(yè)技能等級標(biāo)準(zhǔn)”面向多個崗位設(shè)計(jì)了多個模塊化的知識點(diǎn)和能力要求，科學(xué)地反映了Web 前端開發(fā)人員的職業(yè)生涯發(fā)展路徑，可以為職業(yè)教育Web 前端開發(fā)人才培養(yǎng)規(guī)格提供參照。

2 Web前端開發(fā)課程改革思路

“1+X證書”制度背景下，職業(yè)院校要與培訓(xùn)評價(jià)組織深度合作，對接職業(yè)技能等級證書培訓(xùn)內(nèi)容與相關(guān)專業(yè)的課程內(nèi)容，對接職業(yè)技能等級標(biāo)準(zhǔn)與職業(yè)教育各層次的專業(yè)課程標(biāo)準(zhǔn)，對接職業(yè)技能等級考核與相關(guān)專業(yè)課程考核方案[5]。Web前端課程群開發(fā)組應(yīng)參照“Web 前端開發(fā)職業(yè)技能等級標(biāo)準(zhǔn)”要求，結(jié)合生源情況對課程進(jìn)行模塊化重構(gòu)，及時將最新技術(shù)、新工藝等納入課程標(biāo)準(zhǔn)與考核方案。相對于Web前端開發(fā)職業(yè)技能的3個等級，專業(yè)核心課程群的課程內(nèi)容并不能簡單地進(jìn)行同樣的分級。從3個級別證書的考核職業(yè)技能點(diǎn)和考核項(xiàng)目來看，3個級別之間是相互滲透和螺旋上升的。如在初、中、高級證書的考核中都包括“靜態(tài)網(wǎng)頁設(shè)計(jì)”的內(nèi)容，具體有HTML基礎(chǔ)及HTML5標(biāo)簽應(yīng)用、CSS基礎(chǔ)及CSS3新特性美化網(wǎng)頁、響應(yīng)式網(wǎng)頁開發(fā)(PC端和移動端)等主要職業(yè)技能點(diǎn)。通過綜合分析相應(yīng)的技能要求與知識要求，從課程標(biāo)準(zhǔn)、課程教學(xué)方案和課程考核方案三個方面進(jìn)行“網(wǎng)頁設(shè)計(jì)”課程的改革探索。

3 “網(wǎng)頁設(shè)計(jì)”課程改革

3.1 “網(wǎng)頁設(shè)計(jì)”課程標(biāo)準(zhǔn)

“網(wǎng)頁設(shè)計(jì)”作為Web前端開發(fā)核心課程群的入門課程，整合了之前的“網(wǎng)頁制作基礎(chǔ)”、“HTML5+CSS3網(wǎng)頁設(shè)計(jì)”兩門課程的內(nèi)容，基本涵蓋了“Web 前端開發(fā)職業(yè)技能等級標(biāo)準(zhǔn)”中靜態(tài)網(wǎng)站開發(fā)和網(wǎng)站美化部分。這樣整合更有利于課程考核項(xiàng)目的完整性和系統(tǒng)性。本課程的總體目標(biāo)是通過專業(yè)理論知識教學(xué)和操作技能訓(xùn)練，讓學(xué)生能掌握HTML網(wǎng)頁制作知識以及HTML5常用標(biāo)記應(yīng)用，掌握CSS屬性設(shè)置基礎(chǔ)知識、網(wǎng)頁布局基礎(chǔ)知識、運(yùn)用CSS3新特性改變網(wǎng)頁樣式和結(jié)構(gòu)的基本技能，并能運(yùn)用所學(xué)知識與技能完成網(wǎng)頁設(shè)計(jì)與制作任務(wù)。技能要求包括HTML5網(wǎng)頁制作能力、CSS3應(yīng)用能力、CSS3彈性布局應(yīng)用能力、網(wǎng)頁設(shè)計(jì)與制作綜合能力。

教學(xué)內(nèi)容包括網(wǎng)頁與HTML基礎(chǔ)知識，HTML5常用標(biāo)記，CSS3基礎(chǔ)語言，CSS3屬性設(shè)置，CSS3美化，定位方式，F(xiàn)lex彈性布局，CSS3擴(kuò)展應(yīng)用等。本課程實(shí)踐性非常強(qiáng)，共設(shè)置了HTML5網(wǎng)頁制作、CSS3屬性設(shè)置、響應(yīng)式網(wǎng)頁綜合設(shè)計(jì)三個綜合實(shí)踐模塊。

3.2 “網(wǎng)頁設(shè)計(jì)”課程教學(xué)方案

本課程采取線上線下混合 “以學(xué)生為主體” 的教學(xué)模式。教師運(yùn)用現(xiàn)代信息技術(shù)開發(fā)各種媒體教學(xué)資源和在線課程互動平臺，構(gòu)建產(chǎn)教融合的學(xué)習(xí)情境，并引導(dǎo)學(xué)生在學(xué)習(xí)過程中仔細(xì)研讀課前預(yù)習(xí)資料，認(rèn)真完成預(yù)習(xí)任務(wù)。學(xué)生帶著問題參加面授課堂，形成相對固定的學(xué)習(xí)小組，在自主學(xué)習(xí)過程中應(yīng)多動手實(shí)踐，掌握網(wǎng)頁設(shè)計(jì)與開發(fā)基礎(chǔ)知識與基本技能，從而具備網(wǎng)頁綜合設(shè)計(jì)與開發(fā)的能力。并聘請企業(yè)技術(shù)專家講座或兼職授課，將企業(yè)一線崗位的現(xiàn)場管理知識等帶入課堂，將職業(yè)素養(yǎng)的培養(yǎng)融入到課程教學(xué)點(diǎn)滴中。

3.3 “網(wǎng)頁設(shè)計(jì)”課程考核方案

目前Web前端開發(fā)課程的考核方式主要有閉卷筆試、網(wǎng)頁設(shè)計(jì)作品報(bào)告、閉卷上機(jī)操作考試等多種方式。這些考核方式有些是重理論輕實(shí)踐；有些實(shí)踐考核項(xiàng)目要求設(shè)計(jì)過于開放，導(dǎo)致評分尺度不好把控；還有些實(shí)踐考核項(xiàng)目設(shè)計(jì)過于客觀，導(dǎo)致學(xué)生死記硬背應(yīng)付考試，偏離了考試的初衷。

為了真實(shí)反映學(xué)生對課程的掌握情況，客觀檢驗(yàn)學(xué)習(xí)的成果，在“1+X證書”制度背景下，參照“Web 前端開發(fā)職業(yè)技能等級證書”的考核方式，對“網(wǎng)頁設(shè)計(jì)”課程的考核方式進(jìn)行了改革。新的課程考核方案分為理論知識考試和操作技能考核，總分均為100分。其中理論知識考試成績占總成績的30%，技能考核成績占總成績的70%，最終得到的總評成績達(dá)到60分且兩部分的單獨(dú)成績都必須達(dá)到50分以上，才能取得本門課程的學(xué)分，這樣能保證理論和實(shí)踐考核雙管齊下，考生不會厚此簿彼。理論知識考試題型為客觀題型，考試方式為閉卷上機(jī)考試。題型有判斷題、單選題、多選題三種，題量共100題，由電腦隨機(jī)組卷，考試范圍覆蓋本課程所有教學(xué)內(nèi)容。

操作技能考核采用現(xiàn)場實(shí)際操作方式，操作技能考核項(xiàng)目共有“HTML5網(wǎng)頁制作”“CSS3屬性設(shè)置”“響應(yīng)式網(wǎng)頁綜合設(shè)計(jì)”3個項(xiàng)目，所配分值分別為30分、30分、40分。每個考核項(xiàng)目都有明確的操作任務(wù)、質(zhì)量指標(biāo)和評分細(xì)則?！癏TML5網(wǎng)頁制作”“CSS3屬性設(shè)置”兩個考核項(xiàng)目與“Web前端開發(fā)職業(yè)技能等級證書”考核項(xiàng)目類似，屬于客觀操作項(xiàng)目。題目所提供的素材中包括不完整的網(wǎng)頁文件和完整網(wǎng)頁的樣張文件，學(xué)生只需要在源網(wǎng)頁文件中的相應(yīng)位置添加合適的代碼，使得網(wǎng)頁效果與樣張一致即可，每完成一個質(zhì)量指標(biāo)就會有相應(yīng)的得分。這兩個項(xiàng)目分別考核了HTML5文字設(shè)置、列表設(shè)置、圖像設(shè)置等和 CSS3文字樣式設(shè)置、圖像樣式設(shè)置、菜單設(shè)置等。“響應(yīng)式網(wǎng)頁綜合設(shè)計(jì)”考核項(xiàng)目是客觀主觀兼具的綜合設(shè)計(jì)項(xiàng)目，主客觀所配分值分別為10分和30分。這樣的考核項(xiàng)目既覆蓋了必有的核心知識點(diǎn)，又讓考生對這些知識點(diǎn)學(xué)以致用，主觀評分表里也有對藝術(shù)審美的要求，全面考察了本門課程所有技能要求的綜合應(yīng)用，包括CSS3浮動布局、Flex彈性布局、跨瀏覽器應(yīng)用等。

以“響應(yīng)式網(wǎng)頁綜合設(shè)計(jì)”考核項(xiàng)目為例，題目要求考生根據(jù)提供的原始網(wǎng)站頁面(html文件中已定義了所有可呈現(xiàn)的元素)和相關(guān)圖片素材設(shè)計(jì)網(wǎng)頁，使用HTML5+CSS3.0制作自適應(yīng)/響應(yīng)式網(wǎng)頁，將顯示元素在兩種設(shè)備中(電腦和智能手機(jī))進(jìn)行重新布局并設(shè)置屬性，在一個HTML文件中實(shí)現(xiàn)兩種頁面布局，使得在兩種設(shè)備的分辨率下可以對該網(wǎng)站進(jìn)行正常的瀏覽。并且還要求寬窄屏之間能平滑過渡，代碼必須經(jīng)過W3C驗(yàn)證，能實(shí)現(xiàn)部分交互功能，添加合適的注釋等?？己隧?xiàng)目的客觀評分表(部分)如表1所示。

表1 “響應(yīng)式網(wǎng)頁綜合設(shè)計(jì)”考核項(xiàng)目客觀評分表

4 總結(jié)

職業(yè)教育的根本目的是培養(yǎng)能適應(yīng)若干職業(yè)崗位的高素養(yǎng)、高技術(shù)技能型復(fù)合人才，而不僅僅是取得某技能等級證書?！?+X 證書”制度在我國才剛剛起步，目前國家教育部門正在探索建立職業(yè)教育“學(xué)分銀行”制度，嘗試進(jìn)行學(xué)歷證書與職業(yè)技能等級證書的互換互通。任何制度的改革創(chuàng)新都需要通過實(shí)踐來檢驗(yàn)，“1+X”制度不僅僅是職業(yè)教育領(lǐng)域的改革舉措，也關(guān)乎產(chǎn)業(yè)發(fā)展需求，需要各試點(diǎn)院校能積極探索，穩(wěn)步推進(jìn)職業(yè)學(xué)歷教育與職業(yè)技能培訓(xùn)融合的人才培養(yǎng)模式。專業(yè)核心課程群的教學(xué)改革需要在認(rèn)真貫徹“1+X 證書”制度的基礎(chǔ)上，與職業(yè)技能培訓(xùn)評價(jià)組織積極溝通，并結(jié)合院校的專業(yè)建設(shè)基礎(chǔ)和原有課程體系來進(jìn)行。核心課程群設(shè)計(jì)方案需要經(jīng)過校內(nèi)外技術(shù)專家、課程專家進(jìn)行評審，并在實(shí)施過程中及時修訂補(bǔ)充。