網頁設計的流程精選(九篇)

前言：一篇好文章的誕生，需要你不斷地搜集資料、整理思路，本站小編為你收集了豐富的網頁設計的流程主題范文，僅供參考，歡迎閱讀并收藏。

第1篇：網頁設計的流程范文

【關鍵詞】一流縣供電企業；組織機構；安全管理；項目管理；科技創新

一、有序推進同業對標創一流工作

（一）建立同業對標創一流組織機構

重視同業對標創一流工作的組織建設，從柔性組織機構和行政組織機構兩個方面建立健全同業對標創一流組織機構，分層落實同業對標創一流工作責任，為同業對標創一流的穩步推進提供了組織保證。形成了主要領導親自抓，分管領導重點抓，專業組齊心抓，歸口部門組織實施和檢查考核，相關部門貫徹落實的良好局面，構筑了黨、政、工、團齊抓共管的同業對標創一流工作組織體系。

（二）建立同業對標創一流常態管理機制

同業對標創一流歸口部門每月在司務會上匯報上月同業對標創一流工作開展情況，布置月度同業對標創一流重點工作，各部門積極組織實施，初步建立了同業對標創一流常態管理機制。

（三）開展同業對標指標定期分析

確定同業對標指標體系各項指標的年度目標，并分解到季度、月度跟蹤考核，落實指標責任部門，對每一項指標均確定1名具體責任人。定期分析同業對標指標完成情況，查找指標偏差原因，提出提升指標的管控措施，指標管理得到進一步重視和加強。

（四）深入總結專業管理典型經驗

根據國家電網公司、福建省電力有限公司的最佳實踐庫信息，各專業積極組織學習行業內對口專業最佳實踐，不斷優化專業管理流程，改進各專業工作。成立專業典型經驗提煉項目組，積極組織各專業部門深入、客觀地總結典型經驗，充分挖掘專業管理流程的優點，提煉專業管理最佳實踐。安全、線損、供電可靠性、電壓無功和優質服務5項專業管理經驗入選福建省電力有限公司縣供電企業最佳實踐庫。

二、積極推進機制、管理和科技創新

創新是企業管理的靈魂，公司積極推進以用人為核心的機制創新，以標準化、同業對標為核心的管理創新，以信息化建設為核心的科技創新，為企業持續提升管理水平增添了活力。

推進機制創新。按照“公開、平等、競爭、擇優”的原則，全面完成了用工制度、分配制度和醫療保險制度的改革，進一步優化組織機構，公開競聘部分機關管理崗位，推行主任師和安全助理制度，打破全民、集體職工的身份界限，實行績效考核、薪點工資制，建立了與現代企業制度相適應的“上崗靠競爭、收入憑貢獻、職位能上能下、人員能進能出、崗位動態管理”的企業核心用人機制。

推進科技創新。所有管理崗位和各班組全部配備了微機，MIS系統涵蓋了企業生產、經營、管理各個環節，各項信息實現了充分共享，實時在線。電網調度自動化系統、信息管理系統、輸電GIS管理系統、配電GIS管理系統均通過福建省電力有限公司實用化驗收。110kV及以下電壓等級的變電站全部完成綜自改造，實現了無人值班。推進變電運行集控系統建設，增添變集控所的投入使用，實現了傳統變電運行管理模式到集控模式的轉變。

三、持續提升各專業管理水平

（一）落實安全責任，持續提升安全管理水平

落實安全責任。層層落實安全生產責任制，逐級簽訂業績考核責任書，做到“千斤重擔眾人挑，人人肩上有指標”。建立中級管理人員與班組掛鉤聯系制度，開展黨員干部“五帶”活動（帶安全、帶思想、帶作風、帶技能、帶業績），領導干部深入現場、深入班組，研究解決現場安全生產存在的具體問題，在安全工作中起表率作用。各部門領導、安全員、班組長也在自己的職責范圍內，敢抓敢管，勇于負責，促進了安全責任的落實。

（二）科學規劃電網，持續提升項目管理水平

科學合理規劃電網，積極爭取資金，加強工程項目質量管理，提升工程項目管理水平，又好又快建設永安電網，較好地滿足了地方經濟建設發展及人民生活水平不斷提高對電能的需求。

科學規劃電網。隨著永安經濟的不斷發展，實施“南商北工”的發展戰略，公司以電網規劃為龍頭，堅持電網規劃建設適度超前的原則，滾動修編完成永安電網主干網架、地區配網規劃和建設計劃，同時做到電網調度、配網自動化等二次系統與一次系統協調發展。加強與地方政府有關部門的溝通，將電力規劃統一納入城市總體規劃之中。

加強項目管理。做好項目建設的前瞻性，建立提前三年前期項目可研工作常態機制。加強與政府、林權單位的溝通協調，取得其支持，以保障建設項目用地。

（三）深化兩全管理，持續提升經營管理水平

樹立“理好財、管好家”的經營理念，推行精細管理，嚴格控制成本，拓展電力市場，確保電費回收，經營管理水平持續提升。深化全面計劃、全面預算管理，引入“兩全”管理系統，將企業的資金流、物資流和信息流有機結合，提高預算管理的效能。進一步規范供電營業區域，充分運用銷售電價杠桿，引導燃煤自備電廠少發、停發或停建工作，杜絕非法經營供電業務行為。

（四）加強技術監督，持續提升生產管理水平。

加強技術監督，強化專業指標管理，深入開展規范化建設，持續提升生產管理水平。建立健全各級技術監督領導小組和工作網，定期召開技術監督網工作會議，研究解決技術監督管理過程中存在的問題。提高專業技術人員待遇，努力調動專業技術人員的積極性。實施設備主人問責制，實行重點跟蹤設備管理，及時準確掌握設備健康狀況，提出改進建議和措施，以此編制設備技改、大修滾動規劃。認真落實各項防止主設備事故措施，修訂完善現場運行規程、檢修規程，有效預防和控制輸變電設備事故的發生。

第2篇：網頁設計的流程范文

關鍵詞 網頁設計 簡約主義 視覺呈現

中圖分類號：TP3 文獻標識碼：A

隨著商業社會的繁榮，大眾生活品質的提高，互聯網代表著一種嶄新的信息交流方式。網頁設計也越來越趨向人性化，設計要求圍繞人為中心展開進行設計。而網頁作為一種傳播信息的媒介，會受到時間、空間和適用環境的限制。但是如何讓凌亂復雜的網頁變得變得輕薄簡潔，在擁有它完整功能的同時又能很好的把重點模塊區分出來呢？如何更好剔除多余的顏色、背景或是部分元素，保留并梳理清楚視覺流程呢？

1網頁設計視覺流程籌劃

