網(wǎng)頁設(shè)計(jì)的流程精選(九篇)

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

第1篇：網(wǎng)頁設(shè)計(jì)的流程范文

【關(guān)鍵詞】一流縣供電企業(yè)；組織機(jī)構(gòu)；安全管理；項(xiàng)目管理；科技創(chuàng)新

一、有序推進(jìn)同業(yè)對標(biāo)創(chuàng)一流工作

（一）建立同業(yè)對標(biāo)創(chuàng)一流組織機(jī)構(gòu)

重視同業(yè)對標(biāo)創(chuàng)一流工作的組織建設(shè)，從柔性組織機(jī)構(gòu)和行政組織機(jī)構(gòu)兩個(gè)方面建立健全同業(yè)對標(biāo)創(chuàng)一流組織機(jī)構(gòu)，分層落實(shí)同業(yè)對標(biāo)創(chuàng)一流工作責(zé)任，為同業(yè)對標(biāo)創(chuàng)一流的穩(wěn)步推進(jìn)提供了組織保證。形成了主要領(lǐng)導(dǎo)親自抓，分管領(lǐng)導(dǎo)重點(diǎn)抓，專業(yè)組齊心抓，歸口部門組織實(shí)施和檢查考核，相關(guān)部門貫徹落實(shí)的良好局面，構(gòu)筑了黨、政、工、團(tuán)齊抓共管的同業(yè)對標(biāo)創(chuàng)一流工作組織體系。

（二）建立同業(yè)對標(biāo)創(chuàng)一流常態(tài)管理機(jī)制

同業(yè)對標(biāo)創(chuàng)一流歸口部門每月在司務(wù)會(huì)上匯報(bào)上月同業(yè)對標(biāo)創(chuàng)一流工作開展情況，布置月度同業(yè)對標(biāo)創(chuàng)一流重點(diǎn)工作，各部門積極組織實(shí)施，初步建立了同業(yè)對標(biāo)創(chuàng)一流常態(tài)管理機(jī)制。

（三）開展同業(yè)對標(biāo)指標(biāo)定期分析

確定同業(yè)對標(biāo)指標(biāo)體系各項(xiàng)指標(biāo)的年度目標(biāo)，并分解到季度、月度跟蹤考核，落實(shí)指標(biāo)責(zé)任部門，對每一項(xiàng)指標(biāo)均確定1名具體責(zé)任人。定期分析同業(yè)對標(biāo)指標(biāo)完成情況，查找指標(biāo)偏差原因，提出提升指標(biāo)的管控措施，指標(biāo)管理得到進(jìn)一步重視和加強(qiáng)。

（四）深入總結(jié)專業(yè)管理典型經(jīng)驗(yàn)

根據(jù)國家電網(wǎng)公司、福建省電力有限公司的最佳實(shí)踐庫信息，各專業(yè)積極組織學(xué)習(xí)行業(yè)內(nèi)對口專業(yè)最佳實(shí)踐，不斷優(yōu)化專業(yè)管理流程，改進(jìn)各專業(yè)工作。成立專業(yè)典型經(jīng)驗(yàn)提煉項(xiàng)目組，積極組織各專業(yè)部門深入、客觀地總結(jié)典型經(jīng)驗(yàn)，充分挖掘?qū)I(yè)管理流程的優(yōu)點(diǎn)，提煉專業(yè)管理最佳實(shí)踐。安全、線損、供電可靠性、電壓無功和優(yōu)質(zhì)服務(wù)5項(xiàng)專業(yè)管理經(jīng)驗(yàn)入選福建省電力有限公司縣供電企業(yè)最佳實(shí)踐庫。

二、積極推進(jìn)機(jī)制、管理和科技創(chuàng)新

創(chuàng)新是企業(yè)管理的靈魂，公司積極推進(jìn)以用人為核心的機(jī)制創(chuàng)新，以標(biāo)準(zhǔn)化、同業(yè)對標(biāo)為核心的管理創(chuàng)新，以信息化建設(shè)為核心的科技創(chuàng)新，為企業(yè)持續(xù)提升管理水平增添了活力。

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

推進(jìn)科技創(chuàng)新。所有管理崗位和各班組全部配備了微機(jī)，MIS系統(tǒng)涵蓋了企業(yè)生產(chǎn)、經(jīng)營、管理各個(gè)環(huán)節(jié)，各項(xiàng)信息實(shí)現(xiàn)了充分共享，實(shí)時(shí)在線。電網(wǎng)調(diào)度自動(dòng)化系統(tǒng)、信息管理系統(tǒng)、輸電GIS管理系統(tǒng)、配電GIS管理系統(tǒng)均通過福建省電力有限公司實(shí)用化驗(yàn)收。110kV及以下電壓等級(jí)的變電站全部完成綜自改造，實(shí)現(xiàn)了無人值班。推進(jìn)變電運(yùn)行集控系統(tǒng)建設(shè)，增添變集控所的投入使用，實(shí)現(xiàn)了傳統(tǒng)變電運(yùn)行管理模式到集控模式的轉(zhuǎn)變。

三、持續(xù)提升各專業(yè)管理水平

（一）落實(shí)安全責(zé)任，持續(xù)提升安全管理水平

落實(shí)安全責(zé)任。層層落實(shí)安全生產(chǎn)責(zé)任制，逐級(jí)簽訂業(yè)績考核責(zé)任書，做到“千斤重?fù)?dān)眾人挑，人人肩上有指標(biāo)”。建立中級(jí)管理人員與班組掛鉤聯(lián)系制度，開展黨員干部“五帶”活動(dòng)（帶安全、帶思想、帶作風(fēng)、帶技能、帶業(yè)績），領(lǐng)導(dǎo)干部深入現(xiàn)場、深入班組，研究解決現(xiàn)場安全生產(chǎn)存在的具體問題，在安全工作中起表率作用。各部門領(lǐng)導(dǎo)、安全員、班組長也在自己的職責(zé)范圍內(nèi)，敢抓敢管，勇于負(fù)責(zé)，促進(jìn)了安全責(zé)任的落實(shí)。

（二）科學(xué)規(guī)劃電網(wǎng)，持續(xù)提升項(xiàng)目管理水平

科學(xué)合理規(guī)劃電網(wǎng)，積極爭取資金，加強(qiáng)工程項(xiàng)目質(zhì)量管理，提升工程項(xiàng)目管理水平，又好又快建設(shè)永安電網(wǎng)，較好地滿足了地方經(jīng)濟(jì)建設(shè)發(fā)展及人民生活水平不斷提高對電能的需求。

