序論：寫作是一種深度的自我表達(dá)。它要求我們深入探索自己的思想和情感，挖掘那些隱藏在內(nèi)心深處的真相，好投稿為您帶來了一篇淺談網(wǎng)頁設(shè)計(jì)課程教學(xué)模式范文，愿它們成為您寫作過程中的靈感催化劑，助力您的創(chuàng)作。

淺談網(wǎng)頁設(shè)計(jì)課程教學(xué)模式:藝術(shù)設(shè)計(jì)專業(yè)網(wǎng)頁設(shè)計(jì)課程教學(xué)研究

《網(wǎng)頁設(shè)計(jì)》是一門綜合性的“大課程”，鑒于其專業(yè)的特殊性，至目前藝術(shù)設(shè)計(jì)專業(yè)開設(shè)的此課程尚沒有相對(duì)完善的教材，教學(xué)內(nèi)容和教學(xué)方法也處于探索階段。筆者結(jié)合多年從事web開發(fā)和網(wǎng)頁設(shè)計(jì)教學(xué)經(jīng)驗(yàn)，對(duì)藝術(shù)設(shè)計(jì)專業(yè)《網(wǎng)頁設(shè)計(jì)》課程目標(biāo)、教學(xué)內(nèi)容設(shè)計(jì)、教學(xué)方法三方面進(jìn)行探討，期待構(gòu)建《網(wǎng)頁設(shè)計(jì)》課程教學(xué)的大致框架。隨著信息時(shí)代的到來，互聯(lián)網(wǎng)技術(shù)改變了人們傳統(tǒng)的生產(chǎn)和生活方式。網(wǎng)絡(luò)資源的共享和發(fā)展已經(jīng)融入社會(huì)生活，門戶網(wǎng)站、網(wǎng)頁瀏覽已經(jīng)成為一種生活習(xí)慣。作為服務(wù)于社會(huì)經(jīng)濟(jì)發(fā)展的高校專業(yè)設(shè)置，為適應(yīng)時(shí)代需求，如計(jì)算機(jī)、電子商務(wù)及藝術(shù)設(shè)計(jì)等專業(yè)都開設(shè)了《網(wǎng)頁設(shè)計(jì)》課程。就專業(yè)技術(shù)而言，《網(wǎng)頁設(shè)計(jì)》課程綜合性較強(qiáng)，涵蓋的知識(shí)面較為廣泛，一個(gè)網(wǎng)頁的建立到過程，涉及到了網(wǎng)絡(luò)基礎(chǔ)知識(shí)，W3C標(biāo)準(zhǔn)和與之對(duì)應(yīng)的結(jié)構(gòu)：（X）HTML語言，表現(xiàn)：CSS樣式，動(dòng)作：JavaScipt，圖像處理、動(dòng)畫制作等諸多領(lǐng)域。鑒于其專業(yè)基礎(chǔ)的特殊性，這也導(dǎo)致了該課程針對(duì)不同專業(yè)在教學(xué)內(nèi)容、教學(xué)模式、教學(xué)方法等方面存在很大差異。理工科專業(yè)多側(cè)重于程序語言的編寫學(xué)習(xí)，較為重視純技術(shù)方面，而藝術(shù)設(shè)計(jì)專業(yè)則更多偏向于網(wǎng)頁界面的版面設(shè)計(jì)，包括形式美感、色調(diào)處理等。但在實(shí)際人才應(yīng)用中，用人單位更想兼顧以上兩方面的技術(shù)應(yīng)用型人才。目前藝術(shù)設(shè)計(jì)專業(yè)《網(wǎng)頁設(shè)計(jì)》課程并沒有相對(duì)完善的專門教材，教學(xué)方法與內(nèi)容也處于探索階段。由于大環(huán)境和師資的局限，開設(shè)該課程的很多高校在教學(xué)上并沒有結(jié)合藝術(shù)設(shè)計(jì)專業(yè)的自身特點(diǎn)，往往“復(fù)制”和計(jì)算機(jī)等理工科專業(yè)一樣的課程教學(xué)模式，“教”和“學(xué)”都陷入一定的尷尬境地，達(dá)不到本專業(yè)所需一定程度的教學(xué)目標(biāo)。另一方面，藝術(shù)設(shè)計(jì)專業(yè)的學(xué)生，具有一定的美術(shù)基礎(chǔ)和審美意趣，制作網(wǎng)頁有一定的美感優(yōu)勢，但有時(shí)也過于追求美觀而忽略用戶體驗(yàn)，脫離實(shí)際，華而不實(shí)。筆者結(jié)合多年從事web開發(fā)和網(wǎng)頁設(shè)計(jì)教學(xué)的相關(guān)經(jīng)驗(yàn)，對(duì)藝術(shù)設(shè)計(jì)專業(yè)《網(wǎng)頁設(shè)計(jì)》課程目標(biāo)、教學(xué)內(nèi)容設(shè)計(jì)、教學(xué)方法三方面進(jìn)行探討，期待構(gòu)建《網(wǎng)頁設(shè)計(jì)》課程教學(xué)的大致框架。其中的藝術(shù)設(shè)計(jì)專業(yè)，尤其是視覺傳達(dá)方向的平面設(shè)計(jì)專業(yè)都開設(shè)了《網(wǎng)頁設(shè)計(jì)》課程。

一、課程目標(biāo)

眾所周知，課程目標(biāo)決定一門課程構(gòu)建和發(fā)展的最終導(dǎo)向，一方面可以為學(xué)生指明正確的課程學(xué)習(xí)方向，另一方面也為教師傳授正確的知識(shí)理念提供依據(jù)，真正做到“教”和“學(xué)”的“有的放矢”。結(jié)合藝術(shù)設(shè)計(jì)專業(yè)學(xué)生的個(gè)性特點(diǎn)，注重網(wǎng)頁設(shè)計(jì)語言的學(xué)習(xí)，將藝術(shù)和技術(shù)有機(jī)的緊密結(jié)合。在課程目標(biāo)制定的過程中，弱化一些在前期專業(yè)基礎(chǔ)課程中已經(jīng)學(xué)習(xí)過的相關(guān)知識(shí)（如PS圖像處理等），做好簡單的銜接，將重點(diǎn)放到藝術(shù)設(shè)計(jì)專業(yè)學(xué)生相對(duì)薄弱的知識(shí)點(diǎn)（如網(wǎng)頁設(shè)計(jì)語言等）。Dreamweaver是目前最好的網(wǎng)頁制作與設(shè)計(jì)軟件工具，作為可視網(wǎng)頁編輯工作的標(biāo)準(zhǔn)，它一直在代碼編輯和應(yīng)用程序開發(fā)方面的功能比較強(qiáng)大。更重要的是它是所見即所得類型的網(wǎng)頁設(shè)計(jì)軟件，對(duì)藝術(shù)設(shè)計(jì)專業(yè)的學(xué)生來說，學(xué)習(xí)和應(yīng)用的難易程度非常合適。同時(shí)，對(duì)于網(wǎng)頁設(shè)計(jì)素材的制作和處理，動(dòng)畫素材可以選擇Flash，圖片素材可以選擇photoshop，這里強(qiáng)調(diào)并要求和Dreamweaver相匹配和適應(yīng)。作為網(wǎng)頁設(shè)計(jì)的基礎(chǔ)理念，在制定《網(wǎng)頁設(shè)計(jì)》教學(xué)目標(biāo)時(shí)，必須考慮將W3C標(biāo)準(zhǔn)相關(guān)的新理念、新做法等元素考慮進(jìn)來，強(qiáng)調(diào)使用規(guī)范化語義標(biāo)簽語言（X）HTML書寫頁面結(jié)構(gòu)，并強(qiáng)調(diào)CSS樣式表的使用，同時(shí)遵循W3C標(biāo)準(zhǔn)，了解div+css和標(biāo)準(zhǔn)頁面的優(yōu)勢所在，使用“div+css”實(shí)現(xiàn)網(wǎng)頁結(jié)構(gòu)代碼與表現(xiàn)樣式相分離，以及對(duì)后面制作標(biāo)準(zhǔn)頁面所起到的促進(jìn)作用等。

