引論：我們為您整理了13篇網頁設計論文范文，供您借鑒以豐富您的創作。它們是您寫作時的寶貴資源，期望它們能夠激發您的創作靈感，讓您的文章更具深度。

篇1

（2）介紹fireworks如何繪圖，并將繪圖的內容切片，將網頁展現出來。

（3）將Dreamweaver、Flash和Fireworks分別教給學生。由于課時的原因，學生每種都會點，但沒有一樣能精通。

2、存在的不足：

經過與現從事網站建設相關工作的學生調研，我發現上面的任何一種教學內容，都無法在實踐中得到充分的應用，原因如下：首先，從事網站設計的企業，一般都有專門的美工，負責網頁界面的設計，他們的美術功底及設計能力遠非計算機專業的學生能達到。其次，現在的網站基本采用DIV+CSS進行設計，原先采用表格設計網頁的技術已處于淘汰階段。而在目前的教學中，DIV+CSS在中職學校中根本沒有開展教學。于是就出現了這樣的現象：計算機專業的學生在網頁設計的崗位上美工做不好，頁面也不會設計，教學內容和實際需求的能力脫節。

3、當前計算機專業的網頁設計課程教學內容的組織

首先，在學習Dreamweaver的基礎上，講解HTML語言。其次，好的網頁需要有新的技術支持。現在主流的網站都采用了DIV+CSS結構,DIV+CSS是網頁美工必須了解和掌握的一門技術,DIV+CSS采用樣式和結構分離的方式,利于搜索引擎讀取網站頁面,方便管理和網站維護。

二、教學方法和教學思路探索改善

針對上述提出的實際問題，我對中職網頁設計教學的教學思路和教學方法提出以下的見解：

1、提高教師實踐能力水平，改進教學方法。

作為網頁設計課程教學的教師來說必須關注互聯網應用的實時趨勢，走出課堂、走出校園、深入到企業了解就業市場需求。學校可以加強校企合作，從政策上引導和鼓勵教師利用寒暑假深入到企業進行實踐。深入了解一個完整的網站的創建過程，從規劃到素材的搜集與處理，到網站制作，再到網站維護。教師把企業中的項目拿到課堂教學中，學生從完成項目的過程中，明確地知道自己學習了網頁設計這門課程，以后能做什么工作，在工作中怎么去應用課堂上的知識。

2、多種教學方法并用，優化課堂教學。

(1)分層次教學法

傳統的課程設計對所有學生都制定統一的標準和要求,這樣影響了基礎好、動手能力較高的學生,抑制了他們的發展。“分層教學”就是進行有層次的教學，針對于每堂課程給每個層次學生制定不同的標準,根據學生掌握的水平和對這門課學習的興趣、智力水平及內在潛力等一些軟指標來區分學生層次,讓同學們在正確認識自己、評價自己的基礎上進行自我選擇。教學對象的分層有利于教學目標的分層,可以更好地調動每一個學生的學習積極性、主動性。

(2)個性化教學法

網頁設計教學有別于其他軟件的教學,它具有較強的實踐性。所以在教學中應充分體現學生的主體作用,雖然很多教師都注意到了這一點,教師利用較短時間操作演示,讓學生用大量時間去實踐,但是學生出現了模仿、記憶的操作過程,往往按部就班的學習,知識沒有經過自己思維的深加工而一知半解。為了避免該問題發生,教師在綜合訓練時可以提供給學生一些優秀的網頁作品供學生參考,讓他們在某一特定主題下自己動手制作。這樣才有利于學生探究知識、自我學習能力的培養,也能充份體驗出學生的個性，從而保護了每個學生的創造力。

(3)案例教學法

案例教學法對于這門課程是非常重要的，要求學生做出高水平、高質量的網頁，首先要開闊學生的視野，開拓學生的思路，見多才能識廣，教師在上課的過程中，一定要精心設計案例，案例應該由易到難，不能讓學生產生畏難情緒，而降低積極性。案例教學的著眼點在于學生創造能力以及實際解決問題的能力的培養，不僅僅是獲得那些固定的原理、規則，而是如何用更有效的方式獲得知識。案例教學是一種“做中學”的形式，它是從經驗與活動中獲取知識，增進才干。通過案例教學，學生不僅可以從中獲得認知的知識，而且有助于提高表達、討論的技能，增強面對困難的自信心。

（4）任務驅動法

任務驅動法是以完成具體任務為目的而展開教學活動，使學生緊緊圍繞任務進行探索學習，由淺入深，由簡及繁，循序漸進地完成特定的教學任務。在整個過程中，學生是學習的主體，教師只起到引導的作用，從而使學生逐漸養成發現問題、思考問題、分析問題、解決問題的習慣。同時“任務”的完成使學生有成就感，激發學生學習興趣，從而使學生由傳統的“被動學習”狀態轉化為“主動學習”狀態。本課程期末考核可以通過設計一個覆蓋網頁設計與制作所需要掌握的知識和技術的總任務，然后再將總任務進行細分為一個個小的任務，做到具體小任務的完成推動總任務的完成。通過任務的完成，學生能夠在一個學期內有效的掌握相關知識和技能，提高了學生學習效率和實際操作能力。因此，任務驅動法在網頁設計教學中是非常有效的。

3、教學手段，以啟發和體會為主

