時間：2023-01-02 18:47:54
開篇：寫作不僅是一種記錄，更是一種創造，它讓我們能夠捕捉那些稍縱即逝的靈感，將它們永久地定格在紙上。下面是小編精心整理的12篇網頁設計課程總結，希望這些內容能成為您創作過程中的良師益友，陪伴您不斷探索和進步。
關鍵詞：心智技能；網頁設計；教學研究
中圖分類號：G434 文獻標志碼：A 文章編號：1674-9324（2013）37-0154-03
一、心智技能理論概述
技能分為操作技能和心智技能，操作技能是一種動作技能，培養操作技能使學生“知其然”，比如網頁設計中建立頁面布局、插入表格這些功能如何實現。而心智技能是一種思維的技能，是調節和控制心智活動的經驗，培養心智技能使學生“知其所以然”，比如為何要使用網頁布局、使用何種布局更好、網頁元素如何搭配更美觀等，從而使學生能夠更合理地應用其所具備的操作技能。
對于課程教學而言，不僅要培養學生的操作技能，還應更注重心智技能的培養。比如制作一個完整網站項目，不僅需要操作Dreamweaver、Fireworks等設計軟件的技能，更需要需求分析、網站規劃、風格設計和色彩搭配等心智技能。
因此，要提高學生的技能水平，就必須在教學中加強心智技能的培養，培養學生的創造性思維，提高學生學習創造能力以及解決實際問題的能力。
二、網頁設計教學中存在的問題分析
目前，案例教學法是較為主流的網頁設計課程教學方式，在教學過程中，往往以軟件操作為主要內容，針對其中的各個功能設計教學案例并進行講解。這種方式雖然能使學生在短時間內掌握軟件使用技能，但學生對各個功能適用的場景和條件卻不甚了解，不能真正做到學以致用，在獨立面對一個完整的設計任務時會有無從下手的感覺。筆者采用課堂觀察、學生訪談及學生作品指導等途徑，開展調查研究之后發現，學生設計的網頁作品普遍存在一些共性問題，主要體現在以下幾個方面。
1.網頁主題策劃。當要求學生為某個網站主題制作一系列網頁時，某些作品主題定位不準確，比如原本網站主題是品牌產品宣傳，最后的作品卻是購物網站。有的作品則是主題不統一，想展現的內容太多，多個主題拼湊在一起。出現上述問題的主要原因是需求分析不準確、提煉設計主旨的能力不足。
2.網頁風格設計。在網頁布局及風格設計方面，常出現頁面風格不統一、頁面風格與內容不協調等的問題。比如某些作品的多個頁面之間在風格、模式和色彩上差異較大，影響了網站的整體風格。這是由于學生對形式與內容的協調把握不足，不能在內容不同時實現形式上的統一。
3.網頁元素的編排。網頁元素的編排，主要是框架、表格、文字、圖片、動畫等內容在單個網頁內的排版。學生作品在網頁元素的編排方面的問題主要有：（1）文字的處理。網頁中使用的字體太多，造成頁面混亂；字體、字號過于單一，標題或重點不突出；行距過大或過小等。（2）圖片的處理。圖片過度拉伸造成顯示模糊；圖片過大造成頁面加載速度緩慢；并排顯示的圖片尺寸不統一等。（3）網頁布局。頁面寬度過大，在一屏內無法顯示，造成瀏覽困難；頁面內容多而雜，各部分跨度太大，整體可讀性不好，重點內容不突出等。
4.網頁色彩搭配。網頁的色彩搭配應該均衡、協調，使人感覺舒適、美觀，又不至于視覺疲勞。學生在網頁色彩搭配上出現的問題主要有：網頁色彩過于單一，無吸引力；色彩過于花哨，容易造成視覺疲勞；文字顏色與背景顏色相似，造成閱讀困難等。
5.交互性設計。用戶瀏覽網頁是一個人與網頁信息交互的過程，交互性好的網頁應該功能實用、操作便捷。學生在交互性設計上出現的問題主要有：網頁無標題；導航欄不全，引導性不佳；鏈接層次過深，造成連續瀏覽不便捷等。
6.網站文件結構。網站文件結構是指儲存在硬盤上的目錄結構，雖然不會影響到網頁的功能和外觀，但是良好的目錄結構能夠提高網頁設計和后續維護工作的效率。學生設計的網頁作品往往忽視網頁文件結構的合理性，存在著網頁命名隨意無規則，不同層次的網頁文件存放在同級目錄，圖片文件隨意存放等問題。
綜合上述問題分析可以看出，學生在創造能力及設計思維上相對較弱，實際上通過操作實踐，學生基本都能完全掌握網頁設計軟件操作，比如插入文字和圖片、設置字體和顏色、插入超鏈接等，但卻在需要整合運用這些操作時出現了問題。這實際上就是心智技能缺乏的表現，因此培養心智技能是提高學生網頁設計能力的關鍵。
三、心智技能階段性理論在網頁設計教學中的應用
1.網頁設計心智技能形成分析。根據馮忠良教授的研究，心智技能的形成是階段性的，其過程分為原型定向、原型操作和原型內化三個階段[1]。原型定向階段以理論知識傳授為主，讓主體掌握技能操作的原理；原型操作階段通過實踐讓主體熟練掌握操作技能，為原型內化奠定基礎；在主體大腦中形成內化的思維模式，使主體能夠靈活運用操作技能解決實際問題[1-3]。
根據上述理論，結合網頁設計教學的實際過程，網頁設計心智技能的形成階段如圖1所示。
網頁設計心智技能的形成可分為：掌握基本理論、熟練實踐操作和總結設計模式三個階段。這三個階段不僅體現在整個學期的教學過程，更應該體現在每一章節的教學中，甚至在每次課的教學中不斷重復，才能強化鞏固心智技能。在整個學期的網頁設計教學過程中，基本理論、熟練實踐操作和總結設計模式三個階段的主要教學內容是：（1）網站和網頁的組成、網頁設計的一般過程、HTML原理和常用設計工具。（2）網頁設計工具Dreamweaver、Firewoks及Flash的操作和使用。（3）指導學生綜合應用設計工具進行完整設計，總結網頁設計中的經驗和模式。而在某項軟件操作的教學過程中也應遵循三階段原則。教師首先結合HTML語言講解此項操作的后臺原理。然后教師進行演示，學生操作，期間教師不斷進行指導。最后教師總結該操作中應當注意的一些原則，以及常用的一些設計模式，可通過展示優秀的設計作品進行對比講解。
2.教學實踐。在前述理論研究的基礎上，筆者進行了教學實踐。根據課程教材，首先設置了“網頁設計概述”、“HTML基礎”、“Dreamweaver CS 4應用”、“Firewoks CS 4應用”、“Flash CS 4應用”、“綜合實例”六章課程內容[4]。其中第一、二章以純理論教學為主，難點在于HTML基礎知識，須重點講解。第三至六章均采用三階段原則進行教學。最后為了加強心智技能原型內化階段的效果，增加了第七章“網頁設計模式精講”，對網頁設計中的常見問題進行總結，介紹設計原則和方法。下面以第三章“Dreamweaver CS 4應用”和第七章“網頁設計模式精講”為例介紹教學思路。
“Dreamweaver CS 4應用”主要分為表格的使用、框架的使用、DIV元素的使用、文本的插入與編輯、圖像的插入與編輯、超鏈接的插入與編輯、其他多媒體對象的插入與編輯七項主要內容。在正式講解軟件應用前，應使學生明白網頁的本質是HTML代碼，Dreamweaver本質是輔助設計工具，其作用是自動生成HTML代碼，比如在Dreamweaver中執行插入表格的命令，就會在源文件中加入表格的HTML代碼。在此后的講課過程中，幫助學生理解操作的原理，為心智技能的建立奠定基礎。以文本的插入和編輯為例，在教學中首先向學生講解文本編輯中HTML標簽
與
的作用和使用方法。然后在Dreamweaver中執行文本插入和編輯操作，并對比源文件中的代碼變化。最后結合教學用例介紹文字排版的一些原則，比如長文本使用標準字號、在文本周圍留出足夠空間、增加文本和背景的對比度等。幫助學生建立文本編輯的心智技能，使學生在自主設計時能夠編排出美觀的、可讀性強的文本效果。
“網頁設計模式精講”根據本文中對學生作品中常見問題的分類進行集中講解，主要分為網頁主題策劃、網頁風格設計、網頁元素的編排、網頁色彩搭配、交互性設計、網站文件結構六項主要內容。設計模式教學是一種經驗的傳授，目的是教會學生某一場景下問題的解決方法，因此在教學中，必須要明確模式適用的場景，以及模式如何實現，如表1所示是幾個網頁設計的模式。
在教學過程中仍主要依靠案例講解進行，并在過程中要求學生在總結和思考之后進行相似模擬，但不能與原例一致。學生掌握正確的網頁設計模式后，網頁設計質量得到了一定改善，從側面證明了學生網頁設計心智技能的提升。
四、小結
筆者通過教學實踐發現，結合心智技能形成的階段性理論進行網頁設計課程教學，確實對提高學生的網頁設計能力起到了積極作用，但由于課時限制、教師經驗等因素，教學質量仍有很大的上升空間。在后續教學過程中，仍需要不斷地進行嘗試和總結，探索更高效的心智技能教學方法，培養出更高素質的網頁設計人才。
參考文獻：
[1]馮忠良.教育心理學[M].北京：人民教育出版社，2000.
[2]丁清.論高職高專學生的心智技能培養[J].昆明冶金高等專科學校學報，2004，（1）：81-84.
[3]陳軍民.高職生心智技能培養探討[J].新課程學習，2012，（03）：77.
【摘要】
隨著互聯網技術的發展、普及且互聯網在信息宣傳上商業價值日漸凸現，使得互聯網作為世界上第三大媒體深入人們生活的方方面面。為了滿足市場對網頁設計人才的需要，各大高職院校都相繼開設網頁設計課程。但是，網頁設計課的教學與現實有一定差距。本文就在分析網頁設計教學的基礎上對課程改革做進一步的探索。
【關鍵詞】網頁設計 教學改革
目前，網頁設計課程涉及網站功能、建設及管理方法和網頁制作技術及業界最新動態，是計算機專業及理工類學生公修課程和大學生較喜愛的選修課。高職院校網頁設計教學要求以理論教學為核心和實際操作為重點，通過網頁設計實踐將網頁設計理論和相關動畫理論和美學知識運用于熟練操作中來培養學生基本技能并提升其綜合能力。為了提高網頁設計課的質量，不僅需要教師具備扎實的理論功底、高超的操作技能，而且還需要教師不斷探索專研教學和總結教學經驗，并根據教材和學生的實際情況進行相應的教學改革以達到實現因材施教的良好效果。［1］因此，我們對網頁設計課的課程改革作進一步的再探就很有必要。
1 目前網頁設計教學中存在的問題
網頁設計課程是一門實用性和綜合性特色鮮明的高度綜合課程，包括網絡基礎、網頁基礎知識、數據庫應用、平面設計與動畫設計基礎及應用、ASP、PHP或JSP編程等。網頁設計課在高職院校計算機專業課中占有至關重要的地位，是計算機專業的必修基礎課程和專業核心課程，也是許多理工類學生公修課程和大學生較喜愛的選修課程。網頁設計突出技能和技巧，尤其注重實踐性、應用性。但現實中該課程卻存在一些問題。一是高職院校學生學習程度參差不齊不利于課程教學及課程改革的有效開展。升入高職院校的學生一般沒有養成良好的學習習慣，而網頁設計不僅要求有扎實的計算機理論知識和嫻熟的平面設計和動畫設計應用，還要有很寬泛的文化視角和不斷鉆研的學習能力。而這些對目前高職院校的生源狀況而言是很大的挑戰。二是網頁設計教學課程設置、課程安排及教師配備與目前市場需求還有一定差距。互聯網極強的商業性要求課程突出專業適應性和能夠準確把握市場需求，這些都要求教師具備極強的教學鉆研能力和改革能力。教學課程安排落后，雖然教學中貫穿案例等較好的教學載體，但在給學生布置具體任務時沒有形成良好系統，更沒有合理的考核方法能夠達到對學生學習本課程給予一定的項目壓力和相關激勵。三是本門課程有知識面廣、綜合性、實踐性強的特點，本門課程能最大可能的激發學生的參與性和鍛煉學生動手能力，要在教學中實現理論與實踐的結合，增加學生動手實踐的機會以使學生能熟練地掌握網頁設計的實際應用，從而實現“理論教學為實踐教學服務、實踐教學推動理論教學發展”的目標。但現實中，學生往往聽課時能看懂、能理解但課后沒有養成復習習慣就忘記做試驗更摸不著頭腦。而網頁設計知識點多、學習節奏快而周期長容易使人疲勞和滋生厭學心理。綜上所述可知進行網頁設計課程的改革很具現實意義。［2］
2 網頁設計課程改革的相關措施
網頁設計課是高職院校計算機專業的一門基礎課，是理工科學生必備的技能。網頁設計課程具有系統性、綜合性和實踐性。網頁設計課程要克服目前固有的一些缺點就要在教師隊伍建設、教學方法改革及考核方式改革等方面進行不斷探索，以促進網頁設計課程改革的不斷深入。具體如下：
2.1 加強師資隊伍建設，為網頁設計課程教學改革提供智力支持。
既然目前高職院校生源質量不盡如人意，那就要在造就一支專業理論扎實、實踐技能高超的教師建設上下功夫。可以說，高素質的教師隊伍對于應對生源素質多樣化還是能起到關鍵作用的。進一步狠抓“雙師型”隊伍建設，即要建設一支既能把握網頁設計發展脈搏和具有高超教學技能的技能型人才又具有扎實理論功底和持續推動教學改革深入的教育家的綜合性的教師隊伍。
2.2 在網頁設計教學中注意教學方法的改進和突出“合作學習”、“案例教學”。
計算機相關學科具有知識更新速度快的特點。這要求網頁設計教學不僅要注重基本知識、基本理論的傳授，也要注重學生學習能力和創造能力等靈活運用新知識的能力，要通過課堂教學使學生不僅扎實的學會基本知識和基本技能而且能夠自覺的應用到新知識的運用中，從而以教學方法的改進來提高學習質量。
“合作學習” 就是在網頁設計中基于網絡的特殊架構，發揚 “團隊學習” 精神來克服設計中結構復雜、功能模塊較多的缺點，由相關網頁開發人員精誠合作，“拔尖” 學生作為項目負責人，引領組員共同討論以制定系統方案、分析系統功能模塊、搭建系統軟硬件構架和對網頁的背景及文化內涵發表綜合意見。
實例教學就是要貫徹“學以致用”的教學原則。通過在教學中對一些優秀網頁進行分析，來發掘網頁設計方面諸如制作技巧、文化元素、文字布局等，開拓學生的視野和增強學生創新意識。并進一步通過讓學生承接一些具體網頁制作作業以在實踐中發現問題和解決問題。
2.3 對網頁設計課程考核方式進行全面改革。
結合網頁設計課程考核系統性、層次性的特點，根據教學計劃和學生接受能力采用以實際實例教學作業和團隊合作等形式具體制定考核方法。［3］考核時間和方式根據教學進度的需要突出靈活性，已達到及突出教學內容的系統性和層次性的要求。評定形式方面以多樣化的考核形式替代傳統的單一考試模式以適應該課程技術層面廣博艱深、知識聯系復雜的系統要求，除操作以及技術數據準確等情況由教師評定外，其他方面通過“團隊開發”形式考核。
3 小結
目前，網頁設計課程教學改革工作已經引起廣大高職院校的廣泛重視。而網頁設計課程要適應經濟快速發展進而達到適應社會快速進步要求，必須通過多措并舉來不斷推進網頁設計課程改革，以達到提高教學質量、培養合格人才的目的。
參考文獻
［1］ 鐘啟泉、李雁冰.課程設計基礎［M］濟南：山東教育出版社，2000
關鍵詞：工學結合；網頁設計；崗位能力
中圖分類號：TP393 文獻標識碼：A 文章編號：1674-7712 （2013） 04-0228-01
在國家示范性職業學院的基礎上，圍繞計算機網絡技術產業對技能型人才的需要，以校企共建為載體，實施“工學結合、校企互動”的人才培養模式。依托產業集群工作崗位標準，深化課程改革，探索了應用基于工作過程理實一體化教學的課程體系設計。
一、職業崗位分析
由行業、企業、專業骨干教師組建專業建設指導委員會，調研產業集群，對職業崗位技能需求情況進行分析，確定職業崗位核心能力，按照“產業集群職業崗位核心技能專業課程教學”的方式重構基于工作過程的課程模式。通過對招聘網站、國內大中城市的人才招聘信息進行分析，并對一些網站建設類企業的職業崗位調研，確定本課程職業崗位為網頁設計與制作員、網站管理員。
二、確定職業崗位核心能力
分析完成職業崗位工作所需要的技能。對于網頁設計與制作類職業崗位，要求了解網站的開發流程，熟練使用網頁設計軟件編輯與制作網頁；能夠合理布局網頁。
三、課程教學目標
課程的教學目標，體現與職業崗位的無縫對接。改變知識點集合式的教學目標，結合職業崗位技能加入到教學目標中，將課程教學目標分解知識目標、操作技能目標和職業素質能力三個方面來培養學生的知識、技能和職業能力，以適應職業崗位的要求。
（一）知識目標。本課程以學生能夠勝任網頁制作與維護的實際工作能力為學習目標，使學生具備網頁制作職業崗位所需要職業技能。掌握HTML標記的使用。熟練使用網頁設計軟件布局網頁、插入并編輯網頁元素；強化網頁美化與修飾的技能，會使用行為和特效修飾網頁；掌握CCS層疊樣式表的使用；掌握網站新聞和圖片的更新等日常管理與維護技巧。（二）操作技能目標。能夠完成一個完整網站的整體規劃與制作所需的操作技能。包括對用戶的需求分析、頁面欄目的規劃、收集處理網頁信息元素的技能；靈活運用所學網頁制作工具的能力；對頁面細節的調節技能；合理運用模板與庫等工具，優化網頁制作的過程；提高網頁風格的策劃能力、色彩搭配能力、頁面布局能力和創造力；主動學習的能力。（三）職業素質目標。培養學生具有良好的職業道德與敬業精神；培養學生的溝通能力和團隊協作精神，具有組織、計劃、協調與協作能力；培養學具有良好的心理素質和克服困難的能力，具有分析問題、解決問題的能力，具有較強的溝通和交流能力。
四、課程教學內容
（一）課程內容設計原則。課程內容的設計以網頁設計與制作職業崗位的任職需求為原則，參考權威的網頁設計師職業資格認證的內容統籌設計教學內容。突出職業能力培養與取得職業資格證書相結合的教學內容設計，體現貼合職業崗位技能需求，模擬實際工作過程的課程設計理念，以企業真實網站設計項目為載體組織教學內容，采用基于工作過程的任務驅動教學方法和手段進行實施。（二）分析職業崗位確定課程內容。根據對職業崗位能力的需求調研分析，將網頁制作這一工作崗位需要的技能總結為，用戶需求分析、網頁規劃與設計、網頁信息檢索與處理、網頁框架布局、網頁元素的定位、圖片的使用、超級鏈接的使用、網頁的修飾和層疊樣式表、行為、模板與庫的使用等內容。（三）課程內容分解到工作過程。以訓練學生網頁制作實戰技能、充分提高學生實踐能力為目標。首先，選取知識技能覆蓋面廣，項目過程完整的企業項目。然后根據學生的認知過程，將網頁制作職業崗位所需的技能進行分解，嵌入到網頁制作的項目中。最后，將整個項目劃分成教學任務。
五、課程的教學實施
（一）建立任務情境。教師首先布置本節課程要完成的教學任務，要求學生帶著任務和問題去學習。《網頁制作》是一門實用性、操作性很強的課程。在學習開始時，教師首先將完整的任務網站展示給學生，告知學生學習后能取得的成果，激發他們學習的熱情，同時引導學生思考如何利用這樣的平臺制作自己的網頁，由此確定課程的總體任務――建設一個完整網站。（二）分析任務提出問題。在每一教學單元之前，先提出本單元要完成的網頁制作任務，提出之后，先讓學生對任務進行仔細思考、分析和討論，提出完成任務需要解決哪些問題。其中，一些問題較為淺顯的問題，學生通過主動學習就能解決；另一些是任務中包含的新知識點中的難點，學生要通過認真的研究、分析才能解決，強化學生獨立解決問題的能力，培養學生從新的角度去看舊問題，豐富學生的創造性和想象力。（三）學生完成任務。探索研究問題提出后，教師啟發學生解決該問題的線索。調動學生的學習興趣和主動性。學生結合已有知識，通過自主學習或者協作討論完成任務。通過這樣的過程掌握新知識，并將所學知識融會貫通。（四）任務評價與總結。在整個任務完成后，教師對學生的完成情況進行總結，強調普遍出現的問題或錯誤，演示正確完成任務的方法。教師在學生完成任務的過程中對學生教學過程中參與教學活動的態度，解決問題的能力和創造性的發揮以及獲取的知識的情況進行監督，對于一些暫時不能適應這種教學模式或者學習能力較差的學生進行適當的指導，做到因材施教。
六、考核方法
主要從兩個層次對學生的學習情況進行考核。一是考核學生對所學網頁制作技能操作的掌握程度。二是指導和督促學生加強平時認真學習的習慣。本課程采用過程考核和期末考核相結合的方式進行考核。其中過程考核包括對各教學任務的完成情況，占總成績的30%；以及在完成過程中的表現情況，占總成績10%；期末考核采用筆試、上機操作與作品相結合的方式，每個部分各占總成績的20%。
七、結束語
1以就業為導向的網頁設計與制作課程教學
網頁設計與制作課程的內容與特點網頁設計與制作是計算機應用的一個分支，主要涉及網頁版面的規劃設計與制作方法。這里所闡述的主要是Dreamweaver是如何使用的，并結合HTML語言講述靜態網頁的制作過程以及簡要介紹如何制作動態網頁。通過對網頁設計與制作的學習，學生可以掌握網頁設計、網頁美化以及網頁制作的基本技能。網頁設計與制作是一門技術性課程，但是也具有很強的藝術性，課程內容豐富，涉及面廣，使學生在獲取生存技能的同時也培養了藝術氣息。因此，課程的學習要求學生具有較高的綜合素質。以就業為導向的課程體系設置目標目前，網頁設計的課程設計是以就業為導向的。這種課程體系以市場需求為提前，就業目標是課程設置的先決條件，職業中所需要的技能都能夠找到相應的課程設置，學生畢業后的就業方向明確。崗位需求決定課程設置，課程內容與實際需要緊密相連，這充分體現了“能力本位”的就業趨勢。專業化課程與個人的職業生涯息息相關，明確的就業方向解決了學生“畢業即失業”的尷尬局面。為與市場相連接，針對網頁設計構建一套“以能力培養為本位、以動手操作實踐為主線、最終構建順應經濟社會發展的課程體系”。這套課程體系將網頁設計師在實際中的應用進行歸納總結，在教學時設立不同的模塊進行訓練，有組織有重點，讓學生通過模擬訓練掌握相應的知識點。相比理科專業，文科專業有著不同的專業特征、職業定位以及職業能力結構體系。如包含人文系、歷史系、經管系在內的文科專業，大多具有自身獨特的職業特征與能力要求。這就要求高校文科專業在進行網頁設計與制作課程體系構建時，必須充分結合高校文科專業的特色，從其就業方向及職業能力需求出發。
2大學文科專業開展網頁設計與制作課程的必要性
隨著計算機和互聯網的普遍應用，各企業和各單位對自身的網站建設越來越重視，網頁制作的人才也就逐漸供不應求。現如今，網頁制作與網頁設計已成為高校學生的熱門選修專業，每個專業的學生都需要具備基本的網站制作技能，網頁設計與制作這一課程也已成為高等院校文科專業計算機教程的主要科目之一。互聯網已經深入現代人的日常生活中，尤其是當代大學生，通過互聯網獲取各種信息已成為他們學習的主要手段。網頁設計將互聯網的背后運作展現在他們面前，很大一部分文科生對這些是聞所未聞的。因此，在一定程度上，文科生的網頁制作學習會存在或多或少的困難。但與理科生的背景知識、計算機技術等優勢相比，文科生的思維比較活躍，善于文字表達。如果文科生能夠快速掌握計算機技能，將自己的知識背景與現代計算機相結合，滿足市場的職業要求，那么在同一競爭環境中，他們的就業優勢就會比較突出。所以，對于那些文科生占較大比重的綜合性大學而言，為增加畢業生的就業籌碼，在課程體系中加入網頁設計與制作就是十分有必要的了。
3基于就業導向的大學文科網頁設計與制作課程體系構建策略
結合學生不同的專業，優化課程內容設計在以文科生為主力軍的綜合性大學中，不同專業的學生需要掌握的計算機技術是不同的。因此，各高校要根據專業的不同設置不同的計算機課程。基于就業導向，引入新的網頁設計與制作課程的教學方法網頁設計與制作這一課程的基本特征是理論和實踐緊密相連，課堂教學與實際操作是一體化的，理論與實踐沒有清晰的界限劃分。為了使教學效果最優化，本文提出一些對教學方法的建議與意見。
1）模擬任務法，課堂教學與實際操練相結合。在教學活動中，教師模擬一個制作任務，將課堂氛圍假設為實際工作環境，教師可以將制作任務分為若干個子任務進行模擬演練，一邊為學生演示如何操作，一邊講解，學生邊聽邊做。這樣的講練結合過程極大地激發了學生的學習興趣，課堂是以學生為主的，他們發現問題、分析問題、解決問題的能力得到有效提高，既學到了知識，又鍛煉了能力。
2）實際案例分析法。教師可以將典型的分類網站引入到實際課堂中，在課上為學生做展示，分析并討論這些網站的布局結構、內容分類以及技術特點。教材中的主要知識點要通過實際案例解釋說明，在實踐教學中培養學生的創新思維，鍛煉他們的團隊合作能力。有效利用多媒體、互聯網等現代教育手段，采取第一課堂和第二課堂、產學研相互結合的人才培養模式。項目驅動的專題教學模式創新一是選擇合適的教學項目，制定細化的開發進度表。一個優秀的教學項目可以充分調動學生的積極性，學生的學習態度也會由“要我學”向“我要學”逐漸轉變。教師在備課時要充分考慮教學內容與實際案例的充分結合，選擇一些略具挑戰性、覆蓋范圍廣的網絡項目，這些項目是教學過程的中軸線，所有活動的展開都是以中軸線為標準的。二是引入專題教學模式，促進網頁設計課程創新。完成一項網絡任務的過程一般包括確定主題、收集并整理有關資料、選擇風格、設計LOGO、編排網頁的布局結構、確定配色方案、自定義網絡樣式、制作網絡主頁、制作各個分頁、對網站進行測試、最終對外公布。教師需要將網絡制作的這些過程與教學大綱緊密結合，收集整理并設計制作與實際情況相符的教學專題。教師在設計教學專題時應秉承以下幾個原則：
1）盡量與教材中的主要知識點相結合；
2）尋找不同的教學案例，全方面、多角度滿足學生的學習需求；
3）關注當前熱點，緊跟時代潮流，網頁制作技術要與時俱進；
4）把握學生對知識的接受與消化能力，精心設計課程，先易后難；
5）要從整體出發考慮專題的選擇，每個專題之間都是環環相扣的，前后銜接之后才能出色地完成一個網站項目。
4結語
關鍵詞：高職教育；課程改革；基于工作過程
中圖分類號：G642文獻標識碼：A文章編號：1009-3044(2012)12-2817-02
1傳統授課方式存在的問題
作者從事高職《網頁設計》課程講解工作3年之久，在3年的教學過程中作者發現的高職《網頁設計》課程存在的最大問題是：學生學習的知識與社會就業所需技能脫軌。
傳統的《網頁設計》課程主要講授的是Dreamweaver軟件的使用。所謂的《網頁設計》課程其實更多的是講Dreamweaver這款工具的操作使用。教學過程完全是按照軟件的操作使用來進行，整體感覺上更像是一款操作軟件的培訓。學生在學習完這門課程后掌握更多的是工具的操作，學生可以根據教師的要求模仿現成的網頁作品的制作網頁。而讓其自己動手去設計一個符合企業需求的網站很多學生無法完成，或者能夠完成頁面卻達不到網頁新穎吸引人的目的。
簡而言之，傳統《網頁設計》存在的問題就是學生只能完成既定的要求，而沒有獨立創新去解決實際問題的能力。
2《網頁設計》課程改革的設計
在進行課程改革之前我們首先要了解對這門課程的知識要求、素質要求和能力要求。對于《網頁設計》這門課程來說它主要的要求如下：
知識要求——深入了解Internet，理解WWW、HTTP、HTML等概念及作用；掌握網站設計和的流程；理解網站維護管理的意義及重要性，理解服務器、客戶端、瀏覽器的概念和作用。
素質要求——本課程將培養學生以下幾方面的職業素質：服務意識：能夠為他人提供優質的服務；文明法制意識：網站內容應積極健康向上，不做違法的事；合作精神：能夠與他人進行合作，具有協調工作能力和組織管理能力；較強的自我知識及技術更新能力：快速跟蹤網頁制作的新技術及市場應用動態。
能力與技能要求——網頁制作軟件的使用方法；在網頁中編制/插入需要的腳本；進行網站的上傳/下載、更新、管理。
課程改革圍繞一個中心就是服務于高職學生的就業問題，課程的設計應以促進學生就業為目的。本課程在設計中引進了企業的真實工作場景，通過威客豬八戒網站獲取真實的用戶需求，教師引導學生完成一個網頁設計項目的制作。將《網頁設計》分為以下幾個環節進行：
1）網頁欣賞
在該環節中，提供大量的中內外優秀的網頁設計作品。讓學生邊欣賞邊說出該網頁吸引人的優點所在，教師講解網頁設計中關于色彩搭配和布局的知識。這樣做可以提高學生學習的主動性，讓學生主動的去學習知識。此環節以教師講解為主，學生參與討論為輔。
2）主頁制作
在該環節中，教授引導學生使用Dreamweaver工具模范制作一個主頁，在制作的過程中，引導學生掌握Dreamweaver軟件的基本操作。在設計一個主頁的過程中，Dreamweaver軟件的一些主要的操作都會涉及到：站點設計、表格布局、文字圖片、超級鏈接、CSS樣式設計。邊講邊練，為接下來的教學打下良好的基礎。此環節以教師講解為主，學生模仿制作為輔。
3）二級頁面的制作
在該環節中，主要目的是提高學生操作軟件的熟練程度，讓學生能夠做到熟練的操作Dreamweaver工具。針對上一個環節中存在的不足進一步動手練習，提高動手操作能力。
二級頁面的制作過程中，教師講解內容逐漸減少，學生自主開發逐漸增多。讓學生的自主性、創新性得到大的提高。
4）網頁的上傳與維護
此環節為網頁設計工作過程中的最后一環，設計好的網頁上傳到指定的位置，同時對存在的網頁進行更新與維護。
5）學習自主課程實訓
在該環節中，教師給出課題，學生綜合運用所學的知識，從威客豬八戒網站上承接一個真實的網頁設計項目進行實訓。課程的實訓是對前一階段所學知識的總結和升華，更是動手能力創新能力得到鍛煉的一個很好的平臺。
3《網頁設計》課程考核方式設計
傳統的課程考核方式多為期末考核，本課程改革的期末考核方式為：過程化考核+期末大作品。其中，過程化考核針對的是學生在學習該課程的過程中針對每一個環節的考核。主要參與考核的過程有：
站點的建立:站點的建立、編輯與維護；
頁面布局：表格、框架、層、模板和庫；
添加文字與圖片：頁面內容添加；
超級鏈接的使用：導航條；
交互設計入門：表單的應用、簡單特效；
CSS樣式表：頁面的美化。
期末大作品主要以小組為單位設計一個完整的作品，小組成員之間相互合作利用所學習的知識自主設計一個完整的作品，上繳的內容包括一個完整的靜態網站、答辯用PPT和小組成員之間的自評和互評。
4結束語
《網頁設計》這門課程對于高職學生來說提供了一個很好的就業方向，掌握這門技能對于學生來說意義重大。作為眾多高職課程中的一門，作者希望該課程的設計與改革能夠起到拋磚引玉的效果，使眾多的高職課程設計更加完善。讓高職學生的動手能力得到進一步的提升，為高職學生的就業打下良好的基礎。
參考文獻：
[1]楊寧.淺議《網頁設計》課程改革[J].科技博覽,2009,(26).
藝術設計專業的網頁設計課在教學上普遍注重技術而忽略藝術，我們迫切需要在教學模式、內容和評價方式上尋求改革，培養學生的藝術審美和感受力，更加注重實踐應用能力，為社會培養一大批高素質藝術設計人才。
關鍵詞
藝術設計；網頁設計；課程教學；實踐
一、藝術設計專業的網頁設計課程的教學現狀
目前，藝術設計專業在網頁設計課程教學實踐中普遍存在著缺乏專業優勢、偏離學生就業需求等問題，這種教學與計算機專業的網頁設計課大同小異，誤導學生以為這門課程就是一個技術課，掌握了操作技術就可以獨立完成網頁設計和制作，極大地忽視了其藝術性。因此，我們需要對教學模式、教學內容和考核內容等進行改革，以真正發揮藝術設計專業在培養人才的優勢。
二、教學改革的目的
通過教學改革，力圖解決以下兩個問題:一是學生設計網頁缺乏美感，版式、色彩等語言和設計理念滯后;二是單獨靠一個軟件就來完成網頁設計與制作。通過以上兩個問題的解決，充分考慮藝術專業的特性和學生就業的社會市場需求，綜合運用多軟件培養學生的美工設計能力、動畫設計能力、版式設計能力、界面設計能力，全面提高學生的想象能力、感受能力、創新能力和審美能力，為社會培養一大批高素質藝術設計人才。
三、教學改革的創新點
1．尋找藝術與技術的平衡點。避免學生成為技術的奴隸，教學方案中增加藝術素養訓練，充分體現專業特色，致力于培養學生的藝術設計和藝術審美和創新能力，通過研究性學習和網頁設計的具體實踐使學生有效地掌握網頁藝術設計的精髓，為將來步入社會更好地滿足市場需求從事網頁設計、美工、界面設計等工作做好準備。
2．基于多媒體網絡教學，合理構建教學內容。構建既具有實用性又具有藝術性的教學內容，實現軟件課與藝術設計課的整合，在學會軟件應用的基礎上，將其恰到好處地運用于藝術設計;實現理論課和實踐課的整合，利用示范教學提高學生將理論應用于實踐的能力，提升教學效果。
3．深化教學內容，開拓教學視野。適用互聯網技術的發展，不斷加快教學內容的更新，做好教學信息的收集工作，實現教學內容的深化，保證教授給學生最前沿的知識。教學中運用多媒體充分調動起學生的視覺和聽覺，激發學生的學習積極性。
四、主要改革與實踐的方面
1．改革教學模式。第一，采用項目教學。為了鍛煉學生的實踐能力，保證學生現場制作、解難和評析的參與度，實現課程理論和網頁設計的有機融合，可以在教學中加大實用項目的引進，讓學生參與到整個項目制作過程，包括初期的初稿設計、中期的客戶反饋到最后的定稿。第二，采用跨學科教學。實現多學科整合的互動教學，將計算機專業和藝術設計專業的網頁課程結合起來，讓學生可以綜合考慮到設計與程序的結合，依托于程序的可實現性設計出具有創意的網頁方案。
2．改革教學內容。第一，增加手繪創意草圖教學環節。注重創意期的思維訓練，通過這一教學內容幫助學生明確設計意圖，培養學生的快速創作意識和能力。第二，增加版式設計構圖教學環節。引導學生充分應用版式設計原理進行網頁的整體布局，在有限的空間融合進了最多的視聽多媒體元素，基本信息、導航、和正文結構安排合理美觀，凸顯設計者的理性思維、藝術個性和個人風格。第三，增加色彩運用訓練環節。色彩的運用決定了網頁的整體色調，訓練學生在不同網站功能和風格下對色彩的準確把握。第四，增加創意字體教學環節。引導學生正確地運用字體設計方法，根據不同網頁布局選擇大小、顏色、色彩合適的字體，運用設計軟件實現多樣化字效和創意字體的設計。第五，增加網頁交互功能教學，引導學生充分運用按鈕和其他輔助設計以及頁面之間的鏈接，從而實現網頁的交互功能。第六，增加多軟件綜合運用教學，引導學生在網頁設計中綜合運用不同的軟件，靈活掌握不同軟件主要功能的基礎上通過綜合運用以實現豐富的效果。
3．改革考核內容。第一，根據當堂內容布置對應的課堂練習和上機操作，及時發現學生學習中的盲點，教師適時調整課堂進度，此部分成績占40%。第二，根據課程的教學目標布置綜合作業，結合實際讓學生自主選擇設計一個政府網站、企事業網站、娛樂網站或者個人網站，對學生網站設計的總體布局和色彩、版式、功能等進行綜合評價，此部分成績占60%。
五、藝術設計專業的網頁設計課程教學的趨勢
第一，總結和探索藝術設計專業的內在規律，建立網頁設計的跨學科教學模式。講授理論知識的同時要培養學生調動多學科知識的能力，培養學生的創造力和想象力，提高學生的實踐應用能力。第二，注重網頁設計的主體風格，培養學生的企業品牌意識，企業品牌的形象設計依靠網頁的展現和塑造，好的企業網頁可以讓企業品牌形象深入人心，教學中必將更加重視對學生品牌整體風格的把握和品牌意識的培養。
六、結語
目前，藝術設計專業的網頁設計課程存在著偏重技術而忽略藝術素養訓練的問題，教學改革就是要培養學生的藝術審美和藝術素養，力求尋找到藝術與技術的平衡點，基于多媒體網絡教學，合理構建教學內容，開拓教學視野。教學模式上采用項目教學和跨學科互動教學，內容上增加創意草圖、版式設計、色彩設計、字體運用、交互功能和多軟件組合使用等教學環節，評價上更加注重實踐動手能力，其發展趨勢是追求技術和藝術的完美結合，培養學生的企業品牌意識。
作者：許特 郝爽 單位：長春市第一中等專業學校 吉林司法警官職業學院
參考文獻:
［1］劉妤．藝術設計專業的網頁設計課程教學改革與實踐［J］．包裝世界，2011，(04):72－73．
［2］周小麗．“網頁設計與制作”課程教學改革實踐探究［J］．教育與職業，2013，(08):127－128．
本文分析電子商務專業學生學習網頁設計與制作課程教學現狀，并探討了電子商務專業網頁設計與制作課程教學設計、實施及考核環節，通過該課程教學改革提高學生學習興趣，并能提升個人建設網站的綜合能力和素質。
關鍵詞：
電子商務；網頁設計與制作；學習反饋；任務循環
1網頁設計與制作課程教學現狀
（1）學生欠缺計算機和美學設計基礎知識。
沒有計算機基礎課程，且課程學習課時較少，對網頁基礎知識理解較為費解，美學設計的欠缺，導致網頁設計能力差，雖然能夠也能制作簡單網頁，往往布局不合理。審美能力弱，有時追求個性，制作的網頁往往花里胡哨，內容和主題不一致，導致網頁視覺效果差。
（2）學生邏輯思維能力差。
由于文科類電子商務專業特點，該專業學生邏輯思維相比理工類專業學生邏輯思維相對欠缺，對于網頁布局處理能力和網站的規劃能力較弱，甚至理解有一定困難。在這些方面的不足，導致學生學習起來感覺難度較大，學習積極性不高。
2網頁設計與制作課程教學設計
任課教師首先選用結構設置全面，講授內容多較為充實的教材，這樣使學習興趣比較高的學生課下可繼續學習。同時給學生提供一些關于計算機基礎和平面設計類參考資料。向學生介紹網絡上一些比較專業網站開發論壇。任課教師在設計教案時設計內容以選取教材為主，以選取其他同類教材為輔。盡量使章節框架齊全，章節內知識點豐富全面。每個知識點都選取相應案例，這樣學生易于理解。將網頁設計與制作課程內容分為七個模塊，按照每個模塊的知識點，依據教學目標設計要求學生課堂和課后完成的小任務[1]。第一個模塊為網頁設計與制作理論基礎知識：介紹INTERNET基礎知識、網頁設計相關概念、網頁制作開發相關技術和工具，共2個課時，使學生掌握該課程整體框架。第二個模塊為HTML基礎知識：修飾標簽實現網頁文字的設置；設置列表；插入圖片和多媒體內容；設置超鏈接。共10課時，通過該模塊學習，學生能掌握HTML網頁標簽建立個人主頁。第三個模塊為表格和表單：表格基本概念和常用屬性；表單基本概念和常用屬性。共6個課時，通過該模塊學習，學生掌握使用表格整理數據和布局網頁，利用表單設計注冊頁面。第四個模塊為層疊樣式表（CSS）：CSS的基本語法；CSS的選擇器；CSS的使用方法；CSS的屬性單位。共12個課時，通過該模塊學習，學生能夠利用CSS樣式美化網頁。第五個模塊為CSS網頁布局與定位：div標簽；span標簽；盒子模型；display屬性；float屬性；position屬性；css+div布局類型。共9個課時，通過該模塊學習，學生能夠運用制作學校網站導航條和實現圖文并茂的效果。第六個模塊為超鏈接偽類、表單設計和導航菜單：共6個課時，通過該模塊學習，學生能夠使用偽類美化超鏈接，用CSS美化表單并能夠制作各式各樣的導航條。第七個模塊為網站建設：網站建設的步驟；網站建設的原則。共6個課時，通過該模塊學習，學生能夠建立主題網站。
3網頁設計與制作課程教學實施
3.1課程教學
（1）課堂教學
①基礎知識學習，任課教師將課程的知識點通過多媒體教學進行詳細的講授，選擇合適案例進行演示，盡量涵蓋能夠覆蓋每個知識點，這樣圖文并茂的傳授能夠調動學生的學習興趣，提高課堂教學效果。②任務實踐，任課教師根據知識點設定各個任務，布置的任務能夠覆蓋所講授內容所有的知識點，每個任務和前后任務都具有連貫性，這樣能夠在前次的任務基礎開拓這次任務，對以前學習的知識點不斷鞏固。③學習反饋，在學生初次完成任務后，任課教師總結學生在任務執行過程中存在的問題并給出解決問題的辦法和技巧，這樣能都深化學生對知識的理解。④任務循環，學生在反饋學習之后再次根據老師指出的問題和提示對自己的作品進行改進。通過這種任務循環的方式使學生對于知識點的掌握會更加的深入理解，培養其精益求精的網站開發人員的素質。⑤任務總結，在所有的學生完成任務后，教師再次強調任務知識點的難點和重點，分析技術問題和處理技巧，并布置學生要在課下完成的小任務。
（2）課下自學
學生僅僅依靠在課堂上學習和練習，以達到對該課程熟練掌握的目的是遠遠不夠的，所以要按照每個模塊的知識點，依據教學目標設計學生課后完成的小任務。通過qq群和微信群溝通平臺，學生之間和師生之間可以隨時隨地進行溝通和資源共享。鼓勵學生多參加學科競賽，達到以賽促學。
3.2課程考核
①平時考核。學生根據所學知識點，獨立完成任課教師布置的任務。根據完成情況，記錄為平時成績，成績等級分為沒完成（C）、基本完成（B）、超越完成（A）。該成績真實反饋學生知識掌握情況和動手能力的高低。平時考核在課堂結束前10分鐘內完成。②項目考核。在第17周課程教學結束時布置設計并制作網站項目任務，網站項目作為該課程完成后的綜合性考核，要求每個學生設計并制作一個表達某個主題的網站，向學生明確對網站評價的一系列標準，并要求根據提交項目設計制作報告書。并在課程教學第18周進行網站項目演示，每個同學在全班同學面前通過多媒體演示自己的作品，限時十分鐘，教師進行點評，指出需要改進的地方。該過程既是學生利用所學知識展示自己的能力的時候，又是學生學習別人的機會。③考核成績。該課程考核成績計算方式及其所占比例如下所示：平時考核成績=(完成每個子任務成績之和÷子任務個數)×40%+出勤率×40%+課堂討論×10%+課堂筆記×10%項目考核成績=項目網站設計與制作報告書成績*30%+項目網站設計與制作成績×70%學期成績=平時考核成績*30%+項目考核成績*70%
4結束語
該課程教學改革后對大部分學生進行調查訪談，雖然有很多學生反映課程壓力較大，但是學習興趣很高，學生實踐中開發了自己的潛力，并激發了他們直面困難客服困難的創作創新精神。
作者：張亞杰 劉 單位：宿州學院
參考文獻：
[1]李月輝,姜還紅,云巖.基于CDIO的Java系列課程教學改革的研究[J].黑龍江科技信息,2015(11)：162.
1網頁設計與制作課程的特色與培養目標
在網頁設計與制作課程的教學大綱中指出該課程是一門操作性和實踐性極強的技能型課程,使學生具有網頁、網站制作的知識與能力,具備應用電腦獨立開發網頁、網站并將網站上傳并測試的技能,具備解決網頁設計、網站開發中出現各種問題的能力。同時該課程也是是藝術與技術的融合,不僅要求學生能夠熟練應用相關軟件的基本功能,也要在掌握了基本操作技術的基礎上融入一定的創意和設計。課程要求培養學生的職業素養和創新能力,為日后走向工作崗位打下理論與實踐基礎。
2網頁設計與制作課程傳統采用的考核辦法
網頁設計與制作課程考核辦法仍有少部分采用傳統的閉卷考試方式。閉卷考試經過多年的實踐應用,在考試題型、考試內容、考試成績評定等方面都較為成熟。同時閉卷考試也有利于學校組織和管理。但閉卷考試以書本知識為主,重視學生對書本知識的記憶,忽略了對能力的考核,從而也影響對學生獨立思考能力、綜合應用能力和動手能力的培養。網頁設計與制作課程考核辦法大部分采用理論與實用操作相結合的考試方式,要求學生自主選題,制作完整的網站。這種考試方式能綜合考查學生對軟件的應用能力和一定的設計能力,也能全面體現學生對課程知識的掌握程度和綜合運用能力。但從多年的教學中發現,學生選擇的主題范圍狹窄,大部分學生完成的是個人網站的制作,而大部分網站又是學習內容的堆砌,不懂得選擇與舍棄,更尋找不到設計的閃光點。另外網站本就是由團隊合作開發的成果,要求個人獨立完成的確有些牽強,由于要求學生能面面俱到反而不能凸顯學生個人的專長,最終反而事倍功半,失去了這種考試方式的意義。
3“客戶模擬”＋“項目開發”＋“現場答辯”相結合的考核方式
考慮到課程自身的特點和以往考核方式的弊端,再結合本人多年的教學經驗,總結出對本課程適用的考核方式。“客戶模擬”＋“項目開發”＋“現場答辯”相結合的考核方式,是指首先由學生自己模擬客戶的身份提出某個網站平臺的制作要求,接著學生自由組合成開發團隊完成一個網站的開發,最后通過作品演示和現場答辯,由學生自己組成的評委團和“客戶”學生共同打分給出答辯成績。其具體考核過程可以分為三個階段:學生模擬客戶的身份提出某個網站的制作要求;學生以團隊的形式開發網站;成績的評定。
3.1學生模擬客戶的身份提出某個網站的制作要求網頁設計不僅要求學生能很好的理解客戶的意圖,也需要學生能轉變角度換位思考。正所謂“知己知彼,百戰不殆”,所以學生本身就是最好的客戶模擬群體,同時也能加強學生之間的交流和學習。這里讓每個學生以客戶的身份提出一個網站的制作背景與要求,要求學生給出書面的網站設計任務書,內容包括網站設計的背景、網站要實現的功能,網站的色彩要求、設計要求等。為了避免設計題目的重復,最后需要從中選擇出部分可行的、不同類型的網站作為開發項目,再結合網頁設計的具體制作要求,如分辨率的設置問題,網站中文件命名問題,網站結構要求等。最后綜合以上內容明確提出項目開發要求。
3.2學生自由組合開發團隊網頁的設計與制作是需要多門學科的知識給予支撐的,僅僅憑借個人的力量是很難完成的,網頁設計與制作課程也要求培養學生項目開發能力,協作能力,綜合運用技巧,那么采用團隊開發會是最好的鍛煉方式,同時也很好的培養了學生團隊合作的意識。因此要求學生可以根據各自的擅長自由組合開發團隊,擔任項目開發過程中相應的角色完成任務。成績的評定以提交的網站設計說明書作為參考,其中要求突出項目開發中的個人工作以及制作心得。古人說“:學而不思則罔,思而不學則殆”,在制作過程中,要讓學生學會思考和總結。項目的開發要經過主題創意階段,素材準備階段,網站制作階段。同時也要求“客戶人員”參與其中雙方能就項目協商操作。整個開發過程一方面給予學生充足的時間,保證設計的質量;另一方面在培養學生獨立思考能力的同時教師也要能指導學生合理的使用工具書,指出設計與制作過程中原則性的錯誤,督促學生保證項目的順利完成。
3.3成績的評定該課程的最終考核成績包括作品成績(包括網站設計說明書)和答辯成績兩部分,其中作品成績占70％,答辯成績占30％。作品成績滿分100分,60分為基本分,在此基礎上實行加分、減分得到最終成績。加減分的標準主要包括以下幾個方面。(1)網站主題是否突出,內容是否充實合理,構思是否具有原創性和新穎性。(2)色彩搭配是否合理,是否符合網站主題。(3)網站結構建立是否合理,目錄結構安排是否恰當,站點文件的命名是否符合原則。(4)網頁的鏈接是否準確無誤,是否有孤立文件的存在。(5)不同分辨率下頁面的顯示是否正常。
現場答辯主要是對學生口頭表達能力和應變能力的考核,能給學生充分發揮的空間,教師能在較短的時間內確定學生理解掌握知識的深度和廣度,并且還能測試學生的反應能力和應變能力,提高學生的心理素質,有助于培養學生的語言表達、邏輯思維和交流溝通的能力。該部分成績的評定主要包括以下幾點。(1)精神狀態是否飽滿。(2)作品介紹,包括設計思路、作品特色等。(3)評委提出問題的回答是否準確,語言清晰,富有條理性。答辯環節強調由創作團隊的成員自主參加,能很好的調動學生的積極性。同時由學生擔任評委也是對學生欣賞水平,鑒賞能力的培養和提高。
關鍵詞：網頁設計；基礎課程；教學內容；教學方法
中圖分類號：TP393.09
近年來，隨著信息的發展，互聯網的迅速普及，網絡已經成為信息傳播的重要媒介之一。而作為互聯網信息傳遞的重要載體――網頁，它的發展雖然沒有多長時間，但作為一種新的信息表現方式，兼容了平面設計的特征，并具有傳播速度快、傳播面廣、交互性好等特點，為互聯網絡的信息傳播提供良好的平臺。
1 網站網頁設計課程分析
目前，許多高等院校都開設了網站網頁設計的課程。希望通過學生對本課程的學習，能夠更好的掌握對計算機，能夠運用所學的網站網頁設計知識進行網站網頁設計。其已成為計算機網絡技術、信息技術、軟件技術、信息管理、電子商務、多媒體技術、計算機應用等專業公共必修課程，受到了這些非計算機專業學生的廣泛歡迎。網站網頁設計的理論知識主要包括一些語言的學習，首先是HTML語言，然后是PHP、JavaScript等腳本語言；其次就是在網頁設計中的圖像處理和動畫制作等一些技巧性的學習。當然網頁網頁設計需要在特定的環境下完成，如：Dreamweaver，FrontPage等實用軟件就為我們提供了非常方便的環境平臺。由于在網頁設計中會用到圖像、動畫等各方面的知識，所以網站網頁設計課程并不是一門單獨的課程，它需要很多門課程知識作為基礎，為本課程的學習提供支撐，構成一個比較完整、科學的課程體系。
網站網頁設計這門課程的特點非常鮮明，主要分為以下幾點：（1）它的內容實踐性很強，能夠讓學生在較短的時間內積極的參與其中，對學生的動手能力的提高非常有幫助，同時也能提高學生學習自己專業的興趣。（2）在教學過程中，理論與實踐緊密結合非常重要，但是實驗是貫穿教學的主線。（3）要給學生創造更多動手實踐的機會，讓他們能在更短的時間內設計出更好的動態網頁來。（4）讓理論與實踐互相滲透，互相依賴，共同為學生的學習做更好的服務。
網站網頁設計課程已在全國很多高校開展多年，已經能夠比較全面的了解這個課程的特點，但在教學中也存在很多問題：教學內容很局限，對社會的需求幫助不大；教師在教學中與學生很好的互動很欠缺，很多學生在實踐中缺乏積極性，從而形成了學生在實際應用中不能達到預想的效果的現象。
2 網站網頁設計教學
2.1 教學安排
教學內容的安排要以學生能夠更好的動手操作為目的，以學生能夠更多的親自動手進行網頁制作為主線，改變以往的教條式的教學方式和教學內容的安排。但首先要將理論知識以更快更好的方式傳授給學生們。
目前普遍的教學方式是以教師的講授為主，學生被動式的接受，很多學生無法全身心的投入到學習中。為了改變這種局面，讓學生能夠自主的學習，并且在這個過程中能夠體會到應該怎么去學，應該要學什么，就要在教學安排上做改變。首先是將實際項目或較好的教學案例作為教學內容，讓學生充分的認識并參與項目的制作中去。讓學生更好的體會網站網頁設計的全過程，從而更好地調動學生學習本門課程的主動性和積極性。
2.2 分模塊化教學
在教學中要重要突出培養人才的應用性、實踐性。分階段的教學會有較高的效率，主要將內容分為四個階段，然后對每一階段的教學模塊進行詳細劃分：（1）盡快地讓學生掌握網頁設計的一些語言，如：HTML語言，C#語言；（2）教會學生如何使用開發工具進行網頁開發，如：Dreamweaver；（3）在以上能力掌握的前提下進一步的安排學生在網頁中加入圖像和簡單動畫等，實現更完美的效果；（4）在簡單的準備工作完成后就是在網頁中嵌入腳本語言，如Javascript，實現網頁動態效果。為了更好的實現教學效果，讓學生更好的掌握每一階段的內容，在每一階段的教學完成后，需要對每一階段的內容進行實踐考核。最終讓學生能夠掌握網站設計的過程和結構。
2.3 實踐項目教學
項目教學，最主要的就是挑選經典的教學項目或者適合教學的實際項目，讓學生參與項目的分析和制作過程中去。
項目教學是在一定條件下完成的，首先：讓學生掌握網頁設計的基本知識和一些相關技術；第二，教師要對項目進行策劃，對學生進行細心指導；第三，將項目轉化為教學，根據教學目的設計教學內容，帶領學生詳細地進行項目分析；最后，讓學生進行獨立思考后分組合作，進一步地讓他們認識、了解到網站網頁的設計，有效地提高解決具體問題的能力。項目教學改變了教學中教師為主體的模式，學生變成了主體，形成了學生自主去學習、學會合作學習、知道如何研究性學習和探索性學習的高效的學習氛圍。
相比傳統的教學方法，項目教學主要有以下優點：（1）項目教學對學生親自動手分析問題、解決問題能力的提高非常有幫助。在傳統的教學中，老師講學生聽的這種教學模式在本課程的教學中顯得尤為落后。項目教學就是打破了以往的教學模式，成為一種開放性的、動態性的教學模式。因為在項目教學過程中，學生將成為網站網頁設計的主體，當他們處于項目的環境中、并且融入其中的時候，會遇到各種各樣的問題，然后通過自己的閱歷或者其他方式獨立思考并做出判斷和決策，在此過程中充分地鍛煉了學生綜合運用各種知識、經驗的能力，提高了解決問題的能力；（2）項目教學能有助于提高學生自主學習的能力，知道怎么學習。學習型的社會要求每個人要知道怎么學習。通過項目教學后，學生應該知道很多問題的答案不止一個，答案是開放的、發展的。學生知道自己應該怎么學習了，就找到一條適合自己的學習方式。在項目教學過程中，教師仍然是教學的導師，要在無形中引導學生自己去查資料，在查找過程中就可以通過自己獨立的思考、分析和判斷，從而可以找到更多的答案，這樣經過反復多次的積累后，就會獲得了適合自己的方法，使其學會學習成為現實；（3）項目教學也是學生之間溝通與合作的橋梁，隨著項目的完成，可以增進學生之間的交流，讓他們能夠互相學習，互相溝通，互相合作。項目教學中，很重要的就是要找到合適合理的教學項目，所以教師要對項目進行精挑細選，既要適合教學又要讓學生容易理解。在教學中要明確地告訴學生需要掌握的理論和技能，讓學生在項目中去體會這些內容，讓項目貫穿于整個教學。具體做法：首先根據項目的需要，將項目中的各個任務分配到教學課堂中去，根據任務難度的不同可以分不同課時完成；然后老師需要調動學生學習的積極性，讓他們主動去學，最常用的互動方法就是，教師提出一種常見的完成任務的方法，讓學生舉出其他的解決方法；最后就是讓學生采用一種或幾種不同的方法解決課堂上的任務。這些看起來簡單細小的教學方法，經過實踐證明，對提高教學效果起到非常明顯的作用。
3 總結
經過多年的網站網頁設計教學和與就業學生的溝通發現，網站網頁設計課程教學必須適應社會發展的需求。陪養具有網站網頁設計能力、網站管理能力、創新能力、溝通能力和團隊合作能力等符合社會需求的人才。好的網頁設計除首先應考慮其內容上的精益求精外，其次就是對內容上合理有效的視覺編排。美是任何網頁所必需具備的一個基本因素，網頁信息不僅是為了滿足使用者的需求，更重要的是創造一種愉悅的視覺環境，使他們有一種全身心的享受和共鳴。隨著時代的發展，網站的設計越來越接近于一門藝術而不僅僅是一項技術。網頁的設計，日益被網站建設者所注重，是設計與技術的高度統一。
參考文獻：
[1]呂慧娟.《網頁設計》課程教學的創新與實踐[J].電腦知識與技術，2007，13.
[2]郭玉.“網頁設計與制作”教學改革的思考與實踐[J].長沙通信職業技術學院學報，2005，26（13）.
[3]馬強.Dreamweaver網頁設計課程教學方法探討[J].福建電腦，2008，04.
[3]梁益軍，馮健文.非計算機專業網頁設計課程改革探討[J].現代計算機，2009，3.
關鍵詞：網頁設計與制作 綜合實訓 案例教學 任務驅動
中圖分類號：G633 文獻標識碼：A 文章編號：1673-9795（2013）05（b）-0173-02
近年來，隨著我國職業教育改革的進一步深化，計算機專業課程改革面臨著進一步完善，這就對《網頁設計與制作》課程改革提出了更高的要求。《網頁設計與制作》課程是中職學校計算機應用技術和計算機網絡專業中一門創新性和實踐性很強的專業課程，要求學生不但要學好理論知識，還需要掌握實踐技能，關鍵是要具有解決實際問題的能力。但是，這樣一門看似簡單好學的課程，卻經常得不到很好的教學效果。學生在學完課程之后，要么設計結果達不到應有的功能和視覺效果，要么不能獨立地進行網站規劃和頁面設計。因此，筆者在《網頁設計與制作》課程的教學實訓中，對教學內容、教學方法、教學手段、考核方式等進行了一些嘗試，收到了良好的效果。
1 實訓階段
以我校計算機應用專業為例，《網頁設計與制作》綜合實訓課安排時間為60個課時，以集中訓練的方式進行。在綜合實訓之前，學生已經學習理論知識和上機操作，對課程的重點、難點進行了相關的練習。筆者在教學中發現，雖然學生經過指導能夠完成課堂上布置的任務，但是只能根據規定的操作步驟進行，學生沒有獨立設計和制作網頁的能力。學生的操作依賴性很強，學習之后很快就遺忘。針對這些問題，筆者制定了切合實際的實訓計劃，主要目的是培養他們團隊中協作能力，獨力完成所承擔的網站需求分析、網站規劃、網頁設計、綜合測試等工作，從而使學生牢固掌握所學知識，實現以技能培養為核心，培育適合當前職業崗位需求的應用型、技能型人才。本課程綜合實訓如下所示。
1.1 實訓動員
在綜合教學實訓進行前，要做好學生的學習動員工作。一方面，讓學生明確綜合實訓的主要目的是讓學生通過實踐，了解和掌握網頁設計與制作的基本方法，通過不斷上機練習達到解決實際問題的能力。因此，集中兩個星期時間使學生綜合運用所學習的網頁設計與制作的知識及以前所學習圖形圖像處理等計算機軟件應用方面的知識，根據網站制作的流程，完成一個綜合的網站，全面鞏固學生的知識，培養學生解決實際問題的能力，從而達到學以致用的目的。另一方面，讓學生了解實訓的目的和意義、學習方法以及考核方式等方面的內容。采用展示實際案例效果、歷年網頁設計與制作競賽獲獎作品、歷屆學生的優秀作品等方式來激發學生的學習興趣，讓他們積極主動地參與到實訓中來。
1.2 實訓過程
在《網頁設計與制作》綜合實訓教程中，老師的角色是參謀，學生的角色是任務的完成者。老師提出項目要求，學生根據具體的任務來完成。我們把一個班的學生分成10個小組，每個小組4～5人，每個小組選擇一個主題制作網站，綜合運用前面所學的知識和相關的技術共同完成。
1.2.1 基本知識回顧
這部分的要求是溫習網頁制作課程的重點難點，使學生對Dream weaver各方面的操作知識系統的由“片”的認識轉向“面”的認識。
1.2.2 案例作品賞識
在網頁設計過程中，經驗豐富的設計師需要博采眾家之所長，形成自己的風格，而對于初學者來說，模仿是最容易收到效果的方法。大量欣賞優秀的網站作品并不斷地分析、比較，會使學生的各種能力逐漸增長和提高。通過展示歷年中職學校職業技能競賽中網頁設計與制作項目中的獲獎作品、歷屆學生的優秀作品等手段來提起學生的學習興趣，吸引學生積極主動地參與實訓。
1.2.3 案例模仿操作練習
從歷屆學生的優秀作品中選擇一個典型的案例，讓學生作為網頁設計與制作知識的回顧。例如，對一個旅游網站進行解析，使學生了解制作網站的基本方法，讓學生對旅游網站的粗略和宏觀認識得到細化，使學生懂得如何獨立面對旅游網站進行需求分析、站點規劃和設計。
1.2.4 作品的選擇、網站需求分析、站點規劃
在綜合實訓中，首先要求各小組學生選擇一個網站主題，主題一般選擇如下內容：校園生活、教育、體育、旅游、電子商務等。然后，小組成員開始著手進行網站需求分析，設計整個網站的框架，選定要設計和制作的各部分內容，由組長組織完成一份完整的網站規劃書。在此過程中，老師要適當指導，要求學生獨立完成，設計出有具有本組特色的網站。最后，由組長給本組成員進行網站設計與制作任務分配，分頭搜集素材并進行整理。
1.2.5 網站色彩搭配
網站的色彩就像人的外表一樣，如果打扮得美觀大方，就會給人一種魅力四射的感受，而不修邊幅則讓人感到粗糙毛草，所以，網頁的色彩搭配將直接影響訪問者對網站的印象。網頁配色有著很強的藝術性，不同的色彩搭配方案就會讓人產生不一樣的感受。對于初學者來說，模仿是最容易看到效果的方法。在站點規劃完成的基礎上，選擇網站的主色調和學習色彩搭配。主頁的色彩處理得好，可以錦上添花，達到事半功倍的效果。色彩總的應用原則應該是“總體協調，局部對比”，也就是：主頁的整體色彩效果應該是和諧的，只有局部的、小范圍的地方可以有一些強烈色彩的對比。由于中職生英語、數學等文化基礎較差，編程對他們來說難度太大，他們走上工作崗位后一般不會從事程序開發工作，大多數學生畢業后從事的是網站美工等，因此，應該在網頁美工等方面加強培養。
關鍵詞：文化藝術；管理；網頁設計
文章編號：ISSN2095-6711/Z01-2016-02-0194
隨著Internet的飛速發展以及網絡的日益普及，“網頁設計”作為一門新興課程越來越引起人們的重視，許多大學的許多非計算機專業都開始將“網頁設計”這門課納入了專業必修課的范疇。我們考慮到這一點，對我校文化藝術管理類（以下簡稱“文管”類）專業方向的學生開設了這門專業選修課。該門課在開設之初，我們就遇到這樣的問題：學生在學過之后，不是不能獨立地進行網站規劃和頁面設計，就是設計達不到應有的功能效果和視覺效果。為此，在《網頁設計》課程的教學過程中，我們從教學目標、教學內容、教學實施原則、考核方式等方面行了探索和實踐，收到了較好的效果。下面簡單總結如下：
一、教學目標的設定
在教學目標的設定上，我們充分考慮了職業角色的定位。“網頁設計”這門課程的主要任務是介紹利用Dreamweaver開發工具進行網頁設計，包括新建、編輯和設置一個Web站點，以及網站的與維護等基本知識與應用。如果考慮到就業崗位定位，文管類專業的學生主要是從事網站項目的策劃設計、系統開發和維護推廣等三個方面的工作。因此，我們在充分考慮以市場和就業為目標的情況下，把課程的教學目標設定成：學生通過課程學習，與其他課程形成技能合力可以勝任各崗位的工作。我們設定了與課程相關的職業角色，如表1所示。因此，我們設定了從網站的規劃到推廣、維護均由學生團隊完成的實訓作業要求。結果我們發現：將教學內容和相關的就業崗位進行重新分解和組合的授課方式比起單從傳統的教材和大綱來組織課程教學效果要好很多。在課程的項目實訓中，課程的教學中以職業素質為核心，根據學生的個性化特點進行因材施教，突出了每位學生的專長。也受到了學生的歡迎。
二、課程內容體系的設定
針對我院歷屆文管專業學生選擇的工作崗位看，大多選擇的是“網站的項目策劃”“網站系統分析”“網站推廣”。因此，我們根據學生就業的職業角色，對課程內容體系制定了該門課程的知識模塊。在課程的形式上，我們分為理論課和上機實踐課。理論課時占總課時的32%，上機實踐課課時占總課時的68%，實踐課與理論課交叉進行，保證了學生在聽完理論知識的講解后馬上能夠上機實踐，從而保證了學生更好地掌握老師所授的內容。
三、教學實施原則
在開設該課程時強調以“實用”為目的，并結合文管類學生長于策劃和管理，且有一定的藝術天賦的優勢，我們建立了計算機和藝術類跨學科相結合的教學實施原則。文管類專業方向的學生都是按照藝術類的考生招進來的，其中一半是較好的音樂基礎、一半是有較好的美術基礎。美術學專業的學生開設有很多涉及美術基礎的課程。對于音樂學專業文管方向的學生。我們采取鼓勵選修美術基礎類課程，借鑒美術基礎類課程的教材內容，課堂上補充諸如：“藝術設計基礎”“色彩藝術”“PS圖像處理”等課程的基礎知識，并輔以色彩搭配較好的網站作為例子進行案例分析。因此我院的學生在計算機技術與視覺藝術設計方面能夠結合得較好。此外，我院開辦的所有專業均開設有“文化項目創意與策劃”“媒體策劃”“文化項目管理”“文化政策與法規”。這些課程的開設也為學生掌握網站項目的策劃設計、系統開發和維護推廣打下了很好的基礎。
四、課程考核實施方案
【關鍵詞】中職教材 編寫實踐 網頁設計
【中圖分類號】G 【文獻標識碼】A
【文章編號】0450-9889（2015）11B-0024-02
中等職業教育的人才培養目標是為生產一線培養技能應用型人才。教材是實現這個目標的載體，是教師教和學生學的主要工具。教材建設是職業教育人才培養的重要組成部分，教材質量關系到培養技能型人才的質量和水平。
一、教材編寫背景
2013年學校開展了國家改革示范校建設工作，對計算機專業實施教學改革，2014年筆者主持的課題《基于工作過程導向的〈網頁設計〉精品課程開發》獲得廣西中職教育教學改革立項。在課題開題階段，項目組通過深入企業調研，了解到中職計算機專業畢業生在網絡科技公司主要從事網頁制作員工作，其在校學習到的內容較少得到運用，所學的教材沒有較好地體現知識的綜合性，也沒有相當程度的專業性。學生自學及獨立操作的能力中等，解決問題的能力也為中等。學生上崗后一般需要幾個月時間，最快的要3個月時間才能熟悉工作流程。企業認為學校應該開發理論與實踐結合，操作能力強的課程，加強學生創新能力。經過企業調研和總結之后，在課題實施階段筆者主編了《網頁設計》（以下簡稱本教材）。
二、教材編寫思路
《網頁設計》課程是三年制中職計算機應用專業的一門主干專業課程。通過本課程的學習，使學生掌握常用的網頁設計工具，熟練運用多種網頁設計技術，具備靜態網頁設計、制作及站點管理的基本知識和基本技能，能夠獨立制作中小型的網站。在課題開題階段項目組深入企業進行調研，與資深技術專家召開工作任務分析會，通過對企業工作任務、職業素養目標與崗位能力目標的剖析，反復研究討論后得到網頁設計師崗位的典型工作任務。主要有：創建站點網頁布局應用圖像和多媒體設置超級鏈接用表單創建交互式網頁使用CSS修飾頁面模板和庫的應用等。與企業合作，將與企業緊密結合的生產和項目常用案例作為載體引入到教學過程中，以工作過程系統化為出發點，構建了網頁設計技術3個模塊：基礎入門、設計靜態網頁、項目實戰，設計了7個學習情景，17個子學習情境。如表1所示。至此教材編寫大綱已清晰明了。
三、教材編寫實踐
本教材采用了章節編寫模式和行動導向教學模式相結合的編寫模式。每節內容包含初步體驗（展現案例效果并分析、解讀操作步驟）、新知認識（介紹理論知識）、實踐測評（實訓內容、目標、成果驗收表）、課后思考（課后作業）以及邊學邊練（拓展項目）五個環節。下面以第四章第一節《創建超級鏈接》為例進行闡述。
在初步體驗環節呈現淘寶網文本鏈接、圖片鏈接、錨記鏈接的案例效果圖，分析案例任務，闡述創建超鏈接的方法和超鏈接在網頁中的應用。在新知認識環節介紹鏈接的作用和意義，相對路徑和絕對路徑，內部鏈接和外部鏈接，創建超鏈接的三種方法。上述兩個環節對應行動導向教學法的資訊、決策（明確任務、資料準備、確定工作方案）過程序列。
實踐測評環節的實訓內容是：（1）創建首頁到商品展示頁的文本鏈接和圖片鏈接。（2）創建客服頁的錨記鏈接、電子郵件鏈接以及下載文件鏈接。實訓成果驗收表如表2所示。該環節對應行動導向教學法的計劃與實施、檢查、評估過程序列。
課后思考環節設計了三道思考題：（1）舉例說明相對路徑與絕對路徑的異同。（2）解釋文本鏈接與圖像鏈接的區別與聯系。（3）簡述創建錨記鏈接的步驟。目的是方便教師布置課后作業，讓學生鞏固本章節所學內容的理論知識。
由于中職學生的差異性明顯，為了滿足不同層次學生對知識的需求，我們為了完成基本教學任務的學生開發了“邊學邊練”內容，適用于學有余力的學生選學。“邊學邊練”內容以項目式教學模式編寫，由“讀一讀”“議一議”“練一練”組成。學生通過項目學習，了解并掌握整個項目的過程，注重培養學生的自學能力和動手能力。“讀一讀”內容是與項目任務相關的理論知識，通過自學完成。“議一議”可以在教師的引導下，通過討論完成。“練一練”將該項目分解成若干個具體的小任務，由學習者獨立完成。
四、教材立體化建設思考
立體化教材開發是現代化教育的發展趨勢。除了做好紙質主教材外，我們還進行了立體化教材的建設探索，開發了多媒體課件、微課視頻、全套案例與項目的效果樣式、網頁設計用素材（包括文字、圖片、音頻、動畫等）。
一個實用的多媒體課件，首先能節省教師備課時間，共享教學經驗，其次，較好地解決了理論教學時長減少的矛盾，并且使教學活動直觀、形象。多媒體課件以方便教學為目的，不是教材的簡單搬家，所以我們開發課件的標準要求界面設計美觀，布局合理，符合中職學生的認知特點，利于激發學生的學習興趣， 恰當合理運用圖、文、音、視、動畫等多媒體形式做好教材的二次開發設計。例如在層的布局應用中，畫布局草圖很重要，用PPT動畫分步演示布局設計過程，既形象又便于理解記憶。微課視頻錄制了教學案例的需求描述與實現案例的操作過程，教師可以在初步體驗環節播放視頻作案例分析，啟發學生實現案例的思路。設計微課視頻時我們注重立意新穎、設計巧妙，適用于實際教學有推廣性。
中職教材伴隨著中職教育的發展，將經歷從無到有，從有到好，從好到精的成長過程。2015年學校計算機應用專業開始采用本教材教學，結果網頁設計員考證通過率大幅提高，課題組在教學實踐過程中不斷進行完善，努力打造《網頁設計》精品課程一流教材。
【參考文獻】
[1]姜大源.職業教育學研究新論[M].北京：教育科學出版社，2007
[2]姜大慶.基于行動導向的項目化課程設計與實施研究[J].中國職業技術教育，2010（32）
[3]申鳳琴.《電工電子技術基礎》教材編寫的實踐與探索[J].中國職業技術教育，2014（19）
[4]黎華.工作過程系統化課程的特征分析[J].柳州職業技術學院學報，2009（11）