二、教學(xué)內(nèi)容

（一）在藝術(shù)設(shè)計(jì)專業(yè)的人才培養(yǎng)計(jì)劃中，網(wǎng)頁設(shè)計(jì)課程

一般安排在課程學(xué)習(xí)的中后時(shí)間段。就本課程而言，我建議教學(xué)內(nèi)容并時(shí)間安排如下：

1.Dreamweaver軟件的學(xué)習(xí)和應(yīng)用為重點(diǎn)講解，講授和實(shí)踐為5+5個(gè)學(xué)時(shí)。Dreamweaver軟件的主要任務(wù)就是完成網(wǎng)頁設(shè)計(jì)的版面架構(gòu)，教學(xué)中，主要講解本地站點(diǎn)的創(chuàng)建和頁面結(jié)構(gòu)搭建。在早期的網(wǎng)頁排版中一般使用網(wǎng)頁表格（table）及其嵌套的模式布局頁面，隨著技術(shù)更新和用戶需求，表格結(jié)構(gòu)已不適合現(xiàn)在時(shí)展的需要，即不適合手機(jī)及平板電腦的用戶瀏覽，呈現(xiàn)逐漸被淘汰的趨勢。現(xiàn)今網(wǎng)頁版面架構(gòu)大都采用div+css的方式設(shè)計(jì)，具有瀏覽速度快，適合在手機(jī)或平板電腦上瀏覽的優(yōu)勢。結(jié)構(gòu)和樣式的相分離，也便于日后的網(wǎng)頁改版的便利；

2.網(wǎng)頁編程基礎(chǔ)方面：HTML語言、CSS樣式、JavaScipt，講授和實(shí)踐7+7學(xué)時(shí)。非計(jì)算機(jī)專業(yè)的學(xué)生一般錯(cuò)誤的認(rèn)為使用Dreamweaver這樣所見即所得的工具學(xué)習(xí)網(wǎng)頁設(shè)計(jì)，不再需要學(xué)習(xí)太多的“語言”。其實(shí)不然，HTML是網(wǎng)頁的靈魂，它不像C語言那樣“生澀難懂”，相對(duì)藝術(shù)設(shè)計(jì)學(xué)生而言，完全有能力學(xué)會(huì)和掌握。CSS通俗講是控制網(wǎng)頁中內(nèi)容的顏色、字體大小、寬度背景等樣式，并由此來實(shí)現(xiàn)各種各樣網(wǎng)頁樣式的統(tǒng)稱，也是需要熟悉和掌握的。JavaScipt與C語言不同，它提供一定的面向?qū)ο竽芰Γ虼四K、名字空間、類、對(duì)象、封裝、函數(shù)等功能在JavaScipt中的實(shí)現(xiàn)方式是其教學(xué)的重頭戲，它們才是現(xiàn)代JavaScipt語言的精髓；

3.Flash動(dòng)畫，講授和實(shí)踐6+4學(xué)時(shí)。Flash主要制作二維動(dòng)畫，體積小，便于使用，學(xué)習(xí)難度小，能夠滿足網(wǎng)頁設(shè)計(jì)的需要，如：網(wǎng)頁Banner條的設(shè)計(jì)、片頭動(dòng)畫、課件等；

4.網(wǎng)站客戶端的表現(xiàn)原則、開發(fā)流程、面向客戶的網(wǎng)站設(shè)計(jì)，講授和實(shí)踐2+0學(xué)時(shí)；

5.photoshop為輔助2學(xué)時(shí)，藝術(shù)設(shè)計(jì)專業(yè)的學(xué)生已經(jīng)學(xué)習(xí)并掌握photoshop的使用方法。因此，減少這方面的講解，給其他新知識(shí)點(diǎn)留下更充裕的時(shí)間。

（二）結(jié)合網(wǎng)絡(luò)技術(shù)發(fā)展和用戶體驗(yàn)要求，本課程教學(xué)還需注意下面要點(diǎn)：

1.面向用戶體驗(yàn)的網(wǎng)頁設(shè)計(jì)：學(xué)生在學(xué)習(xí)和制作網(wǎng)頁時(shí)，總是以“自我”的感覺為主導(dǎo)，很少考慮并分析用戶需求，以為自己的設(shè)計(jì)有相當(dāng)?shù)摹拔Α钡菍?duì)于訪問者來說，大多數(shù)的設(shè)計(jì)過于空洞、內(nèi)容繁冗，徒有漂亮的外觀。所以學(xué)生應(yīng)該明確，網(wǎng)頁設(shè)計(jì)應(yīng)該以“用戶”為中心，而不是展示、甚至炫耀網(wǎng)頁技術(shù)或技巧。因此，有必要引進(jìn)面向用戶的網(wǎng)頁設(shè)計(jì)教學(xué)。

2.當(dāng)前互聯(lián)網(wǎng)技術(shù)飛速發(fā)展，網(wǎng)絡(luò)資源共享已成趨勢，學(xué)生獲取知識(shí)的渠道已不僅僅滿足于課堂上教師的講解，包括每一步所要學(xué)習(xí)的知識(shí)點(diǎn)。充分利用網(wǎng)絡(luò)，包括豐富的教學(xué)資源和便利的搜索功能，面對(duì)現(xiàn)實(shí)中存在的問題，引導(dǎo)學(xué)生如何利用互聯(lián)網(wǎng)學(xué)習(xí)網(wǎng)頁設(shè)計(jì)方面的前沿知識(shí)，發(fā)現(xiàn)并解決。鼓勵(lì)學(xué)生使用博客、論壇，通過發(fā)現(xiàn)其中有趣的文章，得到解決問題的新方法和代碼片段。向?qū)W生介紹開源社區(qū)，并鼓勵(lì)他們?cè)诰€發(fā)表自己的代碼，使用社交媒體進(jìn)行資源查找，并形成專業(yè)的社交媒體互動(dòng)，更加專注于他們的代碼與工作，真正激發(fā)學(xué)生的學(xué)習(xí)興趣。

三、教學(xué)方法

《網(wǎng)頁設(shè)計(jì)》課程具有交叉學(xué)科性質(zhì)，結(jié)合藝術(shù)設(shè)計(jì)專業(yè)學(xué)生的自身特點(diǎn)，在教學(xué)過程中，我運(yùn)用任務(wù)驅(qū)動(dòng)法、模塊教學(xué)法和項(xiàng)目教學(xué)法等多重手段，給學(xué)生明確的思路，引導(dǎo)學(xué)生多動(dòng)腦，勤動(dòng)手，發(fā)現(xiàn)問題，分析問題，解決問題。

（一）任務(wù)驅(qū)動(dòng)法

