王玲玲

摘要：隨著網(wǎng)絡(luò)技術(shù)及新媒體的發(fā)展，很多院校的新聞學(xué)專業(yè)也開始了很多新媒體技能課程，其中包含了計(jì)算機(jī)編程內(nèi)容。本文主要探討如何利用項(xiàng)目式教學(xué)模式來提高新聞學(xué)專業(yè)學(xué)生更好的學(xué)習(xí)計(jì)算機(jī)類課程。

關(guān)鍵詞：web前端開發(fā)技術(shù)；新聞學(xué)專業(yè)；項(xiàng)目式教學(xué)模式

中圖分類號(hào)：G642文獻(xiàn)標(biāo)識(shí)碼：A文章編號(hào)：1671-864X（2016）10-0 218 -01

隨著網(wǎng)絡(luò)的發(fā)展，用人單位對(duì)新聞?lì)悓I(yè)學(xué)生的知識(shí)技能提出更高的要求，比如要掌握新媒體的相關(guān)技能。交互數(shù)據(jù)新聞及移動(dòng)媒體平臺(tái)也都需要學(xué)生掌握Web前端開發(fā)技術(shù)和數(shù)據(jù)可視化技術(shù)。所以在新的人才培養(yǎng)方案中，著重強(qiáng)調(diào)要培養(yǎng)學(xué)生新媒體技術(shù)的應(yīng)用能力。而老的《網(wǎng)頁設(shè)計(jì)與制作》課程已經(jīng)無法滿足新的人才培養(yǎng)的需求。所以在新的新聞?lì)悓I(yè)人才培養(yǎng)方案中，我系將《網(wǎng)頁設(shè)計(jì)與制作》拆分成《界面設(shè)計(jì)》與《Web前端開發(fā)技術(shù)》兩門課程。

Web前端開發(fā)技術(shù)主要包含HTML、CSS和JavaScript這三方面的內(nèi)容，并拓展HTML5、CSS3、jQuery和echarts制作動(dòng)態(tài)圖表的內(nèi)容。

在教授《Web前端開發(fā)技術(shù)》時(shí)，主要存在以下難題：

首先， 內(nèi)容難度的增加。

（一）由講授Dreamweaver軟件的使用轉(zhuǎn)變成代碼的學(xué)習(xí)。

《網(wǎng)頁設(shè)計(jì)與制作》的教學(xué)目標(biāo)是讓學(xué)生熟練掌握Dreamweaver的使用，并能夠利用Dreamweaver制作靜態(tài)頁面。而《Web前端開發(fā)技術(shù)》則是要讓學(xué)生掌握利用HTML、CSS和Javascript完成前端開發(fā)，并且可以制作出交互數(shù)據(jù)圖表。Dreamweaver屬于視覺化網(wǎng)頁開發(fā)工具，對(duì)于沒有接觸過計(jì)算機(jī)編程的新聞?lì)悓W(xué)生來說，要更容易接受。比如同樣是需要在網(wǎng)頁中插入一張圖片，在Dreamweaver軟件中只需要點(diǎn)擊“插入圖像”圖標(biāo)，在彈出的對(duì)話框中選擇圖片即可，而代碼中需要輸入。

（二）增加JavaScript和html5+css3的內(nèi)容。

現(xiàn)在網(wǎng)頁對(duì)交互性提出了更高的要求，所以JavaScript是必須要學(xué)的。在做數(shù)據(jù)可視化時(shí)，需要用到j(luò)Query、echarts、d3等js庫，而這需要學(xué)生掌握J(rèn)avascript的基礎(chǔ)知識(shí)。Javascript是一種廣泛用于客戶端的腳本語言，在里面涉及到數(shù)據(jù)類型、語句結(jié)構(gòu)等，對(duì)于從來沒有接觸過計(jì)算機(jī)編程語言的學(xué)生來說，接受起來有很大的困難。

其次，學(xué)生沒有自信心，學(xué)習(xí)的積極性較差。

