網(wǎng)頁(yè)設(shè)計(jì)論文網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言課程改革的思考

　　這篇網(wǎng)頁(yè)設(shè)計(jì)論文發(fā)表了網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言課程改革的思考，運(yùn)用互聯(lián)網(wǎng)對(duì)教學(xué)課程進(jìn)行改革是必然的，論文探討了“網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言”專(zhuān)業(yè)課程的改革教學(xué)內(nèi)容，論文對(duì)改革教學(xué)內(nèi)容進(jìn)行了探討，將新的教學(xué)理念和方法融入到客戶才呢過(guò)當(dāng)中，從而取得較好的教學(xué)效果。

　　關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)論文,語(yǔ)言課程改革

　　2015年兩會(huì)，李克強(qiáng)總理提出“互聯(lián)網(wǎng)+”行動(dòng)計(jì)劃，“互聯(lián)網(wǎng)+”被上升到國(guó)家戰(zhàn)略層面。傳統(tǒng)行業(yè)紛紛迎著“互聯(lián)網(wǎng)+”的春風(fēng)，思考如何轉(zhuǎn)型升級(jí)，“互聯(lián)網(wǎng)+”對(duì)傳統(tǒng)行業(yè)顯示出強(qiáng)大的力量，不斷促使其進(jìn)行升級(jí)換代。“互聯(lián)網(wǎng)+教育”也勢(shì)在必行，當(dāng)“互聯(lián)網(wǎng)+”遇到教育，互聯(lián)網(wǎng)對(duì)教育的變革也將是徹底而深刻的。新媒體專(zhuān)業(yè)是基于互聯(lián)網(wǎng)等新興媒介形態(tài)，順應(yīng)信息數(shù)字化需求，順應(yīng)媒體融合趨勢(shì)而產(chǎn)生的跨學(xué)科專(zhuān)業(yè)。新媒體專(zhuān)業(yè)是被互聯(lián)網(wǎng)浪潮最先影響到的專(zhuān)業(yè)學(xué)科，互聯(lián)網(wǎng)的快速變革帶動(dòng)了新媒體專(zhuān)業(yè)的發(fā)展，為了適應(yīng)這種快速發(fā)展，專(zhuān)業(yè)課程也必須不斷更新調(diào)整以適應(yīng)這種發(fā)展，因此作為新媒體專(zhuān)業(yè)必修課的“網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言”課程的改革也勢(shì)在必行。

　　重新定義課程教學(xué)目標(biāo)

　　“網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言”是新媒體專(zhuān)業(yè)的一門(mén)專(zhuān)業(yè)基礎(chǔ)課程，這門(mén)課程使學(xué)生真正了解網(wǎng)頁(yè)的本質(zhì)、網(wǎng)頁(yè)的構(gòu)成方式、內(nèi)容以何種網(wǎng)頁(yè)形式呈現(xiàn)、網(wǎng)頁(yè)如何實(shí)現(xiàn)與用戶交互，通過(guò)掌握一些基本的標(biāo)記和代碼，能夠?qū)崿F(xiàn)網(wǎng)頁(yè)常用的效果。網(wǎng)頁(yè)是用戶獲取信息的一種重要方式，過(guò)去用戶瀏覽網(wǎng)頁(yè)主要在臺(tái)式機(jī)上，因此這門(mén)課程傳統(tǒng)的教學(xué)目標(biāo)定位于培養(yǎng)學(xué)生在PC端的網(wǎng)頁(yè)設(shè)計(jì)和實(shí)現(xiàn)能力，掌握PC端網(wǎng)頁(yè)頁(yè)面上內(nèi)容結(jié)構(gòu)的設(shè)計(jì)、頁(yè)面內(nèi)容的排版布局、頁(yè)面的交互設(shè)計(jì)等。“互聯(lián)網(wǎng)+”時(shí)代，其核心是以“人”為本，以“用戶為中心”的互聯(lián)網(wǎng)思維。在課程教學(xué)目標(biāo)設(shè)定上也應(yīng)該以瀏覽網(wǎng)頁(yè)的用戶為中心，另一方面用戶瀏覽網(wǎng)頁(yè)不再局限于PC機(jī)，還能用手機(jī)、Pad等瀏覽，因此在“互聯(lián)網(wǎng)+”時(shí)代課程教學(xué)目標(biāo)定位于培養(yǎng)學(xué)生從用戶的角度出發(fā)，設(shè)計(jì)制作出符合用戶體驗(yàn)的跨平臺(tái)(PC端，手機(jī)、Pad等移動(dòng)端)網(wǎng)頁(yè)。

