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

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

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

一、課程目標

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

二、教學內容

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

一般安排在課程學習的中后時間段。就本課程而言，我建議教學內容并時間安排如下：

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

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

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

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

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

（二）結合網(wǎng)絡技術發(fā)展和用戶體驗要求，本課程教學還需注意下面要點：

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

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

三、教學方法

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

（一）任務驅動法

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

（二）模塊教學法

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

（三）項目教學法

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

（四）雙師教學法

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

四、結語

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

作者：華俊

淺談網(wǎng)頁設計課程教學模式:網(wǎng)頁設計課程教學探析

一、課程定位與性質

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

二、教學內容與教學條件

1.理論教學內容

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

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

2.實踐教學內容

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

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

三、教學方法與教學手段

1.教學方法

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

2.教學手段

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

四、課程考核與試卷分析

1．課程考核

改革“一張卷子”評定成績的課程評價模式，應用以單元測試、評價作品和上機實操考試為基礎的綜合考核方式，更注重學生平時的電子作業(yè)、教學實例和自選創(chuàng)新作品的完成情況，通過綜合評價，變考書本為考能力，邊學習邊考核，加重平時成績在總成績中的比例，這樣能夠全面評價學生的網(wǎng)頁設計能力。

2．試卷分析

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

五、結語

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

作者：徐立波 單位：沈陽工程學院

淺談網(wǎng)頁設計課程教學模式:網(wǎng)頁設計與制作課程教學改革

1引言

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

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

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

2.1加強教學內容的改革

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

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

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

3校企合作促進教學

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

4結語

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

作者：戴菲 單位：揚州工業(yè)職業(yè)技術學院

淺談網(wǎng)頁設計課程教學模式:獨立學院網(wǎng)頁設計課程教學方法研究

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

【關鍵詞】《網(wǎng)頁設計》；教學方法；研究

1研究的背景

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

2三段式教學

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

3結語

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

作者：陳娟 單位：長江大學工程技術學院

淺談網(wǎng)頁設計課程教學模式:微課在網(wǎng)頁設計與制作課程教學的實踐

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

關鍵詞：網(wǎng)頁設計；微課；教學設計

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

1微課的定義

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

2微課的教學設計

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

2.1教學目標的制訂

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

2.2微課內容的確定

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

2.3微課教學組織

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

3微課的制作

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

4微課的應用

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

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