科學(xué)規(guī)劃電網(wǎng)。隨著永安經(jīng)濟(jì)的不斷發(fā)展，實(shí)施“南商北工”的發(fā)展戰(zhàn)略，公司以電網(wǎng)規(guī)劃為龍頭，堅(jiān)持電網(wǎng)規(guī)劃建設(shè)適度超前的原則，滾動(dòng)修編完成永安電網(wǎng)主干網(wǎng)架、地區(qū)配網(wǎng)規(guī)劃和建設(shè)計(jì)劃，同時(shí)做到電網(wǎng)調(diào)度、配網(wǎng)自動(dòng)化等二次系統(tǒng)與一次系統(tǒng)協(xié)調(diào)發(fā)展。加強(qiáng)與地方政府有關(guān)部門的溝通，將電力規(guī)劃統(tǒng)一納入城市總體規(guī)劃之中。

加強(qiáng)項(xiàng)目管理。做好項(xiàng)目建設(shè)的前瞻性，建立提前三年前期項(xiàng)目可研工作常態(tài)機(jī)制。加強(qiáng)與政府、林權(quán)單位的溝通協(xié)調(diào)，取得其支持，以保障建設(shè)項(xiàng)目用地。

（三）深化兩全管理，持續(xù)提升經(jīng)營管理水平

樹立“理好財(cái)、管好家”的經(jīng)營理念，推行精細(xì)管理，嚴(yán)格控制成本，拓展電力市場，確保電費(fèi)回收，經(jīng)營管理水平持續(xù)提升。深化全面計(jì)劃、全面預(yù)算管理，引入“兩全”管理系統(tǒng)，將企業(yè)的資金流、物資流和信息流有機(jī)結(jié)合，提高預(yù)算管理的效能。進(jìn)一步規(guī)范供電營業(yè)區(qū)域，充分運(yùn)用銷售電價(jià)杠桿，引導(dǎo)燃煤自備電廠少發(fā)、停發(fā)或停建工作，杜絕非法經(jīng)營供電業(yè)務(wù)行為。

（四）加強(qiáng)技術(shù)監(jiān)督，持續(xù)提升生產(chǎn)管理水平。

加強(qiáng)技術(shù)監(jiān)督，強(qiáng)化專業(yè)指標(biāo)管理，深入開展規(guī)范化建設(shè)，持續(xù)提升生產(chǎn)管理水平。建立健全各級(jí)技術(shù)監(jiān)督領(lǐng)導(dǎo)小組和工作網(wǎng)，定期召開技術(shù)監(jiān)督網(wǎng)工作會(huì)議，研究解決技術(shù)監(jiān)督管理過程中存在的問題。提高專業(yè)技術(shù)人員待遇，努力調(diào)動(dòng)專業(yè)技術(shù)人員的積極性。實(shí)施設(shè)備主人問責(zé)制，實(shí)行重點(diǎn)跟蹤設(shè)備管理，及時(shí)準(zhǔn)確掌握設(shè)備健康狀況，提出改進(jìn)建議和措施，以此編制設(shè)備技改、大修滾動(dòng)規(guī)劃。認(rèn)真落實(shí)各項(xiàng)防止主設(shè)備事故措施，修訂完善現(xiàn)場運(yùn)行規(guī)程、檢修規(guī)程，有效預(yù)防和控制輸變電設(shè)備事故的發(fā)生。

第2篇：網(wǎng)頁設(shè)計(jì)的流程范文

關(guān)鍵詞 網(wǎng)頁設(shè)計(jì) 簡約主義 視覺呈現(xiàn)

中圖分類號(hào)：TP3 文獻(xiàn)標(biāo)識(shí)碼：A

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

1網(wǎng)頁設(shè)計(jì)視覺流程籌劃

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

視覺流程是視線在觀賞物體上移動(dòng)的過程，而網(wǎng)頁設(shè)計(jì)中的視覺流動(dòng)路線是相當(dāng)重要的。垂直的物體在頁面上會(huì)引導(dǎo)人們的視線做上下的運(yùn)動(dòng)軌跡，水平的物體在頁面則給我?guī)淼氖亲笥业囊曈X流動(dòng)，三角形的物體會(huì)讓我們的視覺由角頂開始做循環(huán)的視覺流動(dòng)，而圓形的物體往往會(huì)讓我們的視線呈輻射狀運(yùn)動(dòng)。

因此，網(wǎng)頁設(shè)計(jì)中不同的視區(qū)范圍有著不同的注目度。我們?yōu)g覽網(wǎng)頁時(shí)一般的閱讀習(xí)慣是從左至右，從上至下，因而我們會(huì)把一些重要的訊息，比如logo、通知、最新信息放在左上位置，通常我們叫這個(gè)位置為視覺中心。

2影響網(wǎng)頁頁面視覺呈現(xiàn)的要素

2.1網(wǎng)頁頁面的版面率

版面率指的是網(wǎng)頁設(shè)計(jì)中文字、圖形、圖像、顏色等的占有率，它不僅影響頁面信息傳達(dá)效率，也決定著整個(gè)網(wǎng)頁設(shè)計(jì)的視覺呈現(xiàn)效果。一般來說，版面率與視覺傳達(dá)效果以及設(shè)計(jì)創(chuàng)意成反比的。如圖（1、2）

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

2.2網(wǎng)頁設(shè)計(jì)的權(quán)衡布局及簡化設(shè)計(jì)

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

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

圖3 騰訊頁面設(shè)計(jì)

圖4 騰訊頁面設(shè)計(jì)

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

色彩是我們認(rèn)識(shí)事物的第一印象，我們在瀏覽網(wǎng)頁的時(shí)候?qū)σ曈X沖擊力強(qiáng)的網(wǎng)頁設(shè)計(jì)留下的印象最為深刻。因此一個(gè)好的網(wǎng)頁設(shè)計(jì)必定有一個(gè)很好的頁面配色設(shè)計(jì)，它不僅能更好的傳達(dá)信息，同時(shí)還能更好的與大眾的心理需求相契合，更大的發(fā)揮網(wǎng)頁設(shè)計(jì)中帶來的視覺效果。如圖（5、6）

根據(jù)季節(jié)的變更、促銷活動(dòng)的安排以及各品牌不同的文化理念，常常要做一些不同的網(wǎng)頁設(shè)計(jì)才吸引消費(fèi)大眾。因?yàn)槿藗冊陂L時(shí)間瀏覽網(wǎng)頁的時(shí)候很容易產(chǎn)生疲倦，在色彩的使用上，我們一般應(yīng)將色彩對比放在一些需要仔細(xì)閱讀或主要信息上，以免增加網(wǎng)頁瀏覽者的閱讀難度，引起視覺疲勞。同時(shí)，我們也不能采用一些辨識(shí)度低的顏色，盡可能把信息目標(biāo)更快更好的傳達(dá)到消費(fèi)者的眼中。