視覺流程俗指人們在觀看網頁時候的視覺路線走向。美國阿爾多斯?赫敘尼在《觀看的藝術》中提到：感覺+選擇+理解=觀看。觀看的第二步是從視野中選定一個特定的元素，進行下一步詳盡的理解。這是他總結給我們看清事物的方法。

視覺流程是視線在觀賞物體上移動的過程，而網頁設計中的視覺流動路線是相當重要的。垂直的物體在頁面上會引導人們的視線做上下的運動軌跡，水平的物體在頁面則給我帶來的是左右的視覺流動，三角形的物體會讓我們的視覺由角頂開始做循環的視覺流動，而圓形的物體往往會讓我們的視線呈輻射狀運動。

因此，網頁設計中不同的視區范圍有著不同的注目度。我們瀏覽網頁時一般的閱讀習慣是從左至右，從上至下，因而我們會把一些重要的訊息，比如logo、通知、最新信息放在左上位置，通常我們叫這個位置為視覺中心。

2影響網頁頁面視覺呈現的要素

2.1網頁頁面的版面率

版面率指的是網頁設計中文字、圖形、圖像、顏色等的占有率，它不僅影響頁面信息傳達效率，也決定著整個網頁設計的視覺呈現效果。一般來說，版面率與視覺傳達效果以及設計創意成反比的。如圖（1、2）

由圖我們可以看出，宜家的版面率低，整個頁面幾乎只有其logo的存在，所容納的信息量少，但是給我們的視覺沖擊力很強烈，視覺呈現的形式感很強。在網頁設計中，極簡的網頁視覺呈現能夠把最重要的信息以最直觀的方式傳達給瀏覽者，而且也可以起到一個避免閱讀中分散注意力的作用。譬如我們的一些個人網站、博客等商業氣息不濃厚，大多都會以設計創意個性為主，版面率較低。選擇版面率比較高的設計時，講究空間的有效利用與秩序的合理劃分，而且每一版面的大小和位置關系要和諧。否則要么排版呆板，要么秩序混亂。

2.2網頁設計的權衡布局及簡化設計

所謂簡約主義，顧名思義就是要我們將設計元素、色彩、造型進行簡化。人們常說的“簡約不簡單”，實際上就是簡約主義。目前，簡約設計已經被廣泛應用到我們生活的各個領域，無論是室內設計或是平面設計還是包裝設計，都在實行“簡約主義”。甚至很多品牌，譬如無印良品、宜家家居等都是采用的簡約主義風格，無疑簡潔時尚已成為人們廣泛追求的一種風格。正所謂“簡約不簡單”，個人也認為越是簡單的東西越大牌。

排版布局中的平衡、對齊及對比關系，對頁面視覺效果至關重要。那么對于網頁設計來說，要做到簡化設計的第一步就是要去除一些多余的沒有必要的東西，盡可能的丟掉他們，留下一下最為關鍵的信息，比如logo、介紹、導航等等。我們每天都在使用的騰訊，它的頁面設計就做到了這點。如圖（3、4）

圖3 騰訊頁面設計

圖4 騰訊頁面設計

2.3顏色給我們帶來的心理暗示

色彩是我們認識事物的第一印象，我們在瀏覽網頁的時候對視覺沖擊力強的網頁設計留下的印象最為深刻。因此一個好的網頁設計必定有一個很好的頁面配色設計，它不僅能更好的傳達信息，同時還能更好的與大眾的心理需求相契合，更大的發揮網頁設計中帶來的視覺效果。如圖（5、6）

根據季節的變更、促銷活動的安排以及各品牌不同的文化理念，常常要做一些不同的網頁設計才吸引消費大眾。因為人們在長時間瀏覽網頁的時候很容易產生疲倦，在色彩的使用上，我們一般應將色彩對比放在一些需要仔細閱讀或主要信息上，以免增加網頁瀏覽者的閱讀難度，引起視覺疲勞。同時，我們也不能采用一些辨識度低的顏色，盡可能把信息目標更快更好的傳達到消費者的眼中。

3結束語

在網頁設計過程中，我們應繼承我國的傳統文化，形成獨特的設計風格，拓展設計的視覺語言。與此同時，我們還要推陳出新，突出現代化，引領時尚潮流。以現代簡約主義的手法對中國的傳統元素和符號進行提煉和二次設計，讓網頁設計獲得更強的視覺認知力和藝術感力，營造一個自然、合理、順暢的視覺流程，更好的激發人們的審美情趣，引導人們在美的享受中接受傳達的信息，發現美好。

參考文獻

[1] （美）魯道夫，阿恩海姆.藝術與視知覺[M].中國社會科學出版社，1984.5.

[2] 孫嬌，宗明明.網頁設計中視覺流程籌劃與應用[J].美術教育研究，2011（7）.

[3] 李湘媛.淺談網頁設計中的色彩語言表達[J].藝術教育，2012（11）.

第3篇：網頁設計的流程范文

關鍵詞:工作過程;高職;網頁設計;課程構建

網頁設計是實踐與應用性非常強的課程，其課程知識點廣、內容繁多，對學生的實踐創新能力也有著較高要求。同時，互聯網技術不斷發展，“互聯網+”時代的到來，使社會企業對網頁設計人才的需求量不斷增加，對網頁設計人才質量要求也不斷提高，這也給高職網頁設計教學提出了更高要求。而基于工作過程的課程構建則可有效滿足新形勢下的教學需求。基于工作過程的課程構建，以工作任務作為中心展開組織與建設，以崗位需求為基礎，以學生職業能力發展為目標，以工作情境與工作過程為導向，更具職業針對性。因此，探究基于工作過程的高職網頁設計課程構建，有著重要的現實意義。

一、高職網頁設計課程教學現狀分析

高職院校網頁設計是一門綜合性相對較強的課程，當前一些高職院校仍然以傳統理論與實踐教學結合的模式為主，對實踐教學的重視程度也越來越高。通過先理論再實踐教學的模式，給學生帶來了動手實踐的機會，實踐操作學時也有所增加。但隨著專業的不斷發展，教學內容日益豐富，傳統實踐教學模式已難以滿足學生需求，許多學生在較短的實踐操作課程中對專業技能掌握仍然缺乏，職業能力培養也無法取得令人滿意的效果。總體來看，當前高職院校網頁設計課程由于教學內容較為繁雜，課時相對不足，導致教學深度相對缺乏，學生專業技能掌握程度不足，實踐能力有待進一步提升;從教學方法上來看，雖然一定程度上注重學生動手實踐能力的培養，但由于缺乏系統整體的訓練，對學生問題分析與解決能力的培養也有待完善。［1］