任務(wù)驅(qū)動(dòng)法，即通過創(chuàng)設(shè)問題情境來調(diào)動(dòng)學(xué)生的學(xué)習(xí)興趣，進(jìn)而啟發(fā)學(xué)生的求知欲。“興趣是最好的老師”，只有發(fā)現(xiàn)問題，才有任務(wù)和動(dòng)力，教師利用專業(yè)知識(shí)，結(jié)合課堂所講章節(jié)內(nèi)容，分析并解決問題。只有這樣才能有利于培養(yǎng)學(xué)生獨(dú)立分析問題、解決問題的能力和創(chuàng)新能力。具體到《網(wǎng)頁設(shè)計(jì)》課程教學(xué)中，通過導(dǎo)入新課環(huán)節(jié)，將所要講授的新知識(shí)隱含在一個(gè)或幾個(gè)任務(wù)之中，引導(dǎo)學(xué)生對(duì)所提出的任務(wù)進(jìn)行分析討論，明確大體涉及所需知識(shí)，承前啟后，找出哪些是需要復(fù)習(xí)鞏固的知識(shí)，哪些是需要探索學(xué)習(xí)的新知識(shí)，在教師的指導(dǎo)下找出解決問題的方法，通過任務(wù)的完成實(shí)現(xiàn)對(duì)所學(xué)知識(shí)的構(gòu)建。

（二）模塊教學(xué)法

團(tuán)隊(duì)合作、模塊運(yùn)營是現(xiàn)代企業(yè)生存和發(fā)展之道，網(wǎng)頁設(shè)計(jì)公司亦是如此，很多網(wǎng)站界面都實(shí)行模塊化，每個(gè)部門負(fù)責(zé)完成自己的任務(wù)。為和現(xiàn)代網(wǎng)頁設(shè)計(jì)公司相適應(yīng)，《網(wǎng)頁設(shè)計(jì)》課程嘗試實(shí)施有目標(biāo)、有任務(wù)、有內(nèi)容的模塊教學(xué)法，將本課程教學(xué)內(nèi)容有意識(shí)地分化為幾個(gè)模塊，針對(duì)每一個(gè)模塊設(shè)定具體的教學(xué)目標(biāo)、任務(wù)和要求，將課堂所講內(nèi)容和現(xiàn)實(shí)所需實(shí)踐有機(jī)結(jié)合。同時(shí)讓學(xué)生自由組合成一個(gè)個(gè)小團(tuán)隊(duì)，團(tuán)隊(duì)之間、團(tuán)隊(duì)之內(nèi)分工協(xié)作，團(tuán)隊(duì)合作，真正做到鍛煉學(xué)生綜合能力的教學(xué)和實(shí)踐。

（三）項(xiàng)目教學(xué)法

通過實(shí)施一個(gè)完整的“項(xiàng)目”而進(jìn)行教學(xué)活動(dòng)，其目的是在課堂教學(xué)中把理論與實(shí)踐有機(jī)的結(jié)合起來，充分發(fā)揮學(xué)生的創(chuàng)造潛能，提高學(xué)生解決實(shí)際問題的能力。《網(wǎng)頁設(shè)計(jì)》課程相對(duì)來說，有非常多的“項(xiàng)目”可供實(shí)施。一般是在知識(shí)體系講解完全后，給出一個(gè)具體的項(xiàng)目命題，如學(xué)生（或?qū)W校）個(gè)人（或創(chuàng)業(yè)小店）的網(wǎng)站、網(wǎng)絡(luò)上征稿的企業(yè)網(wǎng)站等，在實(shí)施這些“項(xiàng)目”過程中發(fā)現(xiàn)問題并且解決問題，一方面可以鍛煉學(xué)生的實(shí)踐能力，更重要的是及早讓學(xué)生有實(shí)戰(zhàn)意識(shí)，真正實(shí)現(xiàn)課堂教學(xué)和單位實(shí)習(xí)的“零距離”。

（四）雙師教學(xué)法

聘請(qǐng)工作在網(wǎng)頁設(shè)計(jì)一線，且具有豐富實(shí)踐經(jīng)驗(yàn)的設(shè)計(jì)師作為兼職教員，加入到課程教學(xué)中來。兼職教員能制作最專業(yè)的網(wǎng)站，對(duì)本行業(yè)的最新趨勢有著完整的把控力，對(duì)網(wǎng)頁設(shè)計(jì)實(shí)際工作中有可能遇到的問題有著獨(dú)到的見解。他們可為學(xué)生開設(shè)講座、解惑答疑，結(jié)合全職教師對(duì)教學(xué)內(nèi)容和方法的深入研究，兩種教師互補(bǔ)，增強(qiáng)學(xué)生的學(xué)習(xí)體驗(yàn)和興趣，提高教學(xué)質(zhì)量。

四、結(jié)語

藝術(shù)設(shè)計(jì)專業(yè)的《網(wǎng)頁設(shè)計(jì)》課程是隨著互聯(lián)網(wǎng)而產(chǎn)生的新興課程，同時(shí)也是為適應(yīng)地方社會(huì)經(jīng)濟(jì)發(fā)展和普通用戶的生活體驗(yàn)的。互聯(lián)網(wǎng)技術(shù)的日新月異、社會(huì)經(jīng)濟(jì)的迅猛發(fā)展和普通用戶的生活便捷也決定了課程的必須不斷更新變革。教學(xué)是動(dòng)態(tài)的過程，只有確立好課程目標(biāo)、梳理好教學(xué)內(nèi)容、掌控好教學(xué)方法，根據(jù)實(shí)施過程中的具體情況靈活調(diào)整，并不斷充實(shí)完善，才能取得更好的教學(xué)效果，真正做到培養(yǎng)網(wǎng)頁設(shè)計(jì)的應(yīng)用型專業(yè)人才，服務(wù)于社會(huì)，以人為本。

作者：華俊

淺談網(wǎng)頁設(shè)計(jì)課程教學(xué)模式:網(wǎng)頁設(shè)計(jì)課程教學(xué)探析

一、課程定位與性質(zhì)

《網(wǎng)頁設(shè)計(jì)》是面向計(jì)算機(jī)及其相關(guān)專業(yè)開設(shè)的一門課程，是一門計(jì)算機(jī)軟件應(yīng)用類課程。《網(wǎng)頁設(shè)計(jì)》課程要實(shí)現(xiàn)的教學(xué)目標(biāo)包括：①網(wǎng)站的基本知識(shí)，例如網(wǎng)站的發(fā)展和分類知識(shí)、網(wǎng)站開發(fā)所需的技術(shù)、HTML語言和CSS的結(jié)構(gòu)和語法等；②掌握網(wǎng)站的開發(fā)流程，例如建站規(guī)劃、效果圖制作、建立站點(diǎn)等相關(guān)知識(shí)；③掌握各種網(wǎng)頁元素在Dreamweaver中的使用，例如表格、文本、圖像、超級(jí)鏈接和表單等；④熟悉一些網(wǎng)頁設(shè)計(jì)輔助軟件的功能和使用方法，例如Photoshop；⑤能夠解決一些網(wǎng)頁設(shè)計(jì)中的常見問題。本課程旨在培養(yǎng)學(xué)生的計(jì)算機(jī)應(yīng)用能力，使學(xué)生掌握網(wǎng)頁設(shè)計(jì)方法、網(wǎng)頁設(shè)計(jì)語言及相關(guān)設(shè)計(jì)工具和美化工具的使用，從而滿足和適應(yīng)信息化社會(huì)對(duì)物流管理專業(yè)學(xué)生綜合素質(zhì)的要求。