3結(jié)束語

在網(wǎng)頁設(shè)計(jì)過程中，我們應(yīng)繼承我國的傳統(tǒng)文化，形成獨(dú)特的設(shè)計(jì)風(fēng)格，拓展設(shè)計(jì)的視覺語言。與此同時(shí)，我們還要推陳出新，突出現(xiàn)代化，引領(lǐng)時(shí)尚潮流。以現(xiàn)代簡約主義的手法對中國的傳統(tǒng)元素和符號(hào)進(jìn)行提煉和二次設(shè)計(jì)，讓網(wǎng)頁設(shè)計(jì)獲得更強(qiáng)的視覺認(rèn)知力和藝術(shù)感力，營造一個(gè)自然、合理、順暢的視覺流程，更好的激發(fā)人們的審美情趣，引導(dǎo)人們在美的享受中接受傳達(dá)的信息，發(fā)現(xiàn)美好。

參考文獻(xiàn)

[1] （美）魯?shù)婪颍⒍骱Ｄ?藝術(shù)與視知覺[M].中國社會(huì)科學(xué)出版社，1984.5.

[2] 孫嬌，宗明明.網(wǎng)頁設(shè)計(jì)中視覺流程籌劃與應(yīng)用[J].美術(shù)教育研究，2011（7）.

[3] 李湘媛.淺談網(wǎng)頁設(shè)計(jì)中的色彩語言表達(dá)[J].藝術(shù)教育，2012（11）.

第3篇：網(wǎng)頁設(shè)計(jì)的流程范文

關(guān)鍵詞:工作過程;高職;網(wǎng)頁設(shè)計(jì);課程構(gòu)建

網(wǎng)頁設(shè)計(jì)是實(shí)踐與應(yīng)用性非常強(qiáng)的課程，其課程知識(shí)點(diǎn)廣、內(nèi)容繁多，對學(xué)生的實(shí)踐創(chuàng)新能力也有著較高要求。同時(shí)，互聯(lián)網(wǎng)技術(shù)不斷發(fā)展，“互聯(lián)網(wǎng)+”時(shí)代的到來，使社會(huì)企業(yè)對網(wǎng)頁設(shè)計(jì)人才的需求量不斷增加，對網(wǎng)頁設(shè)計(jì)人才質(zhì)量要求也不斷提高，這也給高職網(wǎng)頁設(shè)計(jì)教學(xué)提出了更高要求。而基于工作過程的課程構(gòu)建則可有效滿足新形勢下的教學(xué)需求?；诠ぷ鬟^程的課程構(gòu)建，以工作任務(wù)作為中心展開組織與建設(shè)，以崗位需求為基礎(chǔ)，以學(xué)生職業(yè)能力發(fā)展為目標(biāo)，以工作情境與工作過程為導(dǎo)向，更具職業(yè)針對性。因此，探究基于工作過程的高職網(wǎng)頁設(shè)計(jì)課程構(gòu)建，有著重要的現(xiàn)實(shí)意義。

一、高職網(wǎng)頁設(shè)計(jì)課程教學(xué)現(xiàn)狀分析

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

二、基于工作過程的高職網(wǎng)頁設(shè)計(jì)課程構(gòu)建

(一)分析職業(yè)能力需求，明確教學(xué)目標(biāo)

為使網(wǎng)頁設(shè)計(jì)課程構(gòu)建更符合學(xué)生與企業(yè)需求，高職院校應(yīng)加強(qiáng)調(diào)研，結(jié)合企業(yè)用人單位調(diào)查、企業(yè)專家訪談等方式，對網(wǎng)頁設(shè)計(jì)專業(yè)人才需求展開系統(tǒng)調(diào)查，理清網(wǎng)站編輯、網(wǎng)站制作人員等具體社會(huì)需求;同時(shí)對計(jì)算機(jī)專業(yè)從事網(wǎng)頁設(shè)計(jì)相關(guān)崗位的畢業(yè)生進(jìn)行調(diào)研，進(jìn)行對崗位能力等各項(xiàng)內(nèi)容的調(diào)研。同時(shí)，高職院校應(yīng)突破原有課程教學(xué)體系，去除以知識(shí)體系為主的模式，以網(wǎng)站工程師、網(wǎng)頁設(shè)計(jì)師等專業(yè)職業(yè)技能為目標(biāo)進(jìn)行課程開發(fā)與設(shè)計(jì)，網(wǎng)頁設(shè)計(jì)課程以培養(yǎng)優(yōu)秀網(wǎng)頁制作人員為教學(xué)目標(biāo)，確立以學(xué)生職業(yè)能力與職業(yè)素質(zhì)培養(yǎng)為重點(diǎn)的課程構(gòu)建理念，注重基本實(shí)踐能力的培訓(xùn)，讓學(xué)生掌握各類網(wǎng)頁設(shè)計(jì)制作技能，使其具備一定網(wǎng)頁設(shè)計(jì)開發(fā)、網(wǎng)站維護(hù)等能力。［2］使其課程構(gòu)建既能夠培養(yǎng)學(xué)生職業(yè)崗位所必須的技能素質(zhì)，也可讓學(xué)生更快更好地養(yǎng)成職業(yè)習(xí)慣，提升職業(yè)能力，為學(xué)生職業(yè)生涯發(fā)展打下堅(jiān)實(shí)基礎(chǔ)。

(二)制定課程標(biāo)準(zhǔn)

結(jié)合計(jì)算機(jī)專業(yè)技術(shù)要求以及企業(yè)用人需求構(gòu)建網(wǎng)頁設(shè)計(jì)課程教學(xué)大綱，制定系統(tǒng)化的課程標(biāo)準(zhǔn)。首先應(yīng)明確能力目標(biāo)，也即讓學(xué)生能夠熟練應(yīng)用技術(shù)設(shè)計(jì)與制作網(wǎng)頁，具備自主動(dòng)手、信息整合以及自學(xué)、合作等能力;其次為知識(shí)目標(biāo)的確定，要求學(xué)生掌握網(wǎng)頁設(shè)計(jì)制作方法，會(huì)使用HTML語言，能夠設(shè)計(jì)與制作網(wǎng)頁動(dòng)畫等。此外為素質(zhì)目標(biāo)，使學(xué)生具備自主創(chuàng)新思維，有網(wǎng)站策劃能力等。