二、基于工作過程的高職網頁設計課程構建

(一)分析職業能力需求，明確教學目標

為使網頁設計課程構建更符合學生與企業需求，高職院校應加強調研，結合企業用人單位調查、企業專家訪談等方式，對網頁設計專業人才需求展開系統調查，理清網站編輯、網站制作人員等具體社會需求;同時對計算機專業從事網頁設計相關崗位的畢業生進行調研，進行對崗位能力等各項內容的調研。同時，高職院校應突破原有課程教學體系，去除以知識體系為主的模式，以網站工程師、網頁設計師等專業職業技能為目標進行課程開發與設計，網頁設計課程以培養優秀網頁制作人員為教學目標，確立以學生職業能力與職業素質培養為重點的課程構建理念，注重基本實踐能力的培訓，讓學生掌握各類網頁設計制作技能，使其具備一定網頁設計開發、網站維護等能力。［2］使其課程構建既能夠培養學生職業崗位所必須的技能素質，也可讓學生更快更好地養成職業習慣，提升職業能力，為學生職業生涯發展打下堅實基礎。

(二)制定課程標準

結合計算機專業技術要求以及企業用人需求構建網頁設計課程教學大綱，制定系統化的課程標準。首先應明確能力目標，也即讓學生能夠熟練應用技術設計與制作網頁，具備自主動手、信息整合以及自學、合作等能力;其次為知識目標的確定，要求學生掌握網頁設計制作方法，會使用HTML語言，能夠設計與制作網頁動畫等。此外為素質目標，使學生具備自主創新思維，有網站策劃能力等。

(三)完善教學內容

高職院校課程組教師應深入企業與社會，了解專業最新要求;院校也有必要加強與企業合作，共建校外實訓基地，開發設計基于工作過程的網頁設計課程，以工作項目作為載體，將教學融入項目當中，圍繞工作過程明確課程內容，結合工作任務完成流程，提煉出以學生職業能力培養為核心的模塊，合理選取工作當中使用率高、典型性工作任務作為學習項目，對網頁設計教學內容實施科學整合與序化，同工作實踐中的應用組合成功能模塊，促進工作過程與教學過程的融合度，實現理論與實踐結合。

(四)重構教學模式

基于工作過程的高職網頁設計教學模式也應滿足教學目標需求，采用工作過程化的模式。具體可通過工作任務、企業任務等針對性強的工作情境引入，讓學生掌握理論基礎知識以及技能方法等;同時引導學生自主解決相關問題，為完成網頁設計制作問題加強合作與交流，充分發揮主觀能動性;最后則通過“情景拓展”，引導學生自主實踐，進一步提升自主學習能力與職業能力，例如鼓勵學生參與網頁設計大賽等，全面培養學生實踐操作與開發應用能力。［3］

(五)更新教學方法

高職院校網頁設計課程教學方法也應實現進一步更新，具體應結合用人單位網站設計制作崗位要求，對崗位能力進行全面分解并歸結出對應的課程知識點，構建起課程系統，結合案例教學法、項目教學法、任務驅動教學法等方式，明確網頁設計、網站運營、網頁測試等課程內容，引導學生以工作過程為基礎，掌握網頁設計制作構件、明確網站架設，提升專業技能。例如任務驅動教學法的應用，具體可將學生網頁設計實訓內容分為獨立任務模塊，包括模仿操作內容、獨立操作內容以及工學結合三種類型，其中模仿操作開展為通過一個系統的網站，引導學生分次完成，使其掌握基礎理論以及基礎操作技能;獨立操作即向學生布置任務，讓學生以小組為基礎自主完成項目任務;工學結合則可通過與企業合作，或利用工作室項目，組織學生完成實際網頁設計項目。總而言之，通過此類實踐教學充分調動學生積極性，培養學生職業態度，提升其實踐創新能力。

三、結語

基于工作過程的高職網頁設計課程構建，能夠將繁雜、分散的網頁設計課程知識點有效整合與分解，以工作任務項目為載體，實現教學與學習的工作化，進而充分挖掘學生的積極主動性與實踐創新能力。因此，高職院校網頁設計教學應不斷研究與完善基于工作過程的課程體系構建，使專業人才培養定位更為精確，使學生職業競爭力得到進一步提升。

參考文獻:

［1］張麗香．基于工作過程的高職“網頁設計”課程建設［J］．現代計算機，2013(5):47-50．

第4篇：網頁設計的流程范文

關鍵詞：網絡媒體專業 網頁設計 課程體系

網絡行業隨著近幾年的突飛猛進，老套的設計課程、基礎理論課程等等，已經跟不上這種快節奏的速度了，好多的軟件、課程還沒等畢業，就已經被社會淘汰了。網絡發展的迅猛，老百姓審美的提高，帶來的就是媒體、設計公司的加速發展，各大網媒的職位缺口將會越來越嚴重。

再隨著諸如淘寶、京東等電商的興起，智能手機在網絡上的占比越來越大，從而使好多新的崗位在各大型公司中出現，中小公司也會隨之興起。市場對網頁設計人才的需求，不僅在數量上越來越大，而且在質量上也有了越來越高的要求。新的課程體系，必須大膽的刪減老套的、不實用的課程，大膽的增加新軟件、新實戰的課程。而為了能讓學生在有限的大學期間里，學到一畢業就能夠適應公司、適應社會的東西，才是目前最急缺的。為了學生的綜合能力的發展，具體說下網絡媒體專業在學期間的必修課程：

1 基礎課程

設計素描：是一個把失敗的考前教育，通過學生在原來的造型功底上加以變化，按照各種引導與命題來擴展及開放思維的課程。

設計色彩：讓學生對色彩的歸納、顏色的搭配都有一定的深入認識。

設計速寫：把風景寫生中的寫實、寫意、透視及設計的完美結合，為以后每個設計作品的初稿奠定基礎。

三大構成：將會使學生在日后的網絡媒體設計中，設計出極具專業水準的作品。網絡媒體設計是呈現在顯示器規定視覺空間內的設計工作，點線面與色彩的合理布局至關重要。

2 專業基礎課程

Photoshop：本課程將詳細講解Photoshop強大的圖像處理功能及高級技巧，針對平面設計、網頁設計等專業的各種應用實戰性教學。

版式構圖與設計技巧：是一門根據平面中的版式進行延伸，對網頁設計中的網頁的版式，構圖的掌握及學習方法，是網頁設計中的必修課程。

Illustrator：同是Adobe公司旗下的設計軟件，是一款矢量圖軟件，其圖像處理功能及高級技巧，針對平面設計、網頁設計以及flas等專業的各種實際應用實戰教學。