二、教學(xué)內(nèi)容與教學(xué)條件

1.理論教學(xué)內(nèi)容

（1）課程內(nèi)容設(shè)計(jì)課程內(nèi)容設(shè)計(jì)在教學(xué)大綱的指導(dǎo)下完成，在教學(xué)過程中適時(shí)引入新的教學(xué)案例和教學(xué)方法，這些教學(xué)內(nèi)容能夠豐富學(xué)生的網(wǎng)絡(luò)知識(shí)，提高學(xué)生的網(wǎng)頁設(shè)計(jì)能力和計(jì)算機(jī)應(yīng)用能力，為將來使用和開發(fā)與專業(yè)相關(guān)的軟件奠定基礎(chǔ)。

（2）教學(xué)內(nèi)容安排課程授課采用講練結(jié)合的方式進(jìn)行。在教學(xué)過程中，不再把書本上的現(xiàn)成知識(shí)傳授給學(xué)生作為教學(xué)目標(biāo)。通過理論講授、案例演示和分析，讓學(xué)生在真實(shí)的情境中學(xué)到相關(guān)知識(shí)，這樣學(xué)生就知道如何把相關(guān)知識(shí)點(diǎn)應(yīng)用于實(shí)際。課程采用的教學(xué)案例和學(xué)生練習(xí)的內(nèi)容都出自實(shí)際應(yīng)用，從而大大增強(qiáng)教學(xué)效果。鼓勵(lì)學(xué)生將課內(nèi)學(xué)到的內(nèi)容應(yīng)用到課外實(shí)際應(yīng)用中，并將學(xué)生課外創(chuàng)作的自選作品作為成績考核的重要依據(jù)。

2.實(shí)踐教學(xué)內(nèi)容

（1）實(shí)踐教學(xué)內(nèi)容實(shí)踐教學(xué)內(nèi)容與理論教學(xué)內(nèi)容保持高度一致，講授什么知識(shí)點(diǎn)，學(xué)生就上機(jī)練習(xí)什么知識(shí)點(diǎn)，分析什么教學(xué)案例，學(xué)生就制作什么教學(xué)案例，通過實(shí)際項(xiàng)目的分解讓學(xué)生更好地掌握《網(wǎng)頁設(shè)計(jì)》的應(yīng)用，大大提高學(xué)生的綜合素質(zhì)。同時(shí)，不斷豐富實(shí)踐教學(xué)內(nèi)容，采用最新教學(xué)案例，取得較好的教學(xué)效果。

（2）實(shí)踐教學(xué)條件計(jì)算機(jī)實(shí)驗(yàn)室能夠保證學(xué)生《網(wǎng)頁設(shè)計(jì)》課程上機(jī)時(shí)，1人1機(jī)，全部上機(jī)在Windows7網(wǎng)絡(luò)環(huán)境實(shí)現(xiàn)，利用電子教室軟件實(shí)現(xiàn)課程電子資料實(shí)時(shí)發(fā)送，課堂電子作業(yè)實(shí)時(shí)提交，實(shí)現(xiàn)整個(gè)實(shí)驗(yàn)教學(xué)過程的無紙化。

三、教學(xué)方法與教學(xué)手段

1.教學(xué)方法

教學(xué)方法采用講授法與案例教學(xué)法。對(duì)于《網(wǎng)頁設(shè)計(jì)》相關(guān)的概念及基礎(chǔ)知識(shí)，采用傳統(tǒng)的課堂講授的教學(xué)方法完成，讓學(xué)生理解并接受。對(duì)于《網(wǎng)頁設(shè)計(jì)》課程中的一些應(yīng)用性和實(shí)踐性比較強(qiáng)的知識(shí)點(diǎn)，采用案例教學(xué)法，通過案例演示和分析，學(xué)生知道完成教學(xué)案例的途徑和相關(guān)知識(shí)點(diǎn)。通過布置任務(wù)，讓學(xué)生查找并應(yīng)用知識(shí)點(diǎn)，以學(xué)生為主、教師為輔，激發(fā)學(xué)生學(xué)習(xí)興趣，提高學(xué)生應(yīng)用能力。

2.教學(xué)手段

《網(wǎng)頁設(shè)計(jì)》課程教學(xué)采用“電化教學(xué)”手段，引入“電子教室軟件”輔助教學(xué)。教師通過教學(xué)課件和教學(xué)案例演示教學(xué)內(nèi)容，教師微機(jī)屏幕上的內(nèi)容能夠?qū)崟r(shí)發(fā)送到每個(gè)學(xué)生的微機(jī)屏幕上，這樣學(xué)生就可以通過自己的屏幕實(shí)時(shí)看到教師的教學(xué)內(nèi)容。通過“電子教室軟件”，教師機(jī)的教學(xué)資料可以很快發(fā)送到學(xué)生機(jī)上，學(xué)生完成的電子作業(yè)和自創(chuàng)作品可以快速提交給教師。通過“電子教室軟件”，教師能夠很好地和學(xué)生完成提問和回答等教學(xué)互動(dòng)，監(jiān)控學(xué)生的操作屏幕，及時(shí)了解學(xué)生的狀態(tài)并相應(yīng)給出教學(xué)指導(dǎo)。“電子教室軟件”具有電子點(diǎn)名功能，只需要幾秒鐘就可以完成整個(gè)班級(jí)的學(xué)生點(diǎn)名工作。

四、課程考核與試卷分析

1．課程考核

改革“一張卷子”評(píng)定成績的課程評(píng)價(jià)模式，應(yīng)用以單元測試、評(píng)價(jià)作品和上機(jī)實(shí)操考試為基礎(chǔ)的綜合考核方式，更注重學(xué)生平時(shí)的電子作業(yè)、教學(xué)實(shí)例和自選創(chuàng)新作品的完成情況，通過綜合評(píng)價(jià)，變考書本為考能力，邊學(xué)習(xí)邊考核，加重平時(shí)成績?cè)诳偝煽冎械谋壤@樣能夠全面評(píng)價(jià)學(xué)生的網(wǎng)頁設(shè)計(jì)能力。

2．試卷分析

考試命題完成是在課程教學(xué)大綱的框架下完成的，全體學(xué)生《網(wǎng)頁設(shè)計(jì)》考試采用理論+實(shí)操的形式，試題覆蓋教學(xué)的全部內(nèi)容。從考試結(jié)果分析，試卷注重基礎(chǔ)知識(shí)的考查，難度偏易，區(qū)分度較好。從學(xué)生考試時(shí)間分析，90分鐘內(nèi)學(xué)生全部能完成考試，以下是試卷分析結(jié)果。

五、結(jié)語

課程是培養(yǎng)人才的最基本的元素，是人才培養(yǎng)過程中最基本的單元。通過對(duì)《網(wǎng)頁設(shè)計(jì)》課程定位與性質(zhì)、教學(xué)內(nèi)容與教學(xué)條件、教學(xué)方法與教學(xué)手段和課程考核與試卷分析的解析，加強(qiáng)課程建設(shè)，提高課程教學(xué)質(zhì)量。

作者：徐立波 單位：沈陽工程學(xué)院

淺談網(wǎng)頁設(shè)計(jì)課程教學(xué)模式:網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)改革

1引言