(三)完善教學(xué)內(nèi)容

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

(四)重構(gòu)教學(xué)模式

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

(五)更新教學(xué)方法

高職院校網(wǎng)頁設(shè)計(jì)課程教學(xué)方法也應(yīng)實(shí)現(xiàn)進(jìn)一步更新，具體應(yīng)結(jié)合用人單位網(wǎng)站設(shè)計(jì)制作崗位要求，對崗位能力進(jìn)行全面分解并歸結(jié)出對應(yīng)的課程知識(shí)點(diǎn)，構(gòu)建起課程系統(tǒng)，結(jié)合案例教學(xué)法、項(xiàng)目教學(xué)法、任務(wù)驅(qū)動(dòng)教學(xué)法等方式，明確網(wǎng)頁設(shè)計(jì)、網(wǎng)站運(yùn)營、網(wǎng)頁測試等課程內(nèi)容，引導(dǎo)學(xué)生以工作過程為基礎(chǔ)，掌握網(wǎng)頁設(shè)計(jì)制作構(gòu)件、明確網(wǎng)站架設(shè)，提升專業(yè)技能。例如任務(wù)驅(qū)動(dòng)教學(xué)法的應(yīng)用，具體可將學(xué)生網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)內(nèi)容分為獨(dú)立任務(wù)模塊，包括模仿操作內(nèi)容、獨(dú)立操作內(nèi)容以及工學(xué)結(jié)合三種類型，其中模仿操作開展為通過一個(gè)系統(tǒng)的網(wǎng)站，引導(dǎo)學(xué)生分次完成，使其掌握基礎(chǔ)理論以及基礎(chǔ)操作技能;獨(dú)立操作即向?qū)W生布置任務(wù)，讓學(xué)生以小組為基礎(chǔ)自主完成項(xiàng)目任務(wù);工學(xué)結(jié)合則可通過與企業(yè)合作，或利用工作室項(xiàng)目，組織學(xué)生完成實(shí)際網(wǎng)頁設(shè)計(jì)項(xiàng)目?？偠灾?，通過此類實(shí)踐教學(xué)充分調(diào)動(dòng)學(xué)生積極性，培養(yǎng)學(xué)生職業(yè)態(tài)度，提升其實(shí)踐創(chuàng)新能力。

三、結(jié)語

基于工作過程的高職網(wǎng)頁設(shè)計(jì)課程構(gòu)建，能夠?qū)⒎彪s、分散的網(wǎng)頁設(shè)計(jì)課程知識(shí)點(diǎn)有效整合與分解，以工作任務(wù)項(xiàng)目為載體，實(shí)現(xiàn)教學(xué)與學(xué)習(xí)的工作化，進(jìn)而充分挖掘?qū)W生的積極主動(dòng)性與實(shí)踐創(chuàng)新能力。因此，高職院校網(wǎng)頁設(shè)計(jì)教學(xué)應(yīng)不斷研究與完善基于工作過程的課程體系構(gòu)建，使專業(yè)人才培養(yǎng)定位更為精確，使學(xué)生職業(yè)競爭力得到進(jìn)一步提升。

參考文獻(xiàn):

［1］張麗香．基于工作過程的高職“網(wǎng)頁設(shè)計(jì)”課程建設(shè)［J］．現(xiàn)代計(jì)算機(jī)，2013(5):47-50．

第4篇：網(wǎng)頁設(shè)計(jì)的流程范文

關(guān)鍵詞：網(wǎng)絡(luò)媒體專業(yè) 網(wǎng)頁設(shè)計(jì) 課程體系

網(wǎng)絡(luò)行業(yè)隨著近幾年的突飛猛進(jìn)，老套的設(shè)計(jì)課程、基礎(chǔ)理論課程等等，已經(jīng)跟不上這種快節(jié)奏的速度了，好多的軟件、課程還沒等畢業(yè)，就已經(jīng)被社會(huì)淘汰了。網(wǎng)絡(luò)發(fā)展的迅猛，老百姓審美的提高，帶來的就是媒體、設(shè)計(jì)公司的加速發(fā)展，各大網(wǎng)媒的職位缺口將會(huì)越來越嚴(yán)重。

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

1 基礎(chǔ)課程

設(shè)計(jì)素描：是一個(gè)把失敗的考前教育，通過學(xué)生在原來的造型功底上加以變化，按照各種引導(dǎo)與命題來擴(kuò)展及開放思維的課程。

設(shè)計(jì)色彩：讓學(xué)生對色彩的歸納、顏色的搭配都有一定的深入認(rèn)識(shí)。

設(shè)計(jì)速寫：把風(fēng)景寫生中的寫實(shí)、寫意、透視及設(shè)計(jì)的完美結(jié)合，為以后每個(gè)設(shè)計(jì)作品的初稿奠定基礎(chǔ)。

三大構(gòu)成：將會(huì)使學(xué)生在日后的網(wǎng)絡(luò)媒體設(shè)計(jì)中，設(shè)計(jì)出極具專業(yè)水準(zhǔn)的作品。網(wǎng)絡(luò)媒體設(shè)計(jì)是呈現(xiàn)在顯示器規(guī)定視覺空間內(nèi)的設(shè)計(jì)工作，點(diǎn)線面與色彩的合理布局至關(guān)重要。

2 專業(yè)基礎(chǔ)課程

Photoshop：本課程將詳細(xì)講解Photoshop強(qiáng)大的圖像處理功能及高級(jí)技巧，針對平面設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)等專業(yè)的各種應(yīng)用實(shí)戰(zhàn)性教學(xué)。

版式構(gòu)圖與設(shè)計(jì)技巧：是一門根據(jù)平面中的版式進(jìn)行延伸，對網(wǎng)頁設(shè)計(jì)中的網(wǎng)頁的版式，構(gòu)圖的掌握及學(xué)習(xí)方法，是網(wǎng)頁設(shè)計(jì)中的必修課程。

Illustrator：同是Adobe公司旗下的設(shè)計(jì)軟件，是一款矢量圖軟件，其圖像處理功能及高級(jí)技巧，針對平面設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)以及flas等專業(yè)的各種實(shí)際應(yīng)用實(shí)戰(zhàn)教學(xué)。

字體設(shè)計(jì)：對平面設(shè)計(jì)和網(wǎng)頁設(shè)計(jì)中的字體的變形、設(shè)計(jì)、應(yīng)用，不同字體的搭配，以及進(jìn)行相關(guān)的排版設(shè)計(jì)。是網(wǎng)頁設(shè)計(jì)中的必修課程。