字體設計：對平面設計和網頁設計中的字體的變形、設計、應用，不同字體的搭配，以及進行相關的排版設計。是網頁設計中的必修課程。

Logo設計：系統講授怎么去針對一個公司的企業形象，通過對公司各方面的理解，做出賦有其文化、理念、標志性的logo。

廣告策劃：是對于提出廣告決策、實施廣告決策、檢驗廣告決策全過程作預先的考慮與設想，是對廣告的整體戰略與策略的運籌規劃。

廣告設計：利用之前課程中對圖象、文字、色彩、版面、圖形等表達廣告的元素，結合廣告媒體的使用特征，通過相關設計軟件來為實現表達廣告目的和意圖的設計。

3 專業課程

Flas：熟練掌握二維動畫的創作，通過對網站中banner的設計，成功把平面設計中的廣告轉化為動態廣告。

Fireworks應用：學會使用Fireworks優化并導出網頁。

網頁界面設計：對網頁的版式構圖、字體搭配、色彩搭配等必備知識的掌握，對歐美、日韓及中國現在流行的搭配風格進行解析，讓學生對網頁界面有一定的認識與應用，是網頁設計中的必修課程。

網頁設計：掌握網頁設計的基本工作流程，了解 Dreamweaver在流程中的作用；學習HTML的基本語法、修改常用的HTML標簽；掌握網頁設計的基本原則，熟知建立網站并生成網頁的基本流程。

DIV+CSS布局：學習附加外部樣式表，鏈接方式和導入方式；新建樣式，類、標簽，新建樣式表文件；詳解使用 DIV+CSS布局和Web2.0頁面和網站布局的方法和流程。利用Dreamweaver 實現網站。

Javascript交互：運用語言程序的構成和編寫；使用 Javascript 給頁面添加動態交互事件；對表單本地數據驗證，降低服務器的負荷；制作廣告，頁面漂浮圖片等常用效果；提供數據驗證的基本功能，js的作用也主要在實現網頁的一些特效，css難以實現的特效，通常和Jquery，Ajax，聯合使用。

網絡媒體設計綜合實訓：開放的網絡媒體設計項目實習，使學員完全掌握網絡媒體設計流程和各個環節將面對的問題及對應的解決方案。著重訓練綜合設計和操作大型項目的能力。針對網絡媒體行業的需求進行實訓，無縫連接。

UI圖標設計：iOS圖標模仿秀，水晶、玻璃、金屬各種質感經典案例演示，創造一組屬于自己的個性圖標，各平臺圖標設計規范與設計趨勢。

UI界面設計：手機應用界面的規范與設計，天氣、新聞資訊、社交網絡、音樂播放器各種主題風格的制作與技巧。界面設計要和用戶研究緊密結合，是一個不斷為最終用戶設計滿意視覺效果的過程。

UI交互設計：交互設計與用戶體驗設計，AxureRP交互原型繪制工具使用，需求分析、用戶研究、思維導圖，演示完整的手機APP的制作流程。

就以上必修課程在教學時序的安排上，從設計的基礎-平面設計-網頁設計-視覺強化設計-UI交互設計。本著由淺入深、逐步深化的原則，每一方面的課程都要保證后續課程的開設是前面課程的深入。不同方面的課程間，能在同一個學期相互配合的課程絕不作跨學期安排。保證學生每個學期所學到的知識都是全面的。

總的來說，把網絡媒體作為一個行業和一個完整的專業體系來看，加強課程體系的建設，有助于實現更高的教學目標、培養學生的綜合能力，從而更好的適應人才市場的變化，為學生的就業打下更好的基礎。

參考文獻：

[1]郭曉陽，劉立偉.網絡媒體設計[M].水利水電出版社.

第5篇：網頁設計的流程范文

何為視覺傳達設計，視覺傳達設計是指運用視覺表現的手法傳達給用戶的設計方式。較為傳統的傳播媒介是平面類印刷紙質類，現在主要利用各種電子媒介作為媒介。根據相關數據2013年中國互聯網使用人數已過6億。所以互聯網傳播作為新的媒介，與平面類紙質媒介不大相同的地方是它更加強調了“交互設計”理念。

關鍵詞：

網頁交互設計；視覺傳達

因時代的進步互聯網絡的快速發展是必然的，作為一種全新的視覺傳播媒介，具有迅速、價廉、及時、傳播面廣的特點。網頁作為互聯網的代表傳播方式之一，它的設計既要有傳統平面該有的設計特點，還要有現代技術的組成，將技術與藝術巧妙的相融為一體的交互性活動。本文嘗試著從視覺傳達設計中文字、色彩和排版對人生理和心理的作用應如何運用到網頁設計的交互式上，幫助設計師更好地利用視覺表現讓客戶達到良好體驗。在筆者看來，一個好的設計師或互聯網技術人員未必能夠做好網頁設計，因為它不只是光需要設計師的審美或技術人員的開發。一個好的互聯網產品需要產品經理與設計師和技術人員的三方溝通，一個優秀的設計師其實可以勝任產品經理加設計師的工作。所以我們在做網頁設計時，應該以一個產品經理加設計師的思維共同設計。心里的思路應該很清晰，例如我們的客戶群體是哪些、他們有哪些習慣、我的顏色該如何搭配、字體用什么才能吸引讓客戶群體等等，這些都是在進行網頁設計前所要思考的，至于如何正確地匹配到這些選項，還需要我們仔細地探究。一個好的網頁設計并不是簡單地把文字圖片放上去就夠了，我們需要揣測用戶的心理因素和生理本能，比如說網頁的大小比例、字體大小、圖片大小和整體的排版風格。下面就跟大家淺談下網頁設計中的信息視覺傳達：

1文字

對于在網頁上的文字設計來說字體的基本要求是可閱讀性，其包括文字的大小、字與字的間距、段與段的間距和行列長短間距等方面的處理。很少一些網頁對字體進行再次設計，原因是不同的計算機操作系統和字體文件安裝都是不同的，所以必須選取一些常規的字體，否則一部分用戶上的字體就會變成默認字體，這將與設計者本身的設計意圖大大相否。其次，用戶使用的屏幕顯示也對字體有一定的影響，設計是大多數會采用宋體或黑體兩種字體，從用戶心理感受來說，宋體字較為活躍、生動，閱讀起來不容易疲勞。而黑體字方正端莊，線條粗獷醒目，但在縮小到一定程度時容易模糊，造成識別困難。

2色彩