在網頁設計教學中，理論知識講得再多，如果學生不會靈活運用，一點用處也沒有。在教學中，不必太拘束于理論，應讓學生結合實踐，去理解和體會知識。如在學習網頁的布局和頁面色彩時，教師應找各種各樣的典型網頁或網站，讓學生在上網或觀察中體會。學生在觀察和研究這些不同的網站設計的時候，教師可以讓學生評選出自己喜歡的或者是覺得最好的和最差的，讓學生說說它們的差異。通過這樣的觀察和體會，讓學生明白網頁設計過程中，需要注意什么，怎么做才會更好。學生結合自己的實際體會，歸納總結出自己能理解和掌握的知識。

4、實踐環節重引導

中職計算機教學更重視實踐，重視動手操作，否則理論知識再豐富，如果不會動手實踐，也不能保證學生能夠更好地就業。實踐環節不但要重視，還要高效，有些學校在課程的實踐方面，分配了足夠的課時，但實踐的效果并不好。在網頁設計這種相對比較開放和自由的實踐課上，可讓學生充分發揮自己的想象力和創造力。值得注意的是，在學生的實踐過程中，教師要對學生進行適當的幫助和引導，如果任由學生自己去摸索，那么很可能在上機實踐這段有限的時間內，學生很難做出點東西來。這個階段并不是學生探索的階段，重要的是鼓勵學生把設想變為現實。

三、考核、評價方法的改變

網頁設計課程的實踐性非常強，我們要檢驗的是學生的設計能力、綜合應用能力和創新能力，那么單純靠最后的期末考試，是不能確切的評價一個學生的真實水平，而要將平時的作業、練習都納入學生評價中。對于網頁這門課程，我認為比較合理的評價方法應該是平時的作業占50%，期末考試占50%。平時的作業就是一次次的案例，檢查學生平時學習的態度和知識的掌握情況。對于期末考試，我認為應該以要求學生設計一個完整的網站來結束本課程，而不是要求在給定時間內完成任務，本身一個網站的建設在短短的兩三個小時內是無法完成的，包括素材的收集、版面的布局、內容的充實等，何況學生可以利用互聯網來收集相關的資料，參考引用他人模板來完成任務，所以應該以上交作品的形式完成本課程的期末考試，在作品完成的過程中，老師進行巡視、評價，也就是我們考核的不僅僅是最后的作品，而是將完成作品的過程也作為我們評價的一個依據。最后，上交的作品可以讓全班同學互相點評、互相評價，在評價別人作品的同時以提高自己的水平。

篇2

[1]胡崧.HTML從入門到精通[M].北京：中國青年出版社，2007.

[2]知新文化.HTML完全手冊與速查辭典[M].北京：科學出版社，2007.

[3]楊選輝.網頁設計與制作教程[M].北京：清華大學出版社，2009.

[4]王誠君，劉振華，郭竑暉，高中山.Dreamweaver8網頁設計應用教程[M].北京：清華大學出版社，2007.

[5]李光明，曹蕾，余輝.中文Dreamweaver8網頁設計與實訓教程[M].北京：冶金工業出版社，2006.

[6]周德華，許銘霖.新編網頁設計教程[M].北京：冶金工業出版社，2006.

[7]趙銘建，趙慧，喬孟麗，康梅娟.網頁設計與制作[M].東營：中國石油大學出版社，2007.

[8]趙祖蔭，王云翔，胡耀芳.網頁設計與制作教程[M].北京：清華大學出版社，2008.

[9]陳季.Flash基礎與實例教程[M].北京：北京希望電子出版社，2005.

[10]丁海祥.計算機平面設計實訓[M].北京：高等教育出版社，2005.

[11]曹雁青，楊聰.Photoshop經典作品賞析[M].北京：北京海洋智慧圖書有限公司，2002.

[12]張怒濤.Photoshop平面設計圖像處理技法[M].北京：清華大學出版社，2003.

[13]陳笑.Dreamweaver8，PhotoshopCS2，Flash8網頁制作實用教程[M].北京：清華大學出版社，2006.

[14]孫強，李曉娜，黃艷.JavaScript從入門到精通[M].北京：清華大學出版社，2008.

[15]劉智勇.JavaScript開發技術大全[M].北京：清華大學出版社，2009.

[16]陳會安.JavaScript基礎與實例教程[M].北京：中國電力出版社，2007.