Logo設(shè)計(jì)：系統(tǒng)講授怎么去針對一個(gè)公司的企業(yè)形象，通過對公司各方面的理解，做出賦有其文化、理念、標(biāo)志性的logo。

廣告策劃：是對于提出廣告決策、實(shí)施廣告決策、檢驗(yàn)廣告決策全過程作預(yù)先的考慮與設(shè)想，是對廣告的整體戰(zhàn)略與策略的運(yùn)籌規(guī)劃。

廣告設(shè)計(jì)：利用之前課程中對圖象、文字、色彩、版面、圖形等表達(dá)廣告的元素，結(jié)合廣告媒體的使用特征，通過相關(guān)設(shè)計(jì)軟件來為實(shí)現(xiàn)表達(dá)廣告目的和意圖的設(shè)計(jì)。

3 專業(yè)課程

Flas：熟練掌握二維動(dòng)畫的創(chuàng)作，通過對網(wǎng)站中banner的設(shè)計(jì)，成功把平面設(shè)計(jì)中的廣告轉(zhuǎn)化為動(dòng)態(tài)廣告。

Fireworks應(yīng)用：學(xué)會(huì)使用Fireworks優(yōu)化并導(dǎo)出網(wǎng)頁。

網(wǎng)頁界面設(shè)計(jì)：對網(wǎng)頁的版式構(gòu)圖、字體搭配、色彩搭配等必備知識(shí)的掌握，對歐美、日韓及中國現(xiàn)在流行的搭配風(fēng)格進(jìn)行解析，讓學(xué)生對網(wǎng)頁界面有一定的認(rèn)識(shí)與應(yīng)用，是網(wǎng)頁設(shè)計(jì)中的必修課程。

網(wǎng)頁設(shè)計(jì)：掌握網(wǎng)頁設(shè)計(jì)的基本工作流程，了解 Dreamweaver在流程中的作用；學(xué)習(xí)HTML的基本語法、修改常用的HTML標(biāo)簽；掌握網(wǎng)頁設(shè)計(jì)的基本原則，熟知建立網(wǎng)站并生成網(wǎng)頁的基本流程。

DIV+CSS布局：學(xué)習(xí)附加外部樣式表，鏈接方式和導(dǎo)入方式；新建樣式，類、標(biāo)簽，新建樣式表文件；詳解使用 DIV+CSS布局和Web2.0頁面和網(wǎng)站布局的方法和流程。利用Dreamweaver 實(shí)現(xiàn)網(wǎng)站。

Javascript交互：運(yùn)用語言程序的構(gòu)成和編寫；使用 Javascript 給頁面添加動(dòng)態(tài)交互事件；對表單本地?cái)?shù)據(jù)驗(yàn)證，降低服務(wù)器的負(fù)荷；制作廣告，頁面漂浮圖片等常用效果；提供數(shù)據(jù)驗(yàn)證的基本功能，js的作用也主要在實(shí)現(xiàn)網(wǎng)頁的一些特效，css難以實(shí)現(xiàn)的特效，通常和Jquery，Ajax，聯(lián)合使用。

網(wǎng)絡(luò)媒體設(shè)計(jì)綜合實(shí)訓(xùn)：開放的網(wǎng)絡(luò)媒體設(shè)計(jì)項(xiàng)目實(shí)習(xí)，使學(xué)員完全掌握網(wǎng)絡(luò)媒體設(shè)計(jì)流程和各個(gè)環(huán)節(jié)將面對的問題及對應(yīng)的解決方案。著重訓(xùn)練綜合設(shè)計(jì)和操作大型項(xiàng)目的能力。針對網(wǎng)絡(luò)媒體行業(yè)的需求進(jìn)行實(shí)訓(xùn)，無縫連接。

UI圖標(biāo)設(shè)計(jì)：iOS圖標(biāo)模仿秀，水晶、玻璃、金屬各種質(zhì)感經(jīng)典案例演示，創(chuàng)造一組屬于自己的個(gè)性圖標(biāo)，各平臺(tái)圖標(biāo)設(shè)計(jì)規(guī)范與設(shè)計(jì)趨勢。

UI界面設(shè)計(jì)：手機(jī)應(yīng)用界面的規(guī)范與設(shè)計(jì)，天氣、新聞資訊、社交網(wǎng)絡(luò)、音樂播放器各種主題風(fēng)格的制作與技巧。界面設(shè)計(jì)要和用戶研究緊密結(jié)合，是一個(gè)不斷為最終用戶設(shè)計(jì)滿意視覺效果的過程。

UI交互設(shè)計(jì)：交互設(shè)計(jì)與用戶體驗(yàn)設(shè)計(jì)，AxureRP交互原型繪制工具使用，需求分析、用戶研究、思維導(dǎo)圖，演示完整的手機(jī)APP的制作流程。

就以上必修課程在教學(xué)時(shí)序的安排上，從設(shè)計(jì)的基礎(chǔ)-平面設(shè)計(jì)-網(wǎng)頁設(shè)計(jì)-視覺強(qiáng)化設(shè)計(jì)-UI交互設(shè)計(jì)。本著由淺入深、逐步深化的原則，每一方面的課程都要保證后續(xù)課程的開設(shè)是前面課程的深入。不同方面的課程間，能在同一個(gè)學(xué)期相互配合的課程絕不作跨學(xué)期安排。保證學(xué)生每個(gè)學(xué)期所學(xué)到的知識(shí)都是全面的。

總的來說，把網(wǎng)絡(luò)媒體作為一個(gè)行業(yè)和一個(gè)完整的專業(yè)體系來看，加強(qiáng)課程體系的建設(shè)，有助于實(shí)現(xiàn)更高的教學(xué)目標(biāo)、培養(yǎng)學(xué)生的綜合能力，從而更好的適應(yīng)人才市場的變化，為學(xué)生的就業(yè)打下更好的基礎(chǔ)。

參考文獻(xiàn)：

[1]郭曉陽，劉立偉.網(wǎng)絡(luò)媒體設(shè)計(jì)[M].水利水電出版社.

第5篇：網(wǎng)頁設(shè)計(jì)的流程范文

何為視覺傳達(dá)設(shè)計(jì)，視覺傳達(dá)設(shè)計(jì)是指運(yùn)用視覺表現(xiàn)的手法傳達(dá)給用戶的設(shè)計(jì)方式。較為傳統(tǒng)的傳播媒介是平面類印刷紙質(zhì)類，現(xiàn)在主要利用各種電子媒介作為媒介。根據(jù)相關(guān)數(shù)據(jù)2013年中國互聯(lián)網(wǎng)使用人數(shù)已過6億。所以互聯(lián)網(wǎng)傳播作為新的媒介，與平面類紙質(zhì)媒介不大相同的地方是它更加強(qiáng)調(diào)了“交互設(shè)計(jì)”理念。