色彩設計對于一個優秀的設計來說非常重要，在網頁設計中也是設計的關鍵，在互聯網快速的閱讀中如何第一秒吸引到用戶成為視覺傳播的關鍵。人對色彩是相當敏感的，當他們首次接觸一個網頁時，最先吸引其注意力的就是網頁的顏色，其次是圖像，最后是文字。色彩給其他人的印象特別強烈，所以設計師最容易通過色彩去表達他的設計意念，例如天貓和京東的紅白色主頁的設計，強烈的顏色沖擊了人們的心理視覺給人強烈的購買欲望。網頁上的顏色主要表現在主導色、輔助顏色和背景顏色這幾個方面。占顏色面積最大的是網頁主色調。主色調像是一幅畫中的主色，在創造特定的氣氛與意境上發揮主導作用。第二大的是輔助顏色，起的作用是強調或調和。網頁的背景色是增加畫面空間感的重要措施。例如，較暗的背景色與鮮明的主導色形成鮮明的前后空間關系。設計師對不同功能的色彩進行理解和分析，搭配好主色、輔色和背景色的運用比例才能給用戶一個良好的視覺體驗。

3排版

排版設計在網頁設計中也可以叫做頁面布局，把零散的網頁名稱、導航欄、搜索欄、圖形、文字和符號進行點線面排版。四周的“空間”并不是沒有的，可以留白或留灰，突出頁面主題物讓網頁在使用中更加簡潔和便利。設計師根據“以虛托實、以無襯有”和信息傳達的要求進行合理排版，此時需要注重用戶心理的潛意識和生理的行為習慣進行排版設計。比如用戶在瀏覽頁面時，第一眼優先注意到的是四周留白的文字，這就是視覺的邊際效應在虛空間的一個體現。從而使設計師設計的平面網頁能夠充分與用戶有所“交互”，使用戶體驗獲得更佳的視覺印象。

4視覺規律

視覺規律是根據人的視覺心理因素和生理習慣而決定的。人有兩只眼睛但是因為人的眼球原理只允許產生一個視覺焦點，不能同時停留在兩處以上（包含兩處）的地方。因此人們自由閱讀時，都會有一個生理習慣，從上往下和從左往右閱讀。心理學研究顯示出，在一個平面內人在閱覽上半部分時會讓人感到輕松愉悅，下半部分時則會感到郁悶壓抑。同樣左半部分讓人感到輕松愉悅，右半部分則會感到郁悶壓抑。所以左上部分稱為“最佳閱覽區”。視覺流程導向又分為導向類視覺流程、重心視覺流程、反復視覺流程、散點視覺流程，我們在網頁設計中就可以依據這些用戶的生理和心理的“規律”來進行交互設計，從而使用戶達到良好的使用體驗。優秀的網頁設計師提供愉悅的交互式體驗，不僅對文字、色彩和排版進行探究設計。網頁上操作面板上的按鈕和開關和導航的分欄等，設計師利用交互性及時讓用戶知道如何操作這是很重要的。那么設計師必須合理地運用示能、意符、約束、映射和反饋這幾個心理學概念進行科學的設計。

參考文獻：

［1］王愉，隋涌.論網頁視覺要素設計［J］.北京印刷學院學報，2005（04）.

第6篇：網頁設計的流程范文

購買推薦

圖書分析師龐敏麗認為該書書從網站設計最基本的內容一步一步地講解設計理論、設計組成、設計方法，引導進行設計規劃和制作，分析色彩規律，指導色彩實戰應用，講述設計心理學、用戶體驗，全面、完善、系統地講述網站設計與網頁配色。

通過對生意寶旗下比購寶(Boogle.cn)——“網絡購物第一站”收錄的博庫書城、淘寶網、京東商城、亞馬遜、當當網、拍拍網、文軒網、中國互動出版網、99網上書城等眾多含圖書銷售的網站，價格搜索顯示，目前，當當網該書為最低價，推薦購買。

目錄

1　網頁設計概述

1.1網頁設計基礎知識

1.1.1網頁設計的概念

1.1.2網頁設計的定位

1.1.3網頁設計所屬的范疇

1.1.4網頁設計的準則

1.2用戶的閱讀習慣

1.2.1人機交互的概念

1.2.2用戶習慣分析

1.2.3易用性設計

1.3網站類型

1.3.1綜合(門戶)類網站

1.3.2新聞類網站

1.3.3交易類網站

1.3.4 IT類網站

1.3.5教育類網站

1.3.6生活娛樂類網站

1.3.7政府類網站

1.3.8個人類網站

1.3.9功能型網站

1.3.1 0其他行業類網站

1.4網絡的特點

1.4.1信息的開放性

1.4.2信息的互動性

1.4.3信息的不穩定性

1.4.4網絡時代性

1.4.5信息傳播的迅速性

1.5網頁設計方法分析

1.5.1欄目劃分法

1.5.2網格劃分法

1.5.3色彩定位法

1.5.4 Lo90弓1導法

1.6網頁設計實踐分析

1.6.1聯合利華網站設計方案分析

1.6.2西部數據色彩設計網站方案分析

2　網頁制作的基本流程

2.1網站資料整理

2.1.1文字資料歸納整理分類

2.1.2圖片資料整理篩選分類

2.1.3視頻素材篩選

2.1.4 Flash動畫

2.2準備素材(使素材符合網頁設計需求)

2.2.1準備圖片素材

2.2.2文字再編輯，提取要點，總結標題

2.2.3視頻素材的剪輯及壓縮處理

2.3網站結構劃分

(網站腳本編刨)

2.3.1根據素材分析網站結構

2.3.2提取分類列出欄目

2.3.3欄目下子欄目劃分

2.4網站風格定位—一風格設計

2 4.1分析網站的主題定位——網站主基調

2 4.2風格的統一與變化

……

3　網頁設計的理念

4　網頁設計頁面布局

5　新型網站設計

6　色彩基礎知識

第7篇：網頁設計的流程范文

關鍵詞：網頁設計制作；DreamweaverCs5；功能；應用；發展

中圖分類號：TP311 文獻標識碼：A 文章編號：1009-3044（2013）24-5428-02

網站開發工具的出現是在1997年，隨著時代的不斷改革與變化，網站開發工具也有了新的突破。DreamweaverCs5網站開發工具為使用者進行網站設計制作提供了方便，節省了工作時間。它新增了很多功能，為廣大使用者展現的是一種可視性網站工作界面，其操作性極強，有豐富的站點管理，它的出現提高了網頁設計與制作的水平，豐富了網頁設計的表現形式。

1 DreamweaverCS5在網頁設計中的應用

DreamweaverCs5在現今網頁設計與制作中得到了廣泛應用，在網頁設計制作中發揮著重要作用，對網頁設計制作的發展具有一定的積極意義。

