網頁設計知識總結精選(九篇)
前言：一篇好文章的誕生，需要你不斷地搜集資料、整理思路，本站小編為你收集了豐富的網頁設計知識總結主題范文，僅供參考，歡迎閱讀并收藏。
第1篇：網頁設計知識總結范文
隨著4G網絡的成熟和智能手機的普及，網頁設計師不僅能制作普通網頁界面，更多是能設計藝術界面和交互界面的網頁，能適應多平臺等特點。根據我學院每年對企業調研，目前企業對網頁設計師的要求：（1）根據企業需求和定位能夠設計符合當下交互技術的流行網頁界面；（2）能夠制作靜態網頁和網頁前端javascript特效，較好配合后臺程序員進行網站開發；（3）有較強的自學能力，是藝術與技術相結合的高素質技術技能型人才。
2高職網頁設計課程的教學現狀
我院對福建省同類高職院校的網頁設計人才培養進行廣泛調研，很少院校能夠培養符合企業需求的網頁設計師，致使我省應屆畢業生難于滿足社會對網頁設計人才需求。高職網頁設計課程的教學現狀是：
2.1開設課程不滿足社會對網頁設計師的要求網頁設計課程是一門綜合性的課程，是它包括構圖、排版、特效制作等多種知識，決定了這門課程具有很強的綜合性、實踐性、融藝術性與技術性為一體的特點。而高職院校教學雖然在開設網頁設計課程體系上采取一定改革措施，但針對性不強，如針對企業需要藝術與技術相結合的網頁設計人才，專門開設了《網站色彩與構成》、《網頁設計》、《網頁設計實訓》、《程序設計基礎（java方向）》相關專業技術課程，也專門開設了《設計素描》、《設計色彩》、《構成設計》等美術課程，但沒有真正以企業工作過程為導向，開設藝術與技術相結合的網頁綜合項目課程，學生很難融會貫通運用綜合知識進行網頁設計，另一方面由于網頁設計技術的飛速發展，從最早的表格布局到現在DIV+CSS布局，網頁語言從最早的HTML1.0到現在的HTML5，網頁的設計風格也隨著時代的變化而不斷改變，社會對網頁設計師的要求不斷提高，而高職院校相關專業課程沒有適時更新，學生也缺乏提升自我的學習能力，因此高職畢業生很難適應網頁設計這一行業的人才需求。
2.2教師專業水平有限，團隊意識不強有的高職院校雖然按照企業工作過程開設網頁設計相關課程，但由于各個任課教師專業水平不同，團隊意識不強，較難形成一個企業整體項目意識，通常每個教師根據自己方向選擇各自企業項目進行網頁設計相關課程的教學，有的教師自身受限專業水平與實踐技能，無法與專業組教師達成共識，造成學生在學習網頁設計專業課程體系無法形成專業整個知識技能體系，網頁設計綜合技能很難得到提高，只能滿足于淘寶美工卻無法勝任電商網頁設計師。
2.3教學方法單一，仍以傳統教學為主長期以來在教學中仍以教師為主體，而忽略學生的主體地位。h教師在授課中，往往先講解網頁各獨立元素的設計制作，與整體案例的設計制作相分離，導致學生在實踐過程中，學生只掌握每個工具單獨使用，不能將網頁各獨立元素的制作與整體項目相結合，當需要綜合運用各種軟件工具知識去制作完整項目時，卻顯得力不從心，即整體性不強。這種傳統教學方法優勢是整個教學過程比較系統完整，授課內容還是以理論知識為先導，教學手段單一，老師雖是孜孜不倦的教，而學生興趣缺乏，參與性不強，不能培養學生的自主學習能力和團隊協作能力，往往老師累得滿頭大汗，學生卻收獲甚微。
2.4生源質量參差不齊隨著高職招生人數不斷上升，生源質量參差不齊，生源質量也在下降。教師引入企業項目進行網頁設計教學，學生完成的程度和質量不一，有些同學無法跟上進度，就出現厭學、遲到及曠課等現象。
3網絡環境下“網頁設計”混合式教學構建模式及優勢
3.1網絡環境下“網頁設計”混合式教學構建模式網頁設計集藝術與技術為一體綜合性課程，既需要個人創意設計能力，又需要全面應用高新技術能力，具有很強的實踐性和綜合性。在網頁設計授課過程中，教師要從易到難引入企業項目，引導啟發學生，并在課堂上統一進行項目分析，在講解過程中，將網頁設計的藝術美學及專業技術知識融入到所要完成項目中，調動學生的學習積極性、自主的對網頁綜合知識進行建構，同時通過現代網絡視頻教學，演示網頁設計從選定項目、制定計劃、活動探究、制作作品、成果展示、綜合評價等環節，激發學生對網頁設計項目整體認識，對網頁設計的興趣，讓學生自己產生要制作屬于自己的項目作品，學生從傳統教學“要我學”變為混合教學“我要學”的教學模式。通過混合式教學模式，把傳統學習方式的優勢和網絡學習方式的優勢結合起來，教學以學生為主體，充分挖掘學生學習過程過程積極性、主動性和創造性，培養藝術與技術相結合的網頁設計技術技能型人才。搭建好的網頁設計的網絡教學平臺、教育教學資源庫，運用在線教學與課堂教學優勢互補的混合式教學模式，教師通過基于網絡的課堂進行教，學生除了課堂學習外，課后自主在線學習、在線做作業、討論協作、在線答疑等學習活動。將教師的網頁設計教學由課堂上擴展到了課堂外，才能真正培養出綜合能力強、創造性思維突出的網頁設計人才。
3.2網絡環境下“網頁設計”混合式教學的優勢(1)提高教師“雙師”素質：網頁設計課程是基于企業項目教學，項目設計是項目教學的成敗的關鍵，要求教師不僅要具備深厚的理論知識，還應具有一定職業技能與實踐經驗，即教師具備“雙師”素質，通過網絡教學平臺建設，優秀專業教師與企業技術人員帶領專業較弱教師，共同完成項目網頁設計整體設計。通過開展混合式教學，進一步提高教師的教學設計水平和實踐技能，更新教師的教育觀念，提高教師自身的業務水平，促進教師向雙師型轉變。(2)教學資源豐富：教師與企業技術人員在網絡教學平臺提供各種媒體素材，包括視頻、動畫、課件、網頁設計優秀作品等教學內容，遠遠超過教師課堂講授與教材內容。網絡教學平臺進一步為學生提供課后學習實踐企業項目，引入企業項目任務，能從高職學生特點出發，項目從易到難，循序漸進，讓學生學習實踐覺得能“跳著夠得著”，既有挑戰性，又能完成企業項目并使學生獲得成就感，提高學生綜合實踐技能。通過網絡在線教學優勢，為學生提供了自由選擇的學習空間，有更豐富網絡學習資源，激發學生學習興趣，調動學生的主動性與積極性，有效提高了學生的創新思維能力，對于培養學生的創造精神和樹立終身學習的觀念有重要的意義。(3)學習自主性：傳統的課堂教學受限上課時間，教學內容也受限，存在形式與內容單一。特別對于學生難于理解的重點與難點，老師可能認為在課堂已講解很清楚，但學生還是沒有理解等諸多弊端，而通過混合式教學，利用網絡在線教學等輔助手段在很大程度上彌補了這種不足，讓學生能在課后按需學習，讓差生或請假學生補缺補漏，趕上全班統一進度。通過網絡教學平臺和教育教學資源庫，可以24小時開放教學，大大打破上課的時間限制，學生可以把課堂當中沒有消化的內容利用網絡的在線自主學習，進一步的加深理解，使課堂教學加以延伸。利用在線學習，基礎好的同學也可以通過網絡教學平臺和教育教學資源庫進行自學，提升自己的學習能力。(4)網絡在線答疑：利用在線系統為教師和學生提供一個良好的交流平臺，師生通過平臺將獲得更多的溝通機會，師生之間在平臺上在線討論交流答疑，學生之間也可以在平臺上在線討論交流答疑，及時解決學習過程中遇到問題，調動了學生的積極性，進一步提高教學水平。
4混合式教學模式實例分析
在網絡環境下，構建與傳統教學相互融合網絡教學平臺，實現交互式教學平臺，學生自主學習的空間。下面以學院《Dreamweaver網頁設計》為例說明，實現傳統教學與網絡教學的混合教學模式。
1.設計制作企業項目。課前教師與企業人員共同設計制作《**企業網頁設計》項目，共構建八個學習情景：《學習情境1企業網頁圖文混排》；《學習情境2企業網頁表格數據制作》；《學習情境3企業網頁表格布局》：《學習情境4企業網頁超鏈接設置》：《學習情境5企業網表單網頁制作》；《學習情境6企業網頁制作-css樣式表應用》：《學習情境7企業網頁布局-div+css布局》；《學習情境8企業網頁JavaScript特效應用》。
2.課堂教學內容以網頁設計的工作過程為依據，劃分上述八個學習情境，采用混合式教學模式，按任務展開教學。每個學習情境都包含：①任務導入：首先提供學生與所講知識相關的網頁案例，吸引學生注意，然后導入學習情境任務；②分析總結：教師引導學生發現問題，并提出問題，激發學生學習興趣，經過共同分析與討論，總結出具體的制作方法；③實訓(仿真實踐，在線測試)：學生根據學習情境，在教師的示范講解下，獨立完成操作，在線測試。④講評總結：學生在制作過程中會出現各種各樣的問題。教師所做的是將問題匯總。總結出相關的注意事項，點評作業時，側重學生的思維引導，及時給予學生鼓勵。⑤能力擴展：提供給學生實踐性較強的案例，要實現效果，需要結合以前的知識和運用一定的技巧。這樣既擴大了知識面。又體現了知識的綜合性。在課堂講解環節，可以適時插入教學視頻、技術操作視頻、實例展示等內容，解決傳統教學方法無法講清楚的知識點和實際操作演示，使教學效果更生動具體。通過學習情境，學生目的明確，整體性學習Dreamweaver軟件各個工具，運用到每個學習情境任務中，學習網頁各獨立元素與整體學習情境相結合。
3.在網絡學習平臺上，教師上傳課前準備《Dreamweaver網頁設計》學習指南、課堂講解八個學習情境模擬、仿真實踐、在線測試、網絡資源、網絡答疑等環節。(1)學習指南：包括課程介紹、課程標準、學習建議、鏈接優秀網站的網址等，讓學生了解本門課程的教學目的、要求和學時分配，當學生遇到網頁設計問題時，就可以在學習指南資源庫中找到滿意的答案。(2)學習情境模擬:教師授課、實踐操作視頻。(3)情境模擬部分:有10個訓練素材，學生可以選擇訓練企業項目進行自我訓練，學生之間還可以通過網絡互相交流；(4)仿真實踐環節:在一定程度需要借助仿真實訓軟件，應用于學生日常實訓和各階段試。(5)網絡答疑：網絡給師生提供了一個交流的平臺，師生可以通過QQ、郵箱、論壇等形式進行交流，教師可以及時了解學生的學習情況。(6)網絡資源:網絡資源包括相關網站、相關視頻、課程課件、講義、行業信息、參考書籍、學生實訓實錄等補充資源，供學生課外學習。這樣便于因材施教，使好生更優，差生進步更快。
5小結
第2篇：網頁設計知識總結范文
一、課堂內容要精而不多
很多教師總想在有限的課堂時間內，讓學生學到更多的知識，往往在備課時，就準備了很多內容。其實這樣做的話，收到的效果往往不夠好，因為中職學生的學習基礎和態度，不是特別理想，上課的狀態也不是特別好，如果教師只顧著要在課堂上多講一些知識，而不考慮學生的接受能力，這樣只會讓學生聽得暈頭轉向。以致一個學期下來，學生只是一知半解地學到了點皮毛知識。
因此，教師在準備上課內容時，一定要精讀教材，抓好重點難點。如在課堂上盡量不要把時間分得太散，在課堂的前15至20分鐘，趁學生的精神狀態比較好和注意力比較集中，把這節課的核心及重點內容教授給學生，讓學生能在一個最好的狀態下接受新知識。在課堂的后半部分，教師可以發起一些討論，來活躍課堂的氣氛。
二、教學方式，以啟發和體會為主
在網頁設計教學中，理論知識講得再多，如果學生不會靈活運用，一點用處也沒有。理論知識是學生學習和提高的基礎，但在教學中，不必太拘束于理論，應讓學生結合實踐，去理解和體會知識。如在學習網頁的模塊分布和頁面色彩時，教師不需要講太多的理論，應找各種各樣的典型網頁或網站，讓學生在上網或觀察中體會。有些網站的設計讓用戶在使用的過程中覺得很便捷，很愉快，而有些網站卻會讓用戶覺得很凌亂，使用不順暢。學生在觀察和研究這些不同的網站設計的時候，教師可以讓學生評選出自己喜歡的或者是覺得最好的和最差的，讓學生說說最好的網站設計好在哪里，最差的，又差在哪里。
通過這樣的觀察和體會，讓學生明白網頁設計過程中，需要注意什么，怎么做才會更好。學生結合自己的實際體會，歸納總結出自己能理解和掌握的知識。這樣比教師一直在講臺上強調某些知識更有效。
三、實踐環節重創新
中職計算機教學更重視實踐，重視動手操作，否則理論知識再豐富，如果不會動手實踐，也不能保證學生能夠更好地就業。實踐環節不但要重視，還要高效，有些學校在課程的實踐方面，分配了足夠的課時，但實踐的效果并不好。在網頁設計這種相對比較開放和自由的實踐課上，可讓學生充分發揮自己的想象力和創造力。值得注意的是，在學生的實踐過程中，教師要對學生進行適當的幫助，如果任由學生自己去摸索，那么很可能在上機實踐這段有限的時間內，學生很難做出點東西來。這個階段并不是學生探索的階段，重要的是鼓勵學生把設想變為現實。
四、課后任務要有針對性
課后的作業不但能檢查上課的效果，還能幫助學生鞏固和復習上課所學的知識，適當的作業是必不可少的。但作業的布置不能隨便給個任務或項目，教師一定要根據上課的情況和學生的大體掌握水平來布置一個適當的作業。作業的布置應該是抓住那些學生掌握得不是特別好的地方，學生通過作業可以再一次思考，或者通過查資料，與同學交流等方式把疑問弄明白，把不懂的知識再次梳理并鞏固。因此，課后的作業必須有要一定的針對性。
五、總結
總之，在中職計算機網頁設計教學中，教師要根據實際的情況，敢于打破一些傳統的教學模式和方法。用更靈活、更人性化的方法進行教學。在教學中把握好重點、難點，力求讓學生對知識點的掌握更透徹。因此，教師要認真對待教學的每一個環節，與時俱進，開展以學生為本，以學生的發展為綱的課堂教學，讓每一個學生的能力都得到發展，都能學到實實在在的有用的知識。
參考文獻
[1]葉宗國.中職計算機網頁設計教學模式的探討[J].計算機光盤軟件與應用，2011（6）.
第3篇：網頁設計知識總結范文
關鍵詞：網頁設計基礎 就業導向 教學方法
1、 課程目前存在的問題
1.1、各科不能融會貫通。要想設計與制作出高水平的網站，常用的網絡三劍客軟件：
“PHOTOSHOP 、FLASH 、DREAMWEAVER”是缺一不可的，而計算機應用專業的學生在開《網頁設計基礎》這門課之前，就已完成前二門課程的教學。但是通過對歷屆學生的調查發現，大部分學生學完就忘，不能將學過的知識課程融會到這門課中。在以往的教學過程中只注重軟件的應用與知識點的講解，學生就是不斷在學習新的知識點，而忽略了網站的規劃與設計環節，導致學生學過的內容不能融會貫通。
1.2學生層次不同。因為每個學生的能力不同，在傳統的教學中老師統一下達任務，所有學生只能完成統一的任務，沒有發揮學生自身的長處，無論是就高或就低教學都會導致學生的能力不能正常發揮與運用。長此以往，能力高的學生，覺得沒有發揮自己水平的空間，最終導致學生失去了學習的興趣;能力低的學生，總是處于跟不上的狀態，而失去了學習這門課程的信心，最終放棄學習。
1.3傳統的教學重點放在軟件的使用方法上。雖然學生能熟練應用軟件，但是不能從宏觀的角度獨立完成網站的規劃與設計，這樣就導致學生只是單一的完成別人指定的網站的制作，從而不能提高學生的創新思維。
2、以就業為導向對學生進行教學培訓
根據調查中華英才、58同城等招聘網站，通過對課程的崗位指向分析，與《網頁設計基礎》相關的職業崗位主要有：網頁設計與制作、網站管理與維護、網頁編輯等。那么針對這些崗位對我們學生知識的要求最基本的有HTML、DIV、CSS等。而針對這些崗位對我們學生掌握軟件的要求，最基本的就是網絡三劍客。而我們《網頁設計基礎》這門課的主要軟件就是應用DREAMWEAVER。 我們當前最主要的任務就是想盡一切辦法，通過改革教學內容與教學方法來提高學生面對網頁設計與制作崗位的知識與技能水平。
3教學方法
3.1階段教學：教、學、練、做統一結合。互教互學，注重學思結合，知行統一。只有將所學所悟運用到教學實踐中，才能讓教學更加得心應手，使教學效果更上新臺階。在教學過程中要及時掌握學生的發展方向、學生的不同層次、學生的學習狀態以及學生對教學內容的接受程度。教師要根據學生的接受情況仔細斟酌及時調整授課內容及難度。因此教師在授課環節上一定要給學生留有思考和討論的時間，做到學思結合，讓學生很好掌握當堂課的內容，并且與實際結合。教師要巡視指導，及時了解學生的學習狀況及接受程度，分析與講解共性問題。
3.2案例教學：案例教學是一種獨特的教學形式，它是理論與實踐溝通的一道橋梁，是發展學生的團隊合作意識與能力的有效途徑。那么在運用案例教學法時，案例的選擇首先就要具有實用性、趣味性、知識性、典型性、啟發性。將優秀網站的案例引入教材、教學體系當中，并且將實際案例與每個重要知識點的應用結合起來。經典案例賞析、重要知識點講授、學生課堂練習、教師實踐輔導、團隊合作創新等不同教學方法靈活運用。充分利用現代高度發達的多媒體以及豐富的網上資源，及時與學生交流溝通。采用學習與研究相結合的方法，將現代計算機科學技術充分應用于教學改革之中。
3.3任務驅動教學：它將以往以傳授知識為主的傳統教學理念，轉變為以解決問題、完成
任務為主的多維互動式的教學理念。在網頁設計基礎課程中體現的任務驅動教學法，按照能力分解，階梯推進的思路，來設計與分配任務。同時學生完成任務的過程應該是一個不斷提出問題、解決問題的過程，提高了學生的創新思維。
3.3.1任務驅動法需要遵循以下的原則來設計任務：
（1）任務要與現實生活緊密聯結;
（2）任務要結合教學內容，突出教學重點和難點;
（3）任務的設置要適應不同層次的學生，因材施教。教師應該依據不同的學生層次選材，有針對性有目的性的去選擇任務，保證所有學生掌握學習的內容。通過階段教學、案例教學、任務驅動教學等實踐教學環節，讓學生體會和領悟網頁設計與制作的方法和思路，通過完成任務進一步加深相關知識點的理解和應用，提高網頁設計與制作的規劃與設計的綜合能力。學生在完成任務過程中體會到學習的樂趣，培養學習的興趣，提高了創新思維能力。
3.3.2任務驅動教學法的主要步驟主要有：
（1）設計任務階段：結合《網頁設計基礎》課程教學內容的知識點設計任務并且要與現實緊密結合。
（2）依據任務分配小組階段：教師依據學生的特點分配任務小組，實行團隊合作。
（3）搜集任務信息階段：各小組學生根據課前準備的任務主題搜集素材，分類保存。
（4）任務實施階段：小組內學生依據自己的能力及特長相互分工合作。教師提示各組要依據分配任務之前的標準來完成任務。分工進行圖片處理、文字編輯、網頁設計與制作任務的架構等。小組內學生要采取優勢互補、團結協作、取長補短。任務組長綜合各小組成員素材，合成作品。同時任務組長應負責檢察組內成員所得任務的完成情況，作好記錄向教師匯報。
（5）師生評比階段：通過這種活動，充分調動了學生的學習熱情，促進了學生的學習主動性，強化了學生的實際動手能力。
學生總結與評價，各小組的組長代表本組所分配的任務進行講解與評價，各小組的學生針對任務討論如何更好的配合。
教師總結與評價，教師針對各組完成任務的過程中出現頻率較高的問題進行歸納總結，根據教師分配任務前所給出的評分標準進行評分，對各小組的學生任務完成情況進行評比，總結各小組分工合作協調、工作溝通的好壞，提出今后應注意的事項。
4.結束語
《網頁設計基礎》是一門實踐性較強的課程，那么在教學方法與教學內容上應區別于理論課程。因此要想提升學生的主動性，就要合理安排教學內容與教學實踐，教師為主導學生為主體是提高學生動手能力的關鍵。我們對該課程的改革力求提高學生專業能力和創造能力，通過對教學實踐的探索整合多種教學方法，極大地提高了學生學習的主動性，取得了良好的教學效果。
參考文獻：
第4篇：網頁設計知識總結范文
關鍵詞：網頁設計；高職院校；教學建議
科技的進步，internet的發展，社會對網頁設計人才需求大大增加。《網頁設計》課程是計算機專業的一門主干課程，并且很多理工專業學生也選修該門課程。如何讓學生在較短的時間內掌握網頁設計的基本理論和熟練操作相關軟件，培養滿足網頁設計企業需要的綜合型人才成為當今很多高職院校的研究熱點，也是高職教師的努力方向。為了提高該課程的教學質量，教師需要具備扎實的理論功底，在教學過程中，不斷推陳出新。筆者做為高職院校的計算機專業教師，有一定的心得體會，提出了幾點建設性意見，在此拋磚引玉，供大家參考探討。
1.明確教學目的
根據大綱，本課程的學習目的是讓學生掌握網頁制作、網站設計的基本知識、基本理論和基本應用等方面的內容。針對于現有的IT行業發展的現狀與趨勢、人才需求狀況、企業調研等方面調查分析，光是滿足教學大綱的要求是遠遠不夠的。現在的網頁設計主要是網站的開發前期的相關界面的平面設計。所以教師在教學中，就需要進一步明確教學目的，突出教學重點。因為基本的網頁制作，但凡有過一定基礎的學生都能設計，要想進一步滿足企業的用人標準，設計出較高的網頁，這就需要網頁設計人員具有較強的審美能力與美術功底以及圖像處理工具的使用能力。通過圖形軟件Photoshop，Flash，CorelDraw等與Java語言軟件的相互配合，運用于圖像處理、編輯、通道；圖像色彩的校正，出色地設計公司標志、網頁等等。這些都是教學的重點，需多讓學生下功夫，舉一反三。
2.提高學習興趣
知之者不如好之者，好之者不如樂之者。興趣是積極探索事物的認識傾向，教師如果能讓學生充滿興趣的學習，快樂的學習，授課就開了個好頭。因此要提高教學效果，講授知識時，就必須以學生為主體，正確引導學生進行思考，并注重培養學生對本課程的學習興趣。網頁設計是一門實踐性很強的課程，是特別需要學生親身體驗，自覺動手，才能掌握好其內容的課程。例如在講授網頁設計的框架結構，這一部分內容時。首先給學生們呈現一個很好的框架結構的網站，也是學生上網常常瀏覽的網站，如360導航網站。這一下就拉近了課程與實際生活的距離，讓學生體驗到學習的意義，培養了學習的興趣。有了個好的開端，接下來就是引導學生多思考，框架的作用是什么？什么是框架和框架集？如何設計框架頁面？用框架設計頁面有什么特殊的優勢？如果讓自己來設計，你會設計什么樣的框架結構？讓學生主動的參與到學習過程中來，往往能達到事半功倍的教學效果。
3.考核方式多樣
《網頁設計》這個課程是一門需要實踐能力很強的計算機專業課，所以弱化筆試考試，加強上機考試，以提高學生的實際操作能力。在教學的過程中，筆者總結經驗，將課程的分數比例改為了以下四部分：平時表現、上機練習、理論考試、上機考試。學生平時的表現所占課程總成績的15%，主要為學生的出勤率，上課聽講認真與否，以及積極回答問題的加分情況。上機練習占總成績的20%，主要為學生在上機課時，是否聽從教師指揮，能否完成任務的情況。而理論考試，則是我們弱化的內容，只占總成績的25%，因為理論再好，也需要將其轉化為實際的工作，否則就是紙上談兵。其中上機考試為重中之重，占40%。上機考試，需組織學生在機房進行，人手一臺電腦。教師先將網頁設計的題目與需要用到的素材存儲在服務器上，學生通過訪問服務器獲取試題，按照要求完成網頁設計和優化工作。考試完成后，將自己的作品上傳至服務器，供教師審閱、批改。最終教師要綜合網頁設計中的多方面因素，如圖像處理，鏈接結構，色彩協調，整體搭配等來給學生相應的成績。此種考核方式，兼顧了各個方面，雖然弱化了理論，但強調了實踐，促使學生轉換學習態度，培養其獨立思考和解決問題的能力。
4.舉辦設計大賽
每年安排一個時間，舉辦整個高職院校的網頁設計大賽。設計大賽的目的是檢驗學生對該課程的掌握程度，以比賽的形式來提高學生對網頁設計的興趣。設計的內容不做限定，只要在規定時間內將設計好的網頁發送到指定郵箱里。教師會對參賽的作品進行初選，先初選出入圍的作品，讓選手做好準備。在決賽過程中，選手需要對自己的網頁作品進行講解，突出自己作品的亮點。同時，評委老師們會對該作品做出點評，分析網頁設計的優缺點，運用了那些技術等等，讓參賽選手和觀眾同學們也得以在知識方面提高。最后，評委老師們給出各個作品的分數，評出比賽的各種獎項，對獲獎的選手給予相應的獎勵。網頁設計大賽給學生提供了展示自我的平臺，無論是對參賽和觀眾同學，都是一種激勵，讓學生對網頁設計產生更大的興趣。
結語：
網頁設計的課程建設的過程是發現不足，不斷完善的過程，并在教學中加以改進的過程。以上教學幾點建設性意見是課題組教師多年的教學經驗積累，實踐證明：這些改變使教學效果得到了改善，激發了學生的學習興趣，學生的實踐操作能力明顯得到提高。
參考文獻：
[1]趙元媛.網頁設計中布局方式之比較[J].中小企業管理與科技（上旬刊）.2012，（01）
[2]侯佳路，王潤華，于曉荷.《靜態網頁設計與制作》課程改革探討[J].中國科技信息.2012，（06）
[3]敖冰峰，徐鵬，喬陽.淺析《網頁設計與制作》課程教學方法[J].科技與企業.2012，（09）
[4]教育部.關于全面提高高等職業教育教學質量的若干意見[Z].教高[2006]16號.
[5]姜大源.世界職教課程改革的基本走勢對我們的啟示[J].職業技術，2008，（11）.
[6]翟向陽.論高職教育突出高技能人才培養的目標定位[J].職教論壇，2005，（16）.
第5篇：網頁設計知識總結范文
關鍵詞：案例教學法 CSS+DIV 樣式選擇器
中圖分類號：G712 文獻標識碼：A 文章編號：1673-9795（2013）04（b）-0168-01
隨著現代網頁設計技術的發展，CSS+ DIV成為網頁設計中的核心技術，如何制作精美的網站，本文旨在引導學生分析網頁表單圓角案例，運用CSS+DIV知識點完成設計。
1 案例教學法
案例教學法由美國哈佛商學院提出，是一種以案例為基礎的教學法，通過學生間的相互討論或研究，提高學生的學習興趣，從而培養學生主動學習的能力。本文用CSS+DIV制作表單圓角案例，形成學生思考和分析問題的能力，從而提高學生制作網頁的技能。
案例教學法以注重學生的基本能力為基礎，避免單純理論知識的學習，在實踐過程中，可以鼓勵學生進行單獨的思考和創造，提高學生學習的積極性。
2 表單
表單（Form）作為網頁與用戶接觸最直接、最頻繁的頁面元素，其在網站用戶體驗中占有最重要的位置。而表單也常常用于用戶注冊、登錄、投票等功能，用于吸引新用戶，留住新用戶的重要工具。設計一個表單很簡單，但設計一個用戶體驗高，漂亮的表單卻并不易。如果表單設計用戶體驗不高，無疑將會對網站用戶粘性大大降低。
3 設計過程
3.1 展示案例，啟發思考
把此案例效果圖展示給學生，吸引學生的注意力，激發學生探究學習案例的熱情，讓學生帶著例子去探討課本上的理論知識，為學生學習理論知識打下堅實的基礎。
3.2 探究討論案例，解決問題
根據表單圓角的案例，讓學生展開分析和討論在案例中所用到的理論知識，分析表單的布局結構、分析實現的代碼，學生試著寫出CSS代碼，并預覽調整，測試優化頁面。
3.3 總結和點評
教師通過學生完成的案例進行總結和點評，分析不同學生在案例中存在的優、缺點，有針對性的進行深入的分析，對出現的問題從不同角度和方法，與學生共同找出最佳解決方案。最后對此案例所涉及的理論知識和代碼進行全面的總結：
3.3.1 網頁設計的核心概念
（1）CSS+DIV布局：利用CSS樣式控制DIV標簽的位置來實現網頁的布局。
（2）盒模型：盒模型是CSS的基礎，它認為頁面上的每個元素都被看作一個矩形，這個矩形由內容、填充（padding）、邊框（border）和邊距（margin）構成。
（3）位置控制（position）屬性：位置控制屬性可以確定元素在網頁中的位置，分為靜態定位（static）、相對定位（relative）和絕對定位（absolute）。
（4）浮動（float）屬性：浮動屬性是CSS布局中很重要的屬性，用于控制元素左右移動，分為不浮動（none）、左浮動（left）和右浮動（right）。
（5）選擇器：CSS的主要作用就是將一系列的樣式規則應用于文檔中，使得文檔中應用了這個規則的內容實現某種樣式。這一系列的樣式規則就叫做選擇器。文檔用了不同的選擇器，就呈現不同的樣子。選擇器主要分為標簽選擇器、類選擇器和ID選擇器。
（6）顯示與可見性：顯示（display）一般用在改變屬性（如導航），增加交互（如標簽），顯示分為塊元素（block）、行內元素（inline）和無（none）。可見性分為可見（visible）和隱藏（hidden）。
（7）常用CSS屬性：常用的CSS屬性包括字體（font）屬性、背景（background）屬性、邊框（border）屬性、邊距（margin）屬性、填充（padding）屬性和列表（list）屬性。
3.3.2 代碼
網頁表單設計的主代碼及解釋如下：
4 結語
CSS+DIV方法實現網頁設計已成為當前網頁設計的一種趨勢，本文旨在通過案例教學法使學生更好的掌握CSS+DIV的基礎知識，激發學生學習的興趣，調動學習的主動性，制作出更漂亮的網頁。
參考文獻
[1] 謝學峰.基于DIV+CSS的網頁設計技術[J].計算機光盤軟件與應用，2011（11）：82，84.
第6篇：網頁設計知識總結范文
關鍵詞：實踐；任務驅動；教學方法
中圖分類號：G434文獻標識碼：A文章編號：16727800（2012）007017702
作者簡介：黃麗鳳（1984-），女，福建惠安人，廈門大學碩士研究生，泉州信息職業技術學院助教，研究方向為計算機應用、網頁制作。
1任務驅動教學方法
任務驅動式教學模式是指在整個教學活動過程中，教師鼓勵學生以完成某些具體的任務為線索，把教學知識目標包含在任務中，學生在完成任務的同時，養成認真思考以及自主學習的習慣，培養獨立發現問題、思考問題、尋找解決問題的方法。
任務驅動教學方法主要是教師以鼓勵學生完成任務的方式來培養學生的動手能力及相關技能。將課程原理、課程實踐、課程作品融為一體，并貫穿于課程的“教、學、做”之中。學生在修讀課程時，選擇項目并通過自主學習、相互協作、完成作品來學習課程中的核心知識和技能。
《網頁設計與制作》課程圍繞著一個虛擬的高等院校網站建設為主線，以網頁設計制作概述及需求分析等理論知識教學為開端，并以校園網站建設實現所需要的相關技術實踐訓練為重心，以開發、項目作品為目的來完成整個課程的教學。整個教學過程，能較好地發揮學生的主體作用、團隊合作精神，體現出高度的學用一致精神，提高學生的動手能力。
2任務驅動法在《網頁設計與制作》課程教學中的應用
《網頁設計與制作》是一門實踐性很強、極富創造性、具有明顯時展特點的課程。下面以開發一個虛擬的高等學校網站為例來探討一下“任務驅動”教學模式在《網頁設計與制作》應用。
2.1創設情境，提出問題
在課程教學的第一次課中，教師通過多媒體給學生展示了整個虛擬網站建成之后的整體效果，引導學生進入學習狀態，激發學習興趣，并讓他們去思考建設一個網站中所必須包含的基本元素，如何通過布局的方式把這些元素結合起來，使得頁面整體效果更加美觀。由此確定課程的總體任務——建設一個完整的校園網站；然后，針對教材與課程知識，通過虛擬網站中的可見內容，將總體任務細分為若干大任務，如制作一個簡單的網頁、超鏈接、表格、JavaScript、CSS樣式、框架、模板和庫、表單和CSS+DIV布局等；最后將這些大任務進一步細分為一些小任務，如簡單網頁中的圖像、文字如何插入、超鏈接中的文字鏈接、錨點鏈接、電子郵件鏈接等。任務從簡單到復雜，逐步去完成，最終完成整個作品。
2.2確定問題，分解任務
在演示的過程中，對學生進行提問，假設自己動手做一個簡單的網頁，應該利用什么樣的思路去完成頁面。通過學生的思考、分析和討論，確定與當前學習主題密切相關的任務作為學習的中心內容，讓學生自己去解決所需要解決的問題。任務的順利完成可能會使學生更主動、更廣泛地激活原有知識和經驗，來理解、分析，使對所要掌握的知識有更深的印象。比如，在對利用Dreamweaver創建基本網頁的教學中，先給學生展示一個最基本的學校概況頁面，在頁面中學生可以看到一些介紹學校情況的文字、圖片，然后引導學生認識網頁中的基本元素，讓學生去理解，如果要在頁面中插入這些元素，應該怎么去實現。學生通過老師的引導及適當的提示，可以慢慢找出問題的解決方式，然后自己動手完成。這樣既掌握了知識，又感覺做一個網頁并不難，激發了學習興趣，這為后面的順利教學奠定了基礎。
2.3自主學習，相互協作
在教師的引導及提示下，可能有的同學把相關的知識領悟到，然后開始動手完成，有的同學不一定可以完成，這就要求他們相互協作，互相學習，培養團隊協作意識。比如，在超鏈接教學中，有的學生在完成百度友情鏈接的外部鏈接時會出錯，寫出鏈接地址為：省略。這時應把學生的錯誤展示出來，讓全班的同學來思考其中的錯誤。有的同學可以很快地找出正確的方法，還有同學找出的是錯的方法，通過其他同學及教師的糾正，掌握了正確的方法，到最后，大家都知道，正確的鏈接地址應該是省略.還有一些實際應用得比較多，但是又較難的問題，可以提示學生自主通過其它途徑去學習。比如腳本鏈接中的添加為收藏鏈接、設為首頁鏈接等。
2.4歸納總結
在教學結束后，教師要把所有學生完成的任務展示出來進行交流，大家提出問題并進行討論，教師針對學生的討論結果及時做出歸納總結。注意總結的時候要客觀評價，既要表揚做的好的同學，也要鼓勵做得不好的同學，使學生認識到自己解決問題的能力，讓他們的創新精神和自學能力可以得到充分的發揮。如：很多同學對相對路徑和絕對路徑的區別不是很清楚，就要把所有學生的作品通過多媒體展示給同學看，結果是有的同學看到自己的或者別人的作業，很驚訝，為什么這里插入的圖片顯示不出來，而在自己的電腦上卻可以。通過學生自主討論、修改，最后總結出是因為圖片的路徑出錯導致，故而學生可以更快速明了地理解它們之間的區別。
3結語
利用任務驅動模式進行教學時，教師必須清楚學生的實際動手能力，并根據他們的水平來分析當前知識技能可能存在的困難與問題，以課程目標為中心，在充分圍繞課程教學目標的基礎上，制定一個任務來突出知識點，使學生在培養興趣的同時又掌握到新知識與技能。
（1）任務的設計要緊密結合教學目標，把所要介紹的重難點知識大部分融入到任務中，學生通過自主學習、相互討論，動手完成任務并深刻理解重點、攻破難點，獲得知識。
（2）任務的設計要根據學生的實際情況來設計，不能太難，也不能太簡單。要有層次性，從易到難，逐步引導學生。學生在動手完成任務的過程中，要認真做好監督工作，對于有些自己動手跟不上任務進度的同學，要及時給予幫助，鼓勵他們繼續完成。
（3）任務的設計要結合生活中的實際、有趣的事情，并且是學生通過操作后可以得出所期待的結果，這樣才能激勵繼續完成。可以給學生留出一點自由發揮的空間，有利于培養其創新意識。
參考文獻：
\[1\]畢春苗.“任務驅動”教學模式的應用探究\[J\].大同大學學報，2008（6）.
\[2\]郭紹青.任務驅動教學法的內涵\[J\].中國電化教育,2006(7).
\[3\]朱永杰.任務驅動教學法中的任務設計\[J\].教育與職業，2010(24).
第7篇：網頁設計知識總結范文
1）網頁設計的概念。
通常而言，網頁設計是根據網頁的不同用途以及不用的特點，運用美學知識進行規劃、設計等的結果。網頁制作和網頁設計這兩個不同的概念常常讓普通人混淆。在一定程度上來說，網頁設計和網頁制作有著共同點，兩個也有著不可分割的關系，但是實際上它們的區別是根本上的、本質的。通常情況下，視覺美學中的基本規律在網頁設計中同樣適用。什么是網頁設計？通俗的說，就是通過對文字、圖像規律性的組合，還網頁看起來更加規整，信息傳遞更加明確。在滿足這樣目的的前提下，也需要使網頁滿足大眾的審美習慣。網頁設計中除了文字和圖像的廣泛運用，也會插入一些動畫和簡短的小視頻，來增加網頁的視覺美感。網頁設計時設計目標的確定十分重要，之后再確定設計流程，加以優化，最終達到設計出優秀網頁的目的。
2）平面設計在網頁設計中的具體表現。
網頁設計中平面設計占了主要部分，而語言文字和圖像又是平面設計的主體，所以網頁設計中的語言文字和圖像往往是使用最多的元素。語言文字是運用最多的，對于網頁信息有著解釋說明的作用。當然文字的設計首先要清晰且能夠準確無誤的表達，然后在考慮字體的大小、格式以及色彩。圖像使得網頁設計充滿了趣味性，這是文字無法代替的。所以圖像也是網頁設計中重要的一環，它對信息的傳達有著文字不可替代的效果。雖然文字也十分重要，但是圖像給人們帶來的視覺沖擊是文字所無法媲美的。因而，圖像的運用對于會激起瀏覽者繼續瀏覽的興趣。當然，圖像和文字的配合使用能夠產生不一般的效果，具有空間超越性。
二、網頁設計中視覺元素的功能性與審美性
網絡設計是通過互聯網將信息傳遞給大眾，其中信息是主體部分，但是其包含的視覺元素的作用也是不可忽略的。
1）網頁設計中視覺元素的功能性。
在網頁設計中，無論是文字還是圖像都需要遵循視覺美學的基本規律。將網頁中的各個信息點通過運用視覺美學的知識進行分類、規劃，可以是網頁更加清晰，所傳達的信息更加明確。例如，在視覺美學中，人們第一眼往往會停留在網頁的中上方。同樣，網頁設計時也有著這樣的規律。一個優秀的網頁往往第一眼就能抓住瀏覽者的眼球，能讓瀏覽者快速的接受網頁傳遞的信息。所以說，視覺元素的功能性在網頁設計中起著不可估量的作用。
2）網頁設計中視覺元素的審美性。
雖然說網頁設計的目的是讓網頁看起來更加規整，信息表達更加準確，但是優秀的網頁設計也需要給瀏覽者帶來視覺的審美體驗。在網頁設計中，視覺元素在網頁背景上有著幾乎完美的體現，通過對不同平面元素的綜合運用，網頁背景往往是最能夠表達視覺元素的地方。具有美感的網頁設計會讓瀏覽者增加對該網頁的好感，就會更加愿意花費時間去瀏覽，有利于網頁的點擊率。
3）網頁設計中視覺元素的特殊性。
對于網頁的瀏覽，視覺往往是首要因素。在沒有具體目標的情況下，視覺往往促進瀏覽的主要原因，人們常常因為圖片的有趣而產生繼續瀏覽的欲望。所以視覺元素的合理運用，會增加瀏覽者的興趣，在網頁設計中有著不可替代的特殊性。因而，視覺元素的合理應用有助于網頁的發展，也會給瀏覽者留下好的印象。
4）不同種類網頁設計中視覺元素的應用形式。
視覺元素的應用是具有針對性的，是不可以一套而論的，需要針對各自的功能特點運用的。以下就商業網站、公共服務網站、個人網站為例說明。在商業網頁中，最主要的就是商品的推銷。因此，在該網頁上就要突出商品的性能優點，適當時也添加圖片。同時，網頁的機構通常都比較嚴謹，信息的傳達都不叫緊湊。在公共服務網頁中，其信息量的比較大的，所以需要注意結構的簡潔和清晰，在色彩上，無需使用過多艷麗的顏色，裝飾上盡量簡單，使網站的可靠性增加。而個人網頁就有所不同，它一般注重個人性格的表達。所以個人網頁的設計較為隨意，色彩的使用較為大膽，圖像比較多變，更加突顯出鮮明的個人色彩。
三、網頁設計發展的趨勢
如今，一味地套用早已無法適應網絡的發展，創新才有新出路。并且，復雜的色彩、冗長的文字和炫目的圖像等會使人們產生視覺疲勞，所以，簡潔的網頁設計更能夠適應如今的發展規律。從瀏覽者的角度來說，全屏的大圖往往能夠吸引他們的注意力，瀏覽者往往是因為大屏圖像帶來的視覺沖擊性才瀏覽這個網頁的。在有大屏圖像的同時，配搭精簡的文字加以說明，可以是網頁顯得簡潔、大氣、美觀。與此同時，網頁設計中也開始慢慢使用動畫和視頻，它們對于細節的表達更加直觀。
四、總結
第8篇：網頁設計知識總結范文
根據對肇慶科技職業技術學院的畢業生進行崗位跟蹤和回訪發現，我校計算機專業的畢業生在網頁設計方面的崗位主要有：網頁設計與制作、網站編輯、網站管理3大崗位群。網頁設計制作：精通Photoshop，Corldraw，Frontpage，Dreamweaver等多項網頁設計工具。網站編輯：具備基本的網頁編輯和修改能力。網站管理：具備較高的網頁設計制作和維護的能力。這些工作崗位群不僅要求學生透徹理解《網頁設計與制作》課程的基本知識與操作技能，還要求學生掌握網頁設計與制作的工作過程以及方法，同時更要具備良好的職業道德、團隊精神和敬業精神。但在實際教學過程中，有的學生在完成課程學習之后，還是很難掌握好課程知識。為了進一步體現職業院校的教育理念，提高職業教育的教學質量，必須圍繞實際的工作過程進行《網頁設計與制作》課程開發，才能使課程教學適應行業發展的需要[1]。
2．根據崗位需求和專業培養目標，明確課程培養目標
2.1培養學生的專業工作能力，分析典型工作任務
網頁設計制作：要求具備開發和制作網站的操作技能，能完成對中小型網站整體規劃和網頁具體設計制作，美化等工作任務。網站編輯：要求掌握基礎的網頁知識和操作技能，能完成中小型網站的內容建設，包括網站內容的編輯、更新和維護等工作任務。網站管理：要求具備較高的網頁制作經驗和管理能力，能完成對中小型網站的后臺維護、網站的改版等工作任務。
2.2培養學生的職業素養和學習能力
在學習初級階段，可以通過設計生動有趣的項目實例，充分調動學生的學習興趣，并激發他們的工作熱情，從而培養學生對網頁設計課程的自發主動學習能力，這種工作熱情也能夠激勵學生在日后的工作崗位上不斷探索，不斷進步。既要培養學生模仿的能力，又要注意啟發學生的創新思維。例如在進行網頁建模和布局設計時，可以應用靈活表格，層，這時要鼓勵學生多思考，嘗試利用不同的方法設計，讓學生既能把基本知識的基礎打好，又能舉一反三地思考問題。同時在教學過程中必須貫穿培養學生的團結協作能力。對一些復雜的項目可以通過分組合作，讓他們對一些難題進行相互交流和討論，互相取長補短，一齊分工合作，共同完成任務。
3．基于工作任務，合理選擇課程內容，設計教學情境為了更好的培養學生的綜合工作能力，不只要按照學生“由易到難，由淺到深，由表及里”的學習認知規律選擇合適的教學內容進行講述，還必須合理排序所要講述的課程內容，并融入生動有趣的教學情境中進行練習，讓學生更容易掌握[2]。按照網頁設計的典型工作任務，將課程內容分為了5個學習單元：
第l單元：要求學生對網頁設計工具有一個基本了解，初步掌握網頁設計的基礎知識和一般方法。
第2單元：要完成網頁規劃設計的任務，通過實例講解和實際操作，講述網頁色彩搭配、網頁布局和網頁字體的運用及設計技巧，css樣式層的設計。
第3單元：主要講述如何進行網頁美化，包括網頁視頻與音效的添加，導航欄的制作，層和行為的使用等。
第4單元：主要介紹更新及維護網頁的技術，包括模板和庫項目制作技術。
第5單元：介紹網站測試和網頁上傳的基本方法及操作實例。該課程內容安排以Dreamweaver軟件應用為主線，內容涉及網頁布局，網頁美化，網站測試等知識，強調從實踐應用出發，介紹網頁設計和制作的技術，突出學以致用。通過該課程的學習，使學生掌握網頁制作的基本知識，熟悉網站設計的全過程，并能熟練制作中小型網站。
3.1教學情境的設計。教學情境設置的好壞直接影響到學生對學習單元的掌握[3]。一個好的教學情境首先要注意與當前企業的實際工作過程相結合，知識點循序漸進，由易到難；其次要能盡可能自然、有機地結合學習單元中的多項知識點；最后教學情境難易程度要適中，學生在通過教師的幫助和自己的努力能夠完成，能獲得成就感。在《網頁設計與制作》的教學中，所設置的教學情境可以來源于企業開發的真實項目、企業或個人的網站外接承包項目以及各類技能大賽的仿真項目。下面以第2單元——網站規劃教學過程為例，詳細講解基于工作導向學習情境的創設與具體實施。本單元選擇了小型物流公司網站規劃這個項目作為載體進行教學情境設計。設計項目：小型物流公司網站規劃。基本內容：公司簡介、企業動態、產品介紹、人才招聘、聯系方式。規劃要求：
（1）網站規劃要反應出本網站的主題，簡約，大氣，具有視覺吸引力，網頁要做到重點突出，首頁尤為重要，要達到廣告宣傳效應。
（2）便于管理維護，易于更新或添加頁面內容，有一定的擴展性。
（3）網頁的字體要美觀，不同頁面的風格要統一，字體的組合要協調，圖與文字和諧，內容豐富，能支持幾種常用瀏覽器。
4．基于建構主義的教學模式設計
“建構主義學習理論強調以學生為主體，教師為主導的雙主教學模式。學生是信息加工的主體、知識意義的主動建構者，教師是學生主動建構意義的幫助者、促進者、指導者；強調學習的合作性和情景性，提倡合作學習主動性和交互學習。”[4]在建構主義學習理論的指導下，教師的教學活動應以學生為中心，強調學生對知識的主動探索、主動發現和對所學知識意義的主動建構。所采用的教學方法都強調學生是學習的主人，是整個教學活動的主體。無論是教師的備課、課堂教學的組織還是課后的學習指導，教師都要樹立“學生是教學活動的主體”的意識，始終貫徹“以教師為主導，以學生為主體”的教學思路。
4.1營造有助于教學情境開展的企業實踐條件
4.1.1為學生提供參與和了解企業的機會學院可以定期邀請一些網頁設計工程師、專家學者等來校講學，豐富學生的專業知識，擴大學生的專業視野。通過以上的方式，學生不再對企業感到陌生，并能很快進入工作過程。同時學院還可以通過與多家企業簽署訂單式人才培養或實習基地合作協議，定期組織學生赴企業頂崗實習，通過頂崗實習，讓學生了解企業實際的工作流程，找出自身狀況與社會實際需要的差距，為求職與正式工作做好充分的知識、能力準備。
4.1.2為專業教師創造實踐條件專業教師既要豐富的教育理論和專業理論知識，又要有過硬的操作技能和實踐經驗，才能更好的發揮“主導”作用。學校可以安排教師下一線企業進行學習和工作，了解網站開發的工作任務和工作流程，以及往屆畢業生在工作方面所存在的缺陷，從而進行崗位職業分析與課程內容的合理選擇。同時可以聘請有深厚學術水平的專家或企業工程師擔任本專業顧問，為教師進行培訓和講學，或者直接參與課程教學、教材編寫等課程開發，為專業辦學提供一些發展性的建議。
4.2以賽促學、以賽促教、賽教結合，激勵參加學生技能考證，提高學習主動性為了能夠增強學生的學習主動性，提高學生的動手能力和增強畢業生的就業競爭力，可以通過號召學生積極參加學院、省市等單位舉行的專業技能競賽，培養學生的創新創造精神、團隊競爭意識、實踐動手能力以及創業素質，激發他們的自學熱情，自發主動的去獲取知識。教師在平常的教學過程中，要注意加強對學生進行考題項目訓練。學生通過對考證和競賽題庫內容有針對性的進行練習，能更好的靈活應用《網頁設計與制作》課程的專業知識和操作方法。而教師通過輔導學生參加考證，也能鍛煉自己的實踐教學能力，提高教學質量，真正實現“以賽促教、以賽促學、賽教結合”。
4.3采用項目教學方法，堅持“教、學、做”一體化基于建構主義的項目教學法是在以學生為中心的基礎上，在每個學習單元中，結合項目要求、教學目標，向學生提出實際的、在一定時間內可完成的項目目標，讓學生在解決問題的過程中建立自己的知識體系，最后完成此項目。在教學做一體化下實施項目教學，能夠更好的將老師講授的知識與學生的實際操作聯系起來，由教到學，由學到用，學生能夠體會到學習的困難，也能感受到戰勝困難后的喜悅。
4.3.1在教學前期，通過知識點的學習，培養學生的模仿能力，構建學生自己的知識體系建構主義學習理論認為教學活動應以學生為中心，強調學生對知識的主動探索、主動發現和對所學知識意義的主動建構。在教學前期，學生主要是學習網頁示范項目，以“小型物流公司網站規劃”為例，該項目的教學安排如下：項目任務：小型物流公司網站規劃項目目標：要求學生能掌握網站規劃的原理和設計方法教學內容：
（1）了解網站的不同風格種類和色彩搭配原理；
（2）對網絡上優秀網站的規劃思路進行分析和學習；
（3）根據公司文化對網站規劃的創意進行思考和設想；
（4）網站布局的具體設計和頁面元素搭配。教學方法：教師講授、學生自主學習，教、學、做一體化。授課教師在講操作時，必須分步驟講解，新知識點越多，步驟應分得越細，把小型物流公司網站規劃每一步的功能和方法講述清楚。同時還要注意控制好速度，給學生足夠的自我練習和消化時間，保證授課和學生的練習能同步進行。要完成項目設計目標，學生首先要瀏覽大量的相關網頁，學習優秀網站的規劃方法。在具體的學習過程中，學生帶著目標和問題進行學習和探索，對于網頁規劃做出大膽的假設和嘗試。在學生動手操作期間，教師要做好指導工作，深入到學生中間，觀察他們的操作，如果發現錯誤要及時幫學生指出，輔導他們改正。再通過類似作業的練習，學生可以更深刻地掌握課程知識點，慢慢擺脫模仿，嘗試自己思考和創新。在這種教學法下，學生能用自己的頭腦和過去掌握的課程內容重新審視問題，理清它們的邏輯結構和相互關系，構建新的知識體系。
4.3.2在教學后期注重培養學生協同工作的能力教學后期的綜合項目實訓是項目教學法實施的核心環節，教師在模擬企業需求給學生下達任務后，再按照項目建設的任務安排學生分組實訓，共同去完成任務。學生在高度仿真的開發環境中，通過不斷實踐去熟悉工作流程，并在不斷的實戰演練中提高自己，逐漸掌握一個小型企業網站的開發過程，增強自己的知識運用能力、團結協作能力。以“小型物流公司網站創建”過程為例，通常要完成的工作任務如表1所示：在此過程中，學生要共同合作完成一套完整的項目設計，一個從無到有的網站開發，碰到問題，首先要自己主動思考，綜合運用已學知識去解決問題，接著還可以與本組成員或其他開發小組共同會話交流，探討解決問題的更好方法，共同攻克難題，完成工作要求。同時學生還要注意完成對項目的語言描述及相關文檔的撰寫，培養自己的團隊溝通技能和社會能力。通過學習如何在團隊中與他人協作，最大程度發揮自身的作用，進而培養團隊合作精神和競爭意識。
第9篇：網頁設計知識總結范文
藝術設計專業的網頁設計課在教學上普遍注重技術而忽略藝術，我們迫切需要在教學模式、內容和評價方式上尋求改革，培養學生的藝術審美和感受力，更加注重實踐應用能力，為社會培養一大批高素質藝術設計人才。
關鍵詞
藝術設計；網頁設計；課程教學；實踐
一、藝術設計專業的網頁設計課程的教學現狀
目前，藝術設計專業在網頁設計課程教學實踐中普遍存在著缺乏專業優勢、偏離學生就業需求等問題，這種教學與計算機專業的網頁設計課大同小異，誤導學生以為這門課程就是一個技術課，掌握了操作技術就可以獨立完成網頁設計和制作，極大地忽視了其藝術性。因此，我們需要對教學模式、教學內容和考核內容等進行改革，以真正發揮藝術設計專業在培養人才的優勢。
二、教學改革的目的
通過教學改革，力圖解決以下兩個問題:一是學生設計網頁缺乏美感，版式、色彩等語言和設計理念滯后;二是單獨靠一個軟件就來完成網頁設計與制作。通過以上兩個問題的解決，充分考慮藝術專業的特性和學生就業的社會市場需求，綜合運用多軟件培養學生的美工設計能力、動畫設計能力、版式設計能力、界面設計能力，全面提高學生的想象能力、感受能力、創新能力和審美能力，為社會培養一大批高素質藝術設計人才。
三、教學改革的創新點
1．尋找藝術與技術的平衡點。避免學生成為技術的奴隸，教學方案中增加藝術素養訓練，充分體現專業特色，致力于培養學生的藝術設計和藝術審美和創新能力，通過研究性學習和網頁設計的具體實踐使學生有效地掌握網頁藝術設計的精髓，為將來步入社會更好地滿足市場需求從事網頁設計、美工、界面設計等工作做好準備。
2．基于多媒體網絡教學，合理構建教學內容。構建既具有實用性又具有藝術性的教學內容，實現軟件課與藝術設計課的整合，在學會軟件應用的基礎上，將其恰到好處地運用于藝術設計;實現理論課和實踐課的整合，利用示范教學提高學生將理論應用于實踐的能力，提升教學效果。
3．深化教學內容，開拓教學視野。適用互聯網技術的發展，不斷加快教學內容的更新，做好教學信息的收集工作，實現教學內容的深化，保證教授給學生最前沿的知識。教學中運用多媒體充分調動起學生的視覺和聽覺，激發學生的學習積極性。
四、主要改革與實踐的方面
1．改革教學模式。第一，采用項目教學。為了鍛煉學生的實踐能力，保證學生現場制作、解難和評析的參與度，實現課程理論和網頁設計的有機融合，可以在教學中加大實用項目的引進，讓學生參與到整個項目制作過程，包括初期的初稿設計、中期的客戶反饋到最后的定稿。第二，采用跨學科教學。實現多學科整合的互動教學，將計算機專業和藝術設計專業的網頁課程結合起來，讓學生可以綜合考慮到設計與程序的結合，依托于程序的可實現性設計出具有創意的網頁方案。
2．改革教學內容。第一，增加手繪創意草圖教學環節。注重創意期的思維訓練，通過這一教學內容幫助學生明確設計意圖，培養學生的快速創作意識和能力。第二，增加版式設計構圖教學環節。引導學生充分應用版式設計原理進行網頁的整體布局，在有限的空間融合進了最多的視聽多媒體元素，基本信息、導航、和正文結構安排合理美觀，凸顯設計者的理性思維、藝術個性和個人風格。第三，增加色彩運用訓練環節。色彩的運用決定了網頁的整體色調，訓練學生在不同網站功能和風格下對色彩的準確把握。第四，增加創意字體教學環節。引導學生正確地運用字體設計方法，根據不同網頁布局選擇大小、顏色、色彩合適的字體，運用設計軟件實現多樣化字效和創意字體的設計。第五，增加網頁交互功能教學，引導學生充分運用按鈕和其他輔助設計以及頁面之間的鏈接，從而實現網頁的交互功能。第六，增加多軟件綜合運用教學，引導學生在網頁設計中綜合運用不同的軟件，靈活掌握不同軟件主要功能的基礎上通過綜合運用以實現豐富的效果。
3．改革考核內容。第一，根據當堂內容布置對應的課堂練習和上機操作，及時發現學生學習中的盲點，教師適時調整課堂進度，此部分成績占40%。第二，根據課程的教學目標布置綜合作業，結合實際讓學生自主選擇設計一個政府網站、企事業網站、娛樂網站或者個人網站，對學生網站設計的總體布局和色彩、版式、功能等進行綜合評價，此部分成績占60%。
五、藝術設計專業的網頁設計課程教學的趨勢
第一，總結和探索藝術設計專業的內在規律，建立網頁設計的跨學科教學模式。講授理論知識的同時要培養學生調動多學科知識的能力，培養學生的創造力和想象力，提高學生的實踐應用能力。第二，注重網頁設計的主體風格，培養學生的企業品牌意識，企業品牌的形象設計依靠網頁的展現和塑造，好的企業網頁可以讓企業品牌形象深入人心，教學中必將更加重視對學生品牌整體風格的把握和品牌意識的培養。
六、結語
目前，藝術設計專業的網頁設計課程存在著偏重技術而忽略藝術素養訓練的問題，教學改革就是要培養學生的藝術審美和藝術素養，力求尋找到藝術與技術的平衡點，基于多媒體網絡教學，合理構建教學內容，開拓教學視野。教學模式上采用項目教學和跨學科互動教學，內容上增加創意草圖、版式設計、色彩設計、字體運用、交互功能和多軟件組合使用等教學環節，評價上更加注重實踐動手能力，其發展趨勢是追求技術和藝術的完美結合，培養學生的企業品牌意識。
作者：許特 郝爽 單位：長春市第一中等專業學校 吉林司法警官職業學院
參考文獻:
［1］劉妤．藝術設計專業的網頁設計課程教學改革與實踐［J］．包裝世界，2011，(04):72－73．
［2］周小麗．“網頁設計與制作”課程教學改革實踐探究［J］．教育與職業，2013，(08):127－128．