關(guān)鍵詞：

網(wǎng)頁交互設(shè)計(jì)；視覺傳達(dá)

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

1文字

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

2色彩

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

3排版

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

4視覺規(guī)律

視覺規(guī)律是根據(jù)人的視覺心理因素和生理習(xí)慣而決定的。人有兩只眼睛但是因?yàn)槿说难矍蛟碇辉试S產(chǎn)生一個(gè)視覺焦點(diǎn)，不能同時(shí)停留在兩處以上（包含兩處）的地方。因此人們自由閱讀時(shí)，都會(huì)有一個(gè)生理習(xí)慣，從上往下和從左往右閱讀。心理學(xué)研究顯示出，在一個(gè)平面內(nèi)人在閱覽上半部分時(shí)會(huì)讓人感到輕松愉悅，下半部分時(shí)則會(huì)感到郁悶壓抑。同樣左半部分讓人感到輕松愉悅，右半部分則會(huì)感到郁悶壓抑。所以左上部分稱為“最佳閱覽區(qū)”。視覺流程導(dǎo)向又分為導(dǎo)向類視覺流程、重心視覺流程、反復(fù)視覺流程、散點(diǎn)視覺流程，我們在網(wǎng)頁設(shè)計(jì)中就可以依據(jù)這些用戶的生理和心理的“規(guī)律”來進(jìn)行交互設(shè)計(jì)，從而使用戶達(dá)到良好的使用體驗(yàn)。優(yōu)秀的網(wǎng)頁設(shè)計(jì)師提供愉悅的交互式體驗(yàn)，不僅對文字、色彩和排版進(jìn)行探究設(shè)計(jì)。網(wǎng)頁上操作面板上的按鈕和開關(guān)和導(dǎo)航的分欄等，設(shè)計(jì)師利用交互性及時(shí)讓用戶知道如何操作這是很重要的。那么設(shè)計(jì)師必須合理地運(yùn)用示能、意符、約束、映射和反饋這幾個(gè)心理學(xué)概念進(jìn)行科學(xué)的設(shè)計(jì)。

參考文獻(xiàn)：

［1］王愉，隋涌.論網(wǎng)頁視覺要素設(shè)計(jì)［J］.北京印刷學(xué)院學(xué)報(bào)，2005（04）.

第6篇：網(wǎng)頁設(shè)計(jì)的流程范文

購買推薦

圖書分析師龐敏麗認(rèn)為該書書從網(wǎng)站設(shè)計(jì)最基本的內(nèi)容一步一步地講解設(shè)計(jì)理論、設(shè)計(jì)組成、設(shè)計(jì)方法，引導(dǎo)進(jìn)行設(shè)計(jì)規(guī)劃和制作，分析色彩規(guī)律，指導(dǎo)色彩實(shí)戰(zhàn)應(yīng)用，講述設(shè)計(jì)心理學(xué)、用戶體驗(yàn)，全面、完善、系統(tǒng)地講述網(wǎng)站設(shè)計(jì)與網(wǎng)頁配色。

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

目錄

1　網(wǎng)頁設(shè)計(jì)概述

1.1網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識(shí)

1.1.1網(wǎng)頁設(shè)計(jì)的概念

1.1.2網(wǎng)頁設(shè)計(jì)的定位

1.1.3網(wǎng)頁設(shè)計(jì)所屬的范疇

1.1.4網(wǎng)頁設(shè)計(jì)的準(zhǔn)則

1.2用戶的閱讀習(xí)慣

1.2.1人機(jī)交互的概念

1.2.2用戶習(xí)慣分析

1.2.3易用性設(shè)計(jì)

1.3網(wǎng)站類型

1.3.1綜合(門戶)類網(wǎng)站

1.3.2新聞?lì)惥W(wǎng)站

1.3.3交易類網(wǎng)站

1.3.4 IT類網(wǎng)站

1.3.5教育類網(wǎng)站

1.3.6生活?yuàn)蕵奉惥W(wǎng)站

1.3.7政府類網(wǎng)站

1.3.8個(gè)人類網(wǎng)站

1.3.9功能型網(wǎng)站

1.3.1 0其他行業(yè)類網(wǎng)站

1.4網(wǎng)絡(luò)的特點(diǎn)

1.4.1信息的開放性

1.4.2信息的互動(dòng)性

1.4.3信息的不穩(wěn)定性

1.4.4網(wǎng)絡(luò)時(shí)代性

1.4.5信息傳播的迅速性

1.5網(wǎng)頁設(shè)計(jì)方法分析

1.5.1欄目劃分法

1.5.2網(wǎng)格劃分法

1.5.3色彩定位法

1.5.4 Lo90弓1導(dǎo)法

1.6網(wǎng)頁設(shè)計(jì)實(shí)踐分析

1.6.1聯(lián)合利華網(wǎng)站設(shè)計(jì)方案分析

1.6.2西部數(shù)據(jù)色彩設(shè)計(jì)網(wǎng)站方案分析

2　網(wǎng)頁制作的基本流程

2.1網(wǎng)站資料整理

2.1.1文字資料歸納整理分類

2.1.2圖片資料整理篩選分類

2.1.3視頻素材篩選

2.1.4 Flash動(dòng)畫

2.2準(zhǔn)備素材(使素材符合網(wǎng)頁設(shè)計(jì)需求)

2.2.1準(zhǔn)備圖片素材

2.2.2文字再編輯，提取要點(diǎn)，總結(jié)標(biāo)題

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

2.3網(wǎng)站結(jié)構(gòu)劃分

(網(wǎng)站腳本編刨)

2.3.1根據(jù)素材分析網(wǎng)站結(jié)構(gòu)

2.3.2提取分類列出欄目

2.3.3欄目下子欄目劃分

2.4網(wǎng)站風(fēng)格定位—一風(fēng)格設(shè)計(jì)

2 4.1分析網(wǎng)站的主題定位——網(wǎng)站主基調(diào)

2 4.2風(fēng)格的統(tǒng)一與變化

……

3　網(wǎng)頁設(shè)計(jì)的理念

4　網(wǎng)頁設(shè)計(jì)頁面布局

5　新型網(wǎng)站設(shè)計(jì)

6　色彩基礎(chǔ)知識(shí)

第7篇：網(wǎng)頁設(shè)計(jì)的流程范文

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)制作；DreamweaverCs5；功能；應(yīng)用；發(fā)展