首先，DreamweaverCs5中的ASP功能較為強大，它是微軟公司通過不斷研發，開發出的一種代替CGI腳本程序的新程序。ASP主要在服務器端使用，它能夠實現與數據庫以及其他相關程序的交互工作，其編輯程序較為簡便，減少了網頁設計制作中的復雜程序，是網頁設計與制作編程工作中的一大進步，提高了網頁設計與制作的水平。

其次，ASP在網頁運用中沒有過多的局限性，它的文件格式為asp，在動態網站中得到了充分應用，它不限制在哪個網站中能使用，在哪個網站上不能使用，在使用中有較大的自由性，這也是它在網頁設計與制作中常被用到的原因之一。

再者，ASP程序具有較大的靈活性，它能夠在VisualInerdev＼UltraDEV等多種編輯器中使用，另外，客戶端在進行網頁設計與制作前期可以采取所見即所得的網頁制作軟件，對所要制作的網站進行整體框架設計，整個網頁模板成型后再利用DreamweaverCs5中的JavaScript等多種腳本語言進行進一步的設計與修整，使網頁設計更加精美。

DreamweaverCs5軟件在網頁設計與制作中的運用，實現了設計制作與網頁觀看的同步，它支持客戶端在編輯網頁的過程中及時查看效果，有利于客戶端及時發現網頁設計制作中的錯誤與不足，從而有效的進行改正，確保網頁設計制作的質量，提高客戶端網頁設計制作的水平。

2 DreamweaverCS5的新增功能

DreamweaverCs5相對以往的網頁制作編程軟件有了明顯的改變與突破，它又增加了很多新的功能，支持多種編輯器的交互使用，是網頁設計與制作的好幫手。以下列舉的就是DreamweaverCs5推出后的新增功能。

2.1 FTP程序的性能能到進一步完善

FTP是一種上傳工具，它的主要作用是將網站文件傳輸到網站上。DreamweaverCs5中的FTP程序支持大型文件的上傳，并且改良后的多線程FTP程序在傳輸文件時，速度較快，節省了大量時間。改良后的FTP傳輸工具性能極好，提高了FTP傳輸工具的上傳速度，大大縮短了網頁制作及上傳的時間。

2.2 BusinessCatalyst 集成面板

新增的BusinessCatalyst 集成面板其主要作用是利用BusinessCatalyst 集成面板及AdobeBusinessCatalyst的有效連接，從而編輯建立網站，此集成面板進行電子商務的網站建設時，采用的是較為完善的托管解決方案，使網站的建立工作進一步完善。

2.3 自適應網格板面

DreamweaverCs5新增功能中實現了自適應網格板面，運用CSS3自適應網格版面，可以快速的建立網站交流平臺，并支持多種瀏覽器查看網頁設計，具有一定的兼容性，為客戶端查看網頁作品提供了方便。另外，運用CSS3自適應網格版面，確保了代碼的正確性，將設計用簡單且符合標準的代碼表示出來，有利于客戶端的隨時查看，簡易的代碼客戶端能夠輕易的發現網頁設計與制作中出現的問題，大大提高了網頁設計與制作的效率。

2.4 jQuery 移動框架

新增的jQuery 移動框架功能在DreamweaverCs5軟件編程中具有重要作用，它能夠為iOS 以及Android網站平臺提供性能良好的本地應用程序，為各網站之間的交流與共享提供了方便。

2.5 AdobePhoneGap 支持

AdobePhoneGap功能與jQuery 移動框架功能較為相似，它們都是為iOS 以及Android網站平臺創建本地應用程序，而不同的是AdobePhoneGap功能創建起來更加輕松，簡易。并且它不僅能夠創建本地應用程序，還能夠對本地應用程序進行封裝。它創建本地應用程序主要是依靠改變網頁中原有的HTML代碼來實現的，另外，采用PhoneGap模擬器還能夠對自身所設計的網頁進行檢查，提高了網頁設計與制作的質量。

3 DreamweaverCS5的發展趨勢

Dreamweaver是一種所見即所得的網站開發軟件，客戶端在網頁編輯的過程中能夠隨時查看網頁設計的狀態，它支持多種瀏覽器預覽網頁設計作品，為客戶端進行網頁設計與制作提供了諸多方便。

最早Dreamweaver網站開發工具的出現是在1997年，這一年Macromedia公司推出了Dreamweaver1.0，它的出現為網頁設計制作者提供了方便，引起了網頁設計者的使用風暴，得到了廣大使用者的青睞。隨著網絡設計水平的不斷提高，Dreamweaver在2002又有了新發展，2002年5月Macromedia公司正式推出了DreamweaverMX編程開發具，DreamweaverMX與Dreamweaver1.0的不同點在于它能夠對HomeSite中的重要程序代碼進行編輯整合，從而形成Dreamweaver開發工具的核心環境，擺脫了以往單一的開發環境，它支持使用者可以根據自己的使用習慣來選擇建立網站及應用程序的方式，使用者在使用中有了一定的選擇自，是DreamweaverMX的一大亮點。后來，Macromedia公司合并后加入了Adobe 公司，兩個公司共同在2005年5月研發出了新型的網站開發工具，也就是DreamweaverCS5，它的出現引起了客戶端與使用者的轟動，原因在于DreamweaverCS5新增加了以往網站開發工具中所沒有的功能，它能夠運用CSS樣式表進行網頁設計，減少了編輯代碼的繁瑣，部分設計可以在CCS樣式編輯器中進行代碼編輯，避免了代碼錯誤而導致的網頁制作錯誤。它的出現使網站開發工具步入一個新臺階，不僅為使用者的網頁設計制作工作提供了方便，還在一定程度上提高了工作效率，減少了網頁設計制作中的失誤。此外，它支持所見即所得，是一種可視化的開發界面，符合現代網頁設計制作的流程，是網站開發工具的一大創新。

4 結束語

DreamweaverCS5在網頁設計與制作中的廣泛應用是當今的網站發展形勢所趨，它相對于以往的開發工具而言，其新增功能較多，并且功能性極強，適應了網頁設計與制作的需要及發展。DreamweaverCS5打破以往的局限，以一種可視性所見即所得的界面呈現在設計者面前，使設計者能夠及時查看網頁設計中的效果，有利于網頁設計與制作的開展。

參考文獻：

[1] 劉暢.DreamweaverCS5在網頁制作中的應用[J].計算機光盤軟件與應用，2012，21（32）：220-221.

[2] 鄧文達，武國英.DreamweaverCS5網頁設計與制作[J].清華大學出版社，20103（9）：277-278.

[3] 孫印杰.DreamweaverCS5的新增功能與改進[J].電子工業出版社，2008，3（3）：62-63.

第8篇：網頁設計的流程范文

