創新網頁設計范文

前言：我們精心挑選了數篇優質創新網頁設計文章，供您閱讀參考。期待這些文章能為您帶來啟發，助您在寫作的道路上更上一層樓。

第1篇

在現代網絡技術發展與更新的潮流中，高職高專院校推崇的產學結合，項目式教學的課程模式是高等職業教育課程考核改革模式中的主流。本文將針對高職高專《網頁設計與制作》課程考核模式進行深討。

【關鍵詞】

產學結合；項目式教學；創新改革

隨著現代化網絡技術發展與更新，在全國高職院校中推崇的產學結合，項目式教學的課程模式是高等職業教育課程考核改革模式中的主流。在我系數字媒體技術專業,《創新網頁設計與制作》這門課程是以職業實踐教學為導向，在結合崗位需求的基礎上，征求行業、企業專家意見并進行論證，在職業核心能力分析的基礎上，對職業所需崗位的技能、知識等進行調研，將這些核心職業能力充分融入到教學考核模式的體系中，來研究創新網頁設計與制作的考核模式。

一、課程考核模式目標

（一）高職《網頁設計與制作》課程的教學特點。

《網頁設計與制作》這門課程是高職計算機專業或者數字媒體技術專業的一門主干課程，它涵蓋了HTML語言、fireworks、dreamweaver、flash等軟件的相關內容，從各個方面介紹了WEB站點的開發、設計、制作及維護等技術。在數字媒體技術專業，本課程與圖形圖像處理、FLASH動畫等課程是相互銜接的，它是一門培養學生綜合應用能力的課程。

（二）《網頁設計與制作》考核模式的實施。

傳統的《網頁設計與制作》課程考試內容一般是以筆試為主，以考書本知識為主要內容，注重學生對書本知識的記憶，這樣就無意間縮小了學生的知識面，束縛了學生思維的發展，忽視了培養學生獨立自主的思考能力、學生對知識運用的能力以及學生創新意識的培養。經過一系列的試驗和企業的深入調研，為了培養學生的實際動手操作能力，構建知識框架體系，可以對《網頁設計與制作》課程考核模式進行一些創新的改革，如可以進行項目制過程（作品）考核方式，也就是根據《網頁設計與制作》課程的教學目標中各個知識點采用項目制教學，模擬企業模式給出相應的項目，學生分組完成。學生分組模式參考企業項目制合作團隊，每組選出相應的組長，分工合作調研自己所選主題，進行項目的策劃與制作。考核模式先由老師進行項目成果打基礎分，然后分組進行PPT匯報與演示，投票選出每個項目成果的名次，最后根據名次與基礎分的比例得出最后的分數。

二、考核模式的創新改革

（一）整體教學的設計。

《網頁設計與制作》課程以課程項目的各個任務引導，通過項目制任務指導實踐，充分采用項目導向的模塊式教學，分析項目任務，選擇幾個典型的項目作為本課程的教學情境。根據課程內容的課程標準，對這個課程進行了一些創新型的改革，用一個創新合理的考核評價方式去挖掘學生個性發揮和實際操作能力的培養。每一個考核任務設計一個項目任務，在項目實施的過程中，對學生的制作過程與完成成果情況進行考核。

（二）考核內容的過程設計。

對于這門課程，主要用平時制作過程的考核和期末考核相結合的方式。平時上課期間制作過程考核占百分之七十的比例，主要包括平時出勤率、課堂表現、項目完成的綜合情況。其中平時出勤率占百分之十五，課堂表現占百分之十五，項目完成情況占百分之四十。教學內容主要分為項目設計調研與實際操作兩個部分，而整個課程的設計又分為以下幾個任務：項目的策劃與設計、市場調研、創建站點、基本的網頁設計與制作、網頁圖形圖像的處理、網頁動畫的制作及網頁整體形象的設計等，每一部分的任務都要設計相應的考核作品。這門課程主要考核過程的設計與制作，培養學生運用所學的知識點及時操作解決相應問題的能力，注重學生對網頁設計與制作創新設計能力的培養，提高他們的創意思維能力。