中圖分類號(hào)：TP311 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2013）24-5428-02

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

1 DreamweaverCS5在網(wǎng)頁設(shè)計(jì)中的應(yīng)用

DreamweaverCs5在現(xiàn)今網(wǎng)頁設(shè)計(jì)與制作中得到了廣泛應(yīng)用，在網(wǎng)頁設(shè)計(jì)制作中發(fā)揮著重要作用，對網(wǎng)頁設(shè)計(jì)制作的發(fā)展具有一定的積極意義。

首先，DreamweaverCs5中的ASP功能較為強(qiáng)大，它是微軟公司通過不斷研發(fā)，開發(fā)出的一種代替CGI腳本程序的新程序。ASP主要在服務(wù)器端使用，它能夠?qū)崿F(xiàn)與數(shù)據(jù)庫以及其他相關(guān)程序的交互工作，其編輯程序較為簡便，減少了網(wǎng)頁設(shè)計(jì)制作中的復(fù)雜程序，是網(wǎng)頁設(shè)計(jì)與制作編程工作中的一大進(jìn)步，提高了網(wǎng)頁設(shè)計(jì)與制作的水平。

其次，ASP在網(wǎng)頁運(yùn)用中沒有過多的局限性，它的文件格式為asp，在動(dòng)態(tài)網(wǎng)站中得到了充分應(yīng)用，它不限制在哪個(gè)網(wǎng)站中能使用，在哪個(gè)網(wǎng)站上不能使用，在使用中有較大的自由性，這也是它在網(wǎng)頁設(shè)計(jì)與制作中常被用到的原因之一。

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

DreamweaverCs5軟件在網(wǎng)頁設(shè)計(jì)與制作中的運(yùn)用，實(shí)現(xiàn)了設(shè)計(jì)制作與網(wǎng)頁觀看的同步，它支持客戶端在編輯網(wǎng)頁的過程中及時(shí)查看效果，有利于客戶端及時(shí)發(fā)現(xiàn)網(wǎng)頁設(shè)計(jì)制作中的錯(cuò)誤與不足，從而有效的進(jìn)行改正，確保網(wǎng)頁設(shè)計(jì)制作的質(zhì)量，提高客戶端網(wǎng)頁設(shè)計(jì)制作的水平。

2 DreamweaverCS5的新增功能

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

2.1 FTP程序的性能能到進(jìn)一步完善

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

2.2 BusinessCatalyst 集成面板

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

2.3 自適應(yīng)網(wǎng)格板面

DreamweaverCs5新增功能中實(shí)現(xiàn)了自適應(yīng)網(wǎng)格板面，運(yùn)用CSS3自適應(yīng)網(wǎng)格版面，可以快速的建立網(wǎng)站交流平臺(tái)，并支持多種瀏覽器查看網(wǎng)頁設(shè)計(jì)，具有一定的兼容性，為客戶端查看網(wǎng)頁作品提供了方便。另外，運(yùn)用CSS3自適應(yīng)網(wǎng)格版面，確保了代碼的正確性，將設(shè)計(jì)用簡單且符合標(biāo)準(zhǔn)的代碼表示出來，有利于客戶端的隨時(shí)查看，簡易的代碼客戶端能夠輕易的發(fā)現(xiàn)網(wǎng)頁設(shè)計(jì)與制作中出現(xiàn)的問題，大大提高了網(wǎng)頁設(shè)計(jì)與制作的效率。

2.4 jQuery 移動(dòng)框架

新增的jQuery 移動(dòng)框架功能在DreamweaverCs5軟件編程中具有重要作用，它能夠?yàn)閕OS 以及Android網(wǎng)站平臺(tái)提供性能良好的本地應(yīng)用程序，為各網(wǎng)站之間的交流與共享提供了方便。

2.5 AdobePhoneGap 支持

AdobePhoneGap功能與jQuery 移動(dòng)框架功能較為相似，它們都是為iOS 以及Android網(wǎng)站平臺(tái)創(chuàng)建本地應(yīng)用程序，而不同的是AdobePhoneGap功能創(chuàng)建起來更加輕松，簡易。并且它不僅能夠創(chuàng)建本地應(yīng)用程序，還能夠?qū)Ρ镜貞?yīng)用程序進(jìn)行封裝。它創(chuàng)建本地應(yīng)用程序主要是依靠改變網(wǎng)頁中原有的HTML代碼來實(shí)現(xiàn)的，另外，采用PhoneGap模擬器還能夠?qū)ψ陨硭O(shè)計(jì)的網(wǎng)頁進(jìn)行檢查，提高了網(wǎng)頁設(shè)計(jì)與制作的質(zhì)量。

3 DreamweaverCS5的發(fā)展趨勢

Dreamweaver是一種所見即所得的網(wǎng)站開發(fā)軟件，客戶端在網(wǎng)頁編輯的過程中能夠隨時(shí)查看網(wǎng)頁設(shè)計(jì)的狀態(tài)，它支持多種瀏覽器預(yù)覽網(wǎng)頁設(shè)計(jì)作品，為客戶端進(jìn)行網(wǎng)頁設(shè)計(jì)與制作提供了諸多方便。

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

4 結(jié)束語

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

參考文獻(xiàn)：

[1] 劉暢.DreamweaverCS5在網(wǎng)頁制作中的應(yīng)用[J].計(jì)算機(jī)光盤軟件與應(yīng)用，2012，21（32）：220-221.

[2] 鄧文達(dá)，武國英.DreamweaverCS5網(wǎng)頁設(shè)計(jì)與制作[J].清華大學(xué)出版社，20103（9）：277-278.

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

第8篇：網(wǎng)頁設(shè)計(jì)的流程范文

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

2以用戶為中心的網(wǎng)頁設(shè)計(jì)研究的意義

（1）使設(shè)計(jì)師充分的了解目標(biāo)用戶群的需要，再結(jié)合市場的需求，就大大降低了網(wǎng)頁的后期維護(hù)成本，同時(shí)避免回爐返工的情況出現(xiàn)。如果在網(wǎng)頁中將“我們很關(guān)注他們”的感受傳達(dá)給用戶，他們對網(wǎng)站的接受程度就會(huì)上升，以此提高用戶的忠誠度。

（2）“好的體驗(yàn)應(yīng)該來自用戶需求，同時(shí)超越用戶需求”。基于用戶需求的設(shè)計(jì)對網(wǎng)站進(jìn)行整體的規(guī)劃也是非常有幫助的，同時(shí)也有利網(wǎng)站可持續(xù)發(fā)展。