“以用戶為中心的網頁設計”（User-CenteredDesignortheweb），是指在進行網頁設計時從用戶的需求和用戶的感受出發，圍繞用戶為中心設計網頁，而不是讓用戶去適應網頁，這都需要考慮用戶的使用習慣、交互方式及視覺感受等方面。以用戶為中心說明設計的關注點逐步由技術轉向人。以用戶為中心的網頁設計的最基本思想就是將網站的目標用戶時刻擺在首位，讓用戶盡早參與到設計中來。

2以用戶為中心的網頁設計研究的意義

（1）使設計師充分的了解目標用戶群的需要，再結合市場的需求，就大大降低了網頁的后期維護成本，同時避免回爐返工的情況出現。如果在網頁中將“我們很關注他們”的感受傳達給用戶，他們對網站的接受程度就會上升，以此提高用戶的忠誠度。

（2）“好的體驗應該來自用戶需求，同時超越用戶需求”。基于用戶需求的設計對網站進行整體的規劃也是非常有幫助的，同時也有利網站可持續發展。

3以用戶為中心的網頁設計的原則

（1）合理地分配用戶與系統之間功能。明確哪些任務由用戶來完成、哪些任務需要網站來實現。

（2）用戶的積極參與。用戶的積極參與是以用戶為中心的網頁設計方法的主要優勢之一，用戶在參與網頁開發和設計的過程中，要讓他們感受到被重視以及他們的意見被認真的協商采納，而不要有將想法強加于他們的感受。

（3）網頁設計要反復進行設計、修改和測試，它是個循環過程。迭代式開發工作可以在需求被完整地確定之前啟動，并在一次迭代中完成系統的一部分功能或業務邏輯的開發工作；再通過客戶的反饋來細化需求，并開始新一輪的迭代。因為用戶的需要會隨時間有所改變以及處理多種需要的網頁設計解決方案本身就具有復雜性，所以迭代式設計是以用戶為中心的網頁設計的關鍵。

（4）需要多方的設計團隊參與。以用戶為中心的網頁開發是一個合作的過程，需要多方人員積極參與到其中。根據具體情況不同，設計隊伍主要包括以下人員：項目經理、網頁設計師、軟件工程師、客服人員及用戶代表等。

4以用戶為中心的網頁設計的內容

4.1關注用戶

讓目標用戶盡早的參與到網頁設計中，用戶的組成由開發人員確定。用戶的參與方式有以下幾種：包括與用戶交談、觀察用戶的使用行為、使用戶在工作時邊想邊做、調查和問卷、讓用戶參與設計等。獲取用戶需求、目標、任務的方法多種多樣，每一種方式都有一定的優缺點，不同類型、不同目標的網站需根據自身的具體情況選取合適的方法。

4.2集成化設計

用戶界面的框架設計要在初期進行開發和測試是集成化設計的一個重要特征之一。這是以用戶為中心的網頁設計的重要特點。它確保此后各階段中進行的遞增式設計能夠天衣無縫地適合網站框架，而且網站的用戶界面在外觀、術語和概念上都能保持一致。

4.3初期用戶測試

初期用戶測試針對的是低精確度原型的圖紙及樣型。該初期原型用來為設計之中的系統編寫具體使用場景。可以采用講解、帶圖示的講解（用樣型演示）、示意板、預排等形式。這樣就可以大大減少網頁設計中的失誤，比如實施開始后才發現設計不當或需求理解有誤等，同時也降低了開發成本。

4.4迭代式設計

第9篇：網頁設計的流程范文

關鍵詞 網頁設計 網站建設 教學改革

中圖分類號：G420 文獻標識碼：A

Disintegrating of The Teaching Reforming on the Course of "Web

Design and Website Construction" in Higher Vocational Schools

REN Dongyan

(Guangxi Economic Management Cadre College, Nanning, Guangxi 530007)

Abstract"Web Design and Website Construction" is a very high operational and practical course,. According to the course model, also combined with market demanding capacity of Web designers, we should particularly stress to enhance students learning ability, practical ability, diverse integrated design ability and innovation ability during the teaching process.Author, based on her own teaching experience for the course "Web design and Website construction", analysising of the existed problems, then propose improvements for teaching content, teaching methods, program evaluation and practical application ext. to achieve better teaching effects.

key wordsweb design; website construction; teaching reforming

《網頁設計與網站建設》課程是計算機相關專業的專業基礎課程之一，本課程的教學目的是希望學生能夠熟練掌握網頁設計軟件的使用技巧，獨立設計開發網站項目，但這門課程無論是教學內容還是教學方法以及考核方式等方面都有其特殊之處。這是一門集理論性、實踐性、應用性，創新性等綜合性較強的課程，知識涵蓋圖形圖像處理、Flas、色彩搭配、數據庫等多門課程。因此，在實際的教學過程中存在一定的難度，教學效果也常常不盡人意。筆者結合自身的教學經驗，對該門課程的教學、考核、應用等方面進行了一些研究和探索。

1 課程現狀

（1）教學內容上不夠全面。該門課程常用的教學軟件為Adobe dreamweaver,但在實際的網站制作過程當中，僅此一個軟件無法滿足設計需要，還需要其他的軟件如PHOTOSHOP,FLASH等軟件來制作網站中的一些元素，但同時講多個軟件又受到課時的限制，還要防止課程之間的交叉，而且學生在同一門課程中接觸的軟件多，知識點多，容易產生混亂，反而教學效果不明顯。而且該軟件版本更新太快，使得相應的功能也發生變化，但教材從印刷到出版再到使用需要一定的時間，因此經常出現教材與實際應用軟件的版本不符的現象。

（2）教學方法上相對單一。這門課程在課時安排上一般分為理論教學和實踐教學，教師先進行理論講授，學生再進行上機操作。這種教學方法學生也能夠掌握網頁設計的技巧，但很多內容學生聽過之后就忘了，再加上有些知識點缺乏生動的案例講解，純粹的理解比較難，課堂吸引力不夠，學生學習的積極性有所下降。并且由于這門課程的實際應用領域較廣，社會對網頁設計人員的需求也在不斷提高，學生僅從課堂上獲取的知識是有限的，缺乏實際的網站建設經歷，使得學生綜合應用能力和實踐操作能力較弱，遠遠達不到社會對一個網站建設者的要求。

（3）考核方式不夠靈活。該門課程的考核方式一般使用筆試，學生為了順利通過考試或得到高分，死記硬背一些基本概念，軟件界面及操作流程，而實際的網站制作技巧和設計技能無法體現，忽視了對學生的實踐能力、知識運用能力以及獨立思考能力的培養, 更談不上對學生創新能力的培養。使得學生最終考試成績無法真正體現學生的學習掌握能力，課堂上的教學與社會真實需求嚴重脫節。