網(wǎng)頁設(shè)計(jì)與制作是計(jì)算機(jī)應(yīng)用專業(yè)的一門重要的必修課，是一門集知識(shí)性、藝術(shù)性、技能性和應(yīng)用性于一體的課程，學(xué)生可通過本課程的學(xué)習(xí)，獲得網(wǎng)站設(shè)計(jì)與開發(fā)的能力，并能熟練地進(jìn)行網(wǎng)頁的美化。本課程還有助于學(xué)生更深入學(xué)習(xí)計(jì)算機(jī)其他領(lǐng)域知識(shí)，培養(yǎng)職業(yè)技能，完善專業(yè)知識(shí)結(jié)構(gòu)。對(duì)于大學(xué)生而言，在互聯(lián)網(wǎng)技術(shù)發(fā)展和普及的時(shí)代背景下，瀏覽網(wǎng)站獲得信息并不陌生。《網(wǎng)頁設(shè)計(jì)與制作》這門課程因?yàn)槊嫦驊?yīng)用、突出實(shí)踐，廣受學(xué)生歡迎。但是學(xué)生從前臺(tái)瀏覽的身份突然跨越到后臺(tái)進(jìn)行操作實(shí)踐，會(huì)存在理解和學(xué)習(xí)上的困難。比如教學(xué)時(shí)側(cè)重對(duì)單個(gè)知識(shí)點(diǎn)的介紹，知識(shí)點(diǎn)之間的聯(lián)系不多，學(xué)生對(duì)于“整體網(wǎng)站”的概念難以形成，往往知其表象而不知內(nèi)涵，尤其在學(xué)習(xí)了各種網(wǎng)頁美化軟件后，不清楚如何將這些知識(shí)運(yùn)用到實(shí)踐中去；目前教學(xué)內(nèi)容往往和企業(yè)的實(shí)際需要存在脫節(jié)，學(xué)生的作品自我色彩強(qiáng)烈而缺少實(shí)用性。針對(duì)以上存在的一些問題，本文基于計(jì)算機(jī)思維理論，對(duì)網(wǎng)頁設(shè)計(jì)與制作課程在教學(xué)內(nèi)容、教學(xué)環(huán)境和校企合作等方面的改革進(jìn)行探索和實(shí)踐。

2基于計(jì)算思維能力培養(yǎng)的課程教學(xué)改革

計(jì)算思維是由美國著名計(jì)算機(jī)教育工作者周以真教授提出并定義的，計(jì)算思維是運(yùn)用計(jì)算機(jī)科學(xué)的基礎(chǔ)概念對(duì)問題進(jìn)行求解、設(shè)計(jì)系統(tǒng)和對(duì)人類行為的理解等涵蓋計(jì)算機(jī)科學(xué)之廣度的一系列思維活動(dòng)。對(duì)計(jì)算機(jī)課程的教學(xué)提出了更高的要求，不能只停留將計(jì)算機(jī)作為工具使用的狹義領(lǐng)域，而要著重對(duì)學(xué)生計(jì)算思維的培養(yǎng)，強(qiáng)調(diào)問題解決的操作過程和應(yīng)用實(shí)踐。因此在《網(wǎng)頁設(shè)計(jì)與制作》課程的教學(xué)過程中，我們的重點(diǎn)不應(yīng)該僅僅是教授學(xué)生使用網(wǎng)頁設(shè)計(jì)工具，而更應(yīng)將提出問題、解決問題等思維能力培養(yǎng)貫穿于整個(gè)教學(xué)過程中。筆者從教學(xué)內(nèi)容、教學(xué)環(huán)境、校企合作三方面進(jìn)行探討。

2.1加強(qiáng)教學(xué)內(nèi)容的改革

計(jì)算思維能力的培養(yǎng)需要對(duì)教學(xué)內(nèi)容重新理解和認(rèn)識(shí)，網(wǎng)頁設(shè)計(jì)與制作這門課程具有很強(qiáng)的設(shè)計(jì)性和操作性，而設(shè)計(jì)是前提，操作是為設(shè)計(jì)服務(wù)的過程，在教學(xué)過程中，我們從培養(yǎng)計(jì)算思維能力的目標(biāo)出發(fā)，力求在思維中融合知識(shí)的傳授、技能與素質(zhì)的培養(yǎng)，尊重不同的認(rèn)知方式。網(wǎng)頁設(shè)計(jì)與制作這門課程，隨著計(jì)算機(jī)軟硬件日新月異的升級(jí)，即使是市面上最新出版的教材，軟件版本、教學(xué)結(jié)構(gòu)和內(nèi)容等很多方面都不能完全適應(yīng)網(wǎng)頁設(shè)計(jì)的最新知識(shí)和應(yīng)用。為使學(xué)生在學(xué)習(xí)時(shí)更好地與前沿接軌，筆者在課程內(nèi)容改革方面做了一些嘗試。以DIV+CSS網(wǎng)頁布局為例：傳統(tǒng)網(wǎng)頁布局以表格為主，這種結(jié)構(gòu)缺點(diǎn)是呆板、樣式簡單，不利于重用和后期修改，而如今主流模式使用DIV+CSS網(wǎng)頁布局，先用DIV對(duì)頁面內(nèi)容進(jìn)行整體劃分，再用CSS對(duì)各結(jié)構(gòu)分塊進(jìn)行定位，突出表現(xiàn)和內(nèi)容的分離，這樣排版思路清晰，網(wǎng)頁結(jié)構(gòu)分明，更新頁面又十分方便。傳統(tǒng)的表格布局直觀、簡單，學(xué)生易于理解，但DIV+CSS網(wǎng)頁布局中的概念比較抽象，尤其是盒子模型、標(biāo)準(zhǔn)流、浮動(dòng)、定位四大核心技術(shù)原理，如果僅僅照搬書上的理論介紹，學(xué)生表示出一定的畏難情緒，教學(xué)效果不佳。為幫助學(xué)生能夠更好地吸收、鞏固知識(shí)，筆者設(shè)計(jì)了一系列Flash動(dòng)畫對(duì)盒子模型的原理、定位偏移以及后續(xù)的布局示例進(jìn)行演示，比如用墻上的畫框來說明盒子模型的結(jié)構(gòu)，例子貼近生活，視覺效果直接、清晰，為學(xué)生的創(chuàng)新思維留出空間，學(xué)生能做到不但知其然，還知其所以然，在動(dòng)手操作的同時(shí)進(jìn)行觀察、思考和分析，比較和傳統(tǒng)表格布局的差距，從而建立自己的思維方法，形成自己的個(gè)人成果。再例如在教授動(dòng)畫制作軟件Flash時(shí)，教學(xué)案例不能簡單照搬一些參考教材的例子，要結(jié)合實(shí)際企業(yè)需求，將需要注意的相關(guān)技術(shù)和工作流程方面重點(diǎn)有機(jī)地融合在案例中。因?yàn)镕lash主要是在網(wǎng)頁設(shè)計(jì)中應(yīng)用，所以對(duì)教學(xué)知識(shí)點(diǎn)歸類，分為逐幀動(dòng)畫、補(bǔ)間動(dòng)畫、遮罩動(dòng)畫、引導(dǎo)動(dòng)畫、按鈕類動(dòng)畫等，再精選互聯(lián)網(wǎng)中的動(dòng)畫作為案例，更能激發(fā)學(xué)生的學(xué)習(xí)興趣，擴(kuò)展學(xué)生的實(shí)際應(yīng)用能力。學(xué)生先按照教師的案例操作熟練后，布置任務(wù)時(shí)將主動(dòng)權(quán)交給學(xué)生，給學(xué)生提供計(jì)算思維的創(chuàng)新空間，從構(gòu)思到素材收集，從工具選擇到動(dòng)畫制作，都需要學(xué)生充分發(fā)揮想象力、獨(dú)立思考，結(jié)合已有知識(shí)進(jìn)行實(shí)踐并創(chuàng)新，起到舉一反三的作用。