3以用戶為中心的網(wǎng)頁設(shè)計(jì)的原則

（1）合理地分配用戶與系統(tǒng)之間功能。明確哪些任務(wù)由用戶來完成、哪些任務(wù)需要網(wǎng)站來實(shí)現(xiàn)。

（2）用戶的積極參與。用戶的積極參與是以用戶為中心的網(wǎng)頁設(shè)計(jì)方法的主要優(yōu)勢之一，用戶在參與網(wǎng)頁開發(fā)和設(shè)計(jì)的過程中，要讓他們感受到被重視以及他們的意見被認(rèn)真的協(xié)商采納，而不要有將想法強(qiáng)加于他們的感受。

（3）網(wǎng)頁設(shè)計(jì)要反復(fù)進(jìn)行設(shè)計(jì)、修改和測試，它是個(gè)循環(huán)過程。迭代式開發(fā)工作可以在需求被完整地確定之前啟動(dòng)，并在一次迭代中完成系統(tǒng)的一部分功能或業(yè)務(wù)邏輯的開發(fā)工作；再通過客戶的反饋來細(xì)化需求，并開始新一輪的迭代。因?yàn)橛脩舻男枰獣?huì)隨時(shí)間有所改變以及處理多種需要的網(wǎng)頁設(shè)計(jì)解決方案本身就具有復(fù)雜性，所以迭代式設(shè)計(jì)是以用戶為中心的網(wǎng)頁設(shè)計(jì)的關(guān)鍵。

（4）需要多方的設(shè)計(jì)團(tuán)隊(duì)參與。以用戶為中心的網(wǎng)頁開發(fā)是一個(gè)合作的過程，需要多方人員積極參與到其中。根據(jù)具體情況不同，設(shè)計(jì)隊(duì)伍主要包括以下人員：項(xiàng)目經(jīng)理、網(wǎng)頁設(shè)計(jì)師、軟件工程師、客服人員及用戶代表等。

4以用戶為中心的網(wǎng)頁設(shè)計(jì)的內(nèi)容

4.1關(guān)注用戶

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

4.2集成化設(shè)計(jì)

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

4.3初期用戶測試

初期用戶測試針對的是低精確度原型的圖紙及樣型。該初期原型用來為設(shè)計(jì)之中的系統(tǒng)編寫具體使用場景?？梢圆捎弥v解、帶圖示的講解（用樣型演示）、示意板、預(yù)排等形式。這樣就可以大大減少網(wǎng)頁設(shè)計(jì)中的失誤，比如實(shí)施開始后才發(fā)現(xiàn)設(shè)計(jì)不當(dāng)或需求理解有誤等，同時(shí)也降低了開發(fā)成本。

4.4迭代式設(shè)計(jì)

第9篇：網(wǎng)頁設(shè)計(jì)的流程范文

關(guān)鍵詞 網(wǎng)頁設(shè)計(jì) 網(wǎng)站建設(shè) 教學(xué)改革

中圖分類號(hào)：G420 文獻(xiàn)標(biāo)識(shí)碼：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

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

1 課程現(xiàn)狀

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

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

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

（4）實(shí)際應(yīng)用能力無法體現(xiàn)。大部門的課堂時(shí)間用于在工具軟件的使用方法和技巧上，由于受到時(shí)間以及教學(xué)環(huán)境等條件的限制，實(shí)際的網(wǎng)站綜合開發(fā)則無法達(dá)到集中的訓(xùn)練，實(shí)際的應(yīng)用當(dāng)中去，以致于課程結(jié)束大部分學(xué)生掌握了軟件的操作方法，但無法全面地掌握一個(gè)完整網(wǎng)站建設(shè)的整體流程，真正能獨(dú)立設(shè)計(jì)一個(gè)整潔美觀、功能齊全的網(wǎng)站的學(xué)生較少，學(xué)生的綜合運(yùn)用能力和創(chuàng)新能力無法提升。學(xué)生學(xué)習(xí)完該門課程后真正的實(shí)際應(yīng)用能力沒有體現(xiàn)。

2 改革方案

在《網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)》課程的教學(xué)中，我們要以提高學(xué)生綜合應(yīng)用能力為目標(biāo)，教學(xué)中面向應(yīng)用，重視實(shí)踐，培養(yǎng)學(xué)生的操作技能，自主學(xué)習(xí)意識(shí)和創(chuàng)新意識(shí)，提高學(xué)生的分析問題和解決問題的能力及團(tuán)隊(duì)精神和合作能力。結(jié)合目前該課程的教學(xué)現(xiàn)狀和培養(yǎng)目標(biāo)，現(xiàn)提出相應(yīng)的改革方案如下：

2.1 教學(xué)內(nèi)容改革

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

2.2 教學(xué)方法改革

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

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

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

2.3 考核方式改革

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

2.4 實(shí)踐應(yīng)用的改革

學(xué)生學(xué)習(xí)完課程后，要真正達(dá)到市場需求還有一定的距離，還需要經(jīng)歷很多方面的鍛煉及提高，學(xué)?？梢越M織學(xué)生參加各種類型職證考試。如CIW認(rèn)證、ADOBE認(rèn)證等，也可以組織學(xué)生參加各種網(wǎng)頁設(shè)計(jì)大賽，計(jì)算機(jī)應(yīng)用能力比賽等賽事，學(xué)生自己也完全可以創(chuàng)造條件，制作博客、個(gè)人網(wǎng)站、論壇等各種形式的網(wǎng)站，通過互聯(lián)網(wǎng)這個(gè)平臺(tái)將自己的網(wǎng)站出來，供用戶使用。這些既是對學(xué)生能力的測試，也使學(xué)生積累了網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)的實(shí)戰(zhàn)經(jīng)驗(yàn)，畢業(yè)后更能適應(yīng)社會(huì)的需求，增強(qiáng)就業(yè)競爭力。

3 結(jié)束語

綜上所述，在《網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)》 課程的教學(xué)中， 教師應(yīng)根據(jù)課程設(shè)置的教學(xué)目標(biāo)，具體的學(xué)習(xí)環(huán)境和社會(huì)對人才的需要，改變陳舊的教學(xué)模式，更新教學(xué)內(nèi)容，創(chuàng)新教學(xué)方法，改革考核方式，加大實(shí)踐力度。使這門課程設(shè)置更加科學(xué)化、規(guī)范化、合理化，以培養(yǎng)高素質(zhì)的應(yīng)用型、技能型人才。

參考文獻(xiàn)

[1]劉敏娜,葛萌.《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)的創(chuàng)新性改革[J].中國新技術(shù)新產(chǎn)品,2009(2).

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