時間：2022-08-01 03:43:55
序論：在您撰寫淺談網(wǎng)頁設(shè)計課程教學(xué)模式時，參考他人的優(yōu)秀作品可以開闊視野，小編為您整理的1篇范文，希望這些建議能夠激發(fā)您的創(chuàng)作熱情，引導(dǎo)您走向新的創(chuàng)作高度。
《網(wǎng)頁設(shè)計》是一門綜合性的“大課程”，鑒于其專業(yè)的特殊性，至目前藝術(shù)設(shè)計專業(yè)開設(shè)的此課程尚沒有相對完善的教材，教學(xué)內(nèi)容和教學(xué)方法也處于探索階段。筆者結(jié)合多年從事web開發(fā)和網(wǎng)頁設(shè)計教學(xué)經(jīng)驗，對藝術(shù)設(shè)計專業(yè)《網(wǎng)頁設(shè)計》課程目標、教學(xué)內(nèi)容設(shè)計、教學(xué)方法三方面進行探討，期待構(gòu)建《網(wǎng)頁設(shè)計》課程教學(xué)的大致框架。隨著信息時代的到來，互聯(lián)網(wǎng)技術(shù)改變了人們傳統(tǒng)的生產(chǎn)和生活方式。網(wǎng)絡(luò)資源的共享和發(fā)展已經(jīng)融入社會生活，門戶網(wǎng)站、網(wǎng)頁瀏覽已經(jīng)成為一種生活習慣。作為服務(wù)于社會經(jīng)濟發(fā)展的高校專業(yè)設(shè)置，為適應(yīng)時代需求，如計算機、電子商務(wù)及藝術(shù)設(shè)計等專業(yè)都開設(shè)了《網(wǎng)頁設(shè)計》課程。就專業(yè)技術(shù)而言，《網(wǎng)頁設(shè)計》課程綜合性較強，涵蓋的知識面較為廣泛，一個網(wǎng)頁的建立到過程，涉及到了網(wǎng)絡(luò)基礎(chǔ)知識，W3C標準和與之對應(yīng)的結(jié)構(gòu)：（X）HTML語言，表現(xiàn)：CSS樣式，動作：JavaScipt，圖像處理、動畫制作等諸多領(lǐng)域。鑒于其專業(yè)基礎(chǔ)的特殊性，這也導(dǎo)致了該課程針對不同專業(yè)在教學(xué)內(nèi)容、教學(xué)模式、教學(xué)方法等方面存在很大差異。理工科專業(yè)多側(cè)重于程序語言的編寫學(xué)習，較為重視純技術(shù)方面，而藝術(shù)設(shè)計專業(yè)則更多偏向于網(wǎng)頁界面的版面設(shè)計，包括形式美感、色調(diào)處理等。但在實際人才應(yīng)用中，用人單位更想兼顧以上兩方面的技術(shù)應(yīng)用型人才。目前藝術(shù)設(shè)計專業(yè)《網(wǎng)頁設(shè)計》課程并沒有相對完善的專門教材，教學(xué)方法與內(nèi)容也處于探索階段。由于大環(huán)境和師資的局限，開設(shè)該課程的很多高校在教學(xué)上并沒有結(jié)合藝術(shù)設(shè)計專業(yè)的自身特點，往往“復(fù)制”和計算機等理工科專業(yè)一樣的課程教學(xué)模式，“教”和“學(xué)”都陷入一定的尷尬境地，達不到本專業(yè)所需一定程度的教學(xué)目標。另一方面，藝術(shù)設(shè)計專業(yè)的學(xué)生，具有一定的美術(shù)基礎(chǔ)和審美意趣，制作網(wǎng)頁有一定的美感優(yōu)勢，但有時也過于追求美觀而忽略用戶體驗，脫離實際，華而不實。筆者結(jié)合多年從事web開發(fā)和網(wǎng)頁設(shè)計教學(xué)的相關(guān)經(jīng)驗，對藝術(shù)設(shè)計專業(yè)《網(wǎng)頁設(shè)計》課程目標、教學(xué)內(nèi)容設(shè)計、教學(xué)方法三方面進行探討，期待構(gòu)建《網(wǎng)頁設(shè)計》課程教學(xué)的大致框架。其中的藝術(shù)設(shè)計專業(yè)，尤其是視覺傳達方向的平面設(shè)計專業(yè)都開設(shè)了《網(wǎng)頁設(shè)計》課程。
一、課程目標
眾所周知，課程目標決定一門課程構(gòu)建和發(fā)展的最終導(dǎo)向，一方面可以為學(xué)生指明正確的課程學(xué)習方向，另一方面也為教師傳授正確的知識理念提供依據(jù)，真正做到“教”和“學(xué)”的“有的放矢”。結(jié)合藝術(shù)設(shè)計專業(yè)學(xué)生的個性特點，注重網(wǎng)頁設(shè)計語言的學(xué)習，將藝術(shù)和技術(shù)有機的緊密結(jié)合。在課程目標制定的過程中，弱化一些在前期專業(yè)基礎(chǔ)課程中已經(jīng)學(xué)習過的相關(guān)知識（如PS圖像處理等），做好簡單的銜接，將重點放到藝術(shù)設(shè)計專業(yè)學(xué)生相對薄弱的知識點（如網(wǎng)頁設(shè)計語言等）。Dreamweaver是目前最好的網(wǎng)頁制作與設(shè)計軟件工具，作為可視網(wǎng)頁編輯工作的標準，它一直在代碼編輯和應(yīng)用程序開發(fā)方面的功能比較強大。更重要的是它是所見即所得類型的網(wǎng)頁設(shè)計軟件，對藝術(shù)設(shè)計專業(yè)的學(xué)生來說，學(xué)習和應(yīng)用的難易程度非常合適。同時，對于網(wǎng)頁設(shè)計素材的制作和處理，動畫素材可以選擇Flash，圖片素材可以選擇photoshop，這里強調(diào)并要求和Dreamweaver相匹配和適應(yīng)。作為網(wǎng)頁設(shè)計的基礎(chǔ)理念，在制定《網(wǎng)頁設(shè)計》教學(xué)目標時，必須考慮將W3C標準相關(guān)的新理念、新做法等元素考慮進來，強調(diào)使用規(guī)范化語義標簽語言（X）HTML書寫頁面結(jié)構(gòu)，并強調(diào)CSS樣式表的使用，同時遵循W3C標準，了解div+css和標準頁面的優(yōu)勢所在，使用“div+css”實現(xiàn)網(wǎng)頁結(jié)構(gòu)代碼與表現(xiàn)樣式相分離，以及對后面制作標準頁面所起到的促進作用等。
二、教學(xué)內(nèi)容
（一）在藝術(shù)設(shè)計專業(yè)的人才培養(yǎng)計劃中，網(wǎng)頁設(shè)計課程
一般安排在課程學(xué)習的中后時間段。就本課程而言，我建議教學(xué)內(nèi)容并時間安排如下：
1.Dreamweaver軟件的學(xué)習和應(yīng)用為重點講解，講授和實踐為5+5個學(xué)時。Dreamweaver軟件的主要任務(wù)就是完成網(wǎng)頁設(shè)計的版面架構(gòu)，教學(xué)中，主要講解本地站點的創(chuàng)建和頁面結(jié)構(gòu)搭建。在早期的網(wǎng)頁排版中一般使用網(wǎng)頁表格（table）及其嵌套的模式布局頁面，隨著技術(shù)更新和用戶需求，表格結(jié)構(gòu)已不適合現(xiàn)在時展的需要，即不適合手機及平板電腦的用戶瀏覽，呈現(xiàn)逐漸被淘汰的趨勢?，F(xiàn)今網(wǎng)頁版面架構(gòu)大都采用div+css的方式設(shè)計，具有瀏覽速度快，適合在手機或平板電腦上瀏覽的優(yōu)勢。結(jié)構(gòu)和樣式的相分離，也便于日后的網(wǎng)頁改版的便利；
2.網(wǎng)頁編程基礎(chǔ)方面：HTML語言、CSS樣式、JavaScipt，講授和實踐7+7學(xué)時。非計算機專業(yè)的學(xué)生一般錯誤的認為使用Dreamweaver這樣所見即所得的工具學(xué)習網(wǎng)頁設(shè)計，不再需要學(xué)習太多的“語言”。其實不然，HTML是網(wǎng)頁的靈魂，它不像C語言那樣“生澀難懂”，相對藝術(shù)設(shè)計學(xué)生而言，完全有能力學(xué)會和掌握。CSS通俗講是控制網(wǎng)頁中內(nèi)容的顏色、字體大小、寬度背景等樣式，并由此來實現(xiàn)各種各樣網(wǎng)頁樣式的統(tǒng)稱，也是需要熟悉和掌握的。JavaScipt與C語言不同，它提供一定的面向?qū)ο竽芰?，因此模塊、名字空間、類、對象、封裝、函數(shù)等功能在JavaScipt中的實現(xiàn)方式是其教學(xué)的重頭戲，它們才是現(xiàn)代JavaScipt語言的精髓；
3.Flash動畫，講授和實踐6+4學(xué)時。Flash主要制作二維動畫，體積小，便于使用，學(xué)習難度小，能夠滿足網(wǎng)頁設(shè)計的需要，如：網(wǎng)頁Banner條的設(shè)計、片頭動畫、課件等；
4.網(wǎng)站客戶端的表現(xiàn)原則、開發(fā)流程、面向客戶的網(wǎng)站設(shè)計，講授和實踐2+0學(xué)時；
5.photoshop為輔助2學(xué)時，藝術(shù)設(shè)計專業(yè)的學(xué)生已經(jīng)學(xué)習并掌握photoshop的使用方法。因此，減少這方面的講解，給其他新知識點留下更充裕的時間。
（二）結(jié)合網(wǎng)絡(luò)技術(shù)發(fā)展和用戶體驗要求，本課程教學(xué)還需注意下面要點：
1.面向用戶體驗的網(wǎng)頁設(shè)計：學(xué)生在學(xué)習和制作網(wǎng)頁時，總是以“自我”的感覺為主導(dǎo)，很少考慮并分析用戶需求，以為自己的設(shè)計有相當?shù)摹拔Α钡菍τ谠L問者來說，大多數(shù)的設(shè)計過于空洞、內(nèi)容繁冗，徒有漂亮的外觀。所以學(xué)生應(yīng)該明確，網(wǎng)頁設(shè)計應(yīng)該以“用戶”為中心，而不是展示、甚至炫耀網(wǎng)頁技術(shù)或技巧。因此，有必要引進面向用戶的網(wǎng)頁設(shè)計教學(xué)。
2.當前互聯(lián)網(wǎng)技術(shù)飛速發(fā)展，網(wǎng)絡(luò)資源共享已成趨勢，學(xué)生獲取知識的渠道已不僅僅滿足于課堂上教師的講解，包括每一步所要學(xué)習的知識點。充分利用網(wǎng)絡(luò)，包括豐富的教學(xué)資源和便利的搜索功能，面對現(xiàn)實中存在的問題，引導(dǎo)學(xué)生如何利用互聯(lián)網(wǎng)學(xué)習網(wǎng)頁設(shè)計方面的前沿知識，發(fā)現(xiàn)并解決。鼓勵學(xué)生使用博客、論壇，通過發(fā)現(xiàn)其中有趣的文章，得到解決問題的新方法和代碼片段。向?qū)W生介紹開源社區(qū)，并鼓勵他們在線發(fā)表自己的代碼，使用社交媒體進行資源查找，并形成專業(yè)的社交媒體互動，更加專注于他們的代碼與工作，真正激發(fā)學(xué)生的學(xué)習興趣。
三、教學(xué)方法
《網(wǎng)頁設(shè)計》課程具有交叉學(xué)科性質(zhì)，結(jié)合藝術(shù)設(shè)計專業(yè)學(xué)生的自身特點，在教學(xué)過程中，我運用任務(wù)驅(qū)動法、模塊教學(xué)法和項目教學(xué)法等多重手段，給學(xué)生明確的思路，引導(dǎo)學(xué)生多動腦，勤動手，發(fā)現(xiàn)問題，分析問題，解決問題。
（一）任務(wù)驅(qū)動法
任務(wù)驅(qū)動法，即通過創(chuàng)設(shè)問題情境來調(diào)動學(xué)生的學(xué)習興趣，進而啟發(fā)學(xué)生的求知欲?！芭d趣是最好的老師”，只有發(fā)現(xiàn)問題，才有任務(wù)和動力，教師利用專業(yè)知識，結(jié)合課堂所講章節(jié)內(nèi)容，分析并解決問題。只有這樣才能有利于培養(yǎng)學(xué)生獨立分析問題、解決問題的能力和創(chuàng)新能力。具體到《網(wǎng)頁設(shè)計》課程教學(xué)中，通過導(dǎo)入新課環(huán)節(jié)，將所要講授的新知識隱含在一個或幾個任務(wù)之中，引導(dǎo)學(xué)生對所提出的任務(wù)進行分析討論，明確大體涉及所需知識，承前啟后，找出哪些是需要復(fù)習鞏固的知識，哪些是需要探索學(xué)習的新知識，在教師的指導(dǎo)下找出解決問題的方法，通過任務(wù)的完成實現(xiàn)對所學(xué)知識的構(gòu)建。
（二）模塊教學(xué)法
團隊合作、模塊運營是現(xiàn)代企業(yè)生存和發(fā)展之道，網(wǎng)頁設(shè)計公司亦是如此，很多網(wǎng)站界面都實行模塊化，每個部門負責完成自己的任務(wù)。為和現(xiàn)代網(wǎng)頁設(shè)計公司相適應(yīng)，《網(wǎng)頁設(shè)計》課程嘗試實施有目標、有任務(wù)、有內(nèi)容的模塊教學(xué)法，將本課程教學(xué)內(nèi)容有意識地分化為幾個模塊，針對每一個模塊設(shè)定具體的教學(xué)目標、任務(wù)和要求，將課堂所講內(nèi)容和現(xiàn)實所需實踐有機結(jié)合。同時讓學(xué)生自由組合成一個個小團隊，團隊之間、團隊之內(nèi)分工協(xié)作，團隊合作，真正做到鍛煉學(xué)生綜合能力的教學(xué)和實踐。
（三）項目教學(xué)法
通過實施一個完整的“項目”而進行教學(xué)活動，其目的是在課堂教學(xué)中把理論與實踐有機的結(jié)合起來，充分發(fā)揮學(xué)生的創(chuàng)造潛能，提高學(xué)生解決實際問題的能力。《網(wǎng)頁設(shè)計》課程相對來說，有非常多的“項目”可供實施。一般是在知識體系講解完全后，給出一個具體的項目命題，如學(xué)生（或?qū)W校）個人（或創(chuàng)業(yè)小店）的網(wǎng)站、網(wǎng)絡(luò)上征稿的企業(yè)網(wǎng)站等，在實施這些“項目”過程中發(fā)現(xiàn)問題并且解決問題，一方面可以鍛煉學(xué)生的實踐能力，更重要的是及早讓學(xué)生有實戰(zhàn)意識，真正實現(xiàn)課堂教學(xué)和單位實習的“零距離”。
（四）雙師教學(xué)法
聘請工作在網(wǎng)頁設(shè)計一線，且具有豐富實踐經(jīng)驗的設(shè)計師作為兼職教員，加入到課程教學(xué)中來。兼職教員能制作最專業(yè)的網(wǎng)站，對本行業(yè)的最新趨勢有著完整的把控力，對網(wǎng)頁設(shè)計實際工作中有可能遇到的問題有著獨到的見解。他們可為學(xué)生開設(shè)講座、解惑答疑，結(jié)合全職教師對教學(xué)內(nèi)容和方法的深入研究，兩種教師互補，增強學(xué)生的學(xué)習體驗和興趣，提高教學(xué)質(zhì)量。
四、結(jié)語
藝術(shù)設(shè)計專業(yè)的《網(wǎng)頁設(shè)計》課程是隨著互聯(lián)網(wǎng)而產(chǎn)生的新興課程，同時也是為適應(yīng)地方社會經(jīng)濟發(fā)展和普通用戶的生活體驗的。互聯(lián)網(wǎng)技術(shù)的日新月異、社會經(jīng)濟的迅猛發(fā)展和普通用戶的生活便捷也決定了課程的必須不斷更新變革。教學(xué)是動態(tài)的過程，只有確立好課程目標、梳理好教學(xué)內(nèi)容、掌控好教學(xué)方法，根據(jù)實施過程中的具體情況靈活調(diào)整，并不斷充實完善，才能取得更好的教學(xué)效果，真正做到培養(yǎng)網(wǎng)頁設(shè)計的應(yīng)用型專業(yè)人才，服務(wù)于社會，以人為本。
作者：華俊
一、課程定位與性質(zhì)
《網(wǎng)頁設(shè)計》是面向計算機及其相關(guān)專業(yè)開設(shè)的一門課程，是一門計算機軟件應(yīng)用類課程?！毒W(wǎng)頁設(shè)計》課程要實現(xiàn)的教學(xué)目標包括：①網(wǎng)站的基本知識，例如網(wǎng)站的發(fā)展和分類知識、網(wǎng)站開發(fā)所需的技術(shù)、HTML語言和CSS的結(jié)構(gòu)和語法等；②掌握網(wǎng)站的開發(fā)流程，例如建站規(guī)劃、效果圖制作、建立站點等相關(guān)知識；③掌握各種網(wǎng)頁元素在Dreamweaver中的使用，例如表格、文本、圖像、超級鏈接和表單等；④熟悉一些網(wǎng)頁設(shè)計輔助軟件的功能和使用方法，例如Photoshop；⑤能夠解決一些網(wǎng)頁設(shè)計中的常見問題。本課程旨在培養(yǎng)學(xué)生的計算機應(yīng)用能力，使學(xué)生掌握網(wǎng)頁設(shè)計方法、網(wǎng)頁設(shè)計語言及相關(guān)設(shè)計工具和美化工具的使用，從而滿足和適應(yīng)信息化社會對物流管理專業(yè)學(xué)生綜合素質(zhì)的要求。
二、教學(xué)內(nèi)容與教學(xué)條件
1.理論教學(xué)內(nèi)容
（1）課程內(nèi)容設(shè)計課程內(nèi)容設(shè)計在教學(xué)大綱的指導(dǎo)下完成，在教學(xué)過程中適時引入新的教學(xué)案例和教學(xué)方法，這些教學(xué)內(nèi)容能夠豐富學(xué)生的網(wǎng)絡(luò)知識，提高學(xué)生的網(wǎng)頁設(shè)計能力和計算機應(yīng)用能力，為將來使用和開發(fā)與專業(yè)相關(guān)的軟件奠定基礎(chǔ)。
（2）教學(xué)內(nèi)容安排課程授課采用講練結(jié)合的方式進行。在教學(xué)過程中，不再把書本上的現(xiàn)成知識傳授給學(xué)生作為教學(xué)目標。通過理論講授、案例演示和分析，讓學(xué)生在真實的情境中學(xué)到相關(guān)知識，這樣學(xué)生就知道如何把相關(guān)知識點應(yīng)用于實際。課程采用的教學(xué)案例和學(xué)生練習的內(nèi)容都出自實際應(yīng)用，從而大大增強教學(xué)效果。鼓勵學(xué)生將課內(nèi)學(xué)到的內(nèi)容應(yīng)用到課外實際應(yīng)用中，并將學(xué)生課外創(chuàng)作的自選作品作為成績考核的重要依據(jù)。
2.實踐教學(xué)內(nèi)容
（1）實踐教學(xué)內(nèi)容實踐教學(xué)內(nèi)容與理論教學(xué)內(nèi)容保持高度一致，講授什么知識點，學(xué)生就上機練習什么知識點，分析什么教學(xué)案例，學(xué)生就制作什么教學(xué)案例，通過實際項目的分解讓學(xué)生更好地掌握《網(wǎng)頁設(shè)計》的應(yīng)用，大大提高學(xué)生的綜合素質(zhì)。同時，不斷豐富實踐教學(xué)內(nèi)容，采用最新教學(xué)案例，取得較好的教學(xué)效果。
（2）實踐教學(xué)條件計算機實驗室能夠保證學(xué)生《網(wǎng)頁設(shè)計》課程上機時，1人1機，全部上機在Windows7網(wǎng)絡(luò)環(huán)境實現(xiàn)，利用電子教室軟件實現(xiàn)課程電子資料實時發(fā)送，課堂電子作業(yè)實時提交，實現(xiàn)整個實驗教學(xué)過程的無紙化。
三、教學(xué)方法與教學(xué)手段
1.教學(xué)方法
教學(xué)方法采用講授法與案例教學(xué)法。對于《網(wǎng)頁設(shè)計》相關(guān)的概念及基礎(chǔ)知識，采用傳統(tǒng)的課堂講授的教學(xué)方法完成，讓學(xué)生理解并接受。對于《網(wǎng)頁設(shè)計》課程中的一些應(yīng)用性和實踐性比較強的知識點，采用案例教學(xué)法，通過案例演示和分析，學(xué)生知道完成教學(xué)案例的途徑和相關(guān)知識點。通過布置任務(wù)，讓學(xué)生查找并應(yīng)用知識點，以學(xué)生為主、教師為輔，激發(fā)學(xué)生學(xué)習興趣，提高學(xué)生應(yīng)用能力。
2.教學(xué)手段
《網(wǎng)頁設(shè)計》課程教學(xué)采用“電化教學(xué)”手段，引入“電子教室軟件”輔助教學(xué)。教師通過教學(xué)課件和教學(xué)案例演示教學(xué)內(nèi)容，教師微機屏幕上的內(nèi)容能夠?qū)崟r發(fā)送到每個學(xué)生的微機屏幕上，這樣學(xué)生就可以通過自己的屏幕實時看到教師的教學(xué)內(nèi)容。通過“電子教室軟件”，教師機的教學(xué)資料可以很快發(fā)送到學(xué)生機上，學(xué)生完成的電子作業(yè)和自創(chuàng)作品可以快速提交給教師。通過“電子教室軟件”，教師能夠很好地和學(xué)生完成提問和回答等教學(xué)互動，監(jiān)控學(xué)生的操作屏幕，及時了解學(xué)生的狀態(tài)并相應(yīng)給出教學(xué)指導(dǎo)?！半娮咏淌臆浖本哂须娮狱c名功能，只需要幾秒鐘就可以完成整個班級的學(xué)生點名工作。
四、課程考核與試卷分析
1．課程考核
改革“一張卷子”評定成績的課程評價模式，應(yīng)用以單元測試、評價作品和上機實操考試為基礎(chǔ)的綜合考核方式，更注重學(xué)生平時的電子作業(yè)、教學(xué)實例和自選創(chuàng)新作品的完成情況，通過綜合評價，變考書本為考能力，邊學(xué)習邊考核，加重平時成績在總成績中的比例，這樣能夠全面評價學(xué)生的網(wǎng)頁設(shè)計能力。
2．試卷分析
考試命題完成是在課程教學(xué)大綱的框架下完成的，全體學(xué)生《網(wǎng)頁設(shè)計》考試采用理論+實操的形式，試題覆蓋教學(xué)的全部內(nèi)容。從考試結(jié)果分析，試卷注重基礎(chǔ)知識的考查，難度偏易，區(qū)分度較好。從學(xué)生考試時間分析，90分鐘內(nèi)學(xué)生全部能完成考試，以下是試卷分析結(jié)果。
五、結(jié)語
課程是培養(yǎng)人才的最基本的元素，是人才培養(yǎng)過程中最基本的單元。通過對《網(wǎng)頁設(shè)計》課程定位與性質(zhì)、教學(xué)內(nèi)容與教學(xué)條件、教學(xué)方法與教學(xué)手段和課程考核與試卷分析的解析，加強課程建設(shè)，提高課程教學(xué)質(zhì)量。
作者：徐立波 單位：沈陽工程學(xué)院
1引言
網(wǎng)頁設(shè)計與制作是計算機應(yīng)用專業(yè)的一門重要的必修課，是一門集知識性、藝術(shù)性、技能性和應(yīng)用性于一體的課程，學(xué)生可通過本課程的學(xué)習，獲得網(wǎng)站設(shè)計與開發(fā)的能力，并能熟練地進行網(wǎng)頁的美化。本課程還有助于學(xué)生更深入學(xué)習計算機其他領(lǐng)域知識，培養(yǎng)職業(yè)技能，完善專業(yè)知識結(jié)構(gòu)。對于大學(xué)生而言，在互聯(lián)網(wǎng)技術(shù)發(fā)展和普及的時代背景下，瀏覽網(wǎng)站獲得信息并不陌生?！毒W(wǎng)頁設(shè)計與制作》這門課程因為面向應(yīng)用、突出實踐，廣受學(xué)生歡迎。但是學(xué)生從前臺瀏覽的身份突然跨越到后臺進行操作實踐，會存在理解和學(xué)習上的困難。比如教學(xué)時側(cè)重對單個知識點的介紹，知識點之間的聯(lián)系不多，學(xué)生對于“整體網(wǎng)站”的概念難以形成，往往知其表象而不知內(nèi)涵，尤其在學(xué)習了各種網(wǎng)頁美化軟件后，不清楚如何將這些知識運用到實踐中去；目前教學(xué)內(nèi)容往往和企業(yè)的實際需要存在脫節(jié)，學(xué)生的作品自我色彩強烈而缺少實用性。針對以上存在的一些問題，本文基于計算機思維理論，對網(wǎng)頁設(shè)計與制作課程在教學(xué)內(nèi)容、教學(xué)環(huán)境和校企合作等方面的改革進行探索和實踐。
2基于計算思維能力培養(yǎng)的課程教學(xué)改革
計算思維是由美國著名計算機教育工作者周以真教授提出并定義的，計算思維是運用計算機科學(xué)的基礎(chǔ)概念對問題進行求解、設(shè)計系統(tǒng)和對人類行為的理解等涵蓋計算機科學(xué)之廣度的一系列思維活動。對計算機課程的教學(xué)提出了更高的要求，不能只停留將計算機作為工具使用的狹義領(lǐng)域，而要著重對學(xué)生計算思維的培養(yǎng)，強調(diào)問題解決的操作過程和應(yīng)用實踐。因此在《網(wǎng)頁設(shè)計與制作》課程的教學(xué)過程中，我們的重點不應(yīng)該僅僅是教授學(xué)生使用網(wǎng)頁設(shè)計工具，而更應(yīng)將提出問題、解決問題等思維能力培養(yǎng)貫穿于整個教學(xué)過程中。筆者從教學(xué)內(nèi)容、教學(xué)環(huán)境、校企合作三方面進行探討。
2.1加強教學(xué)內(nèi)容的改革
計算思維能力的培養(yǎng)需要對教學(xué)內(nèi)容重新理解和認識，網(wǎng)頁設(shè)計與制作這門課程具有很強的設(shè)計性和操作性，而設(shè)計是前提，操作是為設(shè)計服務(wù)的過程，在教學(xué)過程中，我們從培養(yǎng)計算思維能力的目標出發(fā)，力求在思維中融合知識的傳授、技能與素質(zhì)的培養(yǎng)，尊重不同的認知方式。網(wǎng)頁設(shè)計與制作這門課程，隨著計算機軟硬件日新月異的升級，即使是市面上最新出版的教材，軟件版本、教學(xué)結(jié)構(gòu)和內(nèi)容等很多方面都不能完全適應(yīng)網(wǎng)頁設(shè)計的最新知識和應(yīng)用。為使學(xué)生在學(xué)習時更好地與前沿接軌，筆者在課程內(nèi)容改革方面做了一些嘗試。以DIV+CSS網(wǎng)頁布局為例：傳統(tǒng)網(wǎng)頁布局以表格為主，這種結(jié)構(gòu)缺點是呆板、樣式簡單，不利于重用和后期修改，而如今主流模式使用DIV+CSS網(wǎng)頁布局，先用DIV對頁面內(nèi)容進行整體劃分，再用CSS對各結(jié)構(gòu)分塊進行定位，突出表現(xiàn)和內(nèi)容的分離，這樣排版思路清晰，網(wǎng)頁結(jié)構(gòu)分明，更新頁面又十分方便。傳統(tǒng)的表格布局直觀、簡單，學(xué)生易于理解，但DIV+CSS網(wǎng)頁布局中的概念比較抽象，尤其是盒子模型、標準流、浮動、定位四大核心技術(shù)原理，如果僅僅照搬書上的理論介紹，學(xué)生表示出一定的畏難情緒，教學(xué)效果不佳。為幫助學(xué)生能夠更好地吸收、鞏固知識，筆者設(shè)計了一系列Flash動畫對盒子模型的原理、定位偏移以及后續(xù)的布局示例進行演示，比如用墻上的畫框來說明盒子模型的結(jié)構(gòu)，例子貼近生活，視覺效果直接、清晰，為學(xué)生的創(chuàng)新思維留出空間，學(xué)生能做到不但知其然，還知其所以然，在動手操作的同時進行觀察、思考和分析，比較和傳統(tǒng)表格布局的差距，從而建立自己的思維方法，形成自己的個人成果。再例如在教授動畫制作軟件Flash時，教學(xué)案例不能簡單照搬一些參考教材的例子，要結(jié)合實際企業(yè)需求，將需要注意的相關(guān)技術(shù)和工作流程方面重點有機地融合在案例中。因為Flash主要是在網(wǎng)頁設(shè)計中應(yīng)用，所以對教學(xué)知識點歸類，分為逐幀動畫、補間動畫、遮罩動畫、引導(dǎo)動畫、按鈕類動畫等，再精選互聯(lián)網(wǎng)中的動畫作為案例，更能激發(fā)學(xué)生的學(xué)習興趣，擴展學(xué)生的實際應(yīng)用能力。學(xué)生先按照教師的案例操作熟練后，布置任務(wù)時將主動權(quán)交給學(xué)生，給學(xué)生提供計算思維的創(chuàng)新空間，從構(gòu)思到素材收集，從工具選擇到動畫制作，都需要學(xué)生充分發(fā)揮想象力、獨立思考，結(jié)合已有知識進行實踐并創(chuàng)新，起到舉一反三的作用。
2.2基于能力培養(yǎng)的教學(xué)環(huán)境
筆者所在的教學(xué)團隊構(gòu)建的《網(wǎng)頁設(shè)計與制作》精品課程網(wǎng)站將教學(xué)由平面擴展為立體，以培養(yǎng)職業(yè)能力為核心，以工作實踐為主線，以實例應(yīng)用為導(dǎo)向，提供了有力的教學(xué)環(huán)境。精品課程網(wǎng)站具有良好的開放性和實用性，提供了豐富的教學(xué)資源，包括大量的教學(xué)課件、教案、教學(xué)視頻，來自企業(yè)一線的教學(xué)素材、項目任務(wù)、歷屆學(xué)生的優(yōu)秀作業(yè)等，通過大容量作業(yè)郵箱和課程學(xué)習QQ群構(gòu)建了課程輔助教學(xué)平臺。課程平臺可以滿足不同層次的學(xué)生的需求，打破了學(xué)校、教室的地域范圍，學(xué)生成為了主體，對教學(xué)內(nèi)容和學(xué)習時間可以更靈活地進行選擇和安排，可以上傳自己的操作作業(yè)，適合“移動”的學(xué)習過程。學(xué)生不僅可以隨時下載共享的資源解決學(xué)習中的疑惑，還可以與教師進行討論交流，獲得個別反饋，對知識進行深入擴展，達成個性化培養(yǎng)的目標，即計算思維多樣化的本質(zhì)：尊重學(xué)生認知方式存在的差異。在網(wǎng)站相應(yīng)欄目中還提供關(guān)于計算思維的文章和資料，供學(xué)生閱讀、體會。
3校企合作促進教學(xué)
為了更好地讓學(xué)生在畢業(yè)后走上工作崗位后能少走彎路，快速適應(yīng)企業(yè)需要，避免出現(xiàn)學(xué)習知識與職業(yè)能力、知識內(nèi)容與生產(chǎn)情境的脫節(jié)，學(xué)校和企業(yè)進行深層次的合作，立足工作崗位能力的培養(yǎng)人才模式，達到雙贏的目的。因此教學(xué)應(yīng)根據(jù)企業(yè)的應(yīng)用需求制訂新的教學(xué)大綱和計劃，選取和設(shè)計教學(xué)內(nèi)容，并開發(fā)相關(guān)實訓(xùn)指導(dǎo)、習題及操作訓(xùn)練測試、課程網(wǎng)站等一系列教學(xué)資源。而教師如果理論更新跟不上時代的變化，缺乏實踐操作能力，會使職業(yè)院校計算機教育明顯滯后于各產(chǎn)業(yè)發(fā)展對計算機專業(yè)人才培養(yǎng)的需求。教師更要深入企業(yè)，了解企業(yè)文化和用人需求，這樣在日后可以擴展教學(xué)的深度和廣度，教學(xué)以企業(yè)工作流程為框架，重視學(xué)生在校學(xué)習與職場環(huán)境的一致性。而企業(yè)的工程師也要進校進行指導(dǎo)，傳授企業(yè)一線的操作經(jīng)驗，真正能將學(xué)生培養(yǎng)為集學(xué)科、技術(shù)和產(chǎn)業(yè)思維于一體的優(yōu)秀技術(shù)型人才，提高畢業(yè)生在市場上的競爭力，促進他們能更好地就業(yè)、創(chuàng)業(yè)。
4結(jié)語
在教學(xué)中滲透計算思維，是我們面臨的教育教學(xué)改革的新挑戰(zhàn)，更是新機遇。通過幾年的教學(xué)實踐表明，基于計算思維對《網(wǎng)頁設(shè)計與制作課程》的針對性的教學(xué)改革充分發(fā)揮了學(xué)生的主觀能動性，提高了教學(xué)質(zhì)量，大部分學(xué)生都表示收獲頗豐，學(xué)習能力、思維能力得到了普遍提高。今后還需要進一步探索研究新的手段，潛移默化地培養(yǎng)學(xué)生的計算思維能力，提高學(xué)生的實踐技能水平，為學(xué)生提供受益終生的學(xué)習方法。
作者：戴菲 單位：揚州工業(yè)職業(yè)技術(shù)學(xué)院
【摘要】本文從課程教學(xué)模式發(fā)展入手，結(jié)合獨立院校辦學(xué)特色、學(xué)生就業(yè)方向、網(wǎng)絡(luò)技術(shù)發(fā)展形勢及本文作者多年教學(xué)實踐，研究了針對獨立院校計算機應(yīng)用課程教學(xué)改革的幾項內(nèi)容，包括課程教學(xué)內(nèi)容、授課模式與方法、考試形式等。此次改革已經(jīng)運用于計算機應(yīng)用及網(wǎng)絡(luò)專業(yè)教學(xué)之中，學(xué)生學(xué)習的目的性更加明確，教師授課內(nèi)容更具有針對性和實用性。
【關(guān)鍵詞】《網(wǎng)頁設(shè)計》；教學(xué)方法；研究
1研究的背景
《網(wǎng)頁設(shè)計》課程是計算機類相關(guān)專業(yè)提升學(xué)生學(xué)習興趣點的專業(yè)基礎(chǔ)課，該課程與Photoshop、Flash等圖像、動畫課程具有緊密關(guān)系，是動態(tài)網(wǎng)頁制作的重要基礎(chǔ)。在傳統(tǒng)教學(xué)的學(xué)習之初很受學(xué)生歡迎，覺得學(xué)習直觀、簡單、容易，但是真正動手操作起來又會出現(xiàn)很多問題沒法解決，打擊了學(xué)生學(xué)習的積極性和興趣，導(dǎo)致最后教學(xué)效果打了折扣。近幾年來，為了更有效的提高學(xué)生的興趣、自主學(xué)習能力和實踐動手能力，各高校對該課程的研究主要集中在“教”上。首先是“教”的內(nèi)容:結(jié)合自身的人才培養(yǎng)方案，對教學(xué)內(nèi)容做了適當?shù)恼{(diào)整，以“實用”、“夠用”為目的，強化了Dreamweaver操作應(yīng)用;其次“教”的方法，以項目驅(qū)動的教學(xué)方式，增強學(xué)生工程的思想和實踐動手能力。但是在此過程中很容易忽視網(wǎng)頁設(shè)計本身的特點:創(chuàng)造性、現(xiàn)實性、實效性。同時也忽視了學(xué)生在學(xué)習的過程中主體的地位。學(xué)生在學(xué)的過程中可能只會機械的去照做，沒有思考，吸收，脫離了設(shè)計的工具，或者原有的設(shè)計模式可能無從下手，那就更談不上網(wǎng)頁的設(shè)計了。可以在“教”的基礎(chǔ)上做適當?shù)囊龑?dǎo)，讓學(xué)生多去“想”。因此，本研究力圖結(jié)合我院獨特的教學(xué)條件，課時設(shè)置以及學(xué)生基礎(chǔ)和學(xué)習特點探索三段式教學(xué)模式下的網(wǎng)頁設(shè)計課程研究。
2三段式教學(xué)
在高校教學(xué)過程中，課堂是老師和學(xué)生交流的主要場所，因材施教顯得尤為重要。我在結(jié)合學(xué)生本身的實際情況，探討新的教學(xué)模式，打破傳統(tǒng)的以“教”為主的模式，讓學(xué)計與制作理論教學(xué)中案例與問題的研究和探討?！叭问浇虒W(xué)法”:1段:案例引入，提出問題;2段:學(xué)生自主學(xué)習，嘗試解決問題;3段:歸納總結(jié)，引申提高。理論教學(xué)中我主要引入個人博客網(wǎng)站為例，這個例子比較貼近學(xué)生生活和自身情況，通過給學(xué)生展示類似的網(wǎng)站，讓學(xué)生了解網(wǎng)站的主題和顯示內(nèi)容的關(guān)系，提出網(wǎng)頁、網(wǎng)站和站點等概念，然后通過演示建立網(wǎng)站的流程，學(xué)生掌握整個網(wǎng)站開發(fā)的過程;通過了解這些流程后，再分別從頁面的結(jié)構(gòu)、布局和風格。對學(xué)生提問讓學(xué)生勇于說出自己見過的個人博客的形式和風格，調(diào)動學(xué)生的積極性，激勵學(xué)生去思考，哪種結(jié)構(gòu)比較好，或者更適合自己;接著就是如何展示自己的信息，如文字、圖片、多媒體等，而這些問題他們可以先去觀察事例網(wǎng)站，讓學(xué)生討論講解問題，加深對問題的理解，然后我再總結(jié)講解知識點并擴充，特別是CSS的應(yīng)用，這些都可以在學(xué)生自己理解總結(jié)后舉一反三。在理論教學(xué)的過程中，將知識點盡量設(shè)計在問題中，讓學(xué)生去思考討論，充分調(diào)動每個學(xué)生的主動性、積極性和創(chuàng)造性。當然學(xué)生在課堂練習的過程中，我要求學(xué)生盡量不要用Dreamweaver開發(fā)工具，這樣對HTML標記符理解記憶有很大的幫助。實踐教學(xué)中以學(xué)生為主，給出與學(xué)生生活比較貼近、實用性較強的幾個主題，如電商網(wǎng)站，然后學(xué)生自己根據(jù)自己的實際情況，可以以寢室為單位，可以自由組合，5個人一個組完成一個主題，主題可以自選，小組分工合作，根據(jù)所選題目，結(jié)合實際情況，確定網(wǎng)站的風格和格局，使用Dreamweaver開發(fā)工具進行設(shè)計。這樣具備了理論學(xué)習HTML標記符的基礎(chǔ)上再去使用開發(fā)工具，熟練程度上就有了大大的提高，并且也不會像傳統(tǒng)的機械的上機。
3結(jié)語
整個教學(xué)方法的研究除了理論教學(xué)和實踐教學(xué)方法外，在考核的形式上也做了一定的研究，弱化期末卷面的考核，加強實踐教學(xué)的考核力度。通過實現(xiàn)過程中網(wǎng)站的設(shè)計實現(xiàn)，給出綜合的評定。這樣也調(diào)動了學(xué)生在實踐過程中的積極性。改革理論課程教學(xué)模式，體現(xiàn)“教師為主導(dǎo)，學(xué)生為主體”模式，激發(fā)學(xué)生興趣，培養(yǎng)分析問題、解決問題能力。構(gòu)建一個項目合作式實踐教學(xué)模式，讓學(xué)生們都能夠參與實訓(xùn)，并從中獲益。加強實踐創(chuàng)新環(huán)節(jié)，提升學(xué)生的實踐動手能力和創(chuàng)新能力。此次教學(xué)改革已經(jīng)運用于計算機應(yīng)用及網(wǎng)絡(luò)專業(yè)教學(xué)之中，在整個應(yīng)用過程中，與學(xué)生的互動，了解學(xué)生的學(xué)習情況等也是整個改革過程中不可或缺的部分，它直接影響到改革實施的力度。
作者：陳娟 單位：長江大學(xué)工程技術(shù)學(xué)院
摘要：結(jié)合網(wǎng)頁設(shè)計與制作課程中微課的應(yīng)用，實踐探索微課的教學(xué)設(shè)計、微課的制作和微課在專業(yè)中的應(yīng)用，證明在實際教學(xué)中應(yīng)用微課，可以在很大程度上激發(fā)學(xué)生學(xué)習的主動性和創(chuàng)造性，使學(xué)生積極主動地獲得網(wǎng)頁知識和制作網(wǎng)頁的技能。
關(guān)鍵詞：網(wǎng)頁設(shè)計；微課；教學(xué)設(shè)計
在信息化、大數(shù)據(jù)時代的背景下，數(shù)字化的表現(xiàn)形式成為企業(yè)文化介紹、企業(yè)產(chǎn)品推薦、企業(yè)信息等的首選，因此企業(yè)對集文字、圖象、動畫、視頻等多媒體數(shù)字資源有效集成的網(wǎng)站需求量大增，網(wǎng)頁設(shè)計要求也逐步提高，對高校網(wǎng)頁設(shè)計類專業(yè)人才的培養(yǎng)質(zhì)量期待值也大幅提升。在傳統(tǒng)計算機課程中，無法實現(xiàn)重復(fù)講授操作演示的課堂教學(xué)模式，已經(jīng)嚴重制約了學(xué)生的學(xué)習積極性和主動性，尤其是學(xué)生設(shè)計能力的培養(yǎng)，幾乎成為空談。微課這種信息技術(shù)與教育的結(jié)合物，由于文件體積較小，適于各傳播途徑，反復(fù)瀏覽，反復(fù)模仿操作的特性，使其快速的風靡了各大高校，成為了突破教學(xué)瓶頸的重要手段。
1微課的定義
微課的定義比較多，目前比較通用的定義是：教師在課堂內(nèi)外教育教學(xué)過程中，為了保證學(xué)生獲得最佳的學(xué)習效果，圍繞某個知識點（重點難點疑點）或技能等單一教學(xué)任務(wù)，利用信息化手段和工具開展簡短完整、生動有趣的教學(xué)活動。微課的特征主要以現(xiàn)在教學(xué)時間較短，教學(xué)時長一般為5—8分鐘左右，最長不超過12分鐘；教學(xué)學(xué)內(nèi)容較少，一般圍繞一個具體的知識點來開展，問題聚集，主題突出；表現(xiàn)形式多樣化，可以是實物操作、教師講授、學(xué)生表演、分組討論、師生訪談等；教學(xué)組織完整，覆蓋了“提出問題，探究問題，解決問題，教學(xué)反思”的教學(xué)組織全過程；成果傳播多樣性，適合網(wǎng)絡(luò)教學(xué)、手機視頻、微信討論等多樣性傳播。
2微課的教學(xué)設(shè)計
以微課為主要表現(xiàn)形式的課堂組織，需要對所有的知識點進行細化和類化，按照課程的主線重構(gòu)教學(xué)內(nèi)容，教學(xué)設(shè)計是微課成敗的最關(guān)鍵環(huán)節(jié)。本文選擇網(wǎng)頁設(shè)計與制作課程中網(wǎng)頁布局學(xué)習情境中的神奇的圓角布局這個學(xué)習子情境來具體闡述。
2.1教學(xué)目標的制訂
神奇的圓角布局學(xué)習子情境目標就是要讓學(xué)生完成在網(wǎng)頁布局中，如何實現(xiàn)單圓角、對稱圓角、多圓角的設(shè)置，熟練掌握網(wǎng)頁CSS中關(guān)鍵參數(shù)的名稱和設(shè)置方法，能根據(jù)設(shè)計要求獨立完成與網(wǎng)頁效果圖相一致的圓角表現(xiàn)形式。
2.2微課內(nèi)容的確定
在兩節(jié)課的課程時長下，所要講述的內(nèi)容比較多，包括網(wǎng)頁DIV塊的制作和設(shè)置、CSS設(shè)置、文字添加與編輯等。什么教學(xué)內(nèi)容適合以微課形式體現(xiàn)呢？我們一般選擇學(xué)生理解較難，操作步驟較多、容易遺忘的關(guān)鍵知識點進行微課設(shè)計。在本次微課中，筆者選擇了CSS中圓角關(guān)鍵參數(shù)的設(shè)置作為微課的主要內(nèi)容，對于DIV塊的制作和文字編輯等內(nèi)容，因為有前續(xù)課程和WORD操作課程的支撐，只在教師操作演示環(huán)節(jié)進行復(fù)習和強化。
2.3微課教學(xué)組織
微課的教學(xué)組織十分靈活，可以是課前的自主學(xué)習，可以是課中的教師授課，也可以是課后的學(xué)生復(fù)習，甚至是以上多種形式的結(jié)合。在神奇的圓角布局學(xué)習子情境教學(xué)中，采用的是課中教師授課和課后學(xué)生反復(fù)復(fù)習的結(jié)合形式。具體教學(xué)組織為教師案例展示，任務(wù)驅(qū)動—教師操作演示（非微課內(nèi)容）—指導(dǎo)學(xué)生觀看微課—學(xué)生解決問題。課后學(xué)生還可以反復(fù)觀看微課內(nèi)容，突破時間、空間的局限，反復(fù)練習，直到熟練掌握為止。
3微課的制作
微課的主要表現(xiàn)形式是視頻，在制作過程中要關(guān)注內(nèi)容的趣味性、價值性和完整性。在神奇的圓角布局微課中，首先以一段設(shè)計師作品一次次被公司否定，設(shè)計師痛不欲生的搞笑動畫開頭，吸引學(xué)生的注意力；其次分析該作品的不足，拋出圓角布局的設(shè)計理念，詳細演示多種圓角的設(shè)計方法；最后給出詳細設(shè)計任務(wù)和高年級學(xué)生的優(yōu)秀作品，為學(xué)生提供設(shè)計靈感，培養(yǎng)學(xué)生舉一反三的能力。整個微課時長9分鐘。在制作微課過程中，需要使用到一些信息化工具與計算機軟件，最基本的如耳麥(附帶話筒)、錄像軟件CamtasiaStudio、視頻后期處理軟件會聲會影等。
4微課的應(yīng)用
在網(wǎng)頁設(shè)計與制作課程中采用微課后，學(xué)生可以在課余反復(fù)觀看微課內(nèi)容，反復(fù)練習較難的操作細節(jié)，將傳統(tǒng)的課堂教學(xué)延伸到了課后，64課時的課程時長無限擴大。經(jīng)過教學(xué)實踐證明，利用微課，在教學(xué)中實現(xiàn)了學(xué)中做、做中學(xué)、學(xué)做一體的教學(xué)合一，提高了學(xué)生的學(xué)習主動性和實踐動手能力，極大提高了學(xué)生的分析問題和解決問題的能力，使學(xué)生很好的達到了網(wǎng)頁設(shè)計從業(yè)人員的基本職業(yè)能力。微課在教學(xué)中的應(yīng)用目前還處于實踐的初期階段，不同專業(yè)、不同課程在微課中的應(yīng)用方式均有差別。探索微課的開發(fā)、應(yīng)用還有很長的階段，需要我們思考研究和長期的實踐積累，進而不斷提高教師的信息素養(yǎng)，制作出更多更優(yōu)質(zhì)的微課資源。
作者：劉星海 單位：湖南汽車工程職業(yè)學(xué)院