2.2基于能力培養(yǎng)的教學(xué)環(huán)境

筆者所在的教學(xué)團(tuán)隊(duì)構(gòu)建的《網(wǎng)頁設(shè)計(jì)與制作》精品課程網(wǎng)站將教學(xué)由平面擴(kuò)展為立體，以培養(yǎng)職業(yè)能力為核心，以工作實(shí)踐為主線，以實(shí)例應(yīng)用為導(dǎo)向，提供了有力的教學(xué)環(huán)境。精品課程網(wǎng)站具有良好的開放性和實(shí)用性，提供了豐富的教學(xué)資源，包括大量的教學(xué)課件、教案、教學(xué)視頻，來自企業(yè)一線的教學(xué)素材、項(xiàng)目任務(wù)、歷屆學(xué)生的優(yōu)秀作業(yè)等，通過大容量作業(yè)郵箱和課程學(xué)習(xí)QQ群構(gòu)建了課程輔助教學(xué)平臺(tái)。課程平臺(tái)可以滿足不同層次的學(xué)生的需求，打破了學(xué)校、教室的地域范圍，學(xué)生成為了主體，對(duì)教學(xué)內(nèi)容和學(xué)習(xí)時(shí)間可以更靈活地進(jìn)行選擇和安排，可以上傳自己的操作作業(yè)，適合“移動(dòng)”的學(xué)習(xí)過程。學(xué)生不僅可以隨時(shí)下載共享的資源解決學(xué)習(xí)中的疑惑，還可以與教師進(jìn)行討論交流，獲得個(gè)別反饋，對(duì)知識(shí)進(jìn)行深入擴(kuò)展，達(dá)成個(gè)性化培養(yǎng)的目標(biāo)，即計(jì)算思維多樣化的本質(zhì)：尊重學(xué)生認(rèn)知方式存在的差異。在網(wǎng)站相應(yīng)欄目中還提供關(guān)于計(jì)算思維的文章和資料，供學(xué)生閱讀、體會(huì)。

3校企合作促進(jìn)教學(xué)

為了更好地讓學(xué)生在畢業(yè)后走上工作崗位后能少走彎路，快速適應(yīng)企業(yè)需要，避免出現(xiàn)學(xué)習(xí)知識(shí)與職業(yè)能力、知識(shí)內(nèi)容與生產(chǎn)情境的脫節(jié)，學(xué)校和企業(yè)進(jìn)行深層次的合作，立足工作崗位能力的培養(yǎng)人才模式，達(dá)到雙贏的目的。因此教學(xué)應(yīng)根據(jù)企業(yè)的應(yīng)用需求制訂新的教學(xué)大綱和計(jì)劃，選取和設(shè)計(jì)教學(xué)內(nèi)容，并開發(fā)相關(guān)實(shí)訓(xùn)指導(dǎo)、習(xí)題及操作訓(xùn)練測試、課程網(wǎng)站等一系列教學(xué)資源。而教師如果理論更新跟不上時(shí)代的變化，缺乏實(shí)踐操作能力，會(huì)使職業(yè)院校計(jì)算機(jī)教育明顯滯后于各產(chǎn)業(yè)發(fā)展對(duì)計(jì)算機(jī)專業(yè)人才培養(yǎng)的需求。教師更要深入企業(yè)，了解企業(yè)文化和用人需求，這樣在日后可以擴(kuò)展教學(xué)的深度和廣度，教學(xué)以企業(yè)工作流程為框架，重視學(xué)生在校學(xué)習(xí)與職場環(huán)境的一致性。而企業(yè)的工程師也要進(jìn)校進(jìn)行指導(dǎo)，傳授企業(yè)一線的操作經(jīng)驗(yàn)，真正能將學(xué)生培養(yǎng)為集學(xué)科、技術(shù)和產(chǎn)業(yè)思維于一體的優(yōu)秀技術(shù)型人才，提高畢業(yè)生在市場上的競爭力，促進(jìn)他們能更好地就業(yè)、創(chuàng)業(yè)。

4結(jié)語

在教學(xué)中滲透計(jì)算思維，是我們面臨的教育教學(xué)改革的新挑戰(zhàn)，更是新機(jī)遇。通過幾年的教學(xué)實(shí)踐表明，基于計(jì)算思維對(duì)《網(wǎng)頁設(shè)計(jì)與制作課程》的針對(duì)性的教學(xué)改革充分發(fā)揮了學(xué)生的主觀能動(dòng)性，提高了教學(xué)質(zhì)量，大部分學(xué)生都表示收獲頗豐，學(xué)習(xí)能力、思維能力得到了普遍提高。今后還需要進(jìn)一步探索研究新的手段，潛移默化地培養(yǎng)學(xué)生的計(jì)算思維能力，提高學(xué)生的實(shí)踐技能水平，為學(xué)生提供受益終生的學(xué)習(xí)方法。

作者：戴菲 單位：揚(yáng)州工業(yè)職業(yè)技術(shù)學(xué)院

淺談網(wǎng)頁設(shè)計(jì)課程教學(xué)模式:獨(dú)立學(xué)院網(wǎng)頁設(shè)計(jì)課程教學(xué)方法研究

【摘要】本文從課程教學(xué)模式發(fā)展入手，結(jié)合獨(dú)立院校辦學(xué)特色、學(xué)生就業(yè)方向、網(wǎng)絡(luò)技術(shù)發(fā)展形勢及本文作者多年教學(xué)實(shí)踐，研究了針對(duì)獨(dú)立院校計(jì)算機(jī)應(yīng)用課程教學(xué)改革的幾項(xiàng)內(nèi)容，包括課程教學(xué)內(nèi)容、授課模式與方法、考試形式等。此次改革已經(jīng)運(yùn)用于計(jì)算機(jī)應(yīng)用及網(wǎng)絡(luò)專業(yè)教學(xué)之中，學(xué)生學(xué)習(xí)的目的性更加明確，教師授課內(nèi)容更具有針對(duì)性和實(shí)用性。

【關(guān)鍵詞】《網(wǎng)頁設(shè)計(jì)》；教學(xué)方法；研究

1研究的背景

