時間：2023-10-05 15:56:22
開篇：寫作不僅是一種記錄，更是一種創造，它讓我們能夠捕捉那些稍縱即逝的靈感，將它們永久地定格在紙上。下面是小編精心整理的12篇網頁設計的課程，希望這些內容能成為您創作過程中的良師益友，陪伴您不斷探索和進步。
【關鍵詞】視覺傳達；網頁設計；教學
"2015年7月23日，中國互聯網絡信息中心（CNNIC）在京第36次《中國互聯網絡發展狀況統計報告》（以下簡稱《報告》）。《報告》顯示，截至2015年6月，我國網民規模達6.68億，互聯網普及率為48.8%。"
2015年11月12日，2015天貓雙十一全球狂歡節正式落下帷幕，最終交易額也正式揭曉。據阿里巴巴實時數據顯示，2015天貓雙十一全球狂歡節最終以912.17億元交易額拉下帷幕！
互聯網已經深入到了我們生活的方方面面，絕大部分人們現在正常的購物需求都由互聯網來主導，人們對網頁的視覺性體驗的要求也是逐步提高。社會對于網頁設計師的需求也是逐年增多，社會各種互聯網培訓學校也是悄然升溫?；谶@種社會需求，國內許多高校在也都增開了《網頁設計》課程。
筆者在藝術設計學院里從事了多年教學工作，目前所受課程都是視覺傳達專業的網頁設計課程，主要授課的對象是視覺傳達系電腦藝術設計和廣告設計與制作專業大三的專科學生，這些學生們經過大一、大二基礎課程的學習，對平面設計理論知識和軟件實踐操作都已經有了足夠的認識。針對視覺傳達系開設的《網頁設計》課程，主要是從藝術設計層面，培養學生的界面設計能力；而計算機類專業中網頁設計的課程，則側重網頁的程序的開發和數據庫的建立能力。
但是結合實際的社會需求，更需要的是將設計與程序開發進行有機的結合，而以上不同學院的專業區分的課程設置是完全分隔的，經過實踐教學，筆者認為其不夠科學和合理。下表是某公司的一則網頁設計師（美工方向）招聘的專業能力要求：
有扎實的美術功底、良好的創意思維和理解能力；
熟悉HTML、CSS語言、div+css網頁開發，有豐富、真實的、獨立完成的、符合W3C標準的制作成品（要求兼容各主流瀏覽器），對web3.0網站有一定的認識；
有 開發、網站搜索優化經驗優先；
精通Photoshop/Dreamweaver/Flash/Illustrator等設計軟件，對圖片渲染和視覺效果有較好認識；
專注于網站界面開發與設計，以及用戶體驗優化，較強的平面設計和網頁設計能力，良好的美工基礎，能夠獨立設計大型電子商務網站的前臺頁面；
從上表的分析可以得出以下的結果，那就是對網頁設計師美工不僅要求有平面方面的設計能力，同時要懂得與之相關的編程知識，結合實際市場需求，高校在網頁設計的課程設計上應進行更有意義的創新改革，才能順應時代的發展浪潮。
針對視覺傳達專業學生而言，通過幾年的基礎課訓練，已經具有了極高的藝術鑒賞能力和較好的設計能力，但如果針對將來要從事網頁設計師這個崗位而言，其又具備如下缺陷：
一、缺乏對不同載體下頁面設計尺寸方面的認知
相比較起來，學生幾年所接受的知識，都是與平面打印相關系，運用的單位無外呼厘米、毫米、米等打印度量單位，對應的載體是紙質文檔，因此設計慣性知識考慮單一。而相比較起來網頁設計最終的呈現載體是計算機屏幕，不同屏幕分辨率下，呈現的頁面效果會有有所不同，而且頁面中圖標的尺寸，各個元素的尺寸，直接影響了人們通過電腦查看的舒適性，而電腦屏幕的度量單位是像素，怎么扭轉學生對于這些知識的認知，是一個需要慎重思考的問題，如果不處理學生對于尺寸方面的認識，最終導致的后果，就是花費了巨大的精力和時間設計的頁面由于尺寸問題不能實現。這個問題曾經筆者在實際的設計案例中也是經歷過的。
針對此問題，筆者經過實際的教學研究，讓學生通過對比不同屏幕載體之間的數據，自己截屏研究--模仿設計--實現再呈現這樣的方式，讓學生充分掌握網頁設計中的整體尺寸以及各分類元素的尺寸設計問題。
二、英文水平薄弱，代碼知識嚴重欠缺
對于藝術設計學院學生而言，普遍存在的一個問題就是英文水平，因此本科畢業考核標準對于藝術生的英文水平的標準基本上是三級水平，而?？粕鷮τ谟⑽乃绞菦]有設定的，因此學生的英文水平普遍較差，但要想從本質上理解網頁設計的知識，同時能夠便于糾錯和設計瀏覽器之間的兼容性問題，必須要求學生掌握核心的英文代碼知識，但學生在這個方面基本上是一張空白紙張，也因為是這個問題阻礙了很多學生通往網頁設計師之路。
針對此問題，筆者到目前也沒有找到更好的、更快捷的方式，但結合實際情況，希望之后在網頁設計教學之前增加學生對于html代碼知識的學習，同時增加學生的實踐案例操作時間，讓學生通過長時間的訓練，達到精通的程度。
以上就是筆者對目前視覺傳達設計專業《網頁設計》課程的一點思考，網頁設計是伴隨著時代而產生的，市場對于網頁設計師的需求之后只會增加，而高校是培養網頁設計師的一片沃土，要如何培養學生的職業能力，是擺在很多高校視覺傳達設計專業面前的一件大事。希望通過本文的一點思考，對將來藝術設計院校的《網頁設計》課程改革會有所幫助。
參考文獻：
[1]黎永碧.楊戰旗.《網頁設計與制作》課程推行"教學做"一體化教學模式的探討[J].科教文化 2013.2：208.
[2]姚翠蘭.以就業為導向的網頁設計課程體系研究--以藝術類職業院校為例[J].軟件導刊?教育技術.2012.12：28-29
關鍵詞：翻轉課堂；網頁設計；制作應用方法
1翻轉課堂概述
1．1內涵理解翻轉課堂的內涵為，在信息技術的基礎上，將傳統的課堂教學和課外學習的過程進行轉換的一種新型的教學模式，又叫做顛倒課堂。在這種教學模式下，教師要將原本的課堂教學內容和學習資料以視頻的方式展開，學生則需要在課下提前觀看視頻，然后在課堂上共同交流，討論并解決之前學習過程中遇到的問題。1．2應用優勢通過和傳統教學模式的比較，我們可以對翻轉課堂的應用優勢進行如下歸納:第一，翻轉學習方式。在翻轉課堂中，學生可以從被動學習轉變為主動學習。因為課程內容以視頻的方式呈現，可以永久性保存，便于學生隨時觀看。這樣部分基礎較差的學生可以結合自身的實際情況進行反復學習，獲得教師的個別指導，能滿足個性化教學的需求。另外，通過課前學習、課堂討論和課后復習的過程，還能對教學的內容進行整合，提高課堂教學的效率。第二，翻轉課堂活動。在翻轉課堂中，學生在課下就可以初步完成知識的學習，節省了課堂講解的時間，教師和學生有充足的時間開展討論、實驗探究、互動交流等對知識的內化活動，對課下學習中的問題進行解答和指導，增加課堂教學的活躍程度，有助于激發學生的學習興趣。第三，轉換師生角色。在翻轉課堂中，充分體現了學生在學習活動中的主體地位，他們能夠根據自己的實際情況，自由選擇教學資源。同時，在課堂討論中，不再是由教師主導，而是根據學生感興趣的問題進行針對性的指導教學，符合因材施教的要求。
2網頁設計與制作課程教學存在的問題
網頁設計與制作是計算機類專業的一門基礎課程，具有較強的實踐性和操作性，其課堂教學主要采用的是案例教學法，就是通過對案例進行分析，講解其中的知識，進行實驗步驟的演示之后，讓學生當堂完成練習。這種教學方法雖然優于傳統教學方法，也取得了一定的成效，但是在具體的實施中仍然存在如下問題。2．1學生缺乏主動思考在網頁設計與制作的練習中，學生基本上會完全根據教師演示的步驟來完成練習，所以大部分的時間和精力都集中在回憶實驗步驟中，沒有主動思考，。實驗過程是否合理，甚至根本不明白實驗的目的。當面對類似的案例或者實際的項目時，就無法靈活應用所學的知識，導致學生的思維存在嚴重的依賴性，不利于開發其自主學習能力。2．2教學質量較低網頁設計與制作課程的教學內容較多，包括了平面設計的技術、HTML、XML、CSS、Javascript、動畫技術、服務器配置等，但是課時設置卻較少。例如，我校對該課程安排了60個課時，其中教師的課堂講解和步驟演示課時約占50%，學生學習知識點和上機實踐操作的實踐只有一半，很難完成教學大綱的要求。為了完成教學任務，很多內容都是一帶而過，導致教學質量較低。
3翻轉課堂在網頁設計與制作課程中的應用方法
本文以網頁設計與制作中，個人主頁這一內容的教學為例，對翻轉課堂在課程教學中的應用方法進行了如下分析:
3．1做好課前準備教師可以采用相關的視頻錄制軟件，例如“屏幕錄制專家”，錄制2個長度約5min的微視頻，并根據視頻講解的內容，設計導學案，并將資料在班級QQ裙或者微信朋友圈共享，學生利用手機終端下載視頻，利用課余時間觀看視頻，查看導學案，提出自己的問題，在QQ群或微信群中討論。教師則需要對學生的反饋意見和問題進行統計和歸納，便于在課堂中集中解決。做好課前準備，能讓學生初步了解和理解個人主頁的制作方法。3．2合理安排課中教學在學生完成對個人主頁制作教學內容的預習之后，教師可以結合具體的實例來解答課前學生提出的問題，并進行案例的演示操作。這一環節的時間應控制在20min左右。在翻轉課堂中，由于學生在上課前已經進行了比較深入的學習，。對教學內容有了一定的理解，所以教師在確認學生基本掌握個人主頁的布局之后，就可以布置任務，將學生平均分成若干個小組，采用小組合作的方式完成個人主頁的設計，讓每一個學生都能參與其中。在學生練習的過程中，教師要積極發揮自身引導者的作用，對遇到問題的小組及時進行指導。設計完成之后，教師可以讓各小組展示作品，并對作品進行評價。其中評價分為自我評價、小組互評和教師評價，對課前微視頻學習情況、獨立學習、問題討論、合作表現、創意你表達和成果展比等內容進行綜合評價。3．3完善課后復習課堂教學完成后，教師可以將評價表的原始數據進行整理，然后放入各個小組創建的網絡學習檔案中。同時，教師還需要對課堂中遇到的問題進行整理和總結，并提出對應的解決方法和應對策略，將其制作成動態的學習資源，發送到共享平臺，長期存放，方便學生能隨時觀看。對于因為各種原因無法參與課堂學習的學生，教師也可以利用這些資源幫助他們補課。同時，對于在學習上存在一定困難的學生，或者是不敢大膽提問的學生，也可以利用教師提供的資源，在課后進行反復觀看。這樣既可以進行補救性學習，又可以節省課堂的公共時間，提高課堂教學的整體效率。
4結語
綜合上述分析可知，翻轉課堂和傳統課堂教學方式存在較大的差別，在網頁設計與制作的教學中，應該充分發揮出自身的優勢，針對當前教學存在的問題，積極進行改革和創新。
參考文獻:
［1］柏翠，程巍．淺談翻轉課堂教學模式在《Dreamweaver網頁設計與制作》課程中的應用［J］．科技資訊，2015，10(29):164～165．
［2］羅金玲．基于世界大學城云平臺的高職翻轉課堂教學模式探究———以《Dreamweaver網頁制作》課程為例［J］．電腦知識與技術，2016，32(19):108～110．
［3］何敏華．“翻轉課堂”在《網頁制作》課程教學中的應用［J］．信息與電腦(理論版)，2014，27(11):242．
【關鍵詞】高職教育網頁設計課程改革綜合能力
【中圖分類號】G423.07 【文獻標識碼】A 【文章編號】1674－4810（2014）17－0064－02
隨著網絡技術的進步，計算機和電子通訊設備技術的推陳出新、電子商務涵蓋范圍的不斷擴大，網頁設計師在短短十年間一下飆升為技術型潛力巨大的新興職業。電子商務的快速發展更是促使人們看到網頁設計的廣大的就業市場和光明的發展前景。各大高職院校紛紛開設網頁設計相關課程：網頁美術設計、網頁設計與制作、網頁界面設計與制作、網頁制作軟件等。
網頁設計是通過更合理的色彩搭配、字體使用、圖片處理、樣式設置進行頁面設計美化，設計師使用專業軟件給瀏覽者呈現出圖、文、聲音及動畫多位一體的全方位感官效果，在功能和技術限定的情況下，盡可能制作出給予用戶完美的視覺體驗的網站?？梢钥闯觯W頁設計是一門從藝術到技術的專業課程，市場對于網頁設計師的要求也從單純的平面設計到簡單網頁效果的制作發生了變化。針對這一改變，高職的網頁設計課程也應做出相應的改革。
目前，大多數高職院校為藝術設計專業學生在大學中開設一次網頁設計課程，課時多為48～72課時，在一個學期內完成。課程名稱為網頁美術設計、網頁設計與制作、網頁制作軟件等。在課程學習過程中，任課教師也是以單純的教授網頁設計軟件Dreamweaver和圖片處理軟件PhotoShop為主，軟件學完，課程結束。然而觀看學生所制作的網站，從顏色搭配和樣式的設計都與現今優秀網頁“美術”不搭邊。簡單來說，單純學習了網頁的制作，而忽略了美術法則的運用，制作網頁，而非設計網頁。或是學生在沒有任何網頁制作軟件的基礎上學習網頁美術法則理論，到了實踐上各種效果卻無法實現，最終僅能實用平面設計軟件制作靜態網頁布局效果圖。
一 高職藝術設計專業網頁設計課程存在問題的原因
存在這種現象，主要有以下原因：
1．課程設置：大學中僅開設一次網頁設計課程
網頁設計是一門相對于平面設計起點較高的專業，一個網頁設計軟件Dreamweaver還需配合使用平面軟件PhotoShop，Web動畫效果軟件Flash等。軟件難度較大，學習時間太短。一個Dreamweaver軟件的學習就占用了課程的大部分學時。一次網頁設計課程結束后，沒有相關的美術設計課程讓學生實踐，就像是只學會了使用畫筆，還沒來得及
了解怎樣算是一幅好畫。
2．課堂設計：課堂內容涉及面較為單一
見過這樣的一些課程標準，整個網頁設計課程只講到關于美術設計部分――色彩、布局、元素、風格，沒有半點關于工具的介紹――軟件Dreamweaver、Fireworks、Flash。最終學生在還沒有網頁概念的情況下，用PhotoShop制作一張網頁圖片作為作業結束課程，學生還停留在紙質媒體的平面設計稿上，無法真正體驗到網頁在互聯網和電子設備上所呈現的特質。
3．教材設計：一門課程僅配備一本教材
有了工具書，沒有技法書；或是只教了技法，卻連工具都沒碰過。對于平面設計專業學生而言，平面上的美術基礎要應用到網頁美化中，心有余而力不足。但目前市場上有關網頁設計、制作方面的教材圖書種類繁多，基本都是單純的講解軟件、工具、命令等技術知識，類型單一，而關于網頁色彩風格、布局、元素、效果圖等網頁美術的工具書又缺少制作方式，對于剛入門的學生來說比較難實現。僅僅一次課程一本教材很難把網頁設計學好。
4．市場現狀：需求大門檻低水平參差不齊
在這個電子商務發展高峰期，越來越傻瓜式的軟件操作使得更多的非專業人員加入到這個行列。大多數設計者通過自學懂得如何制作網頁，卻不一定懂得如何設計美觀使用起來舒適的網頁。其較低的準入門檻導致網頁設計行業的現狀并不太好，人們要求設計者什么都懂，要比平面設計師多懂點代碼，比程序員多懂點設計，還能做點動畫。針對這個設計行業大環境，高職學子更應具有更高的網頁制作和審美感知水平，才能提高自身的競爭力。
二 高職藝術設計專業網頁設計課程的改革
筆者認為，要培養具有社會競爭力的專業網頁設計人才，高職就應針對當今行業市場對網頁設計的需求、用人單位對網頁設計師的要求、客戶在網站使用上的習慣，對課程做出相應的改革。
1．在課程設置上可開設大于一次的網頁設計課程
最少兩次的網頁設計課程，可使學生在打下網頁制作軟件的基礎后，再次開設一門專門以網頁美術為主的課程。
網頁設計作為新興行業，每年跟隨著電子產品的更新和軟件功能的強化，效果與美術規則不斷地出現新的流行趨勢。如2014年網頁就以扁平化圖片和酷炫動態作為最新設計潮流元素，并且顏色搭配和布局方式也與以往不同。這些我們都可從國外一些優秀網站和國內的大型電商網站中找到。但在軟件的學習上，老師和學生往往只把重點放在軟件各個功能的運用上，很難把注意力同時分散到網頁的美化規則中。但如果學生在已經有了軟件基礎后，再次開設網頁美術設計課程，猶如讓一群有素描基礎的學生進行設計素描一樣，更能體會當中需注意美術法則的含義。由于有了軟件基礎，各種美化效果就更能實現。那么課程的最終作品就不僅僅是停留在普通效果的網頁制作或平面效果圖制作了，更加復雜和新穎的頁面效果、更加舒適的色彩搭配和頁面布局，不僅提高了學生們的審美情趣，也讓他們在課堂中的成就感油然而生。
2．在課堂安排上可采用優秀網站作為軟件學習案例
若學生課程安排太滿，確實無法在大學中進行兩次或以上網頁設計課程的學習，那么，老師就應在課堂實踐中多以呈現較新潮流趨勢的網頁作為軟件學習案例。
國外設計一直是流行趨勢的坐標，我們可以通過對比國外近年網站找到最近國內網頁設計的方向，一些優秀的網頁專業網站也有大量的相關文章給予我們參考。老師在進行備課時就要比以往多下幾重功夫了，在軟件教學上，軟件學習教材中是有大量的案例，但更新速度畢竟與網絡是無法相提并論的。通過優秀網站作為軟件與教材中案例對比分析，找出各自在色彩、布局、元素、風格上的特點，來讓學生了解網頁美術法則。在學生學習軟件中對優秀案例的臨摹實踐中，體驗一種耳濡目染的效果讓學生了解何為優秀網頁的同時，掌握如何設計優秀網頁。
3．在教材選擇上可采取多本教材多種形式教學
如果僅限定于根據所購教材作為課堂所有內容，學生所學知識比較單一，教師可選擇網絡、圖書館圖書作為參考教材。
現今市面上大部分關于網頁設計教材分為網頁制作軟件和網頁美術兩種。教材的內容設計沒錯，針對網頁制作就應以軟件的學習為主，針對網頁美術就應以美術法則為主。綜上所述，市場及行業對于網頁設計的要求都不僅僅是單一的制作或單一的美化，高校的網頁設計課堂也不應僅僅教授軟件或美術法則。既然已有教材無法一次滿足課程的需要，那么教師可以在課堂中使用網絡或偶爾把課堂轉移到校圖書館進行課程學習。網絡上有大量的網頁設計文章、素材、模板、教程，學生在使用網絡對網站進行瀏覽的同時，也更深刻地體會網頁操作過程中的各種元素對用戶帶來的不同感受。只有通過對網絡的接觸和對網頁的使用，才可真正設計出適合廣大用戶的優秀網頁。在圖書館里，我們可以找到與教材內容相輔相成的大量圖書，學生可以在此深入地了解網頁設計涉及到的不同范疇，把以往狹隘的通過單本教材看成是課程甚至整個網頁設計行業的所有內容，擴展到從藝術到技術的一個更寬的面。
三 結束語
關鍵詞：技工院校 網頁設計 建設
網頁設計課程是技工院校一門實踐性很強的專業基礎課。隨著計算機在各領域應用的不斷擴大，網頁設計的研究與實際應用也顯得越來越重要。不少用人企業不再單純滿足于技校畢業生簡單的打字、表格制作等技能的掌握，而越來越注重網頁設計與制作等具有一定深度與難度技能的熟練運用。
為此，筆者學院計算機教研室在很早就將網頁設計課程作為計算機課程教學改革的重點，通過課程體系的重新構建，網頁設計課程更加貼近學生的實際學情，也更加貼近市場、企業的需求，從而達到了預期的教學目的，也收到了良好的教學效果。
一、課程建設的目的
技工院校的專業教學有其自身的特殊性與指向性。從目前社會與企業的實際需求出發，網頁設計課程建設的目的應以培養應用型人才為主。應充分考慮技工院校學生的學習基礎和學習特點，簡單介紹HTML語言、CSS樣式、javascript語言。還要全面介紹與網頁設計制作有關的知識，通過對Web頁制作技術和制作工具的學習，使學生對于網頁設計中所涉及的相關知識有一個全面的了解，并使學生具有解決一般網頁制作問題的能力。
在學時、實訓條件允許的條件下，逐步培養學生掌握運用DreamweaveCS6網頁制作軟件制作網頁的方法；掌握運用FireworksCS6、PhotoshopCS6圖像處理軟件進行網頁中圖形制作版式設計及切片的應用；掌握運用FlashCS6動畫制作軟件設計網頁中動畫的方法；掌握將這四個軟件互相配合，完成網頁設計與制作任務的方法，為今后從事網頁設計與制作工作打下基礎。
二、課程建設的意義
1.適應職教改革的需要
職業教育的大發展對技工院校的專業課程體系建設提出了許多新理念、新要求。因此，技工院校的計算機專業教學改革也勢在必行。
2.調動學生的學習興趣
技工院校的學生普遍學習基礎薄弱，對專業學習缺乏必需的理論、實踐儲備，這就導致其學習困難。在整個學習過程中，隨著學習興趣的喪失，學習效果也在逐步下降。而打破傳統的網頁設計課程的教學模式，就可以有效地調動學生的學習積極性，從而提升整體教學效果。
3.有利于學生的職業能力的發展
網頁設計課程體系的建設方向是理實一體化，讓學生在學中做、在做中學，真正掌握今后就業所必需的關鍵能力，從而為整個職業生涯奠定堅實基礎。
三、課程建設的內容
1.課程重點
掌握網頁制作三劍客Dreamweaver、Fireworks、flash及photoshop在網頁設計過程中的應用，使學生具備網站策劃、網頁設計與制作、效果圖設計與制作等方面的技能。提高學生分析解決問題能力和項目實施能力，注重學生在學習和實踐過程中職業素質的養成。
通過學習，使學生熟練掌握運用Dreamweaver網頁制作軟件制作網頁，掌握運用Fireworks、Photoshop圖形圖像處理軟件進行網頁中圖形圖像的設計與制作，掌握運用flas制作軟件設計網頁中動畫的方法。
2.課程難點
在教學過程中根據學生將來的就業需要，將教學難點設置為理解HTML語言各種文本格式、字符格式、段落設置、列表、標記的作用；理解CSS樣式表中屬性單位的作用和意義；理解javascript語言腳本程序的工作方式；深入理解超級鏈接、圖形圖像各種功能和應用；深入理解表格、APDiv、框架、表單的作用；深入理解模板、庫、行為和腳本的高級應用。
理解網站測試的目的和測試方法；深入理解切片和熱點的涵義和應用；深入理解動畫的組成時間軸、場景、幀的涵義及各種動畫的制作；理解使用圖像設計軟件進行版式設計的方法。
3.能力培養要求
從技工院校學生的實際學情出發，在能力培養方面要有針對性地突出關鍵能力的培養，而不再是過去簡單的實際操作。因此要培養學生了解HTML語言的基本內涵、理解基本標記的用法；掌握在網頁中添加CSS樣式的方法；熟練使用CSS設置網頁格式和列表的格式；熟練掌握網頁中文本的輸入、特殊字符的插入及字符格式的設置方法；掌握在網頁中嵌入圖像和多媒體的方法；熟練掌握使用絕對和相對URL，創建文本超鏈接，圖像熱點的方法；熟練掌握使用表格、框架、APDiv布局頁面的方法；掌握創建表單的方法；掌握模板的創建和庫項目的使用方法；理解行為和腳本的用法；掌握FireworksCS6基本操作及其在網頁制作中的應用；掌握FlashCS6基本操作及簡單動畫的制作；掌握PhotoshopCS6基本操作及在網頁設計中的應用。
>> 淺談高職院校網頁設計課程的教學改革 中職網頁設計課程的教學探討 淺議技工院校網頁設計課程實訓立體化教學的開展 淺談網頁設計課程在酒店管理專業的作用 淺談中職學?！毒W頁設計與制作》課程教學設計 淺談中職《網頁設計與制作》課程教學方法 淺談高職院校《網頁設計與制作》課程改革 模塊化教學法在中職學校網頁設計課程教學中的應用 淺析項目教學法在中職《網頁設計制作》課程中的應用 探究式教學法在中職網頁設計制作課程中的應用 翻轉課堂在高職院校網頁設計與制作課程中的實踐 淺談中職網頁設計教學 中職《網頁設計與制作》課程的改革初探 論中職校網頁設計課程的教學改革 對技工院校網頁設計課程建設的思考 MOODLE在中職《網頁制作》課程教學中的應用 翻轉課堂在中職網頁制作課程中的應用 淺析“服裝電商平臺”在《休閑服裝設計》課程中的應用 中職網頁制作課程教學設計探討 中職網頁設計課程教學探討 常見問題解答 當前所在位置：l等等。
（二）任務驅動法
通過下達任務、分析任務技能點、講解任務、學生完成任務的方法，教師將教學內容巧妙地隱含在每個“任務”之中，學生自主或者在教師的指導下提出解決問題的思路和方法，然后進行具體的操作，教師引導學生邊學邊完成相應的“任務”。技能點的分析，有利于加深學生對關鍵技能點的印象。例如“創建自定義框架”，該任務需要學生理解框架的構成，包括了創建框架和拆分框架兩個步驟，還包括了框架和框架集的保存。任務實施過程中結合小組教學法，采用幫帶機制，將學習水平不等的同學安排在同一組，組員間完成不同操作點，并集合在一起，共同完成全部作業，再進行小組評比，組間切磋學藝，指出對方不足，共同進步。例如網頁布局，不同組對于同一個頁面，或者采用表格布局或CSS+DIV布局，或者框架布局，過程不盡相同，但呈現效果相同。那么此時小組間的比拼，就是學生智慧的碰撞，是技能的比拼，有利于活躍課堂氣氛，增強學生對知識關聯性的掌握。知識通過實踐來理解和掌握。創新肯定是在舊知識的基礎上產生的。小組間的比拼，也可以培養學生的創新精神和創新理念，不僅僅是簡單的模仿和重復。在任務驅動法中，學生通過實操產生感性認識，完成理論和實踐相結合。
（三）演示（示范訓練法）
中職學生有一個共同的特點，就是閱讀能力較差。如果單單下達任務，不做任何講解，學生完成任務的效果就很一般。因此，演示法在此發揮了重大的作用。操作的演示，可以使學生直觀、具體、形象、生動地進行學習，有利于其理解和接受，學生可以清晰地把操作要點在腦海中重現，然后模仿練習。比如，留言表單的演示，首先插入表單―表格布局―單元格元素操作―驗證表單按鈕。此時，演示法還可以結合微課教學?！拔⒄n”是指教師在課堂內外教育教學過程中圍繞某個知識點（重點、難點、疑點）或技能等單一教學任務進行教學的一種教學方式，具有目標明確、針對性強和教學時間短的特點。將創建留言表單的大概操作通過視頻方式展示給學生，達到節約教學資源，降低教師授課強度的目的。對于一些接受能力較弱的學生，可以通過反復多次查看操作視頻，掌握完成作業的方法。同時也可以將視頻下載到學生的移動端，在課后通過手機進行復習，解決教學時間和空間的問題。
（四）練習和巡回指導法
巡回指導法是職業技能教學中不可或缺的一種教學方法，同樣，它在該課程的教學中也發揮著重要作用。它可以提升學生對新知識與技能的熟練水平和增強對舊知識和技能的鞏固程度。通過巡回指導，可以及時改正學生出現的錯誤。對于完成較快的學生，可以對其進行表揚，并讓其演示，讓其他同學看到自身的不足和差距，激發自己學習的積極性。安排完成較好的學生幫助落后同學，既可以增進同學間的友誼，也可以減輕教師巡回指導的壓力。教師在巡回過程及時查看作業，若發現易錯點，可以通過反復強調，重新演示糾正。例如，在創建留言表單時，發現提交表單時，網頁沒有做任何字段的校驗，是因為學生沒有使用驗證表單操作。
六、結語
電商網頁設計是電子商務的專業課程，該課程的教學是教師和學生的交互過程。教師從學情分析、教學導入、教學方法多方面思考，探出合適的教學方法。教學過程強調因材施教、學情分析、課程關聯、教學方法融合，重視學生交流，作業反饋，是一個層層遞進的過程。中等職業教育作為職業教育的重要組成部分，以全面素質為基礎，以能力為本位的理念，要求培養具有良好職業道德，具備綜合素質和技能，并能勝任相關工作的專業化人才。現代社會科技迅猛發展，人們的思想受到各方面的沖擊，教學理念也需要不斷更新，不斷創新機制，深化課程改革體系，為社會培養高技能人才做出貢獻。中職課程的開展，更應強調理論與實踐相結合，不斷創新教學方法，與時俱進。
【參考文獻】
[1]廣東省職業技術教研室.職業技能教學[M].廣東科技出版社，2007.
關鍵詞： 項目教學 《網頁設計與制作》 項目教學法 任務驅動法 考核模式
在網絡技術迅速發展的今天，上網已成為一種潮流，人們越來越習慣從互聯網上獲取信息，而網頁是信息的載體，如何把要傳遞的信息呈現在網頁上，是《網頁設計與制作》這門課要關心、學習的問題。本文以高職院校的計算機教學為背景，結合《網頁設計與制作》這門課程，從這門課程教學過程中應注意和改進的地方展開論述。
筆者在從事大專院校計算機專業各課程教學的過程中發現，《網頁設計與制作》這門課程與其他課程的教學相比，無論是教學內容還是教學方法都有其獨特之處。它是一門有較強的工具性和實用性的實踐課，而且涉及計算機圖像處理、文字版面處理等相關知識，需要對相關課程有一定基礎。所以按照傳統的教學模式――由老師講解、演示范例、學生上機學做范例、老師輔導是遠遠不夠的。一堂課下來，學生是被動的，只會做教師演示的范例，不會融會貫通，創新意識得不到培養。只有在實際教學中突破以往教學模式，才能培養學生的自我探索及獨立研究能力、團隊精神與自主創新精神。
下面筆者就談談這門課程的教學中應注意及改進的地方。
一、理論課程教學改進：項目教學法
在《網頁設計與制作》項目教學中，教師與學生承擔著更多的教與學的責任，要求更多的投入和參與。首先，教師設計出總的項目方案和要求，項目既要易于理解，又要與學生的背景相關，難度要適中，并將項目分解成若干個子項目。教師可通過如下形式開放教學。
1.針對項目進行項目分解，以項目為主線，根據學生所要完成的任務，主動引導學生發現要解決的問題。教師要啟發學生發現問題，由學生探索，目的是培養學生發現問題和解決問題的能力。
2.圍繞項目展開、介紹問題涉及的知識點，并將問題涉及的知識點滲透在教學活動中。在這個環節中應將項目分解為若干個小項目任務，這樣將技能的展開順序與學生的心理認知順序結合起來，就更能體現按人的思維發展和認知規律的特點安排教學內容的思想。因為教學改革的趨勢是逐步減少這門課的課內學時，所以教材中需要通過使用大量案例引導學習方法，便于學生自學和實踐。
3.項目的分階段評價、總結。我們可在一個或幾個子項目完成后，在學生中開展討論，進行項目分階段評價，大家共同評價好與不好，有問題怎樣改進，這是一個互相學習的過程，可以使他們共同進步，可以糾正偏差，也可以聘請行業專家、企業人士參加，對學生建設的網站給予評價，對于有爭議的問題，可以一同找資料，共同解決。
二、實踐課程教學改進：任務驅動法
任務驅動法十分注重學生的主體性、主動性及自主性的發揮，在這個過程中學生要學會收集各方面的資料和信息，學會對已有資料作多方面分析，促使學生思維不斷深化，并在力圖對一個問題尋找多種解答的過程中培養和形成創造性思維。
1.設計學習任務，激發學生學習興趣。在教學過程中，教師要注意激發學生的學習興趣和求知欲望。在上理論課的時候，除了介紹網頁制作的基礎理論知識和操作過程外，還結合國內外的幾個知名網站進行整體分析，介紹知名網站在版面設計方面是如何布局，在色彩搭配方面如何合理地統一網站風格，如何合理地使用圖片美化自己的網站，做到與眾不同，被廣大瀏覽者認可。完成對這些典型網站的分析后，向學生提出學習任務，就是學完這門課后，自己動手制作一個符合要求的網站。這時學生會不由地在心中設計自己想要的網站風格，甚至立即就產生出制作個人網站的渴望，這一渴望就是學習的動力，是學生學好這門課的基礎和前提。
2.以小組為單位布置網站的設計任務，讓學生思考、設計、完善，調動學生能動性。在制作過程中不作過多指點，讓學生在實踐中自我摸索和不斷提高。這一環節的設計思想主要是增強學生的自主創新能力，這樣的教學方法使學生通過親身實踐獲取知識，因此學得扎實，記得牢固，也進一步提高他們分析問題和解決問題的能力。
三、考核模式的改進
改革考核模式，客觀評價學生的學習效果。學期結束，學生要參加等級考試，可是等級考試的成績并不能完全體現學生在這門課程中的學習情況，所以期末考試成績應由以下幾部分組成：期末成績=（平時成績+實驗成績）*60%+等級考試成績*40%。
總之，經過多輪的教學實踐，我們進行大膽改革和嘗試，實踐證明，本課程的教學效果取得較大改善。教學方法的實踐極大地激發學生的學習熱情。在今后的教學過程中我們會逐步完善，精益求精，爭取使這門課程更規范化、合理化和科學化，以適應時代的需求，取得更好的成效。
參考文獻：
針對以上的問題，結合我校制作的精品課程，筆者認為，對于精品課程的內容設計，前期準備工作十分重要。一門課程要在網絡上呈現，目的不是為了炫耀網頁的界面如何好，更不是炫耀里面的內容如何的好，最主要的是要讓學生能夠接受，要以學生的需求為第一要素。而學生的學習，由于傳統教育的影響，或多或少地存在被動性，因此，在設計過程中，要力求簡潔，鏈接不能過深，學生想到了學習的內容，通過點一級，最多二級導航即可進行內容的學習，這樣才能吸引學生。具體設計過程如下：
1．導航設計
精品課程的導航的內容一般包括教學文件、視頻課堂、在線練習、在線測試（留言版）、網上討論、拓展學習以及與課程相關的政策法規之類的欄目，導航欄的設置一定要把與課程相關的最主要的內容分類清楚，不能放一些無關的或者關系不大的欄目，以免引起學生的反感。
2．版面設計
精品課程的版面設計最主要的是簡潔、明快，以青海電大《納稅基礎與實務》精品課程為例，整個網頁的顯示部分像素設計為960×700，頭部課程主題或動畫設計為960×80～120（可根據不同的課程來增減頭部的高度），導航的設計是在一行中，插入一個單行的表格，將每一個導航內容放到單行表格的各個單元格中。頭部與導航是所有網頁共有的內容。設計子欄目的過程中，比如在設計教學文件這一版面的時候，中間分為左右兩部分，左邊放如教學大綱、實施方案等教學文件，是教學文件的內容導航，左邊的導航單元格寬度設計為200px；右邊設計一嵌入式框架網頁，此框架大小760×490為宜，將左邊教學文件中的導航內容全部在這嵌入式框架中顯示，在瀏覽的時候，整個網頁不動，點擊切換左邊的導航，相應的內容在右邊的嵌入式框架中顯示，滾動條在嵌入式框架中拖動即可。別的欄目用同樣的方式進行設計，做到頁面設計的統一性，根據顯示內容的不同，可以適當地調整嵌入式框架的寬度。對于一個導航欄目來講，如果有子欄目，最常用的方式就是用折疊式菜單顯示內容，折疊式菜單的顯示用簡單代碼即可實現，這種顯示代碼在網上很常見，從別的網頁上引用過來即可。我們在制作過程中發現，二級欄目可讀性最強，因而，一個精品課程的欄目設計一般不超過三級欄目。很多高校制作的精品課程（比如清華大學精品課程）還采用了統一的模板，即網頁的模式、色彩及導航內容基本一樣，所不同的是內容及針對各課程自身的一些特殊的欄目。筆者認為，對于某一特定的學校，形成本校風格的精品課程的模板是可取的，最大的好處是，在以后制作精品課程的時候，設計人員用不著為如何設計網頁的模式或者色彩絞盡腦汁，利用現成的模板替換網頁內容即可，這種方式將大大提高制作精品課程的效率，做得多了，網上自然形成了某學校精品課程的特定模式。
3．視頻的處理
首先，對于老師講課視頻的錄制需要采取高清的方式進行。其次，針對老師講到的視頻內容，要準備充分的素材，素材包括文本、圖片、另加視頻以及針對某些內容制作的動畫，然后在非線性編輯軟件中進行精細的制作，真正做到圖文并茂，吸引學生的眼球。再次，將制作后的視頻進行必要的壓縮，以適應網上在線播放，可以選擇wmv、flv、rmvb等格式，但必須注意壓縮后的視頻要清楚，以國家標準為基準，壓縮時只能比國家標準高不能低。最后，將制作好的視頻以合適的方式放到網頁中，可以直接鏈接視頻，進行在線播放，也可以制作成三分屏網頁，效果更理想，所謂的三分屏是將老師講課的視頻、內容導航、講義文本（或PPT）分成三個區域?，F在很多精品課程中，多以三分屏的方式呈現視頻?，F在很流行自動生成的三分屏視頻課件，即教師講課時采用PPT或者文本，錄制過程將教師講課及PPT操作一并錄制下來，錄制完成以后，自動生成索引即導航。這種方式在我校精品課程《納稅基礎與實務》中全部采用，效果非常好。
4．內容設計
（1）一個精品課程能不能吸引學生學習，最主要的是放置的內容要適合學生學習，所以在欄目的設計中應當將所有的因素考慮周全，每個欄目中準備的內容以課程為主線，突出重點，全面概括，具體來講，視頻課程最為重要，一定不是輔導性的講解，相關的教學文件、練習題等必不可少，輔助的拓展內容等根據需要放置。在拓展內容中可以放一些輔導性視頻或者與課程相關的視頻，不管是自制的視頻還是取自網上的視頻，盡量選擇質量較高的視頻。（2）網上精品課程中文本字號的選擇一般是10號字，10號字是網頁顯示文本的默認字號，筆者認為，在精品課程中字號應該選擇稍大一些較好，通常標題設為黑體14號字，正文部分設為宋體12號字，對于文本網頁的行距設為1．5倍行距最理想，也可根據文本中的內容適當調整字體或者字號，比如在文學類精品課程中，文本網頁里如果引用了一段小故事或者引用了名人名言，則可以用楷體來表現。（3）學生比較容易接受的學習內容是視頻、動畫，還有聲音，看文本是最枯燥的。因此，在制作時，能用視頻的地方盡量用視頻，能用動畫的地方盡量用動畫，盡可能地將網頁制作得生動一些，以加強精品課程的可讀性。
5．練習題的制作
關鍵詞：工作過程；學習情境；網頁設計
“網頁設計與制作”是我院計算機應用技術專業和計算機網絡技術專業的專業核心課程，主要培養學生的網站規劃、網站效果圖的設計與制作、網頁設計、網頁動畫設計、網站后期編輯、網站測試及等技能，是一門實踐性和操作性非常強的課程。如何將高職生培養成合格的網頁設計師，使學生上崗后的能力能適應工作崗位的要求，這是本課程教學的總體目標，也是課程設計的方向。
一、職業崗位能力需求分析
通過對計算機相關專業學生畢業后從事網頁設計與制作相關工作崗位的需求調研、畢業生問卷調查、網上企業招聘信息查詢統計、校企合作辦學等多種形式，在充分了解行業、企業具有的適合計算機相關專業畢業生就業崗位的前提下，由企事業專家和專、兼職教師組成的專業建設與課程建設指導委員，通過反復論證，確定本課程相關的職業崗位、崗位能力及崗位所需的綜合
素質。
二、課程設計的理念與思路
1.課程設計的理念
本課程根據高職教育的特征，將“基于工作過程系統化”和
“行動導向教學”作為課程開發與設計的基本理念。將教學內容設計為5個學習情境，打破傳統網頁教學的條塊界限，將網頁設計與制作的實際過程作為課程教學主線，這樣網頁設計與制作的實際順序即是本課程的教學順序。
2.課程設計的思路
本課程的開發設計充分體現了職業崗位要求――職業性（網站策劃崗位、網頁設計崗位、網站建設崗位、網站管理崗位）、豐富多樣的實踐環節――實踐性（課內項目、課外拓展項目、網頁技能展示、畢業實習和畢業設計）和教學內容的靈活可選性、可拓展性――開放性（網頁設計競賽、網上教學資源、校外專家講座）。
三、教學內容的組織與實施
1.教學內容選取的指導思想和基本原則
（1）根據網站開發職業崗位要求和相關職業資格標準，適時調整更新教學內容。
（2）以項目能力作為課程培養的主要目標，以真實項目為載體組織教學內容，注重培養項目實施能力。
2.以網站項目為載體，重構和序化教學內容
課程組通過對市場調研、聽取畢業生的反饋信息，與校內外行業專家充分研討分析，確定了課程的職業崗位指向是“網站策劃員”“網頁設計與制作員”“網站管理員”“網頁美工員”“網頁編輯員”和“網站運營員”等，并對這些典型工作崗位的職業能力進行了分析，選取了“武威職業學院校園十佳歌手評選活動宣傳網站建設”“放飛夢想個人網站建設”“武威職業學院信息技術公司網站建設”“武威旅游網站建設”和“佳佳商城網用戶及留言管理系統建設”等5個學習情境作為課程的教學內容，并為每個情境設計了6～10個教學任務，重構和序化教學內容，將真實項目精心分解成符合學生認知規律的教學任務，將技能點、知識點合理地融入各個教學任務中，打破了傳統的“先理論，后實踐”的教學組織方式。
在網站項目教學過程中，學生要根據項目來學習，具有很強的學習目的性、積極性和主動性，激發學生學習熱情。每個項目的教學過程都要遵循：“項目任務內容項目”這樣一個過程。在這個過程中，學生根據項目需求可以對前面學習的內容進行分析、總結、歸納、提高、整合。
3.教學內容的選取與教學實施
依據所確定的職業崗位選取教學內容，在確定網站教學項目時，遵循學生的職業成長規律，將網頁設計基礎知識、網站欣賞、網站規劃與設計、網頁效果圖設計等16個教學模塊進行了重構與序化，以5個網站項目為載體，綜合理論知識、操作技能和職業素養為一體。
5個學習情境之間由易到難，層層遞進，在不斷補充新知識、新技能的同時，對課程的重點和難點進行反復強化。通過5個網站項目的學習，學生不但能夠掌握網頁制作與網站設計的專業知識和專業技能，還能夠全面培養其團隊協作、溝通表達、拓展創新、愛崗敬業、精益求精、求真務實的職業道德與規范等綜合
素質。
4.課程考核
本課程的評價采用過程性評價（項目評價）和期末考評（課程考核）相結合的方法。最終課程成績由“平時成績（占20%）、項目考評（占30%）、期末考評（占50%）三個部分組成。具體考核要求見下表。
四、教學效果
學生對該課程采用基于工作過程系統化的教學反映良好，對教學中引入企業項目案例設計，與生產實踐相結合的探索感到滿意。良好的實習、實訓條件也使學生的設計制作能力得到了明顯提高，實現了工學的無縫結合。基于工作過程系統化的課程和行動導向的教學模式充分調動了學生學習的興趣，學生普遍認為在這種教學模式下老師們的授課重點突出，難易適度，在教學中引入前沿知識和實際項目擴展視野，使學生在專業技能得到提高的同時，職業綜合素質也得到了很好的鍛煉和提高，為將來就業打下了良好的基礎，同時該課程改革已得到校內外專家的一致好評，我院學生連續多次在甘肅省大學生創新杯計算機應用能力競賽網頁設計項目中獲得各種榮譽，已經取得了明顯的效果。
參考文獻：
[1]姜大源.當代德國職業教育主流教學思想研究[M].北京：清華大學出版社，2007.
[2]王美萍.關于“工作過程系統化”教學模式應用的探討[J].中小企業管理與科技，2009.
【關鍵詞】網頁設計 教學成效 教學方法 教學思路
【中圖分類號】G718.3 【文獻標識碼】A 【文章編號】2095-3089（2014）10 -0149-02
目前，中等職業學校為適應社會對計算機專業人才的需求，均開設了網頁設計課程。本人在中職從事計算機網頁設計教學多年，在教學中發現該課程教學效果并不是很理想，大部分學生也只能學到一點網頁設計的皮毛，畢業后并不能完全勝任網頁設計的需求，這其中有學生的原因，也有教學方面的原因。因此，在網頁設計教學中，要總結現有教學方法的不足，努力尋找一些更好的教學思路和教學方式，讓學生可以學到更全面、更實用的網頁設計知識，提高學生的專業技能，更好地就業以適應社會需求。
一、教學內容的分析與改進
在我校，網頁設計是計算機專業的一門必修課，教師們沒有企業實戰經驗，純粹是為了教學而教學。
1、大多數教師的教學內容主要為以下幾種類型：
（1）上課主要講解Dreamweaver軟件的使用，主要介紹如何使用這個工具進行網站的開發。
（2）介紹fireworks如何繪圖，并將繪圖的內容切片，將網頁展現出來。
（3）將 Dreamweaver、Flash 和 Fireworks分別教給學生。由于課時的原因，學生每種都會點，但沒有一樣能精通。
2、存在的不足：
經過與現從事網站建設相關工作的學生調研，我發現上面的任何一種教學內容，都無法在實踐中得到充分的應用，原因如下：
首先，從事網站設計的企業，一般都有專門的美工，負責網頁界面的設計，他們的美術功底及設計能力遠非計算機專業的學生能達到。
其次，現在的網站基本采用 DIV+CSS 進行設計，原先采用表格設計網頁的技術已處于淘汰階段。而在目前的教學中，DIV+CSS在中職學校中根本沒有開展教學。
于是就出現了這樣的現象：計算機專業的學生在網頁設計的崗位上美工做不好，頁面也不會設計，教學內容和實際需求的能力脫節。
3、那么，當前計算機專業的網頁設計課程，教學內容該如何組織呢？
首先，在學習Dreamweaver的基礎上，講解HTML語言。
其次，好的網頁需要有新的技術支持?，F在主流的網站都采用了DIV+CSS結構，DIV+CSS是網頁美工必須了解和掌握的一門技術，DIV+CSS采用樣式和結構分離的方式，利于搜索引擎讀取網站頁面，方便管理和網站維護。
二、教學方法和教學思路探索改善
針對上述提出的實際問題，我對中職網頁設計教學的教學思路和教學方法提出以下的見解：
1、提高教師實踐能力水平，改進教學方法。
作為網頁設計課程教學的教師來說必須關注互聯網應用的實時趨勢，走出課堂、走出校園、深入到企業了解就業市場需求。學?？梢约訌娦Ｆ蠛献?，從政策上引導和鼓勵教師利用寒暑假深入到企業進行實踐。深入了解一個完整的網站的創建過程，從規劃到素材的搜集與處理，到網站制作，再到網站維護。教師把企業中的項目拿到課堂教學中，學生從完成項目的過程中，明確地知道自己學習了網頁設計這門課程，以后能做什么工作，在工作中怎么去應用課堂上的知識。
2、多種教學方法并用，優化課堂教學。
（1）分層次教學法
傳統的課程設計對所有學生都制定統一的標準和要求，這樣影響了基礎好、動手能力較高的學生，抑制了他們的發展。“分層教學”就是進行有層次的教學，針對于每堂課程給每個層次學生制定不同的標準，根據學生掌握的水平和對這門課學習的興趣、智力水平及內在潛力等一些軟指標來區分學生層次，讓同學們在正確認識自己、評價自己的基礎上進行自我選擇。教學對象的分層有利于教學目標的分層，可以更好地調動每一個學生的學習積極性、主動性。
（2）個性化教學法
網頁設計教學有別于其他軟件的教學，它具有較強的實踐性。所以在教學中應充分體現學生的主體作用，雖然很多教師都注意到了這一點，教師利用較短時間操作演示，讓學生用大量時間去實踐，但是學生出現了模仿、記憶的操作過程，往往按部就班的學習，知識沒有經過自己思維的深加工而一知半解。為了避免該問題發生，教師在綜合訓練時可以提供給學生一些優秀的網頁作品供學生參考，讓他們在某一特定主題下自己動手制作。這樣才有利于學生探究知識、自我學習能力的培養，也能充份體驗出學生的個性，從而保護了每個學生的創造力。
（3）案例教學法
案例教學法對于這門課程是非常重要的，要求學生做出高水平、高質量的網頁，首先要開闊學生的視野，開拓學生的思路，見多才能識廣，教師在上課的過程中，一定要精心設計案例，案例應該由易到難，不能讓學生產生畏難情緒，而降低積極性。案例教學的著眼點在于學生創造能力以及實際解決問題的能力的培養，不僅僅是獲得那些固定的原理、規則，而是如何用更有效的方式獲得知識。案例教學是一種“做中學”的形式，它是從經驗與活動中獲取知識，增進才干。通過案例教學，學生不僅可以從中獲得認知的知識，而且有助于提高表達、討論的技能，增強面對困難的自信心。
（4）任務驅動法
任務驅動法是以完成具體任務為目的而展開教學活動，使學生緊緊圍繞任務進行探索學習，由淺入深，由簡及繁，循序漸進地完成特定的教學任務。在整個過程中，學生是學習的主體，教師只起到引導的作用，從而使學生逐漸養成發現問題、思考問題、分析問題、解決問題的習慣。同時“任務”的完成使學生有成就感，激發學生學習興趣，從而使學生由傳統的“被動學習”狀態轉化為“主動學習”狀態。
本課程期末考核可以通過設計一個覆蓋網頁設計與制作所需要掌握的知識和技術的總任務，然后再將總任務進行細分為一個個小的任務，做到具體小任務的完成推動總任務的完成。通過任務的完成，學生能夠在一個學期內有效的掌握相關知識和技能，提高了學生學習效率和實際操作能力。因此，任務驅動法在網頁設計教學中是非常有效的。
3、教學手段，以啟發和體會為主
在網頁設計教學中，理論知識講得再多，如果學生不會靈活運用，一點用處也沒有。在教學中，不必太拘束于理論，應讓學生結合實踐，去理解和體會知識。如在學習網頁的布局和頁面色彩時，教師應找各種各樣的典型網頁或網站，讓學生在上網或觀察中體會。學生在觀察和研究這些不同的網站設計的時候，教師可以讓學生評選出自己喜歡的或者是覺得最好的和最差的，讓學生說說它們的差異。通過這樣的觀察和體會，讓學生明白網頁設計過程中，需要注意什么，怎么做才會更好。學生結合自己的實際體會，歸納總結出自己能理解和掌握的知識。
4、實踐環節重引導
中職計算機教學更重視實踐，重視動手操作，否則理論知識再豐富，如果不會動手實踐，也不能保證學生能夠更好地就業。實踐環節不但要重視，還要高效，有些學校在課程的實踐方面，分配了足夠的課時，但實踐的效果并不好。在網頁設計這種相對比較開放和自由的實踐課上，可讓學生充分發揮自己的想象力和創造力。值得注意的是，在學生的實踐過程中，教師要對學生進行適當的幫助和引導，如果任由學生自己去摸索，那么很可能在上機實踐這段有限的時間內，學生很難做出點東西來。這個階段并不是學生探索的階段，重要的是鼓勵學生把設想變為現實。
三、考核、評價方法的改變
網頁設計課程的實踐性非常強，我們要檢驗的是學生的設計能力、綜合應用能力和創新能力，那么單純靠最后的期末考試，是不能確切的評價一個學生的真實水平，而要將平時的作業、練習都納入學生評價中。對于網頁這門課程，我認為比較合理的評價方法應該是平時的作業占 50%，期末考試占 50%。平時的作業就是一次次的案例，檢查學生平時學習的態度和知識的掌握情況。對于期末考試，我認為應該以要求學生設計一個完整的網站來結束本課程，而不是要求在給定時間內完成任務，本身一個網站的建設在短短的兩三個小時內是無法完成的，包括素材的收集、版面的布局、內容的充實等，何況學生可以利用互聯網來收集相關的資料，參考引用他人模板來完成任務，所以應該以上交作品的形式完成本課程的期末考試，在作品完成的過程中，老師進行巡視、評價，也就是我們考核的不僅僅是最后的作品，而是將完成作品的過程也作為我們評價的一個依據。最后，上交的作品可以讓全班同學互相點評、互相評價，在評價別人作品的同時以提高自己的水平。
【關鍵詞】 三環雙向 網頁設計與制作 教學改革
【中圖分類號】 G434 【文獻標識碼】 A 【文章編號】 1006-5962（2012）08（b）-0184-02
1 引言
網頁設計與制作是一門綜合性很強課程，涉及文字排版、圖形圖像處理、動畫制作等多方面內容，它不僅對技術有較高要求，也是藝術的體現，因此要求學生具備一定的創新精神和綜合實踐能力。傳統的網頁課程教學，重知識、輕能力，重技術、輕藝術，忽略情感教育，學生處于一種被動接受知識的情境下，勢必導致學習興趣下降，創新精神受壓抑，綜合實踐能力得不到明顯提高。本文提出了一種三環雙向的教學模式，并將這一教學模式運用于網頁設計與制作課程中，使該課程的技術和藝術在教學中能很好結合。
2 三環雙向教學模式的理論依據與功能目標
2.1 三環雙向教學模式的理論依據
羅杰斯（C.R.Rgers）的人本主義學習理論中，學習的基本觀點可以概括為以下兩點：個人具有學習的潛能；意義學習是學習的本質[1]。這種意義既理解和記憶的過程，又包含價值、情緒的色彩。布魯納認為只有有結構、有系統的存儲知識，才有助于提取知識，有助于增進學習中的遷移，激發學習動機或學習興趣。而培養能力就是要提高知識與知識之間的聯系的能力、生成的能力。為了提高能力，應積極主動地、有意識地增加知識之間的聯系，讓知識之間的聯系多樣化、深入化、全面化，并主動在知識聯系的交叉點上生成新的知識。
2.2 三環雙向教學模式的功能目標
該模式的功能目標是指運用三環雙向教學模式所能產生的實際教學效能及其標準。以學生可直接觀察的行為和其身心變化為依據，它具體反映了模式設計者對按該模式進行教學能在學生身心上造成何種變化的一種期望或要求，在一門課程完成之后，學生的專業知識、專業能力、專業情意全面提升，有較強的團隊協作能力、綜合實踐能力和創新精神，實現知識、能力、素質目標的三位一體。
3 三環雙向教學模式涵義
三環雙向教學模式中的“三環”指情感態度、知識、能力，“雙向”指這三者之間的相互關系和作用影響。情感態度是指興趣、動機、自信、意志和合作精神等影響學習過程和學習效果的相關因素。知識，是人改造自然過程中所獲得的認識和經驗的積淀，分顯性和隱性，前者具有可整理、編輯和傳播的特點；后者只能通過內心感悟的過程中來認識。在學習過程中，記憶是對知識材料的輸入和重組，使其與其他知識材料建立聯系，形成主體的思想、方法和精神內容的創造性活動。一個人不能再現所學知識，便無法建構知識應用、操作能力。能力，指主體可勝任某種操作的本領，設計操作活動所須具備的主觀條件和實施方式。能力雖為知識的前提，但獲得知識并不自動等于擁有能力，因為知識只有外化為可產生某種效率效度的操作力，才被視為能力。三環雙向教學模式如（圖1）所示。
（圖1）中情感態度是獲取知識和培養能力的動力，反之又將升華情感。掌握知識是發展能力的基礎，學生對知識理解掌握得越深刻，越有利于能力的發展。能力發展是掌握知識的重要前提，掌握知識快慢、難易、鞏固的程度依賴于能力，沒有一定的認知能力（如感知能力、記憶能力、思維能力等）就不能掌握知識。傳授知識與培養能力是對立統一的，它們相互聯系，相輔相成，兩者都是教學的基本任務，都很重要；應是同時進行的，不能有先后之分。
4 三環雙向教學模式在網頁設計與制作課程中的運用
在網頁設計和制作的課程教學中，應努力去處理好知識、能力與情感態度三者的關系，找準一個平衡點，既關注知識的傳授，同時在這過程中又培養學生的能力和發展學生良好的情感和態度。
4.1 網頁設計與制作課程教學模式
網頁設計和制作課程是技術和藝術的結合，在學習該課程前，學生一般都已具備一定的文字排版、圖形圖像處理、動畫制作等多方面能力，并且也瀏覽了為數不少的網頁。情感是人對客觀事物是否符合自己需要的態度的體驗，事實表明，情感因素是影響教學質量的一個重要的因素。首先引導學生欣賞網頁，包括網頁的版式、色彩、文字、圖形以及多媒體等網頁特有視覺元素的鑒賞，使學生能夠更好更有效的接受信息并產生對美的網頁的愉悅心情。積極豐富的情感能調動學生的積極性和主動性，在此基礎上，教師可根據學生的知識結構和認識水平對網頁設計和制作課程教學內容進行的加工，使所傳授的內容同學生原有的認知結構建立實質性的聯系，激發學生積極主動的從自己原有的知識結構中提取有聯系的舊知識來作為掌握新知識的基礎。在教學過程中注意學科理論與實踐的結合，掌握知識與培養能力的結合。通過教師的啟發與總結，使學生實現科學知識和道德情感的內化，在設計和開發網頁過程中陶冶情操。根據圖1三環雙向教學模式，對網頁設計與制作課程教學模式具體情況描述如下（見圖2）：
4.2 教學案例運用
現以網頁的色彩為例，描述三環雙向教學模式具體運用。
（表1）通常學生已具備一定的色彩知識和審美能力，基于此讓他們描述對色彩的喜好。在教學中，通過對多項網頁作品的欣賞和點評，引導學生進行網頁色彩搭配設計，并且對一個網頁搭配出多種風格的色彩組合，然后利用代碼書寫應用于網頁制作中，一個網頁的多種色彩搭配設計有利于提高學生的設計、創新等綜合能力。作品設計完成，讓學生對彼此作品色彩傳達的心理作用描繪出作品表達的觀念。這一案例的三環雙向教學模式運用，實現了藝術和技術的結合，首先利用學生的審美等藝術素養調動他們的積極性，對作品進行藝術設計，接著以技術實現藝術設計作品，最后由完成的作品提升藝術素養陶冶情操。
5 結束語
網頁設計的出現本身就是跨學科的結果，這種特性在未來的發展中會表現得更加明顯，單純的學習技術或者藝術，都無法滿足網頁設計開發。我們嘗試采用三環雙向教學模式進行教學，將技術和藝術很好結合在一起，學生的創新精神和綜合實踐能力都得到明顯提高。
參考文獻
[1] 向海英.羅杰斯人本主義學習論及對當前我國教育改革的啟示[J].山東教育科研，2000：69-71.
[2] 朱峰.布魯納“發現學習論”對我國教育改革的啟示[J].重慶科技學院學報（社會科學版），2008（6）：188-189.
[3] 李亦菲，朱小蔓.新課程三維目標整合的KAPO模型[J].天津師范大學學報（基礎教育版），2010（1）：1-10.
隨著科技的發展，社會的進步，國家需要大批的職業技術人才。國家每月專項撥款給每個中職學生150元，這不是小數字?？梢妵覍β殬I教育的重視。中等職業學校培養的學生，是祖國未來建設的一支重要隊伍。社會最終看重的是學生的真才實學?！耙苑諡樽谥肌⒁跃蜆I為導向”是中職學校教學改革方向。
在傳統教學課堂上，采取的是“填鴨式”教學，教師從頭講到尾，學生只是聽和記。隨著新課程的實施，中等職業學校教師的觀念在逐漸更新，教師的角色也在悄悄變化。課堂教學作為新課程改革的重頭戲，就是要在傳統教學的基礎上，充分利用現代會的教學手段，讓教師易教，學生易學。
新課程倡導教師在教學過程中應實現教學方式的轉變。我作為一名計算機教師,從事《Dreamweaver網頁設計》學科的教學。該課程的培養目標是：通過對《Dreamweaver網頁設計》，學生能掌握網頁制作的基本原理和動態網頁制作的基本原理，在網頁設計方面打下良好的理論和實踐基礎。那么，如何實現這一目標呢？
1.要讓學生有事可做，提高學生的學習興趣
我校《網頁設計》學科原來使用的教材是《Frontpqge》,實用性不強，案例過于簡易與實際應用脫節。后來改為電子工業出版社的《Dreamweaver網頁設計》。教材中的經典的案例都需要通過同學們上機實踐來完成。這樣才能掌握技巧，形成一套適合自己的學習方法。學生們一般都喜歡實踐課，對上機課有很大興趣，如果教師不布置任何任務，讓學生自由地操作計算機，有的學生自覺性差，去做與課堂教學無關的事，這樣，學生就學不到知識，對網頁設計課程也就沒有了興趣。對整個課程教學秩序也有影響。因此，實踐課需要充分發揮教師的主導作用，并結合教學實際靈活運用教學原則，以真正激發學生的興趣，達到切實提高計算機教學質量和教學效率之目的。
2.以“任務驅動法”教學貫穿始終，從而整體上提高教學的效率和質量
在《Dreamweaver網頁設計》課堂教學中，我引導學生逐步學習如何使用文本、圖像、表格、層、框架、多媒體、行為及表單等網頁元素，生成圖文并茂的網頁。利用dreamweaver所提供的動態網頁開發功能，在未學習編程的情況下來實現簡單動態網站的開發。將全部內容細分為一系列知識點，通過“由簡到繁、由易到難、循序漸進、深入淺出、承前啟后”的案例去具體實現。每堂上機課，我將學生分為五個組，每個組九至十人，讓學生們團結協作，共同完成一個課題。在完成的過程中有疑難問題，我有針對性、有重點及時進行指導。再讓每個小組派代表展示小組的作品，邊展示邊講解。我也及時將普遍問題提取出來，利用多媒體語音教室環境，為大家演示說明。在小組展示作品的過程中，讓學生反饋吸收后修改完善自己的作品。這樣不僅激發了學生的學習興趣，提高了學習的主動性，還提高了學生的動手能力和團隊意識。使學生能夠真正用dreamweaver去解決實際的網站設計問題。
3.對個別課堂不認真學生的管理
現代教學講的是“人性化”管理，“以人為本”。由于電腦的普及，從小學到初中，再到職業中學，有部分同學對電腦知識有一定的了解，加上網絡游戲的泛濫，所以個別學生自制力較差，不認真完成老師布置的任務。對于這種情況，利用管理軟件進行教學控制，這樣大家的注意力就集中到老師的講解上。以眼神警示學生，講解完之后，再讓個別學生上臺演示講解的內容，以起到及時提醒，巧妙進行課堂管理的作用。
4.讓學生一專多能
《Dreamweaver網頁設計》作為一門綜合學科。要求學生對《Dreamweaver》、《Fireworks》、《Flash》和《ASP動態網頁制作》能夠熟練掌握，讓學生能掌握網頁制作的基本原理、圖象處理的基本原理、動畫制作的基本原理和動態網頁制作的基本原理，在網頁設計方面打下良好的理論和實踐基礎。學生能夠掌握現代基于B/S模式（即瀏覽器和服務器模式）的系統開發特點，從而能夠靈活運用所學知識，完成一個完整的網站前臺頁面制作和后臺管理頁面的制作項目。這就要求學生將所學知識進行綜合專用，才能達到預期的教學目標，成為一名合格的網頁設計人才。《Dreamweaver網頁設計》的基本元素是文本和圖像，而超鏈接、表格、層，聲音、動畫等多媒體元素也是不可或缺的，而如何將這些元素有機的結合在一起，讓網頁更有創意，更專業，這就需要學生對網頁設計技巧的熟練掌握，這不是一朝一夕的事，需要大量的練習。
5.定時或不定時的綜合測試
關鍵詞：web2.0網頁設計、實驗教學、實驗場景拆分、貫穿式項目
中圖分類號 ： G4文獻標識碼：A 文章編號：1672-3791（2015）08（B）-0000-00
軟件工程專業的 《web2.0網頁設計》課程主要培養學生掌握最新的web2.0的前端開發技術，培養具有工程級軟件分析與研發經驗的學生，是一門操作和實踐性很強的課程，課程總學時為48學時，其中16學時實驗。目前使用web方式進行應用系統的開發是當前的一種發展趨勢，就業前景也非常好，所以學生對這門課都非常重視。
1 網頁設計實驗課程教學現狀分析
傳統的實驗教學體系給課程帶來很多不利的影響，目前存在著許多問題，學生的學習效果受到一定的影響，因此教學方法和模式急需改革。傳統模式存在問題主要表現在以下方面：
（1）實驗內容與方式單一，各實驗之間銜接差。實驗教學內容主要是驗證課堂講授內容，過于重視單一方法的驗證，而忽略了流程的設計，不利于鍛煉學生的綜合分析問題的能力，現行的實驗內容與方法也無法發揮學生在課堂教學的主導地位，不能激發學生的學習興趣，每個學生都做一樣的事情，無法體現分工協作的效果，也無法提高學生的團隊合作精神。
（2）實驗教學方法落后。傳統的實驗教學體系中，實驗內容及步驟等都由教師指定，學生實驗前準備不充分，只是被動地做實驗，這樣很難提高學生分析解決問題的能力，也限制了學生發揮創新能力。
（3）實驗考核不夠科學。在傳統的的實驗教學中，實驗指導教師對學生實驗成績的評定主要是以出勤率、實驗態度和實驗報告作為評價依據，但這種考核方式有時無法考核出學生的真實成績，仍然有實驗態度不認真、抄襲實驗報告的現象，從而導致評價結果不準確。
2 網頁設計實驗課程改革方案
（1）通過基于實驗場景的貫穿式項目實驗案例改進實驗內容。以切實提高實際項目的開發水平為目的，將知識點結合具體的應用來設計。使學生掌握知識點的運用方法和運用場景，突出“用哪里”、“怎么用”。注重實驗內容的前后銜接性與科學性。通過實際項目案例貫穿到實驗課程中，實際案例里包含項目需求說明書、指導手冊、環境工程包，每部分實驗場景的拆分按照大綱理論課程的知識點進行拆分，先瀏覽項目總體需求說明書，通過實驗指導手冊的要求向環境工程包里的頁面添加內容，完成實驗要求。通過這種方式，既讓學生熟悉重要知識點的運用，又對項目案例有個整體認識和了解，促進學習的積極性。
（2）改進實驗方法。采用學生自愿組隊的方式，把學生分成若干小組，每個小組內部推舉小組負責人，由小組負責人進行任務分工，并由小組負責人監督任務的執行，實驗指導教師全程指導并監督進度。每個小組選擇一個項目，各個小組項目不同，但項目的復雜程度大致相同。實驗指導教師給出目標，具體分析和設計工作均由小組內部完成，以提高學生的自主分析能力和設計能力，也能促進學生的自我管理能力。
（3）分層次實驗教學。要求學生實驗之前做好充分的準備，引導學生進行分析，對實驗中遇到的問題，引導學生展開團隊成員的討論，促使學生積極思考，按要求完成實驗任務。注重學生個性發展，因材施教，在小組任務分配上指導小組負責人針對每個學生的特點分配任務，使其達到實驗的基本要求，并能在其欠缺的方面有所提高。
（4）完善考核制度。對學生實驗成績的評定綜合考慮整個小組的實驗結果、學生的態度、在小組內部的作用及表現來進行評價，增加小組集體答辯和小組互評環節，每次實驗各個小組都要參加答辯，教師和其他組的學生針對實驗內容和相關知識進行提問，每次答辯小組要派任務相關者參加答辯，保證每個小組的每名同學都至少答辯一次以上。各種文檔的考核采用小組互評和教師評定的雙重考核制度，這樣可以使學生在為其他小組找問題的同時，進一步發現自己的問題，促進其發現問題、解決問題的能力。
3 有效教學資源提供
提高學生綜合分析設計與實踐能力，增強學生學習興趣，為切實履行改革方案和實施，提供以下資源：
（1） 提供學生課下自主學習的網站，包括課程介紹、課程內容、微課視頻、實踐教學內容、習題測試、學生作品欣賞等等。合理嵌入“幫助文檔”使用策略，提高學生對于語言的自主學習能力，將一個“學習者”轉換成“生產者”。
（2） 提供基于實驗場景的貫穿式項目實驗案例：
a.一個到多個包含完整業務的項目將會被拆解成一個個獨立的教學場景和實驗場景，在不同知識點教學過程和實驗環節中使用。
b.教師在理論教學環節中可以使用這些經過拆解的演示場景，貫穿整門課程知識點的講解和演示，讓演示變得更連貫更生動。
c.學生在上機實驗環節中可以使用這些經過拆解的實驗場景，貫穿整門課程知識點的實驗場景，讓學生更好的體驗知識點在項目中的運用場合。
d.貫穿式項目的場景教學培養學生：自主動手、主動實踐、自主創新的能力。
4 結語
以提高學生設計與分析能力，培養學生團隊協作精神為目標，轉變傳統實驗教學觀念，采用分組實驗的方法組織實驗，以提高學生的協作能力和自我管理能力。同時注重實驗教學內容的連貫性與科學性，在內容上注意與理論知識點的銜接與聯系。對實驗教學方法及教學手段進行探索，提出可行性方案，并探索出一個行之有效的實驗教學和管理考核方案，采用科學的評價方式，全面提高實驗教學質量。
參考文獻
[1] 聶常紅，Web前端開發技術---HTML、CSS、JavaScript，人民郵電出版社，2013.9.
[2] 劉西林，柳林著，HTML、CSS、JavaScript網頁制作從入門到精通，2014.1.