（4）實際應用能力無法體現。大部門的課堂時間用于在工具軟件的使用方法和技巧上，由于受到時間以及教學環境等條件的限制，實際的網站綜合開發則無法達到集中的訓練，實際的應用當中去，以致于課程結束大部分學生掌握了軟件的操作方法，但無法全面地掌握一個完整網站建設的整體流程，真正能獨立設計一個整潔美觀、功能齊全的網站的學生較少，學生的綜合運用能力和創新能力無法提升。學生學習完該門課程后真正的實際應用能力沒有體現。

2 改革方案

在《網頁設計與網站建設》課程的教學中，我們要以提高學生綜合應用能力為目標，教學中面向應用，重視實踐，培養學生的操作技能，自主學習意識和創新意識，提高學生的分析問題和解決問題的能力及團隊精神和合作能力。結合目前該課程的教學現狀和培養目標，現提出相應的改革方案如下：

2.1 教學內容改革

教學內容的設置應與目前社會對網頁設計人員的需求相結合，適應市場不斷變化。該課程應以 Dreamweaver 軟件為主線, 內容涉及動畫制作、圖像處理、腳本語言等網頁設計過程中常用的一些知識，讓學生明確各個軟件在網頁設計過程中的作用及常用的操作。強調從實踐應用出發，以項目案例為導向，介紹網頁設計和制作的技術，突出學以致用。通過該課程的學習, 使學生掌握網頁制作的基本知識, 熟悉網站設計的全過程, 并能熟練獨立的制作完整的網站。同時，還要注意課程體系的緊密結合，循序漸進。既是對《計算機應用基礎》等前序課程的鞏固和加強，又為《動態網站開發》等后序課程提供堅實的基礎。但是網頁設計技術一直在不斷的更新和發展, 新技術、 新方法層出不窮, 需要教師在授課過程中要注意知識的更新和儲備，將最新、 最實用的技術引進到課堂中，彌補教材的不足，保持知識的先進性。

2.2 教學方法改革

（1）案例式教學。在教學過程中，靈活運用精彩案例來提高學生學習興趣。互聯網上的每一個網站都是一個案例，但都有各自不同的特點，教師要根據具體課堂需要選擇合適案例，然后針對案例所展示的效果及使用的技術進行分析講解，最終解決問題并知識總結。例如在學習如何插入FLASH動畫時，可以先打開已經使用FLASH動畫的案例，使同學們看到FLASH動畫在網頁當中正常播放所產生的效果，進而激發學生學習的興趣，使得學生在學習案例的過程中能迅速掌握相關的知識點，活躍了課堂氣氛，提高課堂的教學效果。

（2）任務驅動式教學。即根據課程講解的內容，布置相應的任務。任務驅動式教學強調學習內容要與任務結合起來，以任務為主線，合理安排課程結構，引導學生自主學習，保持學習的動力和興趣。在課程教學中，教師根據課程的進度，布置相應的任務給學生，讓學生運用所積累的知識，分析其設計方法并自主完成任務。教師在整個過程中要觀察學生的操作細節，檢查完成狀況，及時給予指導。例如在講到網站超級鏈接的制作方法時，由于涉及到的鏈接方法有很多種，如錨點鏈接、下載鏈接、熱點鏈接等，教師要安排相應的任務給學生練習，熟練掌握每種鏈接在什么情況下使用，怎樣使用等。通過學生親自動手，對所學的知識進行了鞏固，同時也是查漏補缺的過程，提高了學生的積極性和主動性。

（3）項目式教學。在學習完基礎知識和網頁設計技巧之后，需要對所學的知識進行一個系統的練習和綜合運用。教師可根據需要出發，以項目為驅動，將實踐操作貫穿于整個教學過程當中。首先教師要給學生確定一個項目比如制作一個電子商務網站，然后由學生自己去思考，分析該電子商務網站的設計流程，所需素材，涵蓋的知識點，設計技巧等，最終完成網站的設計、制作、測試、和維護等過程。也可以帶領學生到一些網站制作公司中去實習鍛煉，參與到網站制作的項目中去，直接面對面的與客戶交流，更有利于學生了解網站建設流程和知識儲備。學生在思考、交流、參與設計的過程中，會遇到各種各樣的問題，使得學生會自主學習，總結經驗，鞏固知識，真正達到學以致用，融會貫通。

2.3 考核方式改革

這門課程應該取消筆試考核，直接上機考試，增強綜合實踐能力考核。可將這門課程的分數比例改為：平時表現（10%）+上機作業（20%）+上機考試（70%）。其中平時表現即為上課考勤情況，學生的學習態度，完成任務情況等。上機考試即為是否完成平時課程任務及完成的程度如何。上機考試指的是組織學生到機房進行考試，每人一臺電腦，監考教師把預先準備好的網頁設計題目放在服務器上并設置共享，學生通過訪問服務器來查看本次上機考試的題目，并根據教師提供的相關素材和資源在規定時間內完成網頁的設計以及美化工作，做完以后保存并上傳至服務器。最終教師要綜合比較網頁設計中多方面的因素，如頁面圖像的處理效果，網站的鏈接結構，配色效果，整體搭配等給出合適成績。這種考核方式比較注重理論與實踐的緊密結合，解決了傳統考試中存在的一些弊端，促使學生轉換學習態度，掌握正確的學生方法，培養個人獨立思考能力以及綜合運用能力。

2.4 實踐應用的改革

學生學習完課程后，要真正達到市場需求還有一定的距離，還需要經歷很多方面的鍛煉及提高，學校可以組織學生參加各種類型職證考試。如CIW認證、ADOBE認證等，也可以組織學生參加各種網頁設計大賽，計算機應用能力比賽等賽事，學生自己也完全可以創造條件，制作博客、個人網站、論壇等各種形式的網站，通過互聯網這個平臺將自己的網站出來，供用戶使用。這些既是對學生能力的測試，也使學生積累了網頁設計與網站建設的實戰經驗，畢業后更能適應社會的需求，增強就業競爭力。

3 結束語

綜上所述，在《網頁設計與網站建設》 課程的教學中， 教師應根據課程設置的教學目標，具體的學習環境和社會對人才的需要，改變陳舊的教學模式，更新教學內容，創新教學方法，改革考核方式，加大實踐力度。使這門課程設置更加科學化、規范化、合理化，以培養高素質的應用型、技能型人才。

參考文獻

[1]劉敏娜,葛萌.《網頁設計與制作》課程教學的創新性改革[J].中國新技術新產品,2009(2).

[2]韓陵宜.《網頁制作》課程教學及考核方式的研究與探索[J].電腦知識與技術,2008(14).