《網(wǎng)頁設(shè)計(jì)》課程是計(jì)算機(jī)類相關(guān)專業(yè)提升學(xué)生學(xué)習(xí)興趣點(diǎn)的專業(yè)基礎(chǔ)課，該課程與Photoshop、Flash等圖像、動(dòng)畫課程具有緊密關(guān)系，是動(dòng)態(tài)網(wǎng)頁制作的重要基礎(chǔ)。在傳統(tǒng)教學(xué)的學(xué)習(xí)之初很受學(xué)生歡迎，覺得學(xué)習(xí)直觀、簡單、容易，但是真正動(dòng)手操作起來又會(huì)出現(xiàn)很多問題沒法解決，打擊了學(xué)生學(xué)習(xí)的積極性和興趣，導(dǎo)致最后教學(xué)效果打了折扣。近幾年來，為了更有效的提高學(xué)生的興趣、自主學(xué)習(xí)能力和實(shí)踐動(dòng)手能力，各高校對(duì)該課程的研究主要集中在“教”上。首先是“教”的內(nèi)容:結(jié)合自身的人才培養(yǎng)方案，對(duì)教學(xué)內(nèi)容做了適當(dāng)?shù)恼{(diào)整，以“實(shí)用”、“夠用”為目的，強(qiáng)化了Dreamweaver操作應(yīng)用;其次“教”的方法，以項(xiàng)目驅(qū)動(dòng)的教學(xué)方式，增強(qiáng)學(xué)生工程的思想和實(shí)踐動(dòng)手能力。但是在此過程中很容易忽視網(wǎng)頁設(shè)計(jì)本身的特點(diǎn):創(chuàng)造性、現(xiàn)實(shí)性、實(shí)效性。同時(shí)也忽視了學(xué)生在學(xué)習(xí)的過程中主體的地位。學(xué)生在學(xué)的過程中可能只會(huì)機(jī)械的去照做，沒有思考，吸收，脫離了設(shè)計(jì)的工具，或者原有的設(shè)計(jì)模式可能無從下手，那就更談不上網(wǎng)頁的設(shè)計(jì)了。可以在“教”的基礎(chǔ)上做適當(dāng)?shù)囊龑?dǎo)，讓學(xué)生多去“想”。因此，本研究力圖結(jié)合我院獨(dú)特的教學(xué)條件，課時(shí)設(shè)置以及學(xué)生基礎(chǔ)和學(xué)習(xí)特點(diǎn)探索三段式教學(xué)模式下的網(wǎng)頁設(shè)計(jì)課程研究。

2三段式教學(xué)

在高校教學(xué)過程中，課堂是老師和學(xué)生交流的主要場所，因材施教顯得尤為重要。我在結(jié)合學(xué)生本身的實(shí)際情況，探討新的教學(xué)模式，打破傳統(tǒng)的以“教”為主的模式，讓學(xué)計(jì)與制作理論教學(xué)中案例與問題的研究和探討。“三段式教學(xué)法”:1段:案例引入，提出問題;2段:學(xué)生自主學(xué)習(xí)，嘗試解決問題;3段:歸納總結(jié)，引申提高。理論教學(xué)中我主要引入個(gè)人博客網(wǎng)站為例，這個(gè)例子比較貼近學(xué)生生活和自身情況，通過給學(xué)生展示類似的網(wǎng)站，讓學(xué)生了解網(wǎng)站的主題和顯示內(nèi)容的關(guān)系，提出網(wǎng)頁、網(wǎng)站和站點(diǎn)等概念，然后通過演示建立網(wǎng)站的流程，學(xué)生掌握整個(gè)網(wǎng)站開發(fā)的過程;通過了解這些流程后，再分別從頁面的結(jié)構(gòu)、布局和風(fēng)格。對(duì)學(xué)生提問讓學(xué)生勇于說出自己見過的個(gè)人博客的形式和風(fēng)格，調(diào)動(dòng)學(xué)生的積極性，激勵(lì)學(xué)生去思考，哪種結(jié)構(gòu)比較好，或者更適合自己;接著就是如何展示自己的信息，如文字、圖片、多媒體等，而這些問題他們可以先去觀察事例網(wǎng)站，讓學(xué)生討論講解問題，加深對(duì)問題的理解，然后我再總結(jié)講解知識(shí)點(diǎn)并擴(kuò)充，特別是CSS的應(yīng)用，這些都可以在學(xué)生自己理解總結(jié)后舉一反三。在理論教學(xué)的過程中，將知識(shí)點(diǎn)盡量設(shè)計(jì)在問題中，讓學(xué)生去思考討論，充分調(diào)動(dòng)每個(gè)學(xué)生的主動(dòng)性、積極性和創(chuàng)造性。當(dāng)然學(xué)生在課堂練習(xí)的過程中，我要求學(xué)生盡量不要用Dreamweaver開發(fā)工具，這樣對(duì)HTML標(biāo)記符理解記憶有很大的幫助。實(shí)踐教學(xué)中以學(xué)生為主，給出與學(xué)生生活比較貼近、實(shí)用性較強(qiáng)的幾個(gè)主題，如電商網(wǎng)站，然后學(xué)生自己根據(jù)自己的實(shí)際情況，可以以寢室為單位，可以自由組合，5個(gè)人一個(gè)組完成一個(gè)主題，主題可以自選，小組分工合作，根據(jù)所選題目，結(jié)合實(shí)際情況，確定網(wǎng)站的風(fēng)格和格局，使用Dreamweaver開發(fā)工具進(jìn)行設(shè)計(jì)。這樣具備了理論學(xué)習(xí)HTML標(biāo)記符的基礎(chǔ)上再去使用開發(fā)工具，熟練程度上就有了大大的提高，并且也不會(huì)像傳統(tǒng)的機(jī)械的上機(jī)。

3結(jié)語

整個(gè)教學(xué)方法的研究除了理論教學(xué)和實(shí)踐教學(xué)方法外，在考核的形式上也做了一定的研究，弱化期末卷面的考核，加強(qiáng)實(shí)踐教學(xué)的考核力度。通過實(shí)現(xiàn)過程中網(wǎng)站的設(shè)計(jì)實(shí)現(xiàn)，給出綜合的評(píng)定。這樣也調(diào)動(dòng)了學(xué)生在實(shí)踐過程中的積極性。改革理論課程教學(xué)模式，體現(xiàn)“教師為主導(dǎo)，學(xué)生為主體”模式，激發(fā)學(xué)生興趣，培養(yǎng)分析問題、解決問題能力。構(gòu)建一個(gè)項(xiàng)目合作式實(shí)踐教學(xué)模式，讓學(xué)生們都能夠參與實(shí)訓(xùn)，并從中獲益。加強(qiáng)實(shí)踐創(chuàng)新環(huán)節(jié)，提升學(xué)生的實(shí)踐動(dòng)手能力和創(chuàng)新能力。此次教學(xué)改革已經(jīng)運(yùn)用于計(jì)算機(jī)應(yīng)用及網(wǎng)絡(luò)專業(yè)教學(xué)之中，在整個(gè)應(yīng)用過程中，與學(xué)生的互動(dòng)，了解學(xué)生的學(xué)習(xí)情況等也是整個(gè)改革過程中不可或缺的部分，它直接影響到改革實(shí)施的力度。

作者：陳娟 單位：長江大學(xué)工程技術(shù)學(xué)院

淺談網(wǎng)頁設(shè)計(jì)課程教學(xué)模式:微課在網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)的實(shí)踐

摘要：結(jié)合網(wǎng)頁設(shè)計(jì)與制作課程中微課的應(yīng)用，實(shí)踐探索微課的教學(xué)設(shè)計(jì)、微課的制作和微課在專業(yè)中的應(yīng)用，證明在實(shí)際教學(xué)中應(yīng)用微課，可以在很大程度上激發(fā)學(xué)生學(xué)習(xí)的主動(dòng)性和創(chuàng)造性，使學(xué)生積極主動(dòng)地獲得網(wǎng)頁知識(shí)和制作網(wǎng)頁的技能。

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)；微課；教學(xué)設(shè)計(jì)