[17]常永英.ASP.NET程序設計教程(C#版)[M].北京：機械工業出版社，2009.

[18]肖金秀，馮沃輝，陳少涌.ASP.NET程序設計教程[M].北京：冶金工業出版社，2003.

[19]金旭亮.ASP.NET程序設計教程[M].北京：高等教育出版社，2009.

[20]劉培文，韓小祥.ASP.NET程序設計教程[M].北京：中國人民大學出版社，2009.

網頁設計論文參考文獻：

[1]安穎蓮，李秀，姚瑞霞，田榮牌.《網頁設計與制作》課程教學設計與實踐.中國教育信息化，2007(17).

[2]沈志剛，于曉霞.“模塊項目化”教學法在網頁設計與制作課程中的應用.福建電腦，2009(5).

[3]周娟.高職網頁設計與制作課程教學的幾點改進.電腦知識與技術，2009(26).

[4]蔡北勤.模塊化基礎上的工作過程系統化教學模式探討.交通職業教育，2007(6).

[5]，馮永華.課堂教學變革的反思與重建———“慕課”背景下課堂教學變革的思考[J].教師教育學報，2014，11(3)：53-63.

[6]孫曉娟.基于“慕課”的高職課程改革及教學評價的研究[J].中國管理信息化，2016，1(4)：236-237.

[7]張琳.高職網頁設計課程的教學生態模式研究[J].教育現代化，2015，4(10)：99-101.

[8]鄭偉、薛嵐.高職院校圖形類專業實踐教學研究[J].科技資訊，2010(12)：248-248.

[9]鄭偉.高職院校非圖形類專業《網頁設計與制作》課程教學改革的探討[J].福建電腦，2011，27(1)：205-206.

[10]鄭偉、薛嵐.高職院校圖形類專業《網頁設計與制作》課程建設改革的探討[J].藝術科技，2013，26(3)：283-283.

[11]李榮剛.視覺傳達專業中的網頁設計課程探索[J].美術學刊，2012，(10).

[12]何磊孫志宜.視覺傳達設計專業課程教學改革與創新[J].合肥師范學院學報，2015，(1)33期

[13]魏坤.視覺傳達設計專業發展現狀與教學對策——以漢江大學設計學院為例[J].中國藝術，2013，(4).

[14]戴士弘.職業教育課程教學改革[M].北京：清華大學出版社，2007：13-15

[15]梁景紅.網站設計與網頁配色[M].北京，人民郵電出版社，2008，(52).

網頁設計論文參考文獻：

[1]王寅田.基于Hadoop的交通物流大數據處理系統設計與實現[D].上海交通大學2014

[2]滕勇.基于WMI的電信營業終端管理系統的設計與實現[D].上海交通大學2013

[3]劉暢.模型驅動的飛機座艙顯示控制應用軟件開發方法研究與實現[D].上海交通大學2014

[4]李巖.可調整時間自動機可達性算法的研究與實現[D].上海交通大學2014

[5]余啟鴻.物流企業信用評級技術研究及系統實現[D].上海交通大學2014

[6]張明銳.基于AOP的座艙顯示應用軟件框架研究與實現[D].上海交通大學2014

[7]浦杰.券商門戶系統統一通訊平臺的研究和實現[D].上海交通大學2012

[8]陸志林.基于jBPM和SSH的電子政務開發平臺的研究和實現[D].上海交通大學2012

[9]鄭琦.基于OCM模型的在線計費系統開發及應用[D].上海交通大學2007

篇3

例教學法是一種具有啟發性、實踐性,能開發學生思維能力,提高學生判斷能力、決策能力和綜合素質的新型教學方——“分析案例”——“制作案例”的過程，培養學生分析問題，解決問題的能力，達到學習知識技能，靈活應用的目的。例如，在講解ASP中的Request對象時,教師先展示一個表單提交的案例，然后引領學生分析我們在點擊提交按鈕后，如何在另外一個頁面中，得到提交頁面相應的屬性值呢？學生在老師的啟發下動腦思考，引出Request對象的作用，接著教師講授Request對象的各種方法的使用。學生在深入理解后，運用知識制作此案例。

1.2任務驅動法

任務驅動法在課堂教學中，教師為學生布置上機操作任務，通過實際任務展開教學。學生通過親自動手操作，主動建構探究，培養了學生創新精神和實踐能力，提高了學生的綜合運用知識的能力。例如在學習表單制作時，以現實生活中注冊電子郵件為例，提出表單的概念，然后講解其實現理論，接著布置實際任務——投票系統，讓學生用知識去解決任務，進一步加深理解知識。

1.3分層教學法

成人的學習能力差異大，存在個體差異，因此，教學中采用分層教學法。在實際教學中，教師根據學生現有的知識、能力水平和潛力傾向把學生科學地分成水平各自相近的幾組，如A、B、C三組，A組是按大綱基本要求進行教學的學生；B組是按略高于基本要求進行教學的學生；C組是按較高要求（能發揮學生數學特長）進行教學的學生。學生分組不是固定的，而是隨著學習情況及時調整。每組布置知識程度不同的學習任務，并且在教師恰當的指導下，讓全體學生從各自的層面體驗成功的愉悅。

2模擬化網絡教學

開放教育是傳統教育與網絡教學相互融合的產物。網絡教學以其獨特的魅力在開放教育中發揮著越來越重要的作用。學習已經不再局限于課堂，學生只要有上網條件，無論何時何地，都可以方便的學習，打破了時間和空間的限制，因此，網上資源的好壞直接影響學生的學習效果。因此，筆者充分利用網絡資源，以教學大綱為依據，遵循厚基礎、重能力的原則，開發了此門課的模擬化網絡教學系統。此系統有“教學大綱”、“課程教案”、“模擬實驗”、“經典案例”、“自我測試”、“課程討論”等欄目。分層次，多模塊，手段直觀、豐富有趣的一系列實驗教學單元。制作文字、圖像、聲音、動畫于一體的豐富多彩的模擬實驗教學內容。模擬實驗教學的指導效率更高。使理論教學與實驗教學、基礎與前沿、經典與現代、實驗內容與實際應用有機結合，更有利于學生學習，并且可以反復閱讀，是面授課堂一種好的補充與強化手段。

3多樣化互動教學

3.1課堂互動

成人有豐富的社會閱歷和人生體驗,有更為強烈的對話意識和平等意識，因此,師生活動主要體現在，放下身段，深入到學生們之中，和他們們交朋友，交流心得，平等對話，互相學習。鼓勵學生大膽地表達自己的想法，暢所欲言，和學生共去探索知識的世界。所謂生生互動，就是學生和學生之間可以互相討論，交流心得。在實際操作中將學生分組，合作學習，這樣促使小組成員積極參與，培養學生團結合作意識，集體榮譽感。人機互動是學習《動態網頁設計》這門課必不可少的環節。只懂理論，不會應用，猶如紙上談兵，完全失去了學習的意義。所以，課上學生必須上機實踐，在實踐中掌握知識，消化知識，融會貫通。

篇4

作者：董彩霞 單位：山東商務職業學院

一個階段是總結階段，這個階段的案例的選擇要具有實用性，要采用企業的實際案例，模仿企業的運行模式來教學，案例要選取企業中實際制作項目。這樣一整個備課過程下來，教師就對整個教學有了事先的良好把握。在教學過程中采用“校企一體化”的模式校企一體化的教學模式指的是在教學過程中模仿企業的運營模式，老師是項目經理人，學生是企業員工。在這種教學過程中，一開始學生就是作為新進員工參與其中的，教師指導學生做大量的基礎案例項目。這種項目可以是把制作好的網頁模板切片做必要的基礎鏈接，可以是為網頁設計漂亮的導航，可以是為網頁優化布局。當然可以在這個過程中加入一些簡單的網頁整版設計，要注意要及時的調動學生的積極性，對于完成的好的作業案例要給予表揚，適時的肯定學生的成績會使學生的學習更為有益。在基礎案例做的比較多的情況下，學生的基礎制作水準有了很大的提高，這時候要及時的推動教學進入下一個提高階段，這時候教師要把自己的角色定位為項目經理人，提出一些有代表性的項目，比如為某酒店制作一個網站，提出各種要求，讓學生在規定的時間內制作完成。這階段教學的過程，教師要有耐心，要有一定的高度，對于學生的要求要嚴格，對于學生作業中出現的問題要馬上提出，并督促學生做出優化設計。這個階段的案例一定要全面，給學生的項目要有代表性，對目前使用范圍比較廣的網站設計方向要把握準確。

在最后的總結階段，教師提出的案例最好是企業所提供的，這種實例更具有實際性和探索性。比如，為宏福祥服飾有限公司制作網站。在這個網站的制作過程中，就有學生的大量參與，從選片修片到整個版面的設計，乃至后臺的制作設計，學生們都做出了巨大的努力。在這個網站的制作過程中，學生分成了五個小組，做出了五套網站設計方案，最終有一套方案被企業錄用。這種企業的教學模式在網頁設計教學過程中取得了很好的效果。

教學結果評價的改革在以往的教學中，都是以考試來評定教學結果的。在新的校企一體化的教學模式中，我們摒棄了以往的評價模式，采用作業考評結合平時表現的模式來評價學生的學習效果。采用平時表現，作業成績三七開的方法來考核學生。在作業的評定中，為了使評定結果更客觀，我們采用專業教師和合作企業代表共同參與學生的作業講評，根據講評綜合給分。這種考核方法更為合理有效，不僅僅考核了學生的全面的專業技能還考核了學生的職業素養。有效合理的利用校內實訓在網頁設計的主要授課過程結束以后，最好要安排一至兩周的校內實訓。在實訓周內，整合學生的全部力量，完成一至兩個大的企業實際項目案例。實訓周是提高學生網頁設計水平，培養學生成為網頁設計師的良好時機。在這個過程中，教師要為學生選好實訓項目，最好有一定的難度。學生在學習過Photoshop、Dreamweaver、Flash、Div+CSS等網頁設計主要軟件工具以后，一直以來都是分開來使用的，這次要把他們整合在一起來使用。把網頁設計的整套設計過程整個的體驗一遍，選用Photoshop制作出版式配色等整體效果設計，然后切片導入到Dreamweaver中，對需要用到特殊排版的地方用Div+CSS進行設計排版。對于畫龍點晴之處最好加入特點鮮明的Flash短片，這樣完成的項目更具有吸引力。通過合理有效的校內實訓，可以加強學生的設計能力和創新能力。

要鼓勵學生積極的到企業親身體驗企業的經營模式。學生在企業中可以得到具有多年豐富實踐經驗的師傅的指導，從與客戶談單簽字到制作出臺，無一不在鍛煉學生的職業技能和職業素養。利用好假期參加社會實踐，是高職學生提升自己的良好出路。職業教育，是中國教育必須要走的教育道路之一。西方的科技大國無一不是在走職業化道路，比如制造業大國德國、法國，都是職業教育走的相當出色的國家。在職業教育中的改革與創新也一直是我國在探索的道路之一，做好職業化教學是每一位職業教育者努力的方向。為此，本文就網頁設計教學中的改革提出了一些微不足道的看法，希望能為職業教育的發展盡一點微薄之力。

篇5

色彩的位置與方向在頁面構圖中是很重要。藍色在視域的頂部、底部、左側或右側，其作用各不相同。底部的藍色是重的，高部的藍色是輕的。頂部的深紅色表現為沉重緊急的重量，在底部卻表現為穩定的事實。黃色在頂部時產生一種毫無重量的效果，在底部時其效果就像受控制的浮力。色彩分布的平衡是頁面構圖的最重要的目的之一。正如天秤的秤桿為支撐平衡而需要支點一樣，在一個頁面里平衡的垂直軸線也是必需的。色域的重量在軸線的兩邊起作用。在尋求決定一幅畫中的“左側”和“右側”的價值時，我們首先會想到人類的身體。左側通常比較被動，右側意味著活力。右側傾向于向前和向上，而左側則后退和下墜。許多繪畫作品都是從畫左下側的重點開始的，然后向右上方運動。在進行網頁色彩設計時設計師要充分考慮色彩給受眾的視知覺感受，除了色彩的相對位置外，色彩量的比例、它們的純度和明度也是重要的。

三、網頁色彩設計的原則和方法

⑴網頁色彩設計的原則：

在進行網頁設計色彩選擇時，要遵循網站自身的特點并掌握一定的配色規律，進而設計出優秀精美的頁面。

①色彩選擇要具鮮明性：

色彩鮮明的網站往往很容易引人注意，吸引受眾眼球，給受眾眼前一亮的感覺。②色彩選擇要具獨特性：網頁用色要有自己獨特的風格，與眾不同色彩選擇才能給人受眾留下深刻的印象。

③色彩選擇要具藝術性：

依內容決定形式的原則，在體現網站自身特點的同時，進行必要的藝術創新，從而設計出既體現網站主題要求，又具有一定藝術風格的網站。

④色彩搭配要合理：

網頁設計色彩的選擇是根據主題來確定，不同站點的主題選用不同的色彩。網頁設計中色彩的搭配很重要，良好的色彩搭配方案給訪問者很強的視覺沖擊力，加深訪問者對網站的印象；失敗的配色則會讓訪問者情緒浮躁不安。

⑤同色系搭配：

同色系搭配是指選定一種色彩，通過調整其明度和純度，將其加深或減淡，產生出新的色彩來進行網頁色彩設計，同色系配色的頁面視覺效果統一，層次細膩而豐富。

⑥鄰色系搭配：

鄰色系配色是指選用色相環上相鄰的色彩設計網頁，采用鄰近色搭配的頁面視覺效果自然又和諧。

⑦對比色搭配：

對比色搭配可以突出網頁設計的重點，給受訪者強烈的視覺效果和主次分明的視覺印象。在進行對比色搭配時通常以某種色為主色調，其對比色作為色彩點綴，起到視覺調劑和畫龍點睛的作用。⑧暖色搭配：使用紅色黃色橙色等暖色系色彩進行網頁色彩搭配，暖色調的運用可為網站營造出和諧安定溫暖而又熱情的氛圍。

⑨冷色搭配：

使用綠色藍色紫色等冷色系色彩進行網頁色彩搭配，冷色調的運用可為網頁營造出高雅寧靜清新而又理智的氛圍。

⑵網頁色彩設計的方法：

①單色配色

網頁色彩設計要避免色彩選用給受眾單一的感覺。頁面色彩設計中調整色彩的純度和明度可以產生變化，使網站層次豐富避免單調。

②黑色

在網頁色彩設計中，黑色通常用作背景色或調劑色，常與不同純度明度色彩搭配使用，視覺效果合理穩定，在網頁設計中是一種使用率極高的色彩。

③背景色

在網頁色彩設計中背景色起著突出網站主題，奠定網頁主體風格的作用。網頁背景色的選用應避免色彩復雜的圖片和純度很高的色彩。

④鄰近色配色

采用色環上相鄰近的顏色，網頁設計中鄰近色的選用可以避免網頁色彩混雜，產生和諧統一的視覺效果。

⑤對比色配色

網頁色彩設計時以一種顏色為主，對比色為輔，起強調點綴的作用，引起訪問者注意。對比色的使用突出重點，使網頁產生強烈的視覺效果。

⑥色量

一個主題網站的色彩選擇應控制在三種色彩以內，而不是越多越好，過多的色彩會造成視覺的無秩序感。在有限的色量選擇中，調整色彩的三大屬性來豐富頁面效果。

篇6

1.2從獨立開發到小組合作、組間協作。網頁設計與網站開發的工作不是一個人獨立完成的，而是需要團隊的合作共同完成，當前的信息產業的工作都不是一個人獨立能夠完成的，而需要與他人合作完成。因此，獨立思考和學習確實能促進學生知識掌握能力、而通過合作構建網站可以分解復雜任務。利用這種協作模式可以培養計算思維能力中除知識技能方面的其他方面——過程與方法、情感態度與價值觀。

2考核評價

根據《網頁設計與網站開發課程》的三維教學目標（知識技能、過程與方法、情感態度三方面）制定考核方法及評價標準。考核評價改變傳統的單一的總結性評價的方法，采用平時的過程評價、階段評價和綜合評價相結合的評價方法。過程評價是指學生平時的學習過程，根據精心設計的學習情境對學生的學習過程進行記錄和評分。這其中包括學生出勤情況、學習態度、單元情境的完成情況；階段評價即是期中評價，通過期初時提出主題網站任務，學生在學習過程中著手規劃、設計、實施并完成任務，在學期中期進行集中評價[2]，起到貫穿始終、承前啟后的作用；期末考試采用上機考試，題型包括根據給定素材及代碼截圖拼出網頁頁面，根據給定模板和主題要求，在現有素材的基礎上實現網站規劃及網頁設計。

篇7

（二）豐富多樣的動態效果的網站頁面逐漸出現

信息時代的新媒體，其與瀏覽者進行網絡互動的特點極大地了新環境下的交互式設計革命。瀏覽者已經不僅僅滿足于通過鼠標機械地點擊來瀏覽網頁,而是使用者要求選擇導航菜單進行花樣翻新。現在加入動畫語言的網站設計越來越受大眾的喜愛，一些國內的藝術類獨立網站，一些私人BLOG，和一些追求經典的企業都已開啟了亦或優美的，亦或幽默搞笑的動畫互動功能。在韓國和日本的網站設計，動畫語言已經運用的很成熟了，而國內的騰訊QQ空間，已經在把個人空間做出了很多動畫效果的方便初見成效。

二、動漫元素在網頁設計中的必要性

加拿大著名的傳播理論家赫伯特•馬歇爾•麥克盧漢在他的經典著作《理解媒介-一論人的延伸》一書中寫道:“罰矛弄姆容易把技術工具作為試用者犯罪孽的替罪羊，現代科學產品的本事無所謂好壞，決定他們價值的是他們的使用方式。”網站與人的互動設計就好比是一場互聯網設計革命，它是人類在視覺、聽覺和觸覺等方面的要求和提高，是人類對于世界的審美的提高。一個成功的網站設計，除了對于網站內容是硬件要求之外，對于網頁和瀏覽者的互動設計則是重要的軟件要求。瀏覽者和網站的互動性與參與性，決定了該網站對于大眾的吸引力和點擊率。任何一家網站都有一定的互動性,而好的動畫語言添加在這種互動性的體驗中就為網站增添了更多的趣味性。

三、動畫元素在網頁設計中的具體體現

（一）主頁互動

主頁中的動畫展示是最關鍵的一部分，也是大多企業投入設計費用最多的一部分。形象展示動畫如同網站的形象廣告,起著不可忽視的作用。它的強烈的動態效果,給瀏覽者的內心留下一個最初且深刻的印象，將瀏覽者輕易的引導入該企業文化中。一般情況下，企業會將自己的企業理念或者是企業的產品做成宣傳片置于首頁的動畫中，抑或是做一個關于企業產品的小游戲，來與瀏覽者進行互動。這樣，在用戶打開網站時，便會被一種包裹式的試聽效果和形象展示所吸引。

（二）鼠標顯示

目前鼠標的動態效果千奇百怪,如瀏覽者將鼠標移上導航欄時和點擊后出現的動畫效果,可以給瀏覽者帶來一種新奇感。目前有很多網站開始以動畫的特效鼠標來吸引瀏覽者的眼球,或展現其網站的特色。例如賣蔬菜的網站往往會將鼠標做成胡蘿卜的效果。當然,除了鼠標動畫設計中需要的語言編程。設計師在做鼠標動畫效果時,還要注意另外兩個方面：一種是關于色彩的動畫，通過色彩的明暗度或者飽和度等等方面的變化，進行動畫效果。另一種就是在鼠標滑過或者點擊的過程中，鼠標周圍出現例如小范圍的閃亮或者光暈的動畫效果，這類效果無形中為網站添加了許多夢幻效果。這些設計主要還是要和網站整體設計風格進行搭配設計。

（三）進度條設計

目前網站中的進度條設計是應用動畫元素最多和最普遍的地方了。由于網速的限制，導致在瀏覽者打開網站或者下載時中間會出現卡殼或空擋，這時候大多會跳出一個進度條來顯示其運行速度。各大網站對于進度條的設計真可謂是百花齊放各顯神通。進度條設計雖然是一個很不起眼的小FLASH動畫，但不小覷這些細節設計，進度條的設計精致與否，也關系到整個網站的設計成敗，乃至企業文化的精髓。

篇8

在《網頁設計與制作》中，主要有案列教學法和項目教學法等教學方法，案例教學是在學生掌握了有關基本知識和分析技術的基礎上，在教師的精心策劃和指導下，根據教學目的和教學內容的要求，運用典型案例，將學生帶入特定事件的現場進行案例分析，通過學生的獨立思考或集體協作，進一步提高其識別、分析和解決某一具體問題的能力，同時培養溝通能力和協作精神的教學方式。項目教學法是學生在教師的指導下親自處理一個項目的全過程，在這一過程中學習掌握教學計劃內的教學內容。學生全部或部分獨立組織、安排學習行為，解決在處理項目中遇到的困難，提高學生的興趣，調動學習的積極性。因此“項目教學法”是一種典型的以學生為中心的教學方法。教學無定法也采用以上兩個教學方法，即采用項目教學和案例教學相結合的教學方法，例如在學習表格的時候，表格這個單元就可以設計成一個項目，同時本身也是一個案例。

篇9

1.慎用較“重”的圖形元素這里圖形元素的輕重不是色調的輕重，是形式的輕和重，形式的輕重和內容相呼應，網頁設計的一大趨勢就是越來越“輕”。除了對圓角效果和高光效果等效果的審美疲勞之外，網頁設計師開始意識到好的網頁設計更注重的是將網頁內容與網頁形式結合起來，而非形式的堆砌。所以設計師在應用那些較“重”的圖形設計時，一定要慎重思考，考慮到該圖形的應用是否有必要以及該設計是否與受眾的氣質相契合。

2.內容和形式的分離對于一些比較強調視覺效果的特殊產品，也可以利用圖片格式和一些前端知識對網頁設計進行優化，比如內容和形式的分離。一些國外比較流行的設計風格都是通過大幅的背景圖進行氣氛的渲染和意境的傳達。這樣做的一個好處就是能把需要用到圖片的視覺元素進行集中的壓縮優化，同時因為前端實現時一般會用相近的背景色先進行填充，然后在逐步顯示背景圖，就不會因為加載太慢而拖慢用戶的訪問速度。

3.通過較小的視覺犧牲換取較大的性能提升有時候為了提升頁面的加載速度達到更好的用戶體驗，不得不對設計進行優化，這個時候就需要犧牲一部分視覺效果利用網頁設計師掌握的圖片格式知識更有目的性的優化設計網頁。例如著名的淘寶“雙十一”大促銷活動的宣傳網頁網頁，由于雙十一期間，該網頁的訪問量非常大并且為了配合商家的宣傳活動需要在網頁上加載非常多的商品圖片，這時候就需要網頁設計師對雙十一的促銷活動網頁的圖形進行優化以達到提升網頁性能的目的。網頁設計師可以去掉一些不太重要的高光、漸變和陰影效果，從而降低圖片文件的大小，提高圖片文件的加載速度。

4.圖形藝術的界面處理新穎的網頁圖形藝術設計可以牢牢地吸引住瀏覽者的注意力，設計具有創意、布局合理、設計規范的網頁也是提高網頁瀏覽量的的重中之重。一個圖形運用恰當、設計人性化的網頁可以讓瀏覽者對網站心生好感，極大地提高瀏覽者瀏覽該網頁的欲望。所以，網頁設計者要注重運用一切科學技術手段來設計圖形藝術，保證頁面效果給人以眼前一亮或是舒適的感覺，讓圖形首先在視覺上給予客戶一種沖擊，給客戶一個良好的第一印象。

篇10

（二）圖片的方式置入網頁。根據網頁中的設計思想而選擇相應的字體，設計師往往需要用一種特殊的字體來體現自己的風格，那么特殊字體或藝術字體因為字體的原因只能在本機電腦上顯示成功。為避免這種情況的出現，設計師可以把文字進行柵格化，把文字變為圖片的形式，最好以圖片的方式置入網頁，以保證所有人看到的網頁效果相同。

二、文字的大小設置

由于網頁設計是基于電腦虛擬平臺，其展示方式區別于之前的傳統媒介的實物展示，它需要在顯示終端中展現。而現在顯示終端百花齊放，網頁設計師需要考慮不同客戶端的瀏覽體驗，而文字大小直接決定了網頁的視覺效果，是用戶體驗中的一個重要部分。不同的顯示器尺寸，不同的分辨率設置，不同的DPI參數，乃至不同的瀏覽器預設，都會對最終展現的文字大小帶來影響。雖然現在很多瀏覽器已經可以方便地縮放頁面，但用戶每次都要重新縮放，而且許多用戶不習慣縮放頁面達到最佳視覺效果。這就要求網頁設計師最好還是根據絕大多數用戶的使用習慣，設置一個比較體貼的默認字號。

三、文字的顏色選擇

篇11

1.考核方案的制定

本考核采取學生小組合作（每組2-3名學生）完成一個規定主題網站項目的方式展開。總成績由操作考核成績、項目報告成績兩部分組成，權重分別為70％、30％，每一項按百分制評分后依權重比例計入總成績，總成績不及格者必須重修本課程并重新參加考試。因本校的現有學期總評成績是由平時成績30%、期中成績30%、期末成績40%組成，為了與學校的評分要求接軌，將本次考試所得的總成績作為學校學期總評成績的期末成績部分。并在此說明平時成績30%部分是由學生本學期的課程作業完成情況、出勤及上課表現綜合評定。本考核方案中的操作考核、項目報告都有具體的考核方案，其中操作考核實施的具體要求以試卷形式展現，內容要求以表“操作考核內容”為中心，以考核學生綜合網站制作能力為基本思路，通過小組合作完成主題網站的設計與制作，具體要求在此省略。此外要求學生撰寫項目報告不僅讓學生明確各自的份內工作，同時要求學生善于思考、總結，每做一個項目都有所收獲。項目報告實施的具體要求涉及以下幾個方面的內容：

（1）項目實施過程。

項目實施過程包括前期策劃、資料搜集、網頁制作。在前期策劃階段，要求小組共同確定網站名稱、網站風格（列舉網頁采用主要色彩及網頁色調定位）、網站欄目、站點目錄結構的內容以形成完整的網站規劃，在此規劃的指導下進行資料搜集、協作完成網頁制作。其中網頁制作中要求頁面美工設計階段介紹所用軟件及提供至少首頁效果圖截圖；靜態頁面制作階段要求繪制網頁布局的結構圖及標注尺寸；程序開發階段列舉所用的開發工具、對數據庫、表進行截圖，以及繪制程序開發頁面流程圖。

（2）項目總結。

對本項目完成情況進行分析、總結，并介紹項目實施過程中的收獲及體會。在作品展示時要求各小組派出代表對作品進行介紹，總結，便于相互交流經驗。

（3）項目組介紹。

對該項目組成員進行介紹及項目實施過程中的人員分工情況進行報告。體現小組合作開發項目的工作模式，讓學生明白實際工作中不僅需要具備較高的技術能力，還要有合作意識，與合作者之間有效、和諧的溝通。

篇12

（3）從目前網絡公司行業來看，網頁設計與后臺代碼分開日趨明顯，所以并不一定要求學生設計與編程并重，畢竟對于中高職學生，編程相對較難理解。設計方面可以圖文并茂，在一定程度上能夠激發學生學習的興趣。對教材的使用也必須同時考慮在內，有部分教材案例缺乏美感，計算機專業的學生對審美本身就很缺乏。對于學習初期的學生，可以引導學生多欣賞比較優秀的網頁。早期可以模仿，不是美術專業畢業，這方面不是一下子能夠改變過來，自己也是深有體會，只有在今后長期的鍛煉、設計中尋找。

2教學方法

2.1課前準備在教學之前首先從網上下載優秀的網頁截圖給學生欣賞，然后制作一個非常簡單的靜態網頁以激發學生學習的興趣。有很多教材編輯的很全，從文字帶后臺編碼。對于各種教材，并不一定要全部講解。只需要講解實際操作性的。例如從文字到布局。

2.2教學方法教學過程是教師與學生之間信息傳遞及反饋的過程。在學習過程中，要給學生明確的思路，運用任務驅動法、模塊教學法、案例教學法和項目教學法等多種教學手段，引導學生主動思考，解決問題。不論是選用何種教學方法，最重要的一點是要貼合實際。以上幾種教學方法并不一定對每個章節都適用，也不一定對每門課都適用，因人而異。總之，要貼合自己的實際，以及學生的素質、水平、層次等等。

2.2.1任務驅動法在教學過程中，以完成任務為導向，把教學內容貫穿于每個任務中，在完成任務的過程中，發現問題、解決問題。采用任務驅動的教學方法，任務設計是關鍵。比如說在網頁設計教學中，文字、鏈接、圖片章節都可以用任務驅動法，網頁設計這門課本身就是易學易忘，所以在設計任務的時候，不斷復習之前學習的內容，以此來加深和鞏固之前所學習的知識。任務驅動評價中教師評價相對容易些，但是學生互評，現在還沒有系統能達到這樣的功能，有待于開發。

2.2.2模塊教學法主要分為以下幾個步驟：劃分小組、確定內容、布置任務、學生實施、評價結果。現在不僅是網絡公司還是其他企業等等，都是團隊合作，講究的是團結協作。網頁設計公司現在也是，很多網站界面都實行模塊化，每個人負責完成自己的任務。模塊教學法就是有目標，有任務，有內容。目前中高職學生水平參差不齊，所以在分組的時候要特別講究。每節的重點和難點一定要講透，盡量慢，有的時候雖然講過一遍，但是很少人能夠理解體會。有時候需要在做的過程中加以輔導，不能放鴨式學習。模塊化教學更適合用于網頁設計最后的綜合實例。例如完成網站首頁，需要設定目標，分配每個成員的任務。但在實際運用中，相對較難完成。個人觀點，模塊化教學不適用于網頁設計教學。

篇13

根據《網頁設計》課程培養目標的要求，教師選定項目任務，與學生一起分析任務性質，明確任務內容，讓學生知道自己要做什么，要準備哪方面的專業知識，能鍛煉哪方面的專業技能等。

（二）項目方案

教師按照學生的學習能力差異和綜合專業素質等把全班學生分成幾個學習小組，然后組織各小組學生為完成項目任務進行充分討論，引導學生補充準備相關的專業知識，設計項目任務完成可行性實施方案。教師要積極引導各小組相互進行比較，取長補短，肯定實施方案的多樣性、差異性，允許按照多種方案實施，并提出建議性的參考方案。學生明確各自的分工，然后進行項目操作。

（三）項目實施

小組成員根據項目實施方案中的分工,在計劃的時間內,來做成自己所負責的工作,在項目實施過程中,團隊間的合作、組織、協調、討論等成了這個環節的主要內容，在項目實施過程中，教師要擔任指導者、監督者、評價者等角色，確保項目中的每位成員都能參與其中，從而高效地完成項目任務。

（四）項目評價

先由小組成員對自己完成的項目進行內部評價，再進行小組間的互評，取長補短。最后由教師對各小組的項目完成情況進行綜合評價。教師把項目評價效果情況進行詳細記錄，作為學生該項目工作成績，最后組織全班學生一起從項目設計的規范性、合理性、項目最優化等方面共同分享學習實踐的經驗。

二、《網頁設計》應用項目教學法的實例分析

以往的《網頁設計》課程對應的實踐任務往往只是針對所學知識點，安排一些較枯燥的一些操作練習，缺乏一個系統的鏈接，致使學生學習缺乏激情和動力，學生每次實踐只是機械地按照實踐指導的步驟完成實踐內容，他們普遍認為這些課程只是學會軟件的基本操作而已。在這種模式下，不利于培養學生解決綜合問題的能力，很難利用信息技術工具和信息資源來解決具體實際問題，項目教學法的應用，應該可以有效地解決以上的問題。

（一）布置項目任務

在《網頁設計》課程實施項目教學時首先要求科學確定項目任務。在確定項目任務時，要進行科學規劃，力求所制定的項目不僅有利于教學的開展，而且有利于調動學生的學習積極性。要對具體的項目提出明確的知識目標和能力目標。我將《網頁設計》課程的總項目任務確定為“開發一個企業網站”，并根據其涉及的知識點，將課程總項目劃分為若干個子項目，每個子項目再根據知識點劃分為若干個由基本知識、基本操作構成的實驗項目。在實踐過程中，全程模擬企業設計場景，把課程內容滲透到企業設計的每個項目中，讓學生擔任網站設計師角色，分步驟、分階段地完成一定的企業項目。用案例不斷驅動學生去進一步思考和探索，并由點到面，讓學生對項目的創建過程有一個直觀的認識和體會。在實施過程中，每個模塊任務都有其對應的知識點，學生需要靈活地，高效地將所學知識點應用于項目中。

（二）學生知識準備

1.網站素材準備2.網站的整體規劃技術；3.表格、布局表格技術及技巧；4.圖像處理、動畫設計相關技術；5.網站色彩搭配、網站風格美化技術；6.模板、超鏈接、行為的應用；7.CSS技術設計應用；8.站點管理、網站上傳等技術等。

（三）學生分組完成項目設計

全班共32人，我將全班分為四個小組，每小組8人，由組長負責，組員共同協作，完成該公司網站的設計。每一個任務環節均有評價方案，在單個環節中，小組成員各提出方設計方案。

（四）項目再次優化

各小組對其他小組的項目方案進行分析，取其所長，進一步完善自己的項目，爭取使項目得到進一步的優化。項目作品展示展示各小組學生的作品，交流制作經驗，評出最優組、最優組員和最優作品。最后由教師作總結，指出在實施該項目過程中做得好的方面和需要加強的方面。