　　改革教學(xué)內(nèi)容

　　在新的教學(xué)目標(biāo)基礎(chǔ)上對(duì)教學(xué)內(nèi)容進(jìn)行改革，用互聯(lián)網(wǎng)思維對(duì)課程教學(xué)內(nèi)容迭代更新，強(qiáng)調(diào)用戶思維，從用戶角度考慮網(wǎng)頁(yè)的設(shè)計(jì)與實(shí)現(xiàn)。過(guò)去“網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言”課程內(nèi)容主要是針對(duì)PC端網(wǎng)頁(yè)設(shè)計(jì)，PC端網(wǎng)頁(yè)設(shè)計(jì)主要以HTML4.0技術(shù)，CSS1.0/2.0技術(shù)為基礎(chǔ)。HTML4.0技術(shù)負(fù)責(zé)顯示網(wǎng)頁(yè)的內(nèi)容，CSS1.0/2.0技術(shù)負(fù)責(zé)呈現(xiàn)網(wǎng)頁(yè)的外觀，通過(guò)這兩種技術(shù)的結(jié)合基本實(shí)現(xiàn)了網(wǎng)頁(yè)內(nèi)容和形式的分離。HTML即超文本標(biāo)記語(yǔ)言(HyperTextMarkupLanguage),是實(shí)現(xiàn)網(wǎng)頁(yè)的標(biāo)記語(yǔ)言，網(wǎng)頁(yè)上的元素都可以用相應(yīng)的標(biāo)記表示。HTML技術(shù)和其他WEB技術(shù)(如CSS和JavaScript)結(jié)合能創(chuàng)建出形式多樣交互性的網(wǎng)頁(yè)。HTML標(biāo)準(zhǔn)1999年12月發(fā)布了HTML4，2014年10月29日，萬(wàn)維網(wǎng)聯(lián)盟制定完成了HTML5標(biāo)準(zhǔn)規(guī)范。HTML4是為了適應(yīng)PC端網(wǎng)頁(yè)設(shè)計(jì)需要，而HTML5充分考慮到了多種終端需要，也照顧到了各種瀏覽器的兼容性。HTML5同時(shí)提供了更豐富的網(wǎng)頁(yè)多媒體的支持，新的語(yǔ)法被引進(jìn)以支持這一點(diǎn)，如video、audio和canvas標(biāo)記。HTML5還引進(jìn)了很多新的特性來(lái)增強(qiáng)用戶體驗(yàn)，改變了用戶與網(wǎng)頁(yè)的交互方式，使用網(wǎng)頁(yè)和用戶交互更順暢。CSS即層疊樣式表(CascadingStyleSheet)。在網(wǎng)頁(yè)制作時(shí)采用層疊樣式表技術(shù)，可以有效地對(duì)頁(yè)面的布局、字體、顏色、背景等網(wǎng)頁(yè)元素的呈現(xiàn)效果實(shí)現(xiàn)更加精確的控制。只要對(duì)相應(yīng)的CSS代碼做一些簡(jiǎn)單的修改，就可以快速調(diào)整同一頁(yè)面的不同區(qū)域或者不同網(wǎng)頁(yè)的外觀和效果。CSS3是CSS技術(shù)的最新版本，CSS3采用模塊化思想去設(shè)計(jì)，按照不同的功能劃分成了更小的模塊，很多新的模塊被加入進(jìn)來(lái)。這些模塊包括：文字特效、盒模型、背景和邊框、表格列表、文本樣式、漸變效果、變形效果等。每種模塊都比以前提供了更多網(wǎng)頁(yè)元素的呈現(xiàn)效果，如2D轉(zhuǎn)換、3D轉(zhuǎn)換、過(guò)渡、動(dòng)畫(huà)等，給用戶提供了更豐富的交互效果。HTML5和CSS3是基于用戶體驗(yàn)、兼容移動(dòng)端的響應(yīng)式網(wǎng)頁(yè)技術(shù)，它們徹底改變了互聯(lián)網(wǎng)網(wǎng)頁(yè)的呈現(xiàn)方式。本課程內(nèi)容改革中將遵循幾個(gè)原則：1.去掉比較陳舊、不符合互聯(lián)網(wǎng)潮流發(fā)展的網(wǎng)頁(yè)技術(shù);2.引入以用戶為中心、跨平臺(tái)、符合用戶體驗(yàn)的最新網(wǎng)頁(yè)技術(shù);3.新舊課程內(nèi)容注意銜接、逐漸過(guò)渡;4.避免課程內(nèi)容臃腫繁雜，有選擇性地講解比較重要的網(wǎng)頁(yè)技術(shù)，把學(xué)生有能力理解的內(nèi)容以電子教案和教學(xué)視頻的方式提供。按照以上原則，課程內(nèi)容上將先簡(jiǎn)單介紹HTML4、CSS1.0/2.0等傳統(tǒng)的網(wǎng)頁(yè)技術(shù)，重點(diǎn)介紹其中的精髓部分，如文本、超鏈接、圖像、表單等常見(jiàn)網(wǎng)頁(yè)元素、傳統(tǒng)布局方式等。在此基礎(chǔ)之上，過(guò)渡到HTML5和CSS3，重點(diǎn)講解HTML5、CSS3中新增并且常用的元素、交互方式、新的布局方式，如HTML5中支持音頻、視頻、繪圖的元素，CSS3中色彩漸變、變形效果、過(guò)渡、移動(dòng)流體布局、兼容響應(yīng)式布局等。新內(nèi)容增加的方式在開(kāi)始階段采用對(duì)傳統(tǒng)內(nèi)容的補(bǔ)充，之后再詳細(xì)展開(kāi)，逐步過(guò)渡到成為課程主體內(nèi)容。