（三）實施過程的體現。

通過這種考核方式不僅激發了學生們學習這門課程的興趣，還有利于提高教學效果，如：

1.這種“項目制過程考核”不僅激發了學生的自主能動性，同時也使學生有效地展現自我，提高了他們學習的興趣。

2.讓教師的“教”與學生的“學”交互，學生可以通過教師的教學案例進行臨摹學習，同時可以彌補自己在制作過程中的不足，教師在實際的操作示范中不斷總結知識的運用、軟件的操作、綜合素質的提高等等，通過反饋信息來不斷更新自己的教學手段、教學方法、教學內容及考核。

3.提高了教學質量，通過這種方式的考核，不僅提高了學生實際操作的動手能力，也增強了自主學習能力，提高了創新意識，真正實現了“教，學，做”一體化教學模式。

作者：胡威 單位：重慶商務職業學院

參考文獻：

[1]周淑萍.過程性考試在中職計算機教學中的應用[J].教育研究，2010,(7):146.

[2]王書立，張立軍.淺談過程性考核在高職“企業會計實務”課程教學中的應用[J].深圳信息職業技術學院學報，2007,(9):60-63.

[3]張洪星.Dreamweaver網頁設計能力教程[M].中國鐵道出版社，2006.

第2篇

【關鍵詞】教學內容，教學手段，教學方法，考核方式

隨著計算機技術的發展和電腦的普及，網絡在人們生活中發揮著越來越重要的作用，通過網站向外界宣傳個人或單位形象，推廣公司產品或開展公關活動，已成為一種新的流行趨勢。為此高職院校很早就開設了“網頁設計與制作”課程。學生通過這門課程的學習，掌握靜態網站設計、制作的流程和技法，鍛煉靜態網站開發能力，既可以確定畢業設計的創作方向，也可以設計與制作個人網站來展示自己的優秀作品，有利于就業率的提高。

一、“網頁設計與制作”課程教學存在的問題

網頁設計與制作課程是一門操作性和實踐性都很強的實用型課程，應以就業為導向，以實際工作崗位所需的技術應用能力和基本素質為主線，突出培養應用型人才。傳統的以教師為主的教學往往會導致學生的自主學習能力差，無法激發學生的創造性和能動性；對課程實踐環節的重視程度不夠，使學生的實踐能力和專業技能難以提高；以期末考核成績為主的考核方式，因過分強調結果而忽視過程，無法激發學生在學習過程中的熱情，也無法全面了解學生技能掌握的真實情況。針對這種狀況筆者認為，更新教育觀念、探索新的教學模式才是根本出路。筆者根據多年的教學經驗，對網頁設計與制作課程從教學內容、教學手段、教學方法、考核方法方面進行了一系列的創新改革。教學內容主要解決如何調動學生積極性，激發學生創新能力，如何提高學生創新能力、實踐能力、設計能力、發現問題和解決問題能力等綜合素質；教學方法主要解決如何實現“以人為本”，如何通過任務引入、啟發等方法，激發學生的發散性思維。同時利用軟件工作室，為學生的創新和實踐能力的鍛煉和培養提供一個良好的平臺。

二、教學內容的創新

課程內容的選取與組織是課程教學改革的基礎。人才培養方案對“網頁設計與制作”教學內容進行重新整合，把課程學習劃分成培養學生的基本設計制作能力和培養學生的綜合設計制作能力兩個階段。

