淺談網頁設計課程教學模式

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

淺談網頁設計課程教學模式:藝術設計專業網頁設計課程教學研究

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

一、課程目標

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

二、教學內容

（一）在藝術設計專業的人才培養計劃中，網頁設計課程

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

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

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

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

4.網站客戶端的表現原則、開發流程、面向客戶的網站設計，講授和實踐2+0學時；

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

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

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

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

三、教學方法

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

（一）任務驅動法

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

（二）模塊教學法

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

（三）項目教學法

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

（四）雙師教學法

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

四、結語

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

作者：華俊

淺談網頁設計課程教學模式:網頁設計課程教學探析

一、課程定位與性質

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

二、教學內容與教學條件

1.理論教學內容

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

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

2.實踐教學內容

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

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

三、教學方法與教學手段

1.教學方法

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

2.教學手段

《網頁設計》課程教學采用“電化教學”手段，引入“電子教室軟件”輔助教學。教師通過教學課件和教學案例演示教學內容，教師微機屏幕上的內容能夠實時發送到每個學生的微機屏幕上，這樣學生就可以通過自己的屏幕實時看到教師的教學內容。通過“電子教室軟件”，教師機的教學資料可以很快發送到學生機上，學生完成的電子作業和自創作品可以快速提交給教師。通過“電子教室軟件”，教師能夠很好地和學生完成提問和回答等教學互動，監控學生的操作屏幕，及時了解學生的狀態并相應給出教學指導?！半娮咏淌臆浖本哂须娮狱c名功能，只需要幾秒鐘就可以完成整個班級的學生點名工作。

四、課程考核與試卷分析

1．課程考核

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

2．試卷分析

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

五、結語

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

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

淺談網頁設計課程教學模式:網頁設計與制作課程教學改革

1引言

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

2基于計算思維能力培養的課程教學改革

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

2.1加強教學內容的改革

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

2.2基于能力培養的教學環境

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

3校企合作促進教學

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

4結語

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

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

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

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

【關鍵詞】《網頁設計》；教學方法；研究

1研究的背景

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

2三段式教學

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

3結語

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

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

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

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

關鍵詞：網頁設計；微課；教學設計

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

1微課的定義

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

2微課的教學設計

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

2.1教學目標的制訂

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

2.2微課內容的確定

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

2.3微課教學組織

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

3微課的制作

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

4微課的應用

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

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