　　改革教學(xué)模式

　　“互聯(lián)網(wǎng)+”時(shí)代的“網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言”課程的內(nèi)容改革是核心，教學(xué)模式改革是輔助內(nèi)容展開(kāi)的手段。在教學(xué)模式改革上也應(yīng)用互聯(lián)網(wǎng)思維，“以學(xué)生為中心”，采用任務(wù)驅(qū)動(dòng)教學(xué)、項(xiàng)目教學(xué)、翻轉(zhuǎn)課堂、微課等教學(xué)方式結(jié)合的模式。任務(wù)式驅(qū)動(dòng)教學(xué)、項(xiàng)目教學(xué)經(jīng)過(guò)多年實(shí)踐檢驗(yàn)取得了不錯(cuò)的教學(xué)效果，在多年的課程建設(shè)和改革中，這些教學(xué)方法被逐漸引入到“網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言”課程教學(xué)中，對(duì)本課程的教學(xué)起到了很好的促進(jìn)和推動(dòng)作用。“互聯(lián)網(wǎng)+”時(shí)代出現(xiàn)了翻轉(zhuǎn)課堂、微課等新的教學(xué)方法，這些方法強(qiáng)調(diào)學(xué)生在學(xué)習(xí)中的自主作用，和項(xiàng)目教學(xué)、任務(wù)式驅(qū)動(dòng)教學(xué)能夠互補(bǔ)，我們可以根據(jù)教學(xué)內(nèi)容選擇恰當(dāng)?shù)慕虒W(xué)方式，將這些新的教學(xué)理念和方法融入課程中提高教學(xué)效果。