第一階段安排在大一第一學期，主要針對沒有任何設計經驗的大一新生，重點介紹基本知識，包括超文本標記語言html、網頁布局和css、Dreamweaver軟件的使用和簡單的JavaScript的使用。在第一階段教學中，筆者采用任務驅動教學方法，創設情境，引導學生自己總結掌握代碼的使用方法和藝術設計的美感。第一階段學習結束的時候，學生可以獨立完成一個小的圖文并茂并且布局合理的網站。第二階段教學放在大一第二學期初，針對具備基礎程序設計能力的學生，重點培養學生的綜合設計制作能力。在第二階段的教學中，以學生為主體、以教師為引導，采用國家火炬計劃河北省軟件人才工程實訓課程，使學生融會貫通所學知識，完成一個具體的項目，以達到提高學生綜合設計能力的目的。迄今為止，學生完成的項目包括“旅游網站”、“小游戲網站”和“化妝品網站”。教學實踐證明，這種理論和實踐技能并行的教學模式，更加有助于學生的創新能力的提高，使學生在不斷的實踐中掌握設計技能，在技能學習中提高基礎能力。

三、教學手段的創新

在授課期間靈活采用多種教學手段。利用多媒體投影演示教學，將真實項目的設計與制作過程直觀的演示給學生，傳達給學生難以理解的教學內容，來達到教學的目的。利用課程網站輔助教學。建設課程網絡教學平臺，以有效地促進學生課后的學習。課程網站放置學習資源，并定期更新，學生可以通過課程網站了解先進的技術和理念。利用課程qq群、博客等輔助教學。通過課程qq群、博客等現代化溝通方式和學生探討學習中的疑點和難點。

四、教學方法的創新

課程每個章節內容結構主要由三部分組成：

知識點：介紹本章需要掌握的知識或技術。

應用案例：介紹本章知識應用的案例。

創新訓練：針對具體的問題，應用本章技術來完成知識點的應用。

在整個課堂教學中，主要采用案例教學法和任務驅動教學法實施教學。將實際工作任務引入教學體系，將每次課程中的教學重點與難點知識與技能，精心設計并包含在工作任務中，使之與實際應用結合起來。

在實踐教學中采取分組教學法來實施教學。首先進行分組時，兼顧學生任務實施過程中相互間的合作配合問題和學生的個體情況，采取互補的方式，按學生的學習成績、知識結構、學習能力、性格特點搭配分組，利于學習的相互促進。每組人數控制在6人左右，同時設立組長一名，便于意見的集中統一。對各組員明確分工，防止個別組員出現依賴思想，確保每個學生都參與到工作實踐過程中。各個組員分工合作，獨立完成工作任務，以提高學生的團隊合作意識和競爭意識，提升職業素養。

五、考試方式的創新

課程考核以學期末大作業形式實現。改變了以前閉卷筆試的考核形式，要求學生在課程結束后獨立形成一個完整的網站，主題自擬并且積極向上，使用Dreamweaver，Photoshop和Flash等軟件實現至少80%課上講解的知識。對使用課外的工具和手段使得網站更加生動的學生可加分，即鼓勵學生自己摸索和創新網站制作方法。最終成績的評定依據網站的創意、美觀性、內容、技術和工作量等多個方面來評分。同時也考核了學生在項目開發過程中對所學知識的運用能力、實踐能力、學習方法、創新意識、協作精神和職業素養。本課程最后的綜合成績評定除了依據上述大作業完成情況，還依據平時上課情況和上機實訓完成情況，其比例分別為60%，10%和30%。

總之，經過不斷的摸索與實踐，通過以上的教學方法與教學手段的改革和實踐，不僅提高了學生的學習興趣，讓學生對自己的設計作品更加滿意，對自己更加充滿信心，同時也培養了學生制作的美感，充分發掘了學生的創造潛能，鍛煉了創新和協作精神。

參考文獻：

[1]紀明明 淺談“項目教學法”在網頁制作與網站設計課程教學中的應用[J].中國新技術新產品，2010，24：239

第3篇

一、客觀評價學生作品