新聞?lì)悓W(xué)生大部分高中階段是文科生，在聽到要學(xué)代碼的時(shí)候第一反應(yīng)就是“好難啊”，沒有自信心，表現(xiàn)出了比較強(qiáng)的畏難情緒。部分學(xué)生仍然認(rèn)為新聞?lì)悓I(yè)學(xué)生只要會(huì)采訪會(huì)寫稿就行，對(duì)新技術(shù)的學(xué)習(xí)沒有積極性，課后極少練習(xí)。

最后，學(xué)生的計(jì)算機(jī)基礎(chǔ)較差。

新聞?lì)悓W(xué)生在學(xué)習(xí)《Web前端開發(fā)技術(shù)》之前，只學(xué)習(xí)了《大學(xué)計(jì)算機(jī)基礎(chǔ)》和其他一些圖像處理、視音頻處理軟件的學(xué)習(xí)，平時(shí)用的比較多也就是office、photoshop、premiere等軟件。計(jì)算機(jī)的基礎(chǔ)知識(shí)比較薄弱，很多計(jì)算機(jī)常識(shí)的內(nèi)容，他們可能也是第一次用到。

針對(duì)以上難題，在實(shí)際的教學(xué)過程中，我主要采用以下措施來保證教學(xué)效果。

第一，研究學(xué)生，針對(duì)專業(yè)需求和學(xué)生特點(diǎn)制定教學(xué)目標(biāo)。

學(xué)生是學(xué)習(xí)的主體，要尊重學(xué)生、研究學(xué)生的知識(shí)結(jié)構(gòu)和能力，針對(duì)學(xué)生的特點(diǎn)組織教學(xué)。新聞?lì)悓I(yè)學(xué)生與計(jì)算機(jī)專業(yè)學(xué)生的教學(xué)目標(biāo)上有很大的不同，以后的工作需求不同，計(jì)算機(jī)基礎(chǔ)也不同，針對(duì)新聞?lì)悓I(yè)學(xué)生就業(yè)后從事工作需求，并考慮到學(xué)生的基礎(chǔ)，對(duì)教學(xué)目標(biāo)重新進(jìn)行設(shè)定，教學(xué)內(nèi)容也做相應(yīng)調(diào)整。首先HTML和CSS是基礎(chǔ)內(nèi)容，是要求學(xué)生必須掌握的，而且相對(duì)來說比較容易上手，見效快。其次Javascript部分，新聞?lì)悓I(yè)學(xué)生主要是使用jQuery和echarts等js庫包來工作，所以只會(huì)講解Javascript基礎(chǔ)部分，然后講解jQuery的基本使用和echarts的使用方法。最后HTML5和CSS3在移動(dòng)平臺(tái)上使用比較多，但是里面canvas部分內(nèi)容新聞?lì)悓I(yè)學(xué)生可能用不到，所以主要利用講解HTML5和CSS3制作響應(yīng)式頁面和具有動(dòng)畫效果的新聞頁面。

第二，教學(xué)目標(biāo)突出能力目標(biāo)。

《Web前端開發(fā)技術(shù)》是一門實(shí)踐性很強(qiáng)的課程，所以在知識(shí)目標(biāo)、能力目標(biāo)和素質(zhì)目標(biāo)中，知識(shí)目標(biāo)是基礎(chǔ)，重點(diǎn)突出培養(yǎng)學(xué)生的能力目標(biāo)。總的能力目標(biāo)就是學(xué)生可以使用HTML、CSS和JavaScript制作交互數(shù)據(jù)新聞和前端頁面的開發(fā)。在每個(gè)部分都有小的能力目標(biāo)分支，比如能夠利用文本標(biāo)簽和CSS樣式完成文字頁面的呈現(xiàn)與格式化，而不是掌握各種文本標(biāo)簽和CSS屬性。

第三，利用項(xiàng)目和任務(wù)訓(xùn)練學(xué)生的能力。