　　1.翻轉(zhuǎn)課堂。翻轉(zhuǎn)課堂是以學(xué)生為中心的學(xué)習(xí)方式，強(qiáng)調(diào)學(xué)生的自主學(xué)習(xí)能力。傳統(tǒng)教學(xué)環(huán)境教師在課堂上完成知識(shí)傳授，學(xué)生在課后通過(guò)作業(yè)、操作或者實(shí)踐來(lái)完成知識(shí)內(nèi)化。翻轉(zhuǎn)課堂顛覆了傳統(tǒng)的教學(xué)環(huán)境，學(xué)生晚上在家學(xué)習(xí)新知識(shí)，白天在教室完成練習(xí)和作業(yè)的教學(xué)結(jié)構(gòu)。翻轉(zhuǎn)課堂將教學(xué)過(guò)程分為課前學(xué)習(xí)和課中學(xué)習(xí)兩部分。課前教師制作課程微視頻、提供豐富的教學(xué)資源、發(fā)布任務(wù)等，學(xué)生利用教師提供的教學(xué)資源進(jìn)行自主學(xué)習(xí);課中學(xué)生以組為單位協(xié)作探究，教師作為組織者和指導(dǎo)者組織學(xué)生交流討論、進(jìn)行個(gè)性化指導(dǎo)、總結(jié)點(diǎn)評(píng)等。該模式注重交流和評(píng)價(jià),在課前注重培養(yǎng)學(xué)生自主學(xué)習(xí)和獨(dú)立思考能力，課中在協(xié)作探究中促進(jìn)知識(shí)的內(nèi)化。同時(shí),教師作為課堂指導(dǎo)者、學(xué)生學(xué)習(xí)的幫助者和資源的提供者，引導(dǎo)學(xué)生對(duì)問(wèn)題進(jìn)行更深層次探索，挖掘?qū)W習(xí)者的學(xué)習(xí)潛能、發(fā)揮學(xué)習(xí)者主動(dòng)學(xué)習(xí)的積極性。

　　2.微課。微課是相對(duì)傳統(tǒng)課程的一種微型課程，用以闡釋某一知識(shí)點(diǎn)和解決某個(gè)單一教學(xué)問(wèn)題。微課通常由微視頻和配套的教學(xué)資源組成，將教學(xué)中的重點(diǎn)、難點(diǎn)等錄制下來(lái)制作成短小的視頻，方便學(xué)生隨時(shí)隨地通過(guò)下載或點(diǎn)播，能重復(fù)使用，利用率高。“互聯(lián)網(wǎng)+”時(shí)代，移動(dòng)網(wǎng)絡(luò)、智能手機(jī)和平板電腦的迅速普及，在線學(xué)習(xí)和移動(dòng)學(xué)習(xí)成為一種新的發(fā)展趨勢(shì)，使隨時(shí)隨地進(jìn)行智能化學(xué)習(xí)成為可能，這種學(xué)習(xí)方式突出學(xué)習(xí)的靈活性和互動(dòng)性，強(qiáng)調(diào)學(xué)習(xí)內(nèi)容的微型化和碎片化，微課順應(yīng)了在線學(xué)習(xí)和移動(dòng)學(xué)習(xí)的發(fā)展趨勢(shì)，更加適合當(dāng)下“碎片化”的學(xué)習(xí)。經(jīng)過(guò)近幾年在很多高校的實(shí)踐證明，將翻轉(zhuǎn)課堂、微課這些新的教學(xué)方式與項(xiàng)目教學(xué)、任務(wù)驅(qū)動(dòng)教學(xué)方式結(jié)合應(yīng)用在實(shí)操技能型課程中能進(jìn)一步提高學(xué)生在教學(xué)中的主觀能動(dòng)性，也能進(jìn)一步提高學(xué)生的學(xué)習(xí)積極性，進(jìn)而取得較好的教學(xué)效果。

　　結(jié)語(yǔ)

　　在“互聯(lián)網(wǎng)+”時(shí)代，“網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言”課程改革必須順應(yīng)互聯(lián)網(wǎng)教育改革的趨勢(shì)，應(yīng)用好互聯(lián)網(wǎng)思維，“以用戶為中心”開(kāi)展教學(xué)內(nèi)容和教學(xué)模式的改革，滿足新媒體專(zhuān)業(yè)人才培養(yǎng)的需求，實(shí)現(xiàn)“互聯(lián)網(wǎng)+”背景下的教學(xué)目標(biāo)。

　　作者：劉濤

　　推薦期刊：《計(jì)算機(jī)輔助工程》是上海海事大學(xué)主辦的學(xué)術(shù)性刊物，創(chuàng)刊于1992年，是我國(guó)計(jì)算機(jī)界與工程界的重要學(xué)術(shù)性刊物之一。本刊主要刊登計(jì)算機(jī)技術(shù)及其應(yīng)用和相關(guān)領(lǐng)域的學(xué)術(shù)論文。