在信息化、大數(shù)據(jù)時(shí)代的背景下，數(shù)字化的表現(xiàn)形式成為企業(yè)文化介紹、企業(yè)產(chǎn)品推薦、企業(yè)信息等的首選，因此企業(yè)對(duì)集文字、圖象、動(dòng)畫、視頻等多媒體數(shù)字資源有效集成的網(wǎng)站需求量大增，網(wǎng)頁設(shè)計(jì)要求也逐步提高，對(duì)高校網(wǎng)頁設(shè)計(jì)類專業(yè)人才的培養(yǎng)質(zhì)量期待值也大幅提升。在傳統(tǒng)計(jì)算機(jī)課程中，無法實(shí)現(xiàn)重復(fù)講授操作演示的課堂教學(xué)模式，已經(jīng)嚴(yán)重制約了學(xué)生的學(xué)習(xí)積極性和主動(dòng)性，尤其是學(xué)生設(shè)計(jì)能力的培養(yǎng)，幾乎成為空談。微課這種信息技術(shù)與教育的結(jié)合物，由于文件體積較小，適于各傳播途徑，反復(fù)瀏覽，反復(fù)模仿操作的特性，使其快速的風(fēng)靡了各大高校，成為了突破教學(xué)瓶頸的重要手段。

1微課的定義

微課的定義比較多，目前比較通用的定義是：教師在課堂內(nèi)外教育教學(xué)過程中，為了保證學(xué)生獲得最佳的學(xué)習(xí)效果，圍繞某個(gè)知識(shí)點(diǎn)（重點(diǎn)難點(diǎn)疑點(diǎn)）或技能等單一教學(xué)任務(wù)，利用信息化手段和工具開展簡短完整、生動(dòng)有趣的教學(xué)活動(dòng)。微課的特征主要以現(xiàn)在教學(xué)時(shí)間較短，教學(xué)時(shí)長一般為5—8分鐘左右，最長不超過12分鐘；教學(xué)學(xué)內(nèi)容較少，一般圍繞一個(gè)具體的知識(shí)點(diǎn)來開展，問題聚集，主題突出；表現(xiàn)形式多樣化，可以是實(shí)物操作、教師講授、學(xué)生表演、分組討論、師生訪談等；教學(xué)組織完整，覆蓋了“提出問題，探究問題，解決問題，教學(xué)反思”的教學(xué)組織全過程；成果傳播多樣性，適合網(wǎng)絡(luò)教學(xué)、手機(jī)視頻、微信討論等多樣性傳播。

2微課的教學(xué)設(shè)計(jì)

以微課為主要表現(xiàn)形式的課堂組織，需要對(duì)所有的知識(shí)點(diǎn)進(jìn)行細(xì)化和類化，按照課程的主線重構(gòu)教學(xué)內(nèi)容，教學(xué)設(shè)計(jì)是微課成敗的最關(guān)鍵環(huán)節(jié)。本文選擇網(wǎng)頁設(shè)計(jì)與制作課程中網(wǎng)頁布局學(xué)習(xí)情境中的神奇的圓角布局這個(gè)學(xué)習(xí)子情境來具體闡述。

2.1教學(xué)目標(biāo)的制訂

神奇的圓角布局學(xué)習(xí)子情境目標(biāo)就是要讓學(xué)生完成在網(wǎng)頁布局中，如何實(shí)現(xiàn)單圓角、對(duì)稱圓角、多圓角的設(shè)置，熟練掌握網(wǎng)頁CSS中關(guān)鍵參數(shù)的名稱和設(shè)置方法，能根據(jù)設(shè)計(jì)要求獨(dú)立完成與網(wǎng)頁效果圖相一致的圓角表現(xiàn)形式。

2.2微課內(nèi)容的確定

在兩節(jié)課的課程時(shí)長下，所要講述的內(nèi)容比較多，包括網(wǎng)頁DIV塊的制作和設(shè)置、CSS設(shè)置、文字添加與編輯等。什么教學(xué)內(nèi)容適合以微課形式體現(xiàn)呢？我們一般選擇學(xué)生理解較難，操作步驟較多、容易遺忘的關(guān)鍵知識(shí)點(diǎn)進(jìn)行微課設(shè)計(jì)。在本次微課中，筆者選擇了CSS中圓角關(guān)鍵參數(shù)的設(shè)置作為微課的主要內(nèi)容，對(duì)于DIV塊的制作和文字編輯等內(nèi)容，因?yàn)橛星袄m(xù)課程和WORD操作課程的支撐，只在教師操作演示環(huán)節(jié)進(jìn)行復(fù)習(xí)和強(qiáng)化。

2.3微課教學(xué)組織

微課的教學(xué)組織十分靈活，可以是課前的自主學(xué)習(xí)，可以是課中的教師授課，也可以是課后的學(xué)生復(fù)習(xí)，甚至是以上多種形式的結(jié)合。在神奇的圓角布局學(xué)習(xí)子情境教學(xué)中，采用的是課中教師授課和課后學(xué)生反復(fù)復(fù)習(xí)的結(jié)合形式。具體教學(xué)組織為教師案例展示，任務(wù)驅(qū)動(dòng)—教師操作演示（非微課內(nèi)容）—指導(dǎo)學(xué)生觀看微課—學(xué)生解決問題。課后學(xué)生還可以反復(fù)觀看微課內(nèi)容，突破時(shí)間、空間的局限，反復(fù)練習(xí)，直到熟練掌握為止。

3微課的制作

微課的主要表現(xiàn)形式是視頻，在制作過程中要關(guān)注內(nèi)容的趣味性、價(jià)值性和完整性。在神奇的圓角布局微課中，首先以一段設(shè)計(jì)師作品一次次被公司否定，設(shè)計(jì)師痛不欲生的搞笑動(dòng)畫開頭，吸引學(xué)生的注意力；其次分析該作品的不足，拋出圓角布局的設(shè)計(jì)理念，詳細(xì)演示多種圓角的設(shè)計(jì)方法；最后給出詳細(xì)設(shè)計(jì)任務(wù)和高年級(jí)學(xué)生的優(yōu)秀作品，為學(xué)生提供設(shè)計(jì)靈感，培養(yǎng)學(xué)生舉一反三的能力。整個(gè)微課時(shí)長9分鐘。在制作微課過程中，需要使用到一些信息化工具與計(jì)算機(jī)軟件，最基本的如耳麥(附帶話筒)、錄像軟件CamtasiaStudio、視頻后期處理軟件會(huì)聲會(huì)影等。

4微課的應(yīng)用

在網(wǎng)頁設(shè)計(jì)與制作課程中采用微課后，學(xué)生可以在課余反復(fù)觀看微課內(nèi)容，反復(fù)練習(xí)較難的操作細(xì)節(jié)，將傳統(tǒng)的課堂教學(xué)延伸到了課后，64課時(shí)的課程時(shí)長無限擴(kuò)大。經(jīng)過教學(xué)實(shí)踐證明，利用微課，在教學(xué)中實(shí)現(xiàn)了學(xué)中做、做中學(xué)、學(xué)做一體的教學(xué)合一，提高了學(xué)生的學(xué)習(xí)主動(dòng)性和實(shí)踐動(dòng)手能力，極大提高了學(xué)生的分析問題和解決問題的能力，使學(xué)生很好的達(dá)到了網(wǎng)頁設(shè)計(jì)從業(yè)人員的基本職業(yè)能力。微課在教學(xué)中的應(yīng)用目前還處于實(shí)踐的初期階段，不同專業(yè)、不同課程在微課中的應(yīng)用方式均有差別。探索微課的開發(fā)、應(yīng)用還有很長的階段，需要我們思考研究和長期的實(shí)踐積累，進(jìn)而不斷提高教師的信息素養(yǎng)，制作出更多更優(yōu)質(zhì)的微課資源。

作者：劉星海 單位：湖南汽車工程職業(yè)學(xué)院