在網頁設計作品完成之后，很多學生都會產生一種成就感和滿足感，認為這就是一個任務，完成了老師布置的作業就結束了，不用再去理會自己的作品到底有沒有要去改善的地方。這時，教師應該有意識地把學生的作品在全班進行展示，讓學生一起參與欣賞并且參與評價。這樣的評價方式既能讓學生將自己的設計進行公開展示，把自己的新技巧、新方法與大家共享，也能讓大家進行互相比較，吸取別人的優點，對比自己的不足，通過欣賞優秀作品，最終總結整理自己所掌握的知識來不斷地提高自己。評價是教學中的重要一環。對于評價的大概標準，在進行設計制作作品前學生就應該了解到，這樣在設計制作過程中就會有據可依。一般來說，評價的標準至少要有這幾方面：

一是網站制作技術不能過于簡單，應盡量把任務中的要求全部體現到網站中。

二是重視網頁的布局，網頁的布局類型很多，無論選用那種布局，都要安排好導航、正文和其他必要信息之間的位置。另外，所有頁面的設計都應該保持一致，雜亂無章的頁面會讓人找不到想要的內容，也會影響整個網頁的外觀。

三是網站的內容要切合主題、豐富完整。內容是網站的主精神，如果一個網站的內容很空乏而且還不切合實際，那么即使該頁面制作得再完美，也不會得到瀏覽者肯定的。

四是網頁整體效果必須舒服、美觀，俗話說：”愛美之心，人皆有之”，人們對美的追求不斷深入，要增強網頁的美感及大眾的審美需要，就應該把網頁做得更加精彩一些，使設計出來的網頁能夠具有吸引力。而對于評價學生作品時所用到的評語也應該盡可能地以多夸獎為主，比如：主題明確、結構設計合理、布局設計獨到有新意、色彩運用得當、界面設計美觀大方、內容豐富有感染力等等。采用多夸獎的方式，可以激勵學生努力去完善自己的所學。通過對學生成果的評價展示，可激發學生學習的興趣，慢慢培養和提高其學習的積極性和主動性，促進學生的個性發展。

二、考核模式的創新

在一般教學中，最后的環節就是考試，主要用來檢驗學生學習的最終效果。但是過去的網頁制作課程考核方式大多是采用筆試的方法，考核的重點是理論知識，不能客觀地反映出學生對知識的理解和實際應用能力掌握的情況。這與我們這門課注重實踐動手能力的要求相差甚遠，單一地考核學生對簡單知識的記憶能力并不能達到很好的效果，所以還不如讓學生自己動手豐富自己的知識，構建自己的知識結構。在《網頁設計與制作》課程的教學中，采用了這樣的考核方式，最終學生的期末總成績由“平時成績（操作型實驗+設計型實驗）+期末考試”兩部分組成：

1.操作型實驗環節要求學生每次在完成上機實驗操作之后，詳細地填寫實驗報告，以此來考查學生的動手能力。它會作為考查學生平時成績的其中一項。此部分的考核占總成績的20%。

2.對設計型實驗的考核實際就是對學生的設計作品進行的評價考核。在規定的時間內，要求學生進行獨立設計或協作性共同設計完成設計型實驗，以此考查學生的實際操作和設計能力，教師根據學生的設計方案和具體的設計內容，對學生的專業技能給予評價。此部分的考核也占總成績的20%。在這個考核過程中，學生可以獨立設計作品，也可以和其他同學自由組合共同協作完成設計作品。允許學生在這一環節協作性地完成設計任務，為的是能夠使學生在創作作品的過程中受到多種思維方式和設計方法的熏陶。人多力量大，設計靈感也就較多，經過這樣的協作互助過程來提高自己的設計能力，也可以使學生積極主動地投入到整個的學習過程中去。這種考核方式，教師只需要通過課堂講解、給出任務要求，再給予學生最大限度地自由思考、發揮和設計的時間和空間就可以了，再也不用去監督和管理整個考試過程了，將傳統的灌輸知識的過程轉變為引導學生自主設計、共同協作、共同創造的過程。