傳統(tǒng)的教學(xué)是教師講解各個(gè)HTML標(biāo)簽和CSS樣式的含義和使用方法，而學(xué)生計(jì)算記住了這些知識(shí)內(nèi)容，仍然無法獨(dú)立完成一個(gè)頁面的制作，因?yàn)閺闹R(shí)到能力的轉(zhuǎn)變需要一個(gè)轉(zhuǎn)化過程，更別提中間會(huì)遇到各種各樣的問題。每一次課都設(shè)定一個(gè)小的能力目標(biāo)，并設(shè)計(jì)一個(gè)小的項(xiàng)目，通過這個(gè)項(xiàng)目的完成，讓學(xué)生完成該能力目標(biāo)。比如講授表單部分內(nèi)容時(shí)，帶領(lǐng)學(xué)生完成QQ郵箱登錄頁面的制作，完全復(fù)原QQ郵箱登錄頁面。在這個(gè)小項(xiàng)目中，學(xué)生不僅要掌握表單的制作方法，更要掌握表單在實(shí)際頁面開發(fā)時(shí)需要怎么設(shè)置。另外這個(gè)小項(xiàng)目還可以讓學(xué)生復(fù)習(xí)頁面布局的內(nèi)容。

每個(gè)小項(xiàng)目都是總項(xiàng)目的一個(gè)小部分。在課程中共有兩個(gè)總項(xiàng)目，也可以說是一個(gè)總項(xiàng)目，兩者是有聯(lián)系的。在講完HTML和CSS內(nèi)容后，會(huì)完成一個(gè)響應(yīng)式綜合頁面的制作。在學(xué)了Javascript后，給響應(yīng)式綜合頁面添加交互。這樣使得整個(gè)課程變成一個(gè)系統(tǒng)。

第四，重新組織教學(xué)內(nèi)容。

傳統(tǒng)的教學(xué)中，一般是先講HTML，再講CSS，然后講Javascript。因?yàn)椴捎庙?xiàng)目式和任務(wù)式教學(xué)方法，里面會(huì)用到的知識(shí)點(diǎn)不會(huì)是單純的HTML或CSS內(nèi)容。所以對(duì)教學(xué)內(nèi)容按照項(xiàng)目要求重新進(jìn)行打包整理，比如第一次的小項(xiàng)目是制作新聞詳細(xì)頁，里面需要用到HTML文字標(biāo)簽來呈現(xiàn)內(nèi)容，也需要用到CSS來格式化文字。

第五，以產(chǎn)品作為考核內(nèi)容，引入第三方檢驗(yàn)教學(xué)效果。

最終學(xué)生以團(tuán)隊(duì)合作的方式，制作完成一個(gè)完整的具有交互的數(shù)據(jù)新聞頁面，以行業(yè)標(biāo)準(zhǔn)為考核標(biāo)準(zhǔn)，并引入第三方對(duì)學(xué)生作品進(jìn)行考核點(diǎn)評(píng)，檢驗(yàn)課程教學(xué)效果。

總之，在面向新聞?lì)悓I(yè)講授計(jì)算機(jī)類課程時(shí)，一定要以學(xué)生為主體，研究學(xué)生，清楚專業(yè)的需求和學(xué)生的基礎(chǔ)，然后制定教學(xué)目標(biāo)。在教學(xué)目標(biāo)中一定要突出能力目標(biāo)?？梢岳庙?xiàng)目式教學(xué)模式，會(huì)讓學(xué)生動(dòng)手能力更強(qiáng)，更具有學(xué)習(xí)成就感。根據(jù)項(xiàng)目組織教學(xué)內(nèi)容，使得教學(xué)內(nèi)容融入到每個(gè)小項(xiàng)目中，小項(xiàng)目再組成大項(xiàng)目，最終以作品測(cè)評(píng)整個(gè)教學(xué)效果，使得課程變成一個(gè)系統(tǒng)。

參考文獻(xiàn)：

[1]戴士弘.職教院校整體教改[M].清華大學(xué)出版社，2012.5.

[2]張潔.基于工作任務(wù)的項(xiàng)目教學(xué)在高職課程中的應(yīng)用研究[J].河北師范大學(xué)，2012（3）.