網(wǎng)頁界面設(shè)計(jì)論文精選(九篇)

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

第1篇：網(wǎng)頁界面設(shè)計(jì)論文范文

論文摘 要：當(dāng)網(wǎng)絡(luò)界面設(shè)計(jì)從上世紀(jì)末成為平面設(shè)計(jì)領(lǐng)域中的新生代，這股強(qiáng)勁的新生勢(shì)力將印制媒體設(shè)計(jì)的視覺傳達(dá)原理和相應(yīng)的網(wǎng)絡(luò)技術(shù)融合為一體，由此新的交流平臺(tái)應(yīng)運(yùn)而生了。書籍設(shè)計(jì)是平面藝術(shù)設(shè)計(jì)領(lǐng)域的重要組成部分，也是印制媒體設(shè)計(jì)中的代表。本文主要從新生網(wǎng)絡(luò)界面設(shè)計(jì)的特點(diǎn)和表現(xiàn)出發(fā)，通過分析比較其與書籍設(shè)計(jì)的差異性與融合性，旨在辨清兩者的特色與發(fā)展方向，尋求兩者融合的新思路，希望能更有效為今后的網(wǎng)絡(luò)界面設(shè)計(jì)與書籍設(shè)計(jì)指引方向，發(fā)揮兩者設(shè)計(jì)的特色，服務(wù)于人。

隨著科技的發(fā)展、電腦及網(wǎng)絡(luò)的興起，網(wǎng)絡(luò)界面的出現(xiàn)使得人們的閱讀方式乃至生活方式發(fā)生著改變，直接影響著人們生活的方方面面。網(wǎng)絡(luò)界面設(shè)計(jì)作為平面設(shè)計(jì)陣營(yíng)中的新生代，展現(xiàn)出數(shù)字信息時(shí)代下嶄新的藝術(shù)設(shè)計(jì)語言。當(dāng)今是書籍設(shè)計(jì)與網(wǎng)絡(luò)設(shè)計(jì)共存的時(shí)代，實(shí)體與虛擬的并存，呈現(xiàn)出各自設(shè)計(jì)特征與發(fā)展方向。網(wǎng)頁界面設(shè)計(jì)中的視聽要素與所展現(xiàn)出的設(shè)計(jì)語言的新面貌，為已有的信息傳播方式帶來了新的展現(xiàn)平臺(tái)。網(wǎng)絡(luò)界面設(shè)計(jì)除了運(yùn)用印制媒體設(shè)計(jì)的構(gòu)成原理與視覺要素，還具備了其特有的鮮明特征。網(wǎng)絡(luò)界面設(shè)計(jì)的新特征展現(xiàn)在視覺藝術(shù)與網(wǎng)絡(luò)技術(shù)的不斷變革中。作為新生代的網(wǎng)絡(luò)界面設(shè)計(jì)是對(duì)印制媒體設(shè)計(jì)的繼承和發(fā)展，其與書籍設(shè)計(jì)相比有著其鮮明的特征。

一、新特征

（一）互動(dòng)的距離。書籍設(shè)計(jì)呈現(xiàn)出一種“只讀藝術(shù)”，閱讀者在品讀過程中往往是被動(dòng)的。而網(wǎng)絡(luò)媒體藝術(shù)是一種“可讀寫藝術(shù)”，瀏覽者可在登陸后實(shí)時(shí)關(guān)注，并在相關(guān)內(nèi)容上進(jìn)行瀏覽、反饋和答復(fù)等等，實(shí)現(xiàn)“零距離”交流互動(dòng)。設(shè)計(jì)師將設(shè)計(jì)良好的界面、網(wǎng)絡(luò)技術(shù)開發(fā)和網(wǎng)絡(luò)交互性進(jìn)行結(jié)合，將使網(wǎng)頁瀏覽者實(shí)現(xiàn)自由的、主動(dòng)交互的選擇，這些對(duì)于書籍閱讀來說基本無法實(shí)現(xiàn)。

（二）線性與非線性。從書籍所呈現(xiàn)的內(nèi)容文字來看，其呈現(xiàn)出“線性”排列，受其印制品的物理結(jié)構(gòu)與相關(guān)內(nèi)容空間編排的制約，這種由頭到尾線性文本的編排，使讀者產(chǎn)生單一方向的內(nèi)容認(rèn)知的過程。讀者在篩選內(nèi)容后，在閱讀中是遵循一行一行的由前向后的讀覽方式，這就體現(xiàn)出“線性”閱讀的特色。網(wǎng)絡(luò)界面設(shè)計(jì)打破了傳統(tǒng)文本排列的架構(gòu)。鏈接實(shí)現(xiàn)了文本闡述、拓展、補(bǔ)充等若干部分的內(nèi)容。讀者根據(jù)需要將排列的文檔一部分一部分的劃分開，確定自己的閱讀中心，在屏幕上將閱讀空間內(nèi)容重組，從而實(shí)現(xiàn)自主的個(gè)性化的文本閱讀意義。

（三）單一媒體與多媒體。多媒體的發(fā)展成為網(wǎng)頁界面設(shè)計(jì)的流行趨勢(shì)，與書籍設(shè)計(jì)這種單向媒體相比較而言，其優(yōu)勢(shì)是集成圖形圖像、音效音樂、以及視頻動(dòng)畫于一體，促使視覺觸覺聽覺等等全方位多角度多視點(diǎn)的傳達(dá)信息，吸引觀者。這種多表征的信息集合表現(xiàn)產(chǎn)生了“1+1＞2”的效果。網(wǎng)頁模擬出真實(shí)的場(chǎng)景這是書籍設(shè)計(jì)無法體現(xiàn)出的效果。這種多感設(shè)計(jì)已成為網(wǎng)頁設(shè)計(jì)中爭(zhēng)相展現(xiàn)的面貌。

（四）空間擴(kuò)展。書籍版面展現(xiàn)出來的是平面二維空間，而網(wǎng)絡(luò)界面往往是二維和三維的共同體。三維空間具有更大的信息量，增添了新的維度，從而滿足人對(duì)空間心里真實(shí)的需要。同時(shí)，界面的層層串接使瀏覽者在網(wǎng)頁內(nèi)容之間循序往復(fù)的互相套接，架構(gòu)出層層深度的脈絡(luò)，吸引人們深入認(rèn)知。

（五）即時(shí)性。信息的時(shí)效性是信息社會(huì)的基本特征。書籍編輯印制的時(shí)間過程往往比網(wǎng)絡(luò)編輯的過程要緩慢。由于網(wǎng)絡(luò)技術(shù)和網(wǎng)絡(luò)界面的設(shè)計(jì)特點(diǎn)，設(shè)計(jì)人員將編輯完整的網(wǎng)站或網(wǎng)頁于網(wǎng)絡(luò)，那么即可完成。這樣往往節(jié)省了書籍印制過程中所需的時(shí)間段，從而在第一時(shí)間將鮮活準(zhǔn)確的信息廣泛的傳播，網(wǎng)絡(luò)信息的即時(shí)性特點(diǎn)也就體現(xiàn)了出來。另外在網(wǎng)絡(luò)中互動(dòng)的平臺(tái)中，往往也體現(xiàn)出信息的時(shí)效性。例如：論壇中的相關(guān)討論和問題的回復(fù)，都體現(xiàn)出此特點(diǎn)。

（六）廣告的靈活性。作為互聯(lián)網(wǎng)上新興的一種廣告形式——以網(wǎng)絡(luò)為平臺(tái)的網(wǎng)絡(luò)廣告也就應(yīng)運(yùn)而生了。網(wǎng)絡(luò)廣告是一種結(jié)合傳統(tǒng)的廣告形式與網(wǎng)絡(luò)應(yīng)用技術(shù)的一種全新形式。網(wǎng)絡(luò)廣告與書籍廣告相比而言，主要可以從溝通性、信息性和效果性幾個(gè)方面加以比較。

書籍廣告中，由于書的特質(zhì)致使其溝通受眾面有限，書中的廣告信息內(nèi)容往往和書籍相關(guān)，效果大多傾向靜態(tài)的圖文信息，這樣的信息在傳播的過程中給人的感官刺激較單一。當(dāng)然隨著科技的發(fā)展，也出現(xiàn)一些新的廣告方式，如：書簽廣告，隨書附贈(zèng)品中加入廣告等，但與網(wǎng)絡(luò)廣告相比而言單一化的特征明顯。反觀網(wǎng)絡(luò)廣告的特質(zhì)，其信息溝通模式是多樣性、實(shí)時(shí)交互性流通，避免了書籍廣告那種將信息灌輸式的，用印象去勸誘目標(biāo)受眾成為消費(fèi)者。同時(shí)其信息覆蓋面更廣泛、信息容量更大，信息綜合表現(xiàn)效果更強(qiáng)。

二、差異的表現(xiàn)

（一）書籍封面與網(wǎng)站首頁

就書籍封面而言，其間的圖形和文字等元素編排相對(duì)固定，效果方面也是據(jù)其內(nèi)容設(shè)計(jì)出靜止且有內(nèi)涵的風(fēng)貌。而網(wǎng)站首頁表現(xiàn)手法靈活度大，往往會(huì)結(jié)合動(dòng)態(tài)與音效等手段來一一呈現(xiàn)。引入式和主題式是網(wǎng)站首頁展現(xiàn)的兩種主要手法。引入式往往使用動(dòng)畫或圖形圖像在首頁，主要是利用少量的文字和氛圍去制造出一個(gè)對(duì)網(wǎng)站總體的展現(xiàn)和引入。而主題式主要指首頁上方以導(dǎo)航條為主，下面出現(xiàn)若干分類信息。此類首頁以文字居多，分欄表現(xiàn)便于檢索。由于這樣的網(wǎng)站信息量較大，因此在查閱期間往往需要滾屏瀏覽。

（二）版面與界面

1、書的目錄與網(wǎng)頁導(dǎo)航。翻開一本書，想了解本書的內(nèi)容，往往會(huì)先瀏覽目錄。目錄是本書的提綱挈領(lǐng)，呈現(xiàn)的方式主要是各章節(jié)標(biāo)題與頁碼組成，靜態(tài)的組織加入紙張的質(zhì)感無不顯現(xiàn)出書卷之氣。網(wǎng)頁中起到“目錄”功能的位置是導(dǎo)航條。其間只強(qiáng)調(diào)標(biāo)題而略去頁碼，靜態(tài)與動(dòng)態(tài)的緊密結(jié)合，聲效與變幻色彩的加入無不展現(xiàn)出導(dǎo)航條的特色。2、版心與分欄。書籍版面中的版心一般相對(duì)比較大、內(nèi)容集中在版心內(nèi)部，尺幅變化相對(duì)不大，整本書的分欄比較規(guī)范統(tǒng)一化，如：?jiǎn)螜诨騼蓹诘鹊取Ａ舭茁适侵赴婷媾c空白之比，留白率的恰當(dāng)使用會(huì)提升視覺效果和信息的認(rèn)知度。與書籍版面相比，網(wǎng)頁界面的版心和分欄相對(duì)更靈活，留白率更大。版面色彩之間的運(yùn)用與銜接變化更豐富。3、文字與圖底。網(wǎng)頁界面不像書籍版面那樣分出左右兩頁，并按前后注明頁碼。網(wǎng)頁間鏈接靠的是層層的鏈接，編排中的文字和圖形靈活多變，往往出現(xiàn)加底色或底圖的形式。從字體角度來看，書籍設(shè)計(jì)時(shí)軟件中可選用的字體種類較多，作為網(wǎng)絡(luò)界面上顯現(xiàn)的字體是由瀏覽者所使用的機(jī)器內(nèi)部的字體數(shù)量決定的。一般用戶所使用的電腦中的字體是隨系統(tǒng)安裝的，字體數(shù)量是很有限的。因此網(wǎng)絡(luò)界面的字體與書籍上的字體相比而言展現(xiàn)出較固定化的特點(diǎn)。4、順序的呈現(xiàn)。書籍由印制裝訂在一起，內(nèi)容在安排上順序感強(qiáng)，由前至后的段落排列引導(dǎo)讀者的閱讀。網(wǎng)頁界面因其互動(dòng)性的特點(diǎn)，設(shè)計(jì)的過程中在主頁的超鏈接上可以按照不同人群需要設(shè)計(jì)出各種人性化連接界面，在設(shè)計(jì)環(huán)節(jié)中展現(xiàn)出脈絡(luò)狀的連接。

（三）形態(tài)表現(xiàn)

1、虛擬與實(shí)物。當(dāng)今書籍設(shè)計(jì)師打破了傳統(tǒng)六面體的造型，創(chuàng)新出多面體的異型開本，使書籍從外觀造型上就獲取了更豐富的實(shí)物面貌。網(wǎng)絡(luò)界面二維、多維造型以數(shù)字化模擬體現(xiàn)，形態(tài)多變且靜動(dòng)結(jié)合，多變的虛擬形態(tài)吸引著瀏覽者的關(guān)注和探求。2、材料質(zhì)感的真實(shí)性與模擬性。特種紙的選用在如今的書籍設(shè)計(jì)中被普遍使用，各種真實(shí)的紙張質(zhì)感易于彰顯出書籍的品質(zhì)與內(nèi)涵。而網(wǎng)絡(luò)界面中質(zhì)感的體驗(yàn)由數(shù)字化模擬表現(xiàn)來實(shí)現(xiàn)，網(wǎng)間質(zhì)感呈現(xiàn)的樣式與書籍質(zhì)感相比更多樣，實(shí)現(xiàn)起來更直接迅速。

三、融合

以上通過書籍設(shè)計(jì)與網(wǎng)絡(luò)界面設(shè)計(jì)的比較，更明確地辨清兩者之間的設(shè)計(jì)特征。如今兩者在平面設(shè)計(jì)領(lǐng)域中也不斷呈現(xiàn)出互相影響，適度融合的特征。書籍設(shè)計(jì)中適度加入互動(dòng)環(huán)節(jié)已成為不少設(shè)計(jì)師的青睞。隨著“電子書”、“網(wǎng)上書城”作為新生力量不斷與線下的實(shí)體書店進(jìn)行多角度的組合，“線上虛擬、線下實(shí)物”統(tǒng)一的內(nèi)容不同的場(chǎng)合彼此融會(huì)貫通，共同開發(fā)拓展銷售渠道。

結(jié)束語：當(dāng)今時(shí)代網(wǎng)絡(luò)界面設(shè)計(jì)與書籍設(shè)計(jì)彼此互補(bǔ)、互融，顯示了新時(shí)代的新特征。兩者設(shè)計(jì)中由靜態(tài)到動(dòng)態(tài)、由單一媒體到多媒體，由直觀實(shí)體到數(shù)字虛擬。線上線下的信息平臺(tái)逐步豐富著我們的交流方式、打破著我們的時(shí)空限制。設(shè)計(jì)師在逐步實(shí)驗(yàn)探索中不斷豐富設(shè)計(jì)的表現(xiàn)力和無限的可能性，我深信，兩者在將來一定會(huì)在豐富性、藝術(shù)性和實(shí)用性上有極大的突破，從而不斷的改變著我們的交流方式和生活質(zhì)量，創(chuàng)造出更富有人性化的生活來服務(wù)于人。同時(shí)，我深信我們的設(shè)計(jì)師一直在努力的路上。

第2篇：網(wǎng)頁界面設(shè)計(jì)論文范文

關(guān)鍵詞:網(wǎng)頁；構(gòu)成概念；平面構(gòu)成基本特點(diǎn)；平面構(gòu)成形態(tài)要素；平面構(gòu)成形式

現(xiàn)今,網(wǎng)絡(luò)已經(jīng)成為現(xiàn)代社會(huì)不可或缺的好幫手,人們從網(wǎng)絡(luò)中能夠獲得大量的信息,其中網(wǎng)頁對(duì)于人們的幫助是不容忽視的;如果說網(wǎng)址是互聯(lián)網(wǎng)最基本的組成部分,那么網(wǎng)頁就是網(wǎng)址最基本的元素。他們是通過各種鏈接相互關(guān)聯(lián),從而描述相關(guān)的主題或?qū)崿F(xiàn)相同的目的。網(wǎng)頁是由文本、圖象、Flas、聲音、視頻、超級(jí)鏈接、表格、導(dǎo)航欄、交互式表單等基本元素構(gòu)成,而這些元素從構(gòu)成形式上看就是簡(jiǎn)單的點(diǎn)、線、面等基本元素經(jīng)過了藝術(shù)創(chuàng)造,變得更加的有質(zhì)感；就拿文本來說,文本作為網(wǎng)頁中的基本元素，與平面構(gòu)成中的點(diǎn)元素有著相同的作用――點(diǎn)睛之筆。再?gòu)臉?gòu)成的含義來說，它首先是一種造型的概念。所謂構(gòu)成就是以數(shù)種以上的單元重新組合成為一個(gè)新的單元。然而構(gòu)成它更多的是哲學(xué)和科學(xué)的含義:即“對(duì)象世界諸要素的分解與組合,使新的功能顯現(xiàn)?！睒?gòu)成是創(chuàng)造形態(tài)的方法,研究如何創(chuàng)造形象,形與形之間怎樣組合,以及形象排列的方法,可以說是一種研究形象構(gòu)成的科學(xué)。

一、平面構(gòu)成的發(fā)展及其基本特點(diǎn)對(duì)于網(wǎng)頁設(shè)計(jì)而言所代表的意義

平面構(gòu)成是設(shè)計(jì)中最基本的訓(xùn)練,是在平面上按一定的原理設(shè)計(jì)、策劃多種視覺形式。我們學(xué)習(xí)構(gòu)成不是目的,而是形成目的的手段,是一種思維方式的訓(xùn)練、分析和實(shí)驗(yàn),最后通過這種思維方式的開發(fā),培養(yǎng)一種創(chuàng)造觀念,使我們有更多的想象力和創(chuàng)造性,開拓設(shè)計(jì)思路。那么,對(duì)于平面構(gòu)成的發(fā)展,就要從包豪斯及其風(fēng)格對(duì)現(xiàn)代設(shè)計(jì)的影響開始說,1919年,格羅佩斯在德國(guó)創(chuàng)辦了一所名叫包豪斯的設(shè)計(jì)學(xué)府,是需要具備充分的能力,運(yùn)用所有科學(xué)、技術(shù)、知識(shí)和美學(xué)的資源,創(chuàng)造一個(gè)能滿足人類精神與物質(zhì)雙重需要的新環(huán)境,以“提倡藝術(shù)與技術(shù)的統(tǒng)一”作為教學(xué)理念。平面構(gòu)成從包豪斯的教學(xué)理念中衍生而來,他不是以表現(xiàn)具體的物象為特征,但是它反映了自然現(xiàn)象運(yùn)動(dòng)變化的規(guī)律性?？梢詮膬蓚€(gè)方面來談它的基本特點(diǎn):第一是它以直覺為基礎(chǔ);用最簡(jiǎn)單的點(diǎn)、線、面進(jìn)行分解、組合、變化,反映出客觀現(xiàn)實(shí)所具有的運(yùn)動(dòng)規(guī)律。第二是它是一種高度強(qiáng)調(diào)理性活動(dòng)的、自覺的、有意識(shí)的再創(chuàng)造過程。

二、平面構(gòu)成的形態(tài)要素在網(wǎng)頁中所起的作用。點(diǎn)、線、面是平面構(gòu)成中的三個(gè)形態(tài)要素

（一）點(diǎn)表示位置,它既無長(zhǎng)度,也無寬度,是最小的單位

它在平面構(gòu)成中的概念只是一個(gè)相對(duì)概念,為什么這么說呢?因?yàn)樗窃诒容^中而存在，通過比較而顯現(xiàn);這樣說吧,同一個(gè)圓,在小的框架里圓顯得很大,在大的框架里圓則顯得很小,這就是點(diǎn)的相對(duì)概念。很多人都認(rèn)為點(diǎn)是小的,而且還是圓,實(shí)際上這種認(rèn)知是錯(cuò)誤的,自然界中的任何形態(tài),只要縮小到了一定的程度,就能夠產(chǎn)生不同的點(diǎn),點(diǎn)是視覺中心,所以說,在網(wǎng)頁中的每個(gè)字都可以看作是點(diǎn),由字排列出的文本就形成了構(gòu)成中所說的線及面了。

（二）線是點(diǎn)移動(dòng)的軌跡

從平面構(gòu)成來講,線是可以看的到的,它既有長(zhǎng)度,也有一定的寬度和厚度,在設(shè)計(jì)中是不可缺少的元素。只要提到線,大家直接就能夠說出線的分類,既直線和曲線。而直線和曲線對(duì)于人們來說，是有很強(qiáng)的心理暗示作用,看到直線,人們就會(huì)想到靜;看到曲線,大家又能聯(lián)想到動(dòng);直線具有男性的特點(diǎn),而曲線具有女性的特征;在很多網(wǎng)頁頁面設(shè)計(jì)上都運(yùn)用到了線的特性。

（三）面是線的連續(xù)移動(dòng)至終結(jié)而形成的

面是有長(zhǎng)度、寬度的,只是沒有厚度而已。比如說直線平行移動(dòng)形成長(zhǎng)方形;直線旋轉(zhuǎn)則移動(dòng)而成圓形;自由弧形移動(dòng)就會(huì)構(gòu)成有機(jī)形;如果直線和弧線結(jié)合就形成了不規(guī)則的形。在網(wǎng)頁設(shè)計(jì)中出現(xiàn)的圖像、動(dòng)畫、交互式表單等都是由不同的點(diǎn)、線連續(xù)移動(dòng)形成的面,給網(wǎng)頁一個(gè)完美的效果。像那些企業(yè)網(wǎng)站、購(gòu)物網(wǎng)站、音樂網(wǎng)站以及游戲網(wǎng)站等,他們的網(wǎng)頁界面設(shè)計(jì)不僅有豐富的色彩吸引大眾,還有不同設(shè)計(jì)風(fēng)格的構(gòu)成形式更讓大家流連忘返。

三、平面構(gòu)成形式在網(wǎng)頁中的具體運(yùn)用

平面構(gòu)成設(shè)計(jì)是有組織的、有秩序地進(jìn)行排列、組合、分解,因此它也是必須遵循一種原則和設(shè)計(jì)形式。平面構(gòu)成中的形式大量被運(yùn)用到網(wǎng)頁界面中。

（一）重復(fù)構(gòu)成在網(wǎng)頁中的藝術(shù)魅力

重復(fù)在構(gòu)成中的概念被人們理解為”相同或相近的形態(tài)連續(xù)地、有規(guī)律地反復(fù)出現(xiàn)”或者是”把視覺形象秩序化、整齊化,在圖形中可以呈現(xiàn)出和諧統(tǒng)一富有整體感的視覺效果”。其實(shí)就象復(fù)印機(jī)復(fù)印東西一樣,就是我們所理解的重復(fù)。在網(wǎng)頁界面中,重復(fù)其實(shí)是被運(yùn)用的最多的一種形式,比如說像購(gòu)物網(wǎng)站中的購(gòu)物、收藏等按鈕,就是運(yùn)用了重復(fù),在購(gòu)物網(wǎng)站中,不可能只有一種物品,如果要向廣大消費(fèi)者推銷更多商品,那么在網(wǎng)頁中出現(xiàn)”購(gòu)買”和”收藏”按鈕,就要設(shè)計(jì)更多,讓大眾有更多的選擇機(jī)會(huì),才能提升該網(wǎng)頁的點(diǎn)擊率。

（二）對(duì)比構(gòu)成在網(wǎng)頁中的表現(xiàn)對(duì)瀏覽者的心理帶來的影響

對(duì)比是一種很自由的構(gòu)成形式,它并不是以構(gòu)成中的骨骼線為限制,而是依據(jù)形態(tài)自己本身的大小、疏密、虛實(shí)、現(xiàn)隱及形狀、色彩和肌理等方面的對(duì)比而構(gòu)成的。如果說協(xié)調(diào)求的是近似的話,那么對(duì)比則求的就是差異。在自然界中,白天與黑夜、骯臟與干凈、溫暖與寒冷都是對(duì)立的結(jié)合,當(dāng)圖形處于一種相異的狀況時(shí),就會(huì)發(fā)生對(duì)比,像大小、長(zhǎng)短、黑白等就是明顯的對(duì)比。在有的被文本占去大面積的網(wǎng)頁界面中，為什么會(huì)出現(xiàn)圖片、flas,甚至還會(huì)出現(xiàn)漂浮圖片,除了豐富界面以外,還有一種影響瀏覽者心理的作用,其實(shí)網(wǎng)頁界面中的文本與圖片、動(dòng)畫、漂浮圖片形成一種對(duì)比,這和瀏覽者心理有關(guān)系嗎?當(dāng)然,而且關(guān)聯(lián)很大,如果在一個(gè)網(wǎng)頁界面中,只有文本的話,那么這樣的網(wǎng)頁會(huì)給人一種什么感覺呢?乏味、枯燥、單調(diào),而瀏覽的人可謂是寥寥無幾,加上圖片、動(dòng)畫,甚至?xí)r不時(shí)的冒出漂浮圖片,不僅僅讓網(wǎng)頁界面內(nèi)容顯得豐富多彩,更讓大眾對(duì)網(wǎng)頁的內(nèi)容產(chǎn)生濃厚的興趣。萬事萬物除了遵循他們本應(yīng)該遵循的規(guī)則外,偶爾的對(duì)立也能起到一定的催化劑,就如對(duì)比構(gòu)成在網(wǎng)頁中給大眾心理所帶來的影響作用。

四、結(jié)束語

因?yàn)橛辛司W(wǎng)絡(luò),讓人類能夠更加方便、快捷地查詢信息;因?yàn)橛辛司W(wǎng)站,讓人類能夠更加懂得如何去獲取新的信息;因?yàn)橛辛司W(wǎng)頁,讓人類能夠及時(shí)獲得最新信息。網(wǎng)頁界面設(shè)計(jì)的美觀、新穎、時(shí)尚,讓大眾更愿意了解網(wǎng)頁!如今,網(wǎng)頁已經(jīng)成為廣大消費(fèi)者生活中不可或缺的一部分,網(wǎng)頁能夠?yàn)槿藗冏⑷敫嗟男迈r血液。

參考文獻(xiàn)：

[1]洪興宇編著 新編平面構(gòu)成（M）遼寧美術(shù)出版社 1999-12；

第3篇：網(wǎng)頁界面設(shè)計(jì)論文范文

政府部門門戶網(wǎng)站建設(shè)是根據(jù)國(guó)家對(duì)政府信息公開的相關(guān)政策要求，實(shí)現(xiàn)部門政務(wù)信息公開的優(yōu)先手段和必然選擇。論文詳細(xì)描述了一個(gè)基于ASP技術(shù)和ACCESS數(shù)據(jù)庫系統(tǒng)網(wǎng)頁的實(shí)現(xiàn)過程。網(wǎng)頁設(shè)計(jì)及制作主要圍繞政務(wù)公開、在線辦事和網(wǎng)上交流三大功能進(jìn)行，前臺(tái)信息共設(shè)置領(lǐng)導(dǎo)講話、政務(wù)公開、工作動(dòng)態(tài)、政策法規(guī)等十大功能模塊。后臺(tái)管理采用Client/Server和Browser/Server相結(jié)合的技術(shù)方式，將超文本標(biāo)記語言（HTML）和簡(jiǎn)單的JScript語言相融合開發(fā)，使用Session對(duì)象進(jìn)行Web頁之間的數(shù)據(jù)傳遞，并跟蹤用戶登陸，實(shí)現(xiàn)了不同權(quán)限用戶對(duì)新聞信息的計(jì)算機(jī)網(wǎng)絡(luò)管理和Web查詢功能。網(wǎng)頁新聞訪問采用主頁+標(biāo)題面+子頁面三級(jí)模式，主頁面提供了本網(wǎng)頁的一個(gè)宏觀樣式，并讓各模塊與之配合聯(lián)系，構(gòu)成一個(gè)完整的網(wǎng)頁系統(tǒng)。

【關(guān)鍵詞】

政府網(wǎng)站

網(wǎng)頁制作

ASP 技術(shù)

ACCESS 數(shù)據(jù)庫

【英文對(duì)照】

ABSTRACT

The portal website of government departments is the best candidate and inevitable choice for government affairs opening. Its construction is based on the related policies and regulations on government affairs opening which are enforced by the state. This paper presents the construction of one portal webpage based on ASP and ACCESS database. The design and implementation of webpage mainly consists of three parts: government affair opening， online government office， and online communication. The front-end consists of ten major modules， including leader's speech， government affair opening， government dynamics， policies and regulations etc. The backend is a hybrid of C/S and B/S technologies， HTML and JScript are combined together and session object is used for inter-page data communication and traced the status of user logon， web based lookup and remote administration of webpage are implemented and access control to user of different privileges is achieved. The access to webpage news adapts a three-tier scheme which includes main page， title page and sub-page， the main page provides the overall look-and-feel and orchestrate all the modules so to form a complete webpage.

【KeyWord】

Government website

Webpage Making

ASP

ACCESS database

【目

錄】

前言 2

正文 3

第 一 章 概 述 3

1.1 網(wǎng)頁制作背景 3

1.2 網(wǎng)頁制作的意義 3

1.3 開發(fā)工具簡(jiǎn)介 4

第 二 章 可行性分析 5

2.1 B/S結(jié)構(gòu)介紹 5

2.2 ACCESS 數(shù)據(jù)庫 5

2.3 ASP 技術(shù) 5

第 三 章 網(wǎng)頁需求分析 7

3.1 總體功能需求分析 7

3.1.1. 基本功能需求 7

3.1.2. 功能結(jié)構(gòu)圖 7

3.2 網(wǎng)頁具體功能模塊需求分析 8

3.2.1. 政務(wù)公開功能 8

3.2.2. 網(wǎng)站辦事功能 8

3.2.3. 網(wǎng)上交流功能 8

3.3 網(wǎng)頁結(jié)構(gòu)圖 9

3.4 網(wǎng)頁版面規(guī)劃 10

3.5 網(wǎng)站CI形象設(shè)計(jì) 10

3.6 網(wǎng)頁布局技術(shù) 11

第 四 章 數(shù)據(jù)庫設(shè)計(jì) 12

4.1 數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計(jì) 12

4.2 數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計(jì) 14

第 五 章 人機(jī)界面設(shè)計(jì) 17

5.1 后臺(tái)登錄界面設(shè)計(jì) 17

5.2 用戶管理頁面設(shè)計(jì) 18

5.3 信息檢索頁面設(shè)計(jì) 18

5.4 后臺(tái)管理頁面設(shè)計(jì) 19

第 六 章 系統(tǒng)程序設(shè)計(jì) 20

6.1 程序設(shè)計(jì)語言 20

6.2 部份源程序?qū)崿F(xiàn)及文件 20

第 七 章 網(wǎng)頁測(cè)試 30

7.1 測(cè)試網(wǎng)站的建立 30

7.1.1. 測(cè)試網(wǎng)站環(huán)境 30

7.1.2. Web服務(wù)器IIS5.1簡(jiǎn)介 30

7.1.3. 網(wǎng)頁測(cè)試 30

7.2 網(wǎng)頁及網(wǎng)站維護(hù) 31

第 八 章 結(jié)論 32

參考文獻(xiàn) 33

致 謝 34

【前言】

在我國(guó)，繼黨的十六大提出推行電子政務(wù)、提高行政效率之后，十六屆三中全會(huì)進(jìn)一步強(qiáng)調(diào)要發(fā)展電子政務(wù)，提高政府的服務(wù)和管理水平。政府網(wǎng)站作為電子政務(wù)建設(shè)的龍頭是完善政府公共服務(wù)接入渠道的主要手段，它實(shí)現(xiàn)了按照用戶對(duì)象進(jìn)行信息資源的整合，提供覆蓋用戶全生命周期的各種信息和服務(wù)。同時(shí)，網(wǎng)頁信息傳播的即時(shí)性和全面性確保了政府大量重要信息的廣泛共享，優(yōu)化了社會(huì)資源配置，讓政務(wù)信息更便捷、更低成本地進(jìn)行傳遞。通過訪問政府網(wǎng)頁，企業(yè)和社會(huì)公眾可以24小時(shí)不間斷地，不受任何空間界限影響地與政府進(jìn)行信息交互，在促進(jìn)政務(wù)公開，改進(jìn)公共服務(wù)，提高行政效能，確保公眾知情權(quán)、參與權(quán)和監(jiān)督權(quán)等方面有著顯著成效。

政府網(wǎng)站建設(shè)的含義就是利用Internet/Intranet等計(jì)算機(jī)通信技術(shù)，在Internet上建立正式站點(diǎn)，通過網(wǎng)絡(luò)實(shí)現(xiàn)政府在政治、經(jīng)濟(jì)、社會(huì)、生活等諸多領(lǐng)域中的管理和服務(wù)職能，推動(dòng)政府辦公自動(dòng)化與網(wǎng)上便民服務(wù)，是政府和社會(huì)互動(dòng)的重要窗口。論文就巴中市網(wǎng)頁的設(shè)計(jì)和制作作了詳細(xì)描述，網(wǎng)頁主要功能模塊設(shè)置緊緊圍繞部門職能職責(zé)，密切結(jié)合公眾需求，實(shí)現(xiàn)了預(yù)期設(shè)計(jì)目標(biāo)，網(wǎng)頁經(jīng)本地局域網(wǎng)測(cè)試運(yùn)行正常。

【正文】

網(wǎng)頁制作

第 一 章 概 述

1.1 網(wǎng)頁制作背景

在當(dāng)前這個(gè)網(wǎng)絡(luò)時(shí)代，電子政務(wù)是各國(guó)政府倡導(dǎo)和推動(dòng)網(wǎng)絡(luò)化的5個(gè)重要應(yīng)用領(lǐng)域中的首要。美國(guó)早在克林頓政府時(shí)期就開始積極倡導(dǎo)和推動(dòng)電子政務(wù)和電子政府的建設(shè)。英國(guó)于2005年將所有的政府服務(wù)實(shí)現(xiàn)上網(wǎng)。新加坡更是從1981年就開始發(fā)展電子政務(wù)，目前其電子政務(wù)的發(fā)達(dá)程度已備受世人矚目。在我國(guó)，政府信息門戶網(wǎng)站作為展示政府整體形象的窗口和聯(lián)系群眾、服務(wù)群眾的橋梁正日益得到各級(jí)政府的重視。如今，全國(guó)各地的電子政務(wù)建設(shè)已進(jìn)入實(shí)質(zhì)階段，全國(guó)257個(gè)地市級(jí)城市中已經(jīng)有90%的城市建立了自己的政府網(wǎng)站。在應(yīng)用上，電子政務(wù)建設(shè)已經(jīng)從網(wǎng)絡(luò)基礎(chǔ)建設(shè)向功能應(yīng)用層面和社會(huì)服務(wù)層面轉(zhuǎn)變。隨著我國(guó)信息化進(jìn)程的深入推進(jìn)，將極大地調(diào)動(dòng)整個(gè)社會(huì)活力，推動(dòng)中國(guó)社會(huì)的飛速發(fā)展，并對(duì)中國(guó)未來的發(fā)展產(chǎn)生巨大的影響。

1.2 網(wǎng)頁制作的意義

首先，政府網(wǎng)站關(guān)系到政府的服務(wù)形象，關(guān)系到百姓的切身利益。政府部門通過制作網(wǎng)頁建立網(wǎng)站，是電子政務(wù)的最佳切入點(diǎn)和重要內(nèi)容，政府網(wǎng)頁的發(fā)展水平是衡量一個(gè)地區(qū)電子政務(wù)進(jìn)程的標(biāo)志。在政府網(wǎng)頁上，政務(wù)信息公開程度，有關(guān)為民服務(wù)欄目健全情況，信息反饋情況，在線辦公與網(wǎng)上受理情況等關(guān)系到政府的服務(wù)形象，關(guān)系到百姓的切身利益。其次，政府網(wǎng)頁制作有利于政府各類信息的充分共享，有利于政府決策水平的不斷提高。通過網(wǎng)頁的各類平臺(tái)迅速直接地獲取公眾的反饋信息，準(zhǔn)確掌握外部環(huán)境，大幅提高了正確決策與快速反應(yīng)的能力。隨著政府各類信息的公開化，政民互動(dòng)不斷加強(qiáng)，政府將在公眾面前展現(xiàn)出高效、透明的良好形象，這有利于提高社會(huì)凝聚力，對(duì)于維護(hù)社會(huì)穩(wěn)定、促進(jìn)社會(huì)發(fā)展具有重要意義。

1.3 開發(fā)工具簡(jiǎn)介

在眾多的網(wǎng)頁設(shè)計(jì)與制作工具軟件中，我根據(jù)實(shí)際需求及對(duì)軟件的熟悉程度，主要選取了Photoshop CS3、Fireworks 8.0、Flash MX 2004、Macromedia Dreamweaver8進(jìn)行網(wǎng)頁的開發(fā)和制作，這些軟件的主要特點(diǎn)分述如下。

? 網(wǎng)頁圖像設(shè)計(jì)工具——Photoshop CS3、Fireworks 8.0

在網(wǎng)頁制作過程中，首先要使用Photoshop或Fireworks 設(shè)計(jì)網(wǎng)頁和整體效果圖、處理網(wǎng)頁中的圖像、背景圖及網(wǎng)頁的圖標(biāo)、按鈕等。Photoshop是平面圖像處理業(yè)界霸主Adobe公司推出的跨越PC和MAC兩界首屈一指的大型圖像處理軟件.它功能強(qiáng)大，操作界面友好，得到了廣大第三方開發(fā)廠家的支持，從而也贏得了眾多的用戶的青睞。Fireworks是Adobe公司推出的著名平面圖像設(shè)計(jì)和圖像處理軟件，它具有強(qiáng)大的圖像處理功能和操作易用性，受到廣大平面圖形設(shè)計(jì)人員及專業(yè)廣告設(shè)計(jì)師的青睞。它涉及圖像合成、色彩校正、圖層調(diào)板、通道使用、動(dòng)作調(diào)板、路徑工具、濾鏡等圖像處理功能?？芍谱魅绨粹o制作、文字特效、材質(zhì)紋理、三維物體、影像特效及廣告創(chuàng)意設(shè)計(jì)等多種用途。

? 動(dòng)畫制作工具——Flash MX 2004

Flash MX 2004是Macromedia公司的一個(gè)的網(wǎng)頁交互動(dòng)畫制作工具。用flash制作出來的動(dòng)化是矢量的，不管怎樣放大、縮小，它還是清晰可見。 用flash制作的文件很小，這樣便于在互聯(lián)網(wǎng)上傳輸，它還采用了數(shù)據(jù)流技術(shù)，只要下載一部分，就能欣賞動(dòng)畫，而且能一邊播放一邊傳輸數(shù)據(jù)。 交互性更是flash動(dòng)畫的迷人之處，可以通過點(diǎn)擊按鈕、選擇菜單來控制動(dòng)畫的播放，這些優(yōu)點(diǎn)使flash日益成為網(wǎng)絡(luò)多媒體的主流。

? 網(wǎng)頁排版工具—— Macromedia Dreamweaver 8

Macromedia Dreamweaver 8是由Macromedia公司推出的，用于網(wǎng)頁開發(fā)和網(wǎng)站管理的專業(yè)化設(shè)計(jì)工具。它采用了多種新技術(shù)，具有設(shè)計(jì)和開發(fā)網(wǎng)站過程中需要的網(wǎng)站管理、網(wǎng)站設(shè)計(jì)、頁面制作、多媒體制作和動(dòng)畫制作等豐富實(shí)用的功能；它具有友好的操作界面，在文檔窗口中可以打開各種浮動(dòng)面板，同時(shí)還可以使用系統(tǒng)內(nèi)置的多種對(duì)象進(jìn)行操作。它將可視布局工具、應(yīng)用程序開發(fā)功能和代碼編輯支持組合在一起，其功能強(qiáng)大，使得各個(gè)層次的開發(fā)人員和設(shè)計(jì)人員都能夠快速創(chuàng)建界面吸引人的基于標(biāo)準(zhǔn)的網(wǎng)站和應(yīng)用程序。開發(fā)人員可以使用 Dreamweaver 及所選擇的服務(wù)器技術(shù)來創(chuàng)建功能強(qiáng)大的 Internet 應(yīng)用程序，從而使用戶能連接到數(shù)據(jù)庫、Web 服務(wù)。

第 二 章 可行性分析

2.1 B/S結(jié)構(gòu)介紹

B/S（Browser/Server，簡(jiǎn)稱B/S）結(jié)構(gòu)，即瀏覽器/服務(wù)器模式，它是WEB興起后的一種網(wǎng)絡(luò)結(jié)構(gòu)模式，從傳統(tǒng)的二層C/S結(jié)構(gòu)發(fā)展而來，通常采用三層結(jié)構(gòu)：瀏覽器-Web服務(wù)器-數(shù)據(jù)庫服務(wù)器，WEB瀏覽器是客戶端最主要的應(yīng)用軟件，瀏覽器通過Web Server 同數(shù)據(jù)庫進(jìn)行數(shù)據(jù)交互。

在B／S體系結(jié)構(gòu)系統(tǒng)中，用戶通過瀏覽器向分布在網(wǎng)絡(luò)上的許多服務(wù)器發(fā)出請(qǐng)求，服務(wù)器對(duì)瀏覽器的請(qǐng)求進(jìn)行處理，將用戶所需信息返回到瀏覽器。而其余如數(shù)據(jù)請(qǐng)求、加工、結(jié)果返回以及動(dòng)態(tài)網(wǎng)頁生成、對(duì)數(shù)據(jù)庫的訪問和應(yīng)用程序的執(zhí)行等工作全部由Web Server完成，這樣大大簡(jiǎn)化了客戶端，減輕了系統(tǒng)維護(hù)與升級(jí)的成本和工作量，降低了用戶的總體擁有成本（TCO）。

該結(jié)構(gòu)的缺點(diǎn)是存在數(shù)據(jù)安全性問題、對(duì)服務(wù)器要求過高、數(shù)據(jù)傳輸速度慢、軟件的個(gè)性化特點(diǎn)明顯降低，難以實(shí)現(xiàn)傳統(tǒng)模式下的特殊功能要求。

2.2 ACCESS 數(shù)據(jù)庫

Access是微軟公司推出的基于Windows的桌面關(guān)系數(shù)據(jù)庫管理系統(tǒng)（RDBMS），是Office系列應(yīng)用軟件之一。它提供了表、查詢、窗體、報(bào)表、頁、宏、模塊7種用來建立數(shù)據(jù)庫系統(tǒng)的對(duì)象；提供了多種向?qū)А⑸善?、模板，把?shù)據(jù)存儲(chǔ)、數(shù)據(jù)查詢、界面設(shè)計(jì)、報(bào)表生成等操作規(guī)范化；為建立功能完善的數(shù)據(jù)庫管理系統(tǒng)提供了方便，也使得普通用戶不必編寫代碼，就可以完成大部分?jǐn)?shù)據(jù)管理的任務(wù)。由于Access數(shù)據(jù)庫的ODBC驅(qū)動(dòng)程序支持的SQL指令全，執(zhí)行效率高，所以Access后臺(tái)數(shù)據(jù)庫+ASP服務(wù)器端程序+客戶端IE瀏覽器，是一個(gè)精練、實(shí)用、高效的組合模式。

2.3 ASP 技術(shù)

ASP是Active Server Page的縮寫，意為“動(dòng)態(tài)服務(wù)器頁面”。ASP是微軟公司開發(fā)的代替CGI腳本程序的一種應(yīng)用，它可以與數(shù)據(jù)庫和其它程序進(jìn)行交互，是一種簡(jiǎn)單、方便的編程工具。ASP的網(wǎng)頁文件的格式是.asp，現(xiàn)在常用于各種動(dòng)態(tài)網(wǎng)站中。ASP是一種服務(wù)器端腳本編寫環(huán)境，可以用來創(chuàng)建和運(yùn)行動(dòng)態(tài)網(wǎng)頁或Web應(yīng)用程序。ASP網(wǎng)頁可以包含HTML標(biāo)記、普通文本、腳本命令以及COM組件等。利用ASP可以向網(wǎng)頁中添加交互式內(nèi)容（如在線表單），也可以創(chuàng)建使用HTML網(wǎng)頁作為用戶界面的web應(yīng)用程序。與HTML相比，ASP網(wǎng)頁具有實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁技術(shù)；包含在HTML代碼所組成的文件中，易于修改和測(cè)試；可以使用服務(wù)器端ActiveX組件來執(zhí)行各種各樣的任務(wù)；方便連接ACCESS與SQL數(shù)據(jù)庫等多種優(yōu)點(diǎn)，其主要缺點(diǎn)是開發(fā)人員要有豐富的經(jīng)驗(yàn)，否則會(huì)留出漏洞，讓黑客利用進(jìn)行注入攻擊。安裝ASP時(shí)，系統(tǒng)提供了兩種腳本語言：VBScript和JScript，而VBScript則被作為系統(tǒng)默認(rèn)的腳本語言。

第 三 章 網(wǎng)頁需求分析

3.1 總體功能需求分析

網(wǎng)頁功能分析就是以系統(tǒng)的觀點(diǎn)，對(duì)已選定的對(duì)象與開發(fā)范圍進(jìn)行有目的、有步驟的實(shí)際調(diào)查和科學(xué)分析。分析的目的就是要弄清楚網(wǎng)頁要做什么，最終為后面的設(shè)計(jì)工作打下基礎(chǔ)。

該網(wǎng)頁作為電子政務(wù)的一種服務(wù)平臺(tái)，政務(wù)公開、在線辦事、網(wǎng)上交流是其基本的三大功能。

3.1.1. 基本功能需求

? 政務(wù)公開功能

根據(jù)2008年5月1日起施行的政府信息公開條例規(guī)定，行政機(jī)關(guān)應(yīng)當(dāng)將主動(dòng)公開的政府信息，通過政府公報(bào)、政府網(wǎng)站、新聞會(huì)以及報(bào)刊、廣播、電視等便于公眾知曉的方式公開，確保公眾享有充分的知情權(quán)、監(jiān)督權(quán)。

? 網(wǎng)站辦事功能

網(wǎng)上辦公辦事是網(wǎng)頁功能服務(wù)中非常重要的組成部分，是電子政務(wù)建設(shè)努力的方向。通過提供一些行政審批等項(xiàng)目的在線辦理極大地方便了群眾，減少了不必要的人為環(huán)節(jié)，節(jié)省了社會(huì)資源。

? 網(wǎng)上交流功能

通過搭建政民交流平臺(tái)，讓公眾不但能夠?qū)⒆约旱慕ㄗh與意見直接反映給部門領(lǐng)導(dǎo)，實(shí)現(xiàn)普通群眾參政、議政的夙愿，而且使領(lǐng)導(dǎo)能夠通過這一平臺(tái)，傾聽民聲、關(guān)注民情、體察民意，進(jìn)而為群眾辦理更多的實(shí)事、好事、貼心事。

3.1.2. 功能結(jié)構(gòu)圖

3.2 網(wǎng)頁具體功能模塊需求分析

根據(jù)總體功能需求分析，該部門網(wǎng)頁確定政務(wù)公開、工作動(dòng)態(tài)、領(lǐng)導(dǎo)講話等功能模塊，具體組成分別如下。

3.2.1. 政務(wù)公開功能

? 領(lǐng)導(dǎo)講話模塊

功能：即時(shí)領(lǐng)導(dǎo)關(guān)于三農(nóng)工作的各種會(huì)議、現(xiàn)場(chǎng)講話。

作用：傳達(dá)精神，貫徹意圖。

? 政務(wù)公開模塊

政務(wù)公開模塊包含七個(gè)子模塊：機(jī)構(gòu)職能、領(lǐng)導(dǎo)介紹、內(nèi)設(shè)科室、農(nóng)口系統(tǒng)、人事信息、規(guī)劃計(jì)劃、財(cái)政信息。模塊根據(jù)國(guó)家信息公開條例等法規(guī)政策要求，針對(duì)該政府部門必須公開的七個(gè)方面進(jìn)行設(shè)置。

? 工作動(dòng)態(tài)模塊

工作動(dòng)態(tài)模塊，包含六個(gè)子模塊：綜合信息、新村建設(shè)、農(nóng)業(yè)產(chǎn)業(yè)化、勞務(wù)開發(fā)、農(nóng)田建設(shè)、移民工作。功能根據(jù)該政府部門各科室（辦）所承擔(dān)的職能職責(zé)進(jìn)行設(shè)計(jì)，實(shí)現(xiàn)了各責(zé)任條塊當(dāng)前工作信息的即時(shí)公開。

? 政策法規(guī)模塊

模塊設(shè)置農(nóng)業(yè)法規(guī)、政策文件兩個(gè)子模塊，提供近年來國(guó)家關(guān)于三農(nóng)工作各種重要法規(guī)、政策的瀏覽和下載，同時(shí)對(duì)本區(qū)、部門關(guān)于三農(nóng)工作制定的各種政策文件進(jìn)行了公開，使法規(guī)政策透明化，接受公眾監(jiān)督。

? 專題專欄模塊

模塊包含科學(xué)發(fā)展觀、調(diào)研文章、企業(yè)推介、農(nóng)業(yè)前沿四個(gè)子模塊?？茖W(xué)發(fā)展觀子模塊緊扣時(shí)代所需，調(diào)研文章子模塊是在互聯(lián)網(wǎng)上開辟的一個(gè)嶄新的調(diào)研舞臺(tái)，企業(yè)推介子模塊為本地龍頭企業(yè)的宣傳、推廣提供了一個(gè)新平臺(tái)。農(nóng)業(yè)前沿子模塊放眼全球，宣傳、推介農(nóng)業(yè)領(lǐng)域的最新技術(shù)、最新品種。

3.2.2. 網(wǎng)站辦事功能

? 網(wǎng)上辦事模塊

模塊設(shè)置便民服務(wù)、服務(wù)流程、資料下載、統(tǒng)計(jì)報(bào)表四個(gè)子模塊，將該部門能夠進(jìn)行網(wǎng)上辦理的相關(guān)行政審批事項(xiàng)予以了公開，方便了群眾，提高了辦事效率，提升了部門形象。

3.2.3. 網(wǎng)上交流功能

? 在線交流模塊

模塊設(shè)置三農(nóng)論壇、領(lǐng)導(dǎo)信箱、咨詢留言、網(wǎng)上投訴、網(wǎng)上調(diào)查五個(gè)子模塊。三農(nóng)論壇子模塊為公眾之間相互交流提供了平臺(tái)。領(lǐng)導(dǎo)信箱、在線咨詢等四個(gè)子模塊，為政府部門決策即時(shí)提供了群眾的意見及建議。

? 聯(lián)系我們模塊

該模塊主要功能：收集網(wǎng)站的反饋信息。

3.3 網(wǎng)頁結(jié)構(gòu)圖

3.4 網(wǎng)頁版面規(guī)劃

全部網(wǎng)頁采用1024×768分辨率制成，網(wǎng)頁訪問采用首頁、導(dǎo)航頁和新聞頁三級(jí)頁面形式。

? 首頁

首頁使用的是國(guó)字型結(jié)構(gòu)布局。 國(guó)字型結(jié)構(gòu)布局是一些大型網(wǎng)站所喜歡的類型，即最上面是網(wǎng)站的標(biāo)題+主菜單，下半部分分為3個(gè)區(qū)域，左右分列一些兩小條內(nèi)容，中間是主題內(nèi)容，與左右一起羅列到底，最下面是網(wǎng)站的一些基本信息，聯(lián)系方式，版權(quán)聲明等。這種布局的優(yōu)點(diǎn)是能夠充分利用版面，信息量大;缺點(diǎn)是頁面擁擠，不夠靈活。

? 導(dǎo)航頁

采用拐角型布局，優(yōu)點(diǎn)是頁面結(jié)構(gòu)清晰，主次分明，缺點(diǎn)是規(guī)矩呆板，容易讓人“看之無味。

? 新聞頁

使用標(biāo)題正文型：這種類型即最上面是標(biāo)題或類似的一些東西，下面是正文；本站子頁大部分是這個(gè)結(jié)構(gòu)。

? 頁頭

本站頁頭以900×150的農(nóng)村風(fēng)景圖為底，左置“巴中市”六字及名稱英文“”O(jiān)ffice of rural affairs，Bazhou District，Bazhong City，右邊放置宣傳語（FLASH動(dòng)畫）一起構(gòu)成。

? 頁腳

本站頁腳如下：

3.5 網(wǎng)站CI形象設(shè)計(jì)

? 主色調(diào)與色彩

網(wǎng)站采用代表了春天、希望、田野的“綠色”為主色調(diào)，與部門的農(nóng)業(yè)、農(nóng)村、農(nóng)民三農(nóng)工作性質(zhì)相吻合。

? 字體

導(dǎo)航欄字體為“黑體”，14px；網(wǎng)站主欄目字體為“宋體”，14 px；正文字體為“宋體”，9 px；

? 交互方式

網(wǎng)站設(shè)置了專門的在線交流模塊，提供了論壇、網(wǎng)上投訴、咨詢留言、網(wǎng)上調(diào)查等多種交互方式。

3.6 網(wǎng)頁布局技術(shù)

網(wǎng)頁使用表格方式布局，同時(shí)用CSS進(jìn)行樣式控制。表格布局的優(yōu)勢(shì)在于它能對(duì)不同對(duì)象加以處理，而又不用擔(dān)心不同對(duì)象之間的影響。表格布局的缺點(diǎn)是，當(dāng)我們用了過多表格時(shí)，頁面下載速度受到影響。CSS層疊樣式表是W3C組織新近批準(zhǔn)的一個(gè)輔助HTML設(shè)計(jì)的新特性，它使整個(gè)HTML保持統(tǒng)一的外觀。過去在設(shè)置文本時(shí)，為了保持整個(gè)段落都使用相同的外觀，不得不為每一段設(shè)置屬性，很麻煩。采用CSS可以在設(shè)置文本之前，就指定整個(gè)文本的屬性，比如顏色、字體大小等等，獲得統(tǒng)一的文本外觀。

第 四 章 數(shù)據(jù)庫設(shè)計(jì)

數(shù)據(jù)庫在一個(gè)網(wǎng)頁系統(tǒng)中占有非常重要的地位，數(shù)據(jù)庫的結(jié)構(gòu)好壞將直接影響到應(yīng)用系統(tǒng)的實(shí)現(xiàn)效果和數(shù)據(jù)操作效率以及能否保證數(shù)據(jù)的一致性、完整性和安全性。

4.1 數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計(jì)

數(shù)據(jù)庫概念設(shè)計(jì)的任務(wù)是根據(jù)用戶需求設(shè)計(jì)數(shù)據(jù)的概念數(shù)據(jù)模型，簡(jiǎn)稱概念模型。概念模型是按用戶的觀點(diǎn)對(duì)數(shù)據(jù)和信息進(jìn)行建模，是從用戶的角度看到的數(shù)據(jù)庫，它可以用E-R模型來表示。構(gòu)成E-R圖的基本要素是實(shí)體型、屬性和關(guān)系，其表示方法為：實(shí)體型：用矩形表示，矩形框內(nèi)寫明實(shí)體名；屬性：用橢圓形表示，并用無向邊將其與相應(yīng)的實(shí)體連接起來；關(guān)系：用菱形表示，菱形框內(nèi)寫明關(guān)系名，并用無向邊分別將有關(guān)實(shí)體連接起來，同時(shí)在無向邊旁標(biāo)上聯(lián)系的類型。

根據(jù)前面的需求分析，可以得到本網(wǎng)頁數(shù)據(jù)庫系統(tǒng)的E-R圖，如圖4-1所示。

上述E-R圖的關(guān)系說明如下：管理員可以對(duì)所有網(wǎng)上調(diào)查、新聞信息、投訴留言、論壇發(fā)貼等實(shí)體進(jìn)行增刪編輯，它們都是1：n的關(guān)系。一個(gè)管理員可以對(duì)論壇所有注冊(cè)用戶進(jìn)行監(jiān)管，一個(gè)超級(jí)管理員可以對(duì)多個(gè)后臺(tái)管理普通用戶進(jìn)行監(jiān)管，它們的關(guān)系也都是1：n。

各實(shí)體屬性的E-R圖如下：

4.2 數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計(jì)

通過分析系統(tǒng)涉及的相關(guān)實(shí)體以及要收集、存儲(chǔ)和操縱的數(shù)據(jù)信息，本網(wǎng)頁數(shù)據(jù)庫共設(shè)置了新聞信息表（News）等6個(gè)表，分述如下。

? 新聞信息表:用于存儲(chǔ)新聞及政務(wù)信息。

表4-1 新聞信息表(News)

?

三農(nóng)論壇表:用于存儲(chǔ)論壇發(fā)帖。

表4-2 三農(nóng)論壇表(BBS)

?

投訴留言表:用于存儲(chǔ)群眾來信、投訴、咨詢及回復(fù)。

表4-3 投訴留言表(Message)

? 論壇注冊(cè)用戶表:用于存儲(chǔ)三農(nóng)論壇注冊(cè)用戶信息。

表4-4 論壇注冊(cè)用戶表(User)

? 后臺(tái)管理員表:用于存儲(chǔ)管理員姓名、密碼、權(quán)限。

表4-5 后臺(tái)管理員表(ManageUser)

?

網(wǎng)上調(diào)查表:用于存儲(chǔ)網(wǎng)站調(diào)查項(xiàng)及投票。

表4-6 網(wǎng)上調(diào)查表(OnlineSurvey)

第 五 章 人機(jī)界面設(shè)計(jì)

5.1 后臺(tái)登錄界面設(shè)計(jì)

設(shè)計(jì)思想：登錄頁面主要實(shí)現(xiàn)用戶的登錄。通過用戶名、密碼、隨機(jī)密碼、IP、SessionID的組合驗(yàn)證實(shí)現(xiàn)未登陸用戶的正常登陸和已登陸用戶中同一用戶名允許在同一IP上重復(fù)登陸，拒絕同一用戶名在不同IP上重復(fù)登陸。

圖5-1 登錄流程圖

圖5-2 管理員登錄界面

5.2 用戶管理頁面設(shè)計(jì)

設(shè)計(jì)思想：登錄頁面主要實(shí)現(xiàn)用戶的登錄，用戶有超級(jí)管理員、普通管理員。超級(jí)管理員可以對(duì)其進(jìn)行任何的操作，包括對(duì)普通管理員的增刪、密碼修改。一般用戶只可以做權(quán)限之內(nèi)的操作和只能對(duì)自身的信息作修改。

圖5-3 用戶管理流程圖

圖5-4 用戶管理界面

5.3 信息檢索頁面設(shè)計(jì)

設(shè)計(jì)思想：根據(jù)輸入的關(guān)鍵字實(shí)現(xiàn)單字段或多字段組合查詢。

圖5-5 信息檢索流程圖

5.4 后臺(tái)管理頁面設(shè)計(jì)

網(wǎng)站后臺(tái)管理系統(tǒng)提供了添加新聞內(nèi)容、管理全部新聞、領(lǐng)導(dǎo)信箱管理、在線咨詢管理、公眾留言管理、網(wǎng)上投訴管理、網(wǎng)上調(diào)查管理、信息中心管理、超級(jí)管理選項(xiàng)、文件上傳十個(gè)功能選擇項(xiàng)，可以完成新聞信息的在線編輯、咨詢留言的在線回復(fù)、網(wǎng)上調(diào)查項(xiàng)的增減等管理任務(wù)。

圖5-7 后臺(tái)功能結(jié)構(gòu)圖

第 六 章 系統(tǒng)程序設(shè)計(jì)

前面著重討論了系統(tǒng)功能模塊的設(shè)計(jì)，詳細(xì)分析了每一個(gè)模塊的功能，本章將就系統(tǒng)中模塊功能的具體實(shí)現(xiàn)，選取部分源程序進(jìn)行討論。

6.1 程序設(shè)計(jì)語言

網(wǎng)站主要采用ASP作為程序設(shè)計(jì)代碼的開發(fā)工具。使用ASP作為開發(fā)工具可以方便地建立動(dòng)態(tài)的、高性能的、安全的、跨平臺(tái)的先進(jìn)動(dòng)態(tài)網(wǎng)站，其突出特點(diǎn)有以下幾個(gè)：

? ASP可以將內(nèi)容的生成和顯示進(jìn)行分離

Web頁面開發(fā)者可以用HTML或XML 標(biāo)識(shí)進(jìn)行對(duì)最終頁面的設(shè)計(jì)，同時(shí)使用ASP Tag 或Java Script 來生成頁面上的動(dòng)態(tài)內(nèi)容，因?yàn)樗械哪_本都在服務(wù)器端運(yùn)行， 所以， 如果核心邏輯部分被封裝在標(biāo)識(shí)中， 那么Web管理人員或頁面設(shè)計(jì)者將只能編輯ASP頁面的顯示方式， 而不會(huì)影響其內(nèi)容的實(shí)質(zhì)。

? 對(duì)不同瀏覽器的兼容

由于ASP技術(shù)采用了將ASP Tag 和Java Script 在服務(wù)器端解釋并執(zhí)行而只將結(jié)果以HTML或XML的形式送回到客戶端的方法， 從而保證了對(duì)其它基于HTML的Web瀏覽器的完全兼容。

6.2 部份源程序?qū)崿F(xiàn)及文件

? 數(shù)據(jù)庫訪問技術(shù)

網(wǎng)頁在采用微軟IIS/PWS的網(wǎng)絡(luò)平臺(tái)，通過服務(wù)器端運(yùn)行的ASP程序來訪問后臺(tái)Access數(shù)據(jù)庫。數(shù)據(jù)庫訪問采用匿名身份驗(yàn)證方式，使用戶無需輸入用戶名或密碼便可以對(duì)數(shù)據(jù)庫進(jìn)行訪問。匿名身份驗(yàn)證是指由 IIS創(chuàng)建IUSR、計(jì)算機(jī)名稱、帳戶（計(jì)算機(jī)名稱是正在運(yùn)行IIS 的服務(wù)器名稱），當(dāng)匿名用戶請(qǐng)求數(shù)據(jù)庫內(nèi)容時(shí)IIS 會(huì)將該連接分配給 IUSER_ComputerName 帳戶，其中ComputerName。默認(rèn)情況下，IUSER_ComputerName 帳戶為 Guests 組的成員。此組具有 NTFS 文件系統(tǒng)權(quán)限所規(guī)定的安全限制，這些限制指定訪問級(jí)別以及可提供給公共用戶的內(nèi)容的類型。建立Access數(shù)據(jù)庫連接的步驟及參數(shù)意義如下：

第一行程序：建立一個(gè)ADO對(duì)象集中的Connection對(duì)象，也即連接對(duì)象。這是建立數(shù)據(jù)庫連接的初始步驟。執(zhí)行這行程序后，Conn成為一個(gè)連接對(duì)象。

第二行程序：建立一個(gè)ADO對(duì)象集中的Recordset對(duì)象，以便利用Recordset對(duì)象操作數(shù)據(jù)庫（當(dāng)然，這只是對(duì)數(shù)據(jù)庫操作的多種方式之一）。執(zhí)行這行后，rs就成為一個(gè)Recordset對(duì)象。

第三行程序：利用連接對(duì)象Conn的Open方法打開一個(gè)指定的數(shù)據(jù)庫。首先利用Server對(duì)象的MapPath函數(shù)，取得要打開數(shù)據(jù)庫的完整的文件路徑，并存儲(chǔ)在變量DBQ中。其次，因?yàn)槲覀円蜷_的是Access數(shù)據(jù)庫，所以要指定ODBC驅(qū)動(dòng)程序參數(shù)，表示要透過Access的ODBC驅(qū)動(dòng)程序來訪問數(shù)據(jù)庫。到這里，就已經(jīng)打開了數(shù)據(jù)庫名指定的數(shù)據(jù)庫。

第四行程序： Sql指令串。

第五行程序：利用rs對(duì)象的Open方法打開數(shù)據(jù)庫中的數(shù)據(jù)表。這其中有四個(gè)參數(shù)，其意義如下：

數(shù)據(jù)表名或SQL指令串：在這個(gè)參數(shù)里指定要打開的數(shù)據(jù)庫內(nèi)的數(shù)據(jù)表名稱，或者是用SQL的Select指令串確定的數(shù)據(jù)表的指定范圍數(shù)據(jù)

Connection對(duì)象：指定已經(jīng)打開的數(shù)據(jù)庫的Connection對(duì)象。

Recordset類型：表示打開數(shù)據(jù)表的方式，有四種選擇。數(shù)字0表示只讀方式，且當(dāng)前記錄只能下移；數(shù)字1表示可讀寫方式，當(dāng)前記錄可自由上下移動(dòng)，但不能及時(shí)看到別的用戶建立的新記錄，除非重新啟動(dòng)；數(shù)字2表示可讀寫方式，當(dāng)前記錄可自由移動(dòng)，而且可以及時(shí)看到別的用戶增加的新記錄；數(shù)字3表示只讀方式，但當(dāng)前記錄可以自由移動(dòng)。

鎖定類型：這個(gè)參數(shù)指定數(shù)據(jù)庫的鎖定功能。因?yàn)榫W(wǎng)絡(luò)上的數(shù)據(jù)庫都是多用戶的，很可能同時(shí)有多個(gè)用戶在操作數(shù)據(jù)庫。為了避免錯(cuò)誤，讓同一時(shí)間只可能有一個(gè)用戶修改數(shù)據(jù)，就要用鎖定功能。有四種選擇：數(shù)字1表示只讀方式鎖定，用戶不能更改數(shù)據(jù)；數(shù)字2表示悲觀鎖定，當(dāng)一個(gè)用戶用rs對(duì)象開始修改數(shù)據(jù)時(shí)就鎖定數(shù)據(jù)庫，直到用戶用rs.Update更新記錄后，才解除鎖定；數(shù)字3表示樂觀鎖定，只有在數(shù)據(jù)寫入數(shù)據(jù)庫中的時(shí)候才鎖定。數(shù)字4表示批次樂觀鎖定，只有在使用rs.UpdateBatch成批更新數(shù)據(jù)時(shí)候才鎖定數(shù)據(jù)記錄。

? 身份驗(yàn)證

本網(wǎng)站身份驗(yàn)證采用服務(wù)器端驗(yàn)證代碼方式，密碼算法采用流行的MD5算法，同時(shí)附加客戶端隨機(jī)密碼驗(yàn)證。MD5全稱Message-Digest Algorithm 5（信息-摘要算法），是由MIT Laboratory for Computer Science和RSA Data Security Inc的Ronald L. Rivest在90年代初向IEFT提交的一種不可逆運(yùn)算加密算法，經(jīng)MD2、MD3和MD4發(fā)展而來，面向32位的電腦。登陸驗(yàn)證按一個(gè)IP可以有多個(gè)用戶登陸，一個(gè)用戶只能登陸一個(gè)IP的原則進(jìn)行設(shè)計(jì)，具體代碼及解釋如下：

? 網(wǎng)上調(diào)查功能實(shí)現(xiàn)

圖6-1 網(wǎng)上調(diào)查投票界面

圖6-2 網(wǎng)上調(diào)查結(jié)果界面

網(wǎng)上調(diào)查實(shí)現(xiàn)代碼

第 七 章 網(wǎng)頁測(cè)試

7.1 測(cè)試網(wǎng)站的建立

7.1.1. 測(cè)試網(wǎng)站環(huán)境

網(wǎng)頁測(cè)試使用本單位局域網(wǎng)進(jìn)行，配置如下：

服務(wù)器端：操作系統(tǒng)—Windows xp

Web服務(wù)器—IIS5.1

瀏覽器—IE6.0

客戶端：Internet Explorer6.0

7.1.2. Web服務(wù)器IIS5.1簡(jiǎn)介

IIS是Internet Information Services的縮寫，是目前使用最廣泛的Web服務(wù)器，可以在UNIX和Windows平臺(tái)上運(yùn)行。它與Windows NT Server完全集成，允許使用Windows NT Server內(nèi)置的安全性以及NTFS文件系統(tǒng)建立強(qiáng)大靈活的Internet／Intranet站點(diǎn)。IIS組件主要包括Web服務(wù)器、FTP服務(wù)器、NNTP服務(wù)器和SMTP服務(wù)器，分別用于網(wǎng)頁瀏覽、文件傳輸、新聞服務(wù)和郵件發(fā)送等方面。

7.1.3. 網(wǎng)頁測(cè)試

? IIS配置

當(dāng)IIS被成功安裝后，將在計(jì)算機(jī)C:\Inetpub\wwwroot下新建一個(gè)默認(rèn)網(wǎng)站，通過修改默認(rèn)網(wǎng)站配置可以建立自己的站點(diǎn)。如自己的網(wǎng)頁放在D:\Wy目錄下，首頁文件名為Index.asp，其具體步驟如下：

第一步：在“默認(rèn)Web站點(diǎn)”上單擊右鍵，選“屬性”，以進(jìn)入名為“默認(rèn)Web站點(diǎn)屬性”設(shè)置界面。

第二步：轉(zhuǎn)到“主目錄”窗口，再在“本地路徑”輸入（或用“瀏覽”按鈕選擇）好自己網(wǎng)頁所在的“D:\Wy”目錄。

第三步：轉(zhuǎn)到“文檔”窗口，再按“添加”按鈕，根據(jù)提示在“默認(rèn)文檔名”后輸入自己網(wǎng)頁的首頁文件名“Index.asp”。

第四步：在“默認(rèn)Web站點(diǎn)”上單擊右鍵，選“新建虛擬目錄”，依次在“別名”處輸入“test”，在“目錄”處輸入“D:\Wy”后再按提示操作。

? 數(shù)據(jù)源（ODBC）配置

第一步：選擇控制面板中的管理工具打開數(shù)據(jù)源（ODBC）。

第二步：在選項(xiàng)卡系統(tǒng)DNS中添加Microsoft Access Driver(*.mdb)驅(qū)動(dòng)并指定數(shù)據(jù)源為網(wǎng)站的數(shù)據(jù)庫文件。

? 測(cè)試

打開瀏覽器，直接在地址欄中輸入：localhost/test/index.asp或者127.0.0.1/test/index.asp即可。

7.2 網(wǎng)頁及網(wǎng)站維護(hù)

在測(cè)試完成后，網(wǎng)頁就可以到互聯(lián)網(wǎng)上了，接下來要做的就是網(wǎng)站的日常維護(hù)了。網(wǎng)站維護(hù)就是對(duì)服務(wù)器及相關(guān)軟硬件的維護(hù)，對(duì)可能出現(xiàn)的問題進(jìn)行評(píng)估，制定響應(yīng)時(shí)間，制定相關(guān)維護(hù)規(guī)定，將網(wǎng)站維護(hù)制度化、規(guī)范化，主要包括以下內(nèi)容：

? 即時(shí)更新新聞內(nèi)容

? 留言、投訴、咨詢、信箱定期回復(fù)

? 數(shù)據(jù)庫內(nèi)容定期備份、刪減、分類

? 更正數(shù)據(jù)庫使用過程中發(fā)現(xiàn)的問題

? 定期進(jìn)行綜合分析，不斷優(yōu)化數(shù)據(jù)庫中數(shù)據(jù)結(jié)構(gòu)，提高使用效率

? 在系統(tǒng)運(yùn)行過程中應(yīng)定期對(duì)管理員用戶名和密碼進(jìn)行更新，并對(duì)IIS和NT權(quán)限作相應(yīng)設(shè)置

第 八 章 結(jié)論

本次利用畢業(yè)設(shè)計(jì)的機(jī)會(huì)，為自己工作的單位設(shè)計(jì)了網(wǎng)頁。網(wǎng)頁使用ASP技術(shù)開發(fā)，具有良好的交互性能，具備強(qiáng)大的后臺(tái)管理功能。新聞、信息檢索、互動(dòng)交流等主要模塊設(shè)計(jì)做到了與單位職能職責(zé)的緊密結(jié)合，達(dá)到了預(yù)期設(shè)計(jì)目標(biāo)。網(wǎng)頁經(jīng)單位局域網(wǎng)多次測(cè)試，在WindowsXP操作系統(tǒng)，IIS5.1的服務(wù)器環(huán)境上正常運(yùn)行。

此次網(wǎng)頁制作，通過大量閱讀書籍和求助互聯(lián)網(wǎng)，使我初步掌握了網(wǎng)頁設(shè)計(jì)制作的一般過程、ASP簡(jiǎn)單設(shè)計(jì)應(yīng)用、CSS和表單布局常識(shí)、ACCESS數(shù)據(jù)庫設(shè)計(jì)技能。特別是在ASP編程階段，通過無數(shù)次解決測(cè)試過程中排查出的問題，我不僅回顧和應(yīng)用了以前學(xué)習(xí)過的理念知識(shí)，還掌握了許多新的知識(shí)和技巧，獲益良多。但由于時(shí)間倉(cāng)促，受一些技術(shù)和設(shè)備所限，網(wǎng)頁在美工、需求分析、網(wǎng)頁安全等方面存在諸多不足之處，有待后期運(yùn)行中進(jìn)一步改進(jìn)和完善。

參考文獻(xiàn)

1. 《Dreamweaver CS3 入門 提高 精通》，薛凱，康亞雄編著，機(jī)械工業(yè)出版社 2008

2. 《Photoshop CS3 平面設(shè)計(jì)標(biāo)準(zhǔn)教程》，李建宏，雷波編著，機(jī)械工業(yè)出版社 2008

3. 《ASP網(wǎng)頁數(shù)據(jù)庫短訓(xùn)教程》，劉瑞新，汪遠(yuǎn)征編著，機(jī)械工業(yè)出版社 2005

4. 《Flash CS3動(dòng)畫制作》，華信卓越編著，電子工業(yè)出版社 2008

5. 《網(wǎng)頁設(shè)計(jì)三合一》，甘登岱編著，清華大學(xué)出版社 2009

6. 《網(wǎng)頁設(shè)計(jì)與網(wǎng)站建》，邱云飛，溫國(guó)峰編著，清華大學(xué)出版社 2009

7. 《Access2007數(shù)據(jù)庫應(yīng)用與開發(fā)》，楊繼萍，孫巖，梁文新編著，清華大學(xué)出版社 2008

8. 《網(wǎng)頁制作從入門到精通》，譚貞軍，劉斌編著，清華大學(xué)出版社 2008

9. nbagri.gov.cn/index.jsp（寧波農(nóng)村經(jīng)濟(jì)綜合信息網(wǎng)）

10. 68design.net/（網(wǎng)頁設(shè)計(jì)師聯(lián)盟）

11. wznb.gov.cn/（溫州市委農(nóng)辦）

12. bjnw.gov.cn/（北京市農(nóng)委）

第4篇：網(wǎng)頁界面設(shè)計(jì)論文范文

    關(guān)鍵詞:多媒體;課件;Authorware;背景音樂;多媒體

    前言

    多媒體課件以豐富的視聽信息,生動(dòng)的圖形、圖像,高科技表現(xiàn)手段使教學(xué)內(nèi)容化繁為簡(jiǎn),化宏觀為微觀,形象生動(dòng),創(chuàng)設(shè)情境,使理論學(xué)習(xí)、問題輔助學(xué)習(xí)、激發(fā)興趣和協(xié)作學(xué)習(xí)等在教學(xué)中得以體現(xiàn),使學(xué)生由被動(dòng)學(xué)習(xí)變?yōu)橹鲃?dòng)學(xué)習(xí),由個(gè)體獨(dú)立學(xué)習(xí)變?yōu)槿后w合作學(xué)習(xí),由復(fù)制性學(xué)習(xí)變?yōu)閯?chuàng)造性學(xué)習(xí)[1]。本文采用的Authorware7.0軟件,通過Fireworks8.0創(chuàng)作動(dòng)畫輔助,將多種教學(xué)媒體和教學(xué)方法有機(jī)結(jié)合,完成《電子測(cè)量技術(shù)》課程的課件設(shè)計(jì)。

    1  課件的設(shè)計(jì)

    《電子測(cè)量技術(shù)》課程是高等職業(yè)教育電子信息、應(yīng)用電子、自動(dòng)化等專業(yè)的專業(yè)基礎(chǔ)課,同時(shí)也是新知識(shí)點(diǎn)較多的一門課程。針對(duì)職業(yè)教育特點(diǎn),我們主編了《電子測(cè)量技術(shù)》規(guī)劃教材,2003年由電子工業(yè)出版社出版,教材目前印刷7次,印數(shù)已達(dá)3萬冊(cè)。因此,從教學(xué)角度出發(fā),考慮該教材已獲得廣泛承認(rèn),課件內(nèi)容以該書為基礎(chǔ),涵蓋《電子測(cè)量技術(shù)》全書12章節(jié)內(nèi)容,并且借鑒原來基于PowerPoint課件的經(jīng)驗(yàn),各章節(jié)自成體系,按教學(xué)大綱劃分出知識(shí)點(diǎn);其次是課件應(yīng)具有良好的用戶界面和視覺、聽覺效果,課件所使用的計(jì)算機(jī)硬件和軟件開發(fā)環(huán)境相對(duì)兼容,便于升級(jí)擴(kuò)展。

    1)腳本的編寫

    編寫詳細(xì)的腳本,是整個(gè)多媒體課件開發(fā)過程中的一個(gè)重要環(huán)節(jié),它把課件設(shè)計(jì)與制作緊密地聯(lián)系在一起,成為課件制作的重要依據(jù)。畢業(yè)論文編寫腳本包括界面設(shè)計(jì)、交互設(shè)計(jì)和風(fēng)格設(shè)計(jì)3個(gè)方面[2]。       

    界面是教學(xué)信息在屏幕上的顯示區(qū)域及用戶操作區(qū)域,設(shè)計(jì)時(shí)我們主要突出“教為學(xué)”的思想,圍繞教學(xué)內(nèi)容這一中心,既防止課件界面色彩、聲像效果等過分濃烈、喧賓奪主,影響學(xué)習(xí)內(nèi)容;又考慮課程部分內(nèi)容如儀器內(nèi)部電路抽象、枯燥,而學(xué)生需要感官刺激,激發(fā)興趣的特點(diǎn)。

    同時(shí),我們體會(huì)多媒體課件的強(qiáng)大生命力主要體現(xiàn)在交互能力上,比如只需通過單擊屏幕上某個(gè)特殊的鏈接設(shè)置,方便實(shí)現(xiàn)不同對(duì)象之間的跳轉(zhuǎn)。本設(shè)計(jì)中創(chuàng)建了兩個(gè)導(dǎo)航結(jié)構(gòu),一種是利用“導(dǎo)航”圖標(biāo)指向框架圖標(biāo)中的某一頁,來實(shí)現(xiàn)程序內(nèi)部的跳轉(zhuǎn)和調(diào)用。另一種是通過“框架”圖標(biāo)內(nèi)嵌的導(dǎo)航控件來實(shí)現(xiàn)不同頁面間的瀏覽、翻頁。除此之外還可以通過設(shè)置相應(yīng)的超文本鏈接來實(shí)現(xiàn)交互性能。

    在風(fēng)格設(shè)計(jì)上主要體現(xiàn)界面、字幕和顯示對(duì)象上整體的和諧統(tǒng)一。

    2)框架結(jié)構(gòu)的設(shè)計(jì)

    編輯之前考慮到有大量的文本的輸入,實(shí)現(xiàn)各個(gè)章節(jié)之間的翻轉(zhuǎn)如果只使用“交互”圖標(biāo),也是可以實(shí)現(xiàn)翻頁功能,但碩士論文制作起來比較麻煩,而且在查找頁和指定固定頁方面力不從心。因此運(yùn)用“框架”圖標(biāo)及“導(dǎo)航”圖標(biāo)制作文本瀏覽,就方便多了[2]。

    “框架”圖標(biāo)和“導(dǎo)航”圖標(biāo)密切相關(guān),經(jīng)常放在一起使用。導(dǎo)航結(jié)構(gòu)提供了選擇路徑的方法,可以根據(jù)設(shè)置自動(dòng)跳轉(zhuǎn)到指定的目標(biāo)頁上;“框架”圖標(biāo)可以方便地設(shè)計(jì)含有圖形、聲音、動(dòng)畫等組件的頁面,最重要的是在“框架”圖標(biāo)的內(nèi)部?jī)?nèi)嵌了一整套導(dǎo)航控件,通過這一控件可以更容易實(shí)現(xiàn)頁面之間的來回翻轉(zhuǎn)。

    基本框架結(jié)構(gòu)設(shè)計(jì)后,對(duì)有的地方進(jìn)行了編輯,如更改控制按鈕的位置和圖標(biāo)、設(shè)置按鈕防止頁面回繞、編輯進(jìn)入和退出畫面等,使其更適合課件的使用。

    2  多種媒體素材的使用

    要實(shí)現(xiàn)多媒體課件的內(nèi)容豐富多彩,使用多種媒體素材是必不可少的。其中文本、圖形、圖像是最基本元素,此外還有聲音、動(dòng)畫、視頻等媒體信息?？紤]到職業(yè)教育“淡化理論、夠用為度、培養(yǎng)技能、重在應(yīng)用”的特點(diǎn),我們認(rèn)為對(duì)測(cè)量原理部分的講解應(yīng)力求突出基本概念,通俗易懂,工作總結(jié)便于自學(xué),因此課件這部分主要以文本、圖片形式,比較詳細(xì);而測(cè)量方法則應(yīng)突出操作應(yīng)用,在設(shè)計(jì)時(shí)則主要以視頻演示為主;對(duì)測(cè)量?jī)x器儀表則重點(diǎn)講清工作原理和組成框圖,在設(shè)計(jì)時(shí)主要以動(dòng)畫、網(wǎng)頁內(nèi)容為主,整個(gè)課件設(shè)計(jì)力求對(duì)多媒體資源的合理布局,使它們既符合教材要求,又突出多媒體特征。

    1)文本的輸入

    Authorware可以直接將外部的文本輸入到其內(nèi)部,但是它有一特點(diǎn)就是在文本的輸入格式方面有一定的限制,它只能輸入TXT、RTF格式的文件[3]。對(duì)于不是這種格式的文檔如果采用常規(guī)直接進(jìn)行輸入勢(shì)必會(huì)占用很多時(shí)間,不利于課件的開發(fā)。因此借助系統(tǒng)剪貼板使用復(fù)制、粘貼的方法來添加文本。當(dāng)文本過長(zhǎng)時(shí),或者輸入的文本篇幅較大,采用滾動(dòng)文本的輸入方式,這樣在預(yù)覽時(shí)會(huì)顯得更方便。

    2)圖片的應(yīng)用

    使用系統(tǒng)本身的繪圖工具箱可以繪制出比較簡(jiǎn)單的畫面,但對(duì)于《電子測(cè)量技術(shù)》這門課程僅僅依靠繪圖工具箱不能達(dá)到實(shí)際的要求,如大量的儀器原理圖、接線圖、儀器面板圖等,我們采取的第一個(gè)方法是采用Authorware7.0提供的插入外部對(duì)象的功能,將原來以Protel99SE、Word、LabVIEW等制作轉(zhuǎn)換為圖片形式,醫(yī)學(xué)論文使設(shè)計(jì)的原料變得更加豐富。

    3)添加背景音樂

    在Authorware7.0系統(tǒng)中可以支持多種類型的聲音文件格式,如WAV、SWA、AIFF、PCM、MP3等[3],在制作課件時(shí),通過“聲音”圖標(biāo)來插入音頻和設(shè)置聲音播放,如控制播放次數(shù)、設(shè)置播放時(shí)間、速率等,可以輕松引用這些聲音素材添加到課件中。在課件中導(dǎo)入背景音樂有它的優(yōu)點(diǎn),但是并不是每個(gè)人都喜歡有音樂,因此通過對(duì)“計(jì)算”圖標(biāo)和按鈕響應(yīng)的設(shè)置,編寫按鈕激活代碼使課件在播放時(shí)可以由使用者根據(jù)自己的意愿單擊相應(yīng)的按鈕,實(shí)現(xiàn)有聲和靜音之間的轉(zhuǎn)換[4]。

    4)動(dòng)畫的調(diào)用

    動(dòng)畫是多媒體作品中不可缺少的一部分,也是設(shè)計(jì)中的一個(gè)亮點(diǎn),但使用Authorware本身只能制作出二維的動(dòng)畫,即動(dòng)畫的對(duì)象只能在一個(gè)平面內(nèi)運(yùn)動(dòng),這樣使演示的效果大打折扣,然而這并不說明Authorware不能演示三維動(dòng)畫,它可以通過文件插入的方式來演示其他軟件制作的三維動(dòng)畫,同時(shí)系統(tǒng)本身也提供多種效果的頁面切換功能,對(duì)各種外部和內(nèi)部資源加以利用同樣可以達(dá)到理想的效果。

    制作動(dòng)畫的軟件有很多,使用起來也各有特色。選擇合適的創(chuàng)作工具是設(shè)計(jì)成功的關(guān)鍵,通過查閱相關(guān)的資料,了解Authorware系統(tǒng)提供了對(duì)GIF動(dòng)畫圖像的支持,可以將其應(yīng)用到課件中。GIF動(dòng)畫是一種特殊的圖像格式,其中包含了多幀圖像,這些圖像按照一定的時(shí)間頻率交替顯示,從而達(dá)到動(dòng)畫顯示的效果,具體是通過Macromedia Fireworks 8.0來設(shè)計(jì)。在Fireworks中制作動(dòng)畫的一種方法是通過創(chuàng)建元件并不停地改變它們的屬性來產(chǎn)生運(yùn)動(dòng)的錯(cuò)覺。當(dāng)按順序播放所有的幀時(shí)就成了動(dòng)畫[5]。

    5)智能對(duì)象與數(shù)字電影

    智能對(duì)象就像一個(gè)插入Authorware作品的邏輯包,它是一個(gè)強(qiáng)有力的開發(fā)工具,它的不同之處在于它與向?qū)У穆?lián)接,向?qū)Э梢越oAuthorware作品提供設(shè)置界面,職稱論文并且可以在插入智能對(duì)象的位置添加各種變化、新的內(nèi)容和邏輯關(guān)系。它能使看似繁瑣的工作變得更加容易完成,即使是沒有經(jīng)驗(yàn)的開發(fā)人員也更容易更有效地完成任務(wù)。實(shí)際上智能對(duì)象在多媒體編輯上做出了根本性的改革。比如智能對(duì)象與數(shù)字電影的結(jié)合應(yīng)用[3]。在課件中引入數(shù)字電影如果只是采用之前的方法,就是在流程線上添加相應(yīng)的圖標(biāo)進(jìn)行導(dǎo)入,在程序運(yùn)行過程中當(dāng)執(zhí)行到該圖標(biāo),系統(tǒng)會(huì)直接彈出播放的窗口,不利于下一操作,但是通過Movie Controller智能對(duì)象可以容易實(shí)現(xiàn)播放進(jìn)度的調(diào)節(jié)。

    6)網(wǎng)頁鏈接

    在課件設(shè)計(jì)時(shí),考慮到有些儀器由于價(jià)格昂貴或者其他原因,學(xué)校無法購(gòu)置,如數(shù)字通信測(cè)試用誤碼儀、邏輯分析儀等,課件設(shè)計(jì)中考慮實(shí)現(xiàn)網(wǎng)頁的鏈接,鏈接到知名企業(yè)的網(wǎng)頁上,已加強(qiáng)學(xué)生感性認(rèn)識(shí)。這一功能是通過Fireworks中使用URL來實(shí)現(xiàn),編輯選中的熱點(diǎn)并對(duì)其指定URL路徑,最后導(dǎo)出此URL即可實(shí)現(xiàn)指定網(wǎng)頁的鏈接。

    課件的主界面如圖1所示,課件第1章界面如圖2所示。

    3  課件的調(diào)試與打包

    課件主要是為《電子測(cè)量技術(shù)》教材而制作的,因此為方便發(fā)行和使用,課件的后期工作就是進(jìn)行調(diào)試和打包處理。

    由于課件發(fā)行打包后將不允許用戶再修改,打包之前應(yīng)盡可能排除其中的錯(cuò)誤,確認(rèn)課件可以正常運(yùn)行。英語論文調(diào)試可以通過兩種方法來實(shí)現(xiàn)。一種是利用區(qū)段標(biāo)志(開始/停止標(biāo)志),另外一種是通過控制面板的使用。通過使用調(diào)試工具可以控制程序流程執(zhí)行的區(qū)段,逐個(gè)執(zhí)行程序流程中的設(shè)計(jì)圖標(biāo)。將制作好的課件與課件中的庫文件一起打包能夠提高文件的性能,減少文件的數(shù)量,使最后的作品的安裝、運(yùn)行更為容易,并且增加了作品運(yùn)行的可靠性,避免運(yùn)行時(shí)因?yàn)檎也坏酵鈦砗瘮?shù)或庫文件而發(fā)生錯(cuò)誤。

    打包好的課件進(jìn)行設(shè)置,可以運(yùn)行在Windows95、Windows98、WindowsXP、或者是WindowsNT、Windows2000這樣的32位操作系統(tǒng)中。其中要求的CPU應(yīng)該是Pentium166以上兼容機(jī)種、內(nèi)存是64M以上、硬盤容量780M、支持DirectX的顯卡、光驅(qū)是8倍速以上的光驅(qū),此外由于演示窗口大小設(shè)置為832*624像素,因此可以用于不低于16英寸顯示器。制作好課件并打包后,就可以,課件時(shí)必須隨同程序中用到的外部媒體文件或外部函數(shù)文件一同,Authorware7.0提供了作品的功能,該功能可以將運(yùn)行作品所需的各種文件及外部函數(shù)輸出到指定的目錄中,從而形成用于發(fā)行的最終作品[3]。

    4  結(jié)論

    隨著各種多媒體教學(xué)的推廣和普及,計(jì)算機(jī)輔助教學(xué)作為一種先進(jìn)的教學(xué)手段,以其直觀性、靈活性、實(shí)時(shí)性、立體化的優(yōu)勢(shì),留學(xué)生論文越來越受到大家的青睞。要想運(yùn)用好計(jì)算機(jī)輔助教學(xué)這一現(xiàn)代化的教學(xué)手段,其關(guān)鍵是要設(shè)計(jì)和制作出符合教學(xué)要求的多媒體課件[6]。我們的作品雖然完成了,但是在各院校使用過程中,一定還會(huì)發(fā)現(xiàn)很多不盡人意之處,我們將與時(shí)俱進(jìn),將作品更加完善,以更好的實(shí)現(xiàn)教學(xué)目的,達(dá)到教學(xué)效果。

    參考文獻(xiàn)

    [1] 胡欣杰.時(shí)尚教師多媒體課件DIY[M].北京:中國(guó)宇航出版社,2005.14-18

    [2] 孫印杰,李春暉,封新亞.新世紀(jì)多媒體CAI課件制作培訓(xùn)教程[M].北京:電子工業(yè)出版社,2004

    [3] Naheeda Ravjani.Using Authorware7[M/CD]. Macromedia,Inc.600 Townsend St.San Francisco, CA 94103, 2003

    [4] China-pub.com. Authorware 5多媒體制作實(shí)用教程[DK/CD].北京寰宇之星軟件有限公司2000

第5篇：網(wǎng)頁界面設(shè)計(jì)論文范文

論文關(guān)鍵詞：百度地圖:JavaScriptAPI,JQuery,JQueryEasyUI,地理信息系統(tǒng)

地理信息系統(tǒng)（WebGIS）與一般的大眾Web應(yīng)用系統(tǒng)不同，涉及復(fù)雜的地圖應(yīng)用。從零實(shí)現(xiàn)一個(gè)WebGIS應(yīng)用系統(tǒng)，將會(huì)是一個(gè)非常艱難的過程。因此，如何化繁為簡(jiǎn)，屏蔽復(fù)雜的GIS計(jì)算過程，使開發(fā)人員高效、靈活的開發(fā)一個(gè)WebGIS系統(tǒng)，已經(jīng)成為WebGIS開發(fā)領(lǐng)域的關(guān)鍵問題。在好的開發(fā)框架下，開發(fā)者往往只需要編寫少量的代碼，花費(fèi)少量的時(shí)間即可實(shí)現(xiàn)高性能的Web應(yīng)用系統(tǒng)[1]。百度地圖JavaScript API其設(shè)計(jì)之意就是為互聯(lián)網(wǎng)客戶端提供強(qiáng)大的地圖展示和操作功能以及靈活的擴(kuò)展機(jī)制。

2、百度地圖 API 簡(jiǎn)介

百度地圖 API 是一套由 JavaScript 編寫的將百度地圖嵌入到網(wǎng)頁應(yīng)用程序的接口，

它能夠在網(wǎng)站中構(gòu)建功能豐富、交互性強(qiáng)的地圖應(yīng)用程序。百度地圖API為開發(fā)者提供豐富的函數(shù)、控件、事件和封裝的類，提供很多的專題圖服務(wù)[2]。

利用百度地圖 API 技術(shù)構(gòu)建 WebGIS 平臺(tái)，主要采用客戶端、應(yīng)用服務(wù)器和數(shù)據(jù)服務(wù)器三層結(jié)構(gòu)進(jìn)行設(shè)計(jì)。英語專業(yè)其中客戶端主要實(shí)現(xiàn)地圖加載、地圖瀏覽和查詢功能；應(yīng)用服務(wù)器則負(fù)責(zé)處理用戶的訪問和查詢請(qǐng)求；數(shù)據(jù)服務(wù)器用于存取各類空間數(shù)據(jù)和屬性信息[3]。

3、系統(tǒng)交互需求

（1）系統(tǒng)需要地圖對(duì)根據(jù)用戶輸入的起始點(diǎn)和終點(diǎn)進(jìn)行解析，返回查詢到的結(jié)果列表，并將第一條結(jié)果的路徑展現(xiàn)在地圖上。

（2）用戶還可以對(duì)返回的結(jié)果列表根據(jù)耗時(shí)最少，換乘最少，步行最少以及不坐地鐵四個(gè)條件進(jìn)行篩選。

（3）當(dāng)用戶點(diǎn)擊每一個(gè)方案列表上的公交線路時(shí)，彈出一個(gè)該公交線路詳細(xì)列表對(duì)話框，顯示該公交經(jīng)過的個(gè)站點(diǎn)的名字以及該公交線路的運(yùn)營(yíng)時(shí)間等。

4、系統(tǒng)功能設(shè)計(jì)

為了實(shí)現(xiàn)系統(tǒng)在主流瀏覽器顯示和運(yùn)行的兼容性和可移植性，系統(tǒng)采用JavaScript第三方框架JQuery進(jìn)行編碼。利用JQueryEasyUI實(shí)現(xiàn)系統(tǒng)布局和各個(gè)板塊界面的設(shè)計(jì)[4]。首先要引入相關(guān)的CSS和庫文件。

4.1、頁面布局設(shè)計(jì)

第6篇：網(wǎng)頁界面設(shè)計(jì)論文范文

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì);課程知識(shí)體系;體驗(yàn)設(shè)計(jì);交互設(shè)計(jì);信息設(shè)計(jì)

網(wǎng)頁設(shè)計(jì)作為高校設(shè)計(jì)學(xué)專業(yè)的專業(yè)課程，在教學(xué)課程知識(shí)體系的不斷探索和完善中，形成了以藝術(shù)和技術(shù)分別主導(dǎo)的側(cè)重不同而又緊密關(guān)聯(lián)的兩種課程知識(shí)體系。隨著網(wǎng)頁設(shè)計(jì)理論與方法研究的不斷深入和發(fā)展，人們對(duì)網(wǎng)頁的產(chǎn)品設(shè)計(jì)的屬性認(rèn)知越來越明確，對(duì)網(wǎng)頁設(shè)計(jì)的工作分工更細(xì)致也更專業(yè)，這種認(rèn)知進(jìn)步也應(yīng)該體現(xiàn)于當(dāng)前的高校網(wǎng)頁設(shè)計(jì)課程的知識(shí)構(gòu)建體系中。

一、網(wǎng)頁設(shè)計(jì)課程知識(shí)體系的構(gòu)建變遷

1.從代碼知識(shí)到網(wǎng)頁制作工具知識(shí)的轉(zhuǎn)變

早期，高校網(wǎng)頁類課程的知識(shí)體系構(gòu)建得益于院校的科研優(yōu)勢(shì)，互聯(lián)網(wǎng)的發(fā)展直接促成了計(jì)算機(jī)專業(yè)的開設(shè)和網(wǎng)頁設(shè)計(jì)課程的設(shè)立。20世紀(jì)90年代末，網(wǎng)頁設(shè)計(jì)課程陸陸續(xù)續(xù)被列入部分高校設(shè)計(jì)類專業(yè)課程目錄。面向高校學(xué)生的網(wǎng)頁設(shè)計(jì)課程內(nèi)容是一種全新的事物，即使面向藝術(shù)類專業(yè)，也由計(jì)算機(jī)專業(yè)相關(guān)教師承擔(dān)教學(xué)任務(wù)。各高校、科研院所對(duì)網(wǎng)頁制作方法不斷探索，并將成果于各種學(xué)術(shù)研究出版物，教學(xué)方面則直接引用案例教學(xué)，教學(xué)內(nèi)容以HTML知識(shí)為主。由于面向?qū)ο蟮脑O(shè)計(jì)思想在軟件開發(fā)中普及，各種不需要用戶直接面對(duì)代碼的網(wǎng)頁制作工具相繼誕生，于是，這方面的知識(shí)成為課堂的新內(nèi)容，大大減輕了學(xué)生的記憶負(fù)擔(dān)。2.網(wǎng)頁制作向網(wǎng)頁美工的轉(zhuǎn)變網(wǎng)站制作的快速發(fā)展、網(wǎng)頁制作技術(shù)的傳播，使網(wǎng)站在技術(shù)層面進(jìn)入了同質(zhì)化階段，市場(chǎng)需求開始轉(zhuǎn)向頁面視覺效果方面的提升。在網(wǎng)頁設(shè)計(jì)課程中，由于對(duì)網(wǎng)頁設(shè)計(jì)分工認(rèn)知不足，早期的網(wǎng)頁設(shè)計(jì)課程時(shí)常將設(shè)計(jì)和制作的名稱與授課內(nèi)容混用，沒有嚴(yán)格區(qū)分，也沒有明確的網(wǎng)頁前端設(shè)計(jì)與視覺設(shè)計(jì)分工。高校網(wǎng)頁設(shè)計(jì)課程的授課內(nèi)容以網(wǎng)頁制作技術(shù)為主，以美化頁面效果為輔。此時(shí)，高校對(duì)于網(wǎng)頁設(shè)計(jì)課程的視覺設(shè)計(jì)方面的專業(yè)教學(xué)研究處于摸索階段。之后，隨著時(shí)代的發(fā)展，網(wǎng)頁設(shè)計(jì)課程教學(xué)核心開始轉(zhuǎn)變?yōu)橹谱骶哂懈岩曈X效果的網(wǎng)頁。3.網(wǎng)頁視覺設(shè)計(jì)與網(wǎng)頁前端設(shè)計(jì)的內(nèi)容分離側(cè)重于設(shè)計(jì)的網(wǎng)頁設(shè)計(jì)課程知識(shí)體系重構(gòu)從探索、發(fā)展到成熟，經(jīng)歷了較長(zhǎng)的準(zhǔn)備階段。隨著界面設(shè)計(jì)方法和流程理論體系的日益完善，分工協(xié)作機(jī)制日趨成熟，前端設(shè)計(jì)分離后，網(wǎng)頁設(shè)計(jì)課程的重心確定為符合網(wǎng)頁制作技術(shù)規(guī)范和條件的頁面創(chuàng)意表達(dá)、視覺效果設(shè)計(jì)與優(yōu)化。網(wǎng)頁視覺設(shè)計(jì)的探索從傳統(tǒng)的平面設(shè)計(jì)方法尋找切入點(diǎn)，通過對(duì)網(wǎng)頁設(shè)計(jì)中的審美需求和各種視覺構(gòu)成要素（如文字、圖片、顏色等）進(jìn)行分析，結(jié)合人們?cè)跒g覽信息時(shí)的視覺習(xí)慣，探索網(wǎng)頁視覺信息如何被更有效、更合理地表達(dá)。網(wǎng)頁設(shè)計(jì)教學(xué)重心內(nèi)容在轉(zhuǎn)移到視覺設(shè)計(jì)之后，該階段還未意識(shí)到網(wǎng)頁交互設(shè)計(jì)的核心地位。

二、用戶模式的網(wǎng)頁之設(shè)計(jì)認(rèn)知構(gòu)建

網(wǎng)頁設(shè)計(jì)的本質(zhì)是用戶的體驗(yàn)設(shè)計(jì)。網(wǎng)站作為互聯(lián)網(wǎng)非可觸形態(tài)的產(chǎn)品，對(duì)其認(rèn)知的構(gòu)建包含產(chǎn)品屬性認(rèn)知與服務(wù)屬性認(rèn)知兩個(gè)層面的內(nèi)容。1.網(wǎng)頁設(shè)計(jì)是一種產(chǎn)品設(shè)計(jì)設(shè)計(jì)是一門交叉學(xué)科，網(wǎng)頁本身也是一種產(chǎn)品。網(wǎng)頁設(shè)計(jì)最初被視作平面領(lǐng)域的設(shè)計(jì)，而鏈接交互是網(wǎng)頁設(shè)計(jì)有別于平面設(shè)計(jì)的基本特征。網(wǎng)頁設(shè)計(jì)存在交互性，使其具有交互設(shè)計(jì)可用性與易用性體驗(yàn)的內(nèi)在要求，適用于工業(yè)產(chǎn)品的基本設(shè)計(jì)流程。2.網(wǎng)頁設(shè)計(jì)是一種服務(wù)設(shè)計(jì)服務(wù)設(shè)計(jì)層面，各種網(wǎng)頁交互體驗(yàn)、視聽信息、線上內(nèi)容服務(wù)與線下互動(dòng)等，是網(wǎng)站向用戶提供服務(wù)的設(shè)計(jì)組成部分。作為一種廣義的產(chǎn)品形態(tài)，網(wǎng)頁設(shè)計(jì)與傳統(tǒng)的實(shí)物形態(tài)的工業(yè)產(chǎn)品設(shè)計(jì)有一定區(qū)別，更傾向于體驗(yàn)的系統(tǒng)化設(shè)計(jì)。隨著互聯(lián)網(wǎng)向物聯(lián)網(wǎng)的可用技術(shù)研究與拓展，基于智能化網(wǎng)絡(luò)的服務(wù)設(shè)計(jì)將成為跨越線上線下的主流設(shè)計(jì)形態(tài)。3.網(wǎng)頁頁面信息設(shè)計(jì)是關(guān)系網(wǎng)頁設(shè)計(jì)品質(zhì)的深度設(shè)計(jì)網(wǎng)頁設(shè)計(jì)作為一種信息量龐大的互聯(lián)網(wǎng)單元，從工效學(xué)角度來看，網(wǎng)站信息本身也擔(dān)負(fù)著面對(duì)用戶、有效傳遞信息的功能和任務(wù)，在具體的設(shè)計(jì)活動(dòng)中，表現(xiàn)為對(duì)信息的設(shè)計(jì)。信息設(shè)計(jì)具有多學(xué)科交叉性、空間多維性、時(shí)間流動(dòng)性等基本特征，信息設(shè)計(jì)的目的是為了提高信息的可理解度和可閱讀性。優(yōu)質(zhì)的網(wǎng)頁信息設(shè)計(jì)可以降低用戶獲取信息的時(shí)間和精力成本，提升頁面信息獲取體驗(yàn)。

三、基于用戶模型的網(wǎng)頁設(shè)計(jì)課程的知識(shí)體系構(gòu)建

網(wǎng)頁設(shè)計(jì)的本質(zhì)是對(duì)體驗(yàn)的設(shè)計(jì)，即以用戶為核心思考設(shè)計(jì)方案，研究用戶在訪問網(wǎng)站時(shí)的需求是網(wǎng)頁課程設(shè)計(jì)任務(wù)的基本出發(fā)點(diǎn)。課程內(nèi)容模塊應(yīng)該以回答網(wǎng)頁設(shè)計(jì)是什么、怎么設(shè)計(jì)、為什么這樣設(shè)計(jì)三個(gè)問題為主線，構(gòu)建網(wǎng)頁設(shè)計(jì)課程的知識(shí)體系。1.課程的基本目標(biāo)掌握網(wǎng)站項(xiàng)目與網(wǎng)頁制作的基本設(shè)計(jì)流程，培養(yǎng)設(shè)計(jì)項(xiàng)目管理和組織能力；掌握用戶需求研究分析的基本方法，對(duì)用戶體驗(yàn)和需求研究有較為敏銳的洞察力；掌握網(wǎng)站交互原型相關(guān)的設(shè)計(jì)方法與工具；掌握網(wǎng)頁視覺設(shè)計(jì)方法和設(shè)計(jì)規(guī)范；了解目前網(wǎng)頁前端設(shè)計(jì)的相關(guān)技術(shù)和工具。2.知識(shí)體系與模塊組成（1）設(shè)計(jì)方法教學(xué)內(nèi)容模塊設(shè)計(jì)方法教學(xué)內(nèi)容模塊主要為了解決面對(duì)具體問題時(shí)設(shè)計(jì)師怎樣展開分析研究工作并確定設(shè)計(jì)執(zhí)行方案。網(wǎng)頁設(shè)計(jì)方法主要分為項(xiàng)目流程設(shè)計(jì)與管理、網(wǎng)站策劃方法與規(guī)范、用戶體驗(yàn)研究、交互原型設(shè)計(jì)方法等，讓學(xué)生通過貫穿整個(gè)課堂教學(xué)的項(xiàng)目流程設(shè)計(jì)和每個(gè)流程的具體設(shè)計(jì)方法的實(shí)踐，掌握基本的設(shè)計(jì)理論。（2）軟件工具教學(xué)內(nèi)容模塊軟件工具教學(xué)內(nèi)容在形式方面包括課堂內(nèi)的指導(dǎo)和課堂外的自學(xué)兩個(gè)部分。鑒于設(shè)計(jì)軟件的頻繁更新和新的設(shè)計(jì)軟件不斷涌現(xiàn)，教師必須培養(yǎng)學(xué)生自學(xué)工具的主動(dòng)意識(shí)以適應(yīng)社會(huì)需求。在工具種類方面，包括圖形處理工具、交互原型工具和代碼工具三類。第一類是圖形處理工具，其中常見的Photoshop、Illustrator等圖形設(shè)計(jì)軟件，已經(jīng)在前置課程中基本完成學(xué)習(xí)。第二類是交互原型制作工具，常見的工具有墨刀、Axure等。第三類是代碼編輯工具，選擇較多，作為對(duì)網(wǎng)頁前端知識(shí)的入門介紹部分，在本課程中以介紹為主。（3）設(shè)計(jì)經(jīng)驗(yàn)教學(xué)內(nèi)容模塊設(shè)計(jì)經(jīng)驗(yàn)教學(xué)以啟發(fā)式案例實(shí)踐為主，按照網(wǎng)站項(xiàng)目設(shè)計(jì)的流程需要，設(shè)定不同層次、不同要求的設(shè)計(jì)實(shí)踐任務(wù)作為課程結(jié)課的考核內(nèi)容。學(xué)生通過案例的練習(xí)能從優(yōu)秀作品中學(xué)到設(shè)計(jì)經(jīng)驗(yàn)，從具體的案例模仿中獲得設(shè)計(jì)的成就感。網(wǎng)頁設(shè)計(jì)課程案例教學(xué)同時(shí)也是對(duì)網(wǎng)頁設(shè)計(jì)方法的實(shí)踐驗(yàn)證，有助于學(xué)生對(duì)網(wǎng)頁設(shè)計(jì)方法的理解和體會(huì)。結(jié)語任何一種技術(shù)變革，都可能讓網(wǎng)頁設(shè)計(jì)出現(xiàn)新的藝術(shù)形態(tài)，前端依然是課程必須了解的知識(shí)。目前，就設(shè)計(jì)藝術(shù)角度而言，網(wǎng)頁設(shè)計(jì)課程的內(nèi)容以交互和視覺設(shè)計(jì)為基礎(chǔ)，在信息設(shè)計(jì)層面也有較大的提升空間，設(shè)計(jì)途徑也已經(jīng)拓展到用戶的視覺、行為、聲音和邏輯等方面。網(wǎng)頁設(shè)計(jì)課程的知識(shí)體系構(gòu)建必須以產(chǎn)品的視角，讓學(xué)生更深刻、更完整地理解用戶模式下的網(wǎng)頁設(shè)計(jì)藝術(shù)。

參考文獻(xiàn)：

[1]韓旭.新概念網(wǎng)頁設(shè)計(jì).包裝世界，2000（5）.

[2]鬲波飛.網(wǎng)頁設(shè)計(jì)之視覺信息傳達(dá)分析.湖南大學(xué)學(xué)報(bào)（社會(huì)科學(xué)版），2001（S2）.

[3]劉真.《Don’tmakemethink》，從網(wǎng)頁設(shè)計(jì)到產(chǎn)品設(shè)計(jì).科技與創(chuàng)新，2015（8）.

第7篇：網(wǎng)頁界面設(shè)計(jì)論文范文

[關(guān)鍵詞]人因工程行為運(yùn)作管理

電子商務(wù)用戶體驗(yàn)

[分類號(hào)]F724.6

1引言

在電子商務(wù)發(fā)展迅速的今天，商務(wù)網(wǎng)站只有從用戶角度出發(fā)，考慮用戶的需求，才能設(shè)計(jì)和運(yùn)營(yíng)用戶滿意的商務(wù)網(wǎng)站，做出自己的品牌和特色。而用戶滿意度直接影響網(wǎng)站的盈利，因此迎合用戶對(duì)系統(tǒng)各方面的需求，提高用戶體驗(yàn)，是電子商務(wù)網(wǎng)站努力的目標(biāo)。

行為運(yùn)作是結(jié)合認(rèn)知和社會(huì)心理學(xué)理論來研究運(yùn)作管理的新方法。它研究人的行為和認(rèn)知對(duì)運(yùn)作系統(tǒng)的設(shè)計(jì)、管理與改進(jìn)產(chǎn)生影響的相關(guān)屬性，并研究這些屬性與運(yùn)作系統(tǒng)及進(jìn)程的相互作用。當(dāng)前許多領(lǐng)域如經(jīng)濟(jì)學(xué)、金融學(xué)和市場(chǎng)營(yíng)銷的運(yùn)作管理等都已開展對(duì)人的行為的研究，而運(yùn)作管理的工具和技術(shù)是否成功，理論是否精確，在很大程度上取決于對(duì)人的行為的理解。

結(jié)合以上背景，本文提出基于人因角度進(jìn)行商務(wù)網(wǎng)站的用戶體驗(yàn)設(shè)計(jì)。人因工程是一個(gè)追求人一機(jī)一環(huán)境相互作用的管理科學(xué)，本文試圖從這種新的角度去量化用戶體驗(yàn)度，研究網(wǎng)站設(shè)計(jì)的各個(gè)因素對(duì)用戶體驗(yàn)的影響。

2文獻(xiàn)回顧

2.1國(guó)外有關(guān)用戶體驗(yàn)的研究綜述

用戶體驗(yàn)對(duì)信息服務(wù)的作用已引起國(guó)內(nèi)外學(xué)術(shù)界的關(guān)注，相關(guān)學(xué)者在理論研究方面進(jìn)行了大量的探索，包括用戶體驗(yàn)的定義、內(nèi)容、特征、模型及評(píng)價(jià)等。

James Garrett認(rèn)為用戶體驗(yàn)包括用戶對(duì)品牌特征、信息可用性、功能性、內(nèi)容性等方面的體驗(yàn)；而Nor-man把用戶體驗(yàn)擴(kuò)展到用戶與產(chǎn)品互動(dòng)的各個(gè)方面的內(nèi)容；Hassenzahl M和Tractinsky N認(rèn)為用戶體驗(yàn)包括三個(gè)方面的內(nèi)容：超出設(shè)備(整體的、美學(xué)的和享樂的)、情感與影響(主觀的、積極的、前因與后果)、體驗(yàn)(動(dòng)態(tài)的、復(fù)雜的、獨(dú)特的和暫時(shí)有限的)；SaschaMahlke提出了基本的用戶體驗(yàn)過程模型，如圖1所示：

2.2國(guó)內(nèi)關(guān)于用戶體驗(yàn)的研究現(xiàn)狀

國(guó)內(nèi)關(guān)于用戶體驗(yàn)的研究主要在產(chǎn)品設(shè)計(jì)層面上。在“產(chǎn)品服務(wù)”時(shí)代，為用戶提供個(gè)性化的內(nèi)容及體驗(yàn)服務(wù)是企業(yè)優(yōu)化用戶體驗(yàn)的最佳方式。用戶對(duì)產(chǎn)品和服務(wù)的忠誠(chéng)度，也更多地來自良好的體驗(yàn)帶來的用戶粘性。國(guó)內(nèi)近年在互聯(lián)網(wǎng)自主開發(fā)、設(shè)計(jì)產(chǎn)品的流程中，已經(jīng)自覺地認(rèn)識(shí)到產(chǎn)品“易用”、“好用”的重要性，但設(shè)計(jì)和實(shí)施這些因素的主導(dǎo)者卻仍為工程師和產(chǎn)品經(jīng)理，這令設(shè)計(jì)對(duì)人因的思考局限于可用性的基本層面。高層次的“融合”中包含人類復(fù)雜的“情感”因素，而情感因素需要通過“藝術(shù)”而非“技術(shù)”的方式解決，因此，工程師注定不能成為用戶體驗(yàn)設(shè)計(jì)師。當(dāng)今，國(guó)內(nèi)大多數(shù)設(shè)計(jì)師受限于對(duì)自身職業(yè)的認(rèn)知和行業(yè)定位，并不能完成用戶體驗(yàn)設(shè)計(jì)的職責(zé)。

以“用戶體驗(yàn)”作為關(guān)鍵詞，對(duì)中國(guó)期刊全文數(shù)據(jù)庫(2003-2011年)進(jìn)行精確的文獻(xiàn)檢索，得到248篇學(xué)術(shù)論文。這些論文涉及電信、印刷、裝飾、信息技術(shù)和圖書情報(bào)等領(lǐng)域，多數(shù)是介紹某一領(lǐng)域新推出的產(chǎn)品及解決方案，并沒有對(duì)用戶體驗(yàn)進(jìn)行深入、細(xì)致的理論研究，只是抽象地利用概念。其中22篇文獻(xiàn)是關(guān)于電子商務(wù)這一主題的，它們基本上是從國(guó)外的用戶體驗(yàn)研究巾得到啟發(fā)，在網(wǎng)站設(shè)計(jì)、信息構(gòu)建和信息資源整合中引入了用戶體驗(yàn)的相關(guān)理論和技術(shù)方法，并進(jìn)行了初步研究。

當(dāng)前相關(guān)研究的不足之處表現(xiàn)在：①缺乏完整的用戶體驗(yàn)的理論體系；②當(dāng)經(jīng)濟(jì)從以工業(yè)為主導(dǎo)轉(zhuǎn)向以服務(wù)尤其以信息服務(wù)為主導(dǎo)時(shí)，用戶體驗(yàn)成為體驗(yàn)經(jīng)濟(jì)的重要構(gòu)成要素，但我國(guó)缺乏對(duì)體驗(yàn)經(jīng)濟(jì)的深入研究；③信息服務(wù)領(lǐng)域?qū)τ脩臬@取信息過程中的反饋、跟蹤等后續(xù)行為缺乏研究，導(dǎo)致技術(shù)的提升并不能帶來積極的用戶體驗(yàn)。

3理論基礎(chǔ)

3.1用戶界面的人因工程學(xué)設(shè)計(jì)原則

網(wǎng)站頁面的界面設(shè)計(jì)屬于人機(jī)軟件界面設(shè)計(jì)中的一類。從人因?qū)W的角度去研究商務(wù)網(wǎng)站的用戶體驗(yàn)，把人作為網(wǎng)站設(shè)計(jì)的出發(fā)點(diǎn)，能使網(wǎng)站的功能分布、色彩搭配等更好地適應(yīng)和滿足人類的生理和心理需要，從而使商務(wù)網(wǎng)站更加人性化，貼合用戶的需求。用戶界面的人因工程學(xué)設(shè)計(jì)應(yīng)該基于一定的原則：

?確定用戶。用戶對(duì)界面的使用情況會(huì)受到個(gè)體因素和背景的影響，如年齡、性別、受教育程度、知識(shí)和經(jīng)驗(yàn)等，因此確定用戶是進(jìn)行系統(tǒng)分析和沒汁的第一步，即確定使用應(yīng)用系統(tǒng)的用戶，不同的用戶會(huì)有不同的經(jīng)驗(yàn)、能力和要求。

?減少用戶的負(fù)擔(dān)。在設(shè)計(jì)人機(jī)系統(tǒng)來完成一定的任務(wù)時(shí)，應(yīng)該讓計(jì)算機(jī)發(fā)揮更多的作用，更積極主動(dòng)地完成更多的工作，讓用戶盡可能少做工作。

?應(yīng)用程序和用戶界面分離。數(shù)據(jù)的存儲(chǔ)組織、查詢、管理由數(shù)據(jù)庫管理系統(tǒng)完成，應(yīng)用程序不處理與數(shù)據(jù)管理相關(guān)的工作，而集中實(shí)現(xiàn)應(yīng)用功能。

?一致性。用戶界面的一致性主要體現(xiàn)在輸入、輸出方面，即是在應(yīng)用程序的不同部分，甚至不同應(yīng)用程序之間，具有相似的界面外觀、布局、人機(jī)交互方式以及信息顯示格式等。

?提供反饋。人機(jī)交互系統(tǒng)的反饋是指用戶從計(jì)算機(jī)一方得到信息，表示計(jì)算機(jī)對(duì)用戶的動(dòng)作所做出的反應(yīng)。

?及時(shí)的糾錯(cuò)和幫助功能。系統(tǒng)設(shè)計(jì)應(yīng)該能夠?qū)赡艹霈F(xiàn)的錯(cuò)誤進(jìn)行檢測(cè)和處理，出錯(cuò)信息應(yīng)清楚、易理解，其內(nèi)容應(yīng)包含出錯(cuò)位置、出錯(cuò)原因及修改建議等方面的內(nèi)容。

3.2基于人因角度的商務(wù)網(wǎng)站用戶體驗(yàn)評(píng)價(jià)

用戶體驗(yàn)評(píng)價(jià)是一種用戶感受的量化，這種量化需要一些因素作為評(píng)價(jià)參考指標(biāo)?？偨Y(jié)基于人因角度的用戶體驗(yàn)文獻(xiàn)，得出影響用戶體驗(yàn)的因素有以下兩項(xiàng)：①認(rèn)知因素。包括人機(jī)互動(dòng)的技術(shù)因素和非技術(shù)因素，技術(shù)因素的標(biāo)準(zhǔn)如系統(tǒng)的有用性和易于使用性；非技術(shù)因素的標(biāo)準(zhǔn)，如享受性、視覺的美感性和內(nèi)容的吸引性。②情感因素。一方面包括直接和間接的情感反應(yīng)；另一方面包括由認(rèn)知評(píng)價(jià)過程產(chǎn)生的更為復(fù)雜的情感結(jié)果。

在商務(wù)網(wǎng)站中量化用戶體驗(yàn)還有4個(gè)互相關(guān)聯(lián)的重要因素：①品牌，體現(xiàn)在網(wǎng)站名、域名方面，是用戶對(duì)網(wǎng)站品牌的認(rèn)可；②可用性，體現(xiàn)在網(wǎng)站設(shè)計(jì)風(fēng)格是否為用戶所容易接受；③功能性，體現(xiàn)在網(wǎng)站的功能設(shè)計(jì)上，是否為用戶提供方便齊全的功能；④內(nèi)容，網(wǎng)站的內(nèi)容也是影響用戶體驗(yàn)度的重要因素，是用戶對(duì)網(wǎng)站是否感興趣的根本原因。

4調(diào)查與結(jié)果分析

商務(wù)網(wǎng)站中，用戶的購(gòu)物過程包括吸引進(jìn)入、決定購(gòu)買、執(zhí)行購(gòu)買、等待4個(gè)階段。而在不同階段，用戶會(huì)與網(wǎng)站發(fā)生一系列的交互，為對(duì)商務(wù)網(wǎng)站的各個(gè)方面結(jié)合人因工程進(jìn)行分析和研究，本文以網(wǎng)購(gòu)次數(shù)較多的用戶作為調(diào)查對(duì)象，抽取了300人進(jìn)行問卷調(diào)查，以便更加清楚地了解用戶需求和更客觀地進(jìn)行客

戶滿意度對(duì)比分析。

本次調(diào)查對(duì)象中男性183人，占總數(shù)的61％，女性117人，占總數(shù)的39％；從年齡段來看，20歲以下的占7％.2l-30歲的占8l％，31-40歲的占8％，41歲以上的占4％。這個(gè)數(shù)據(jù)比較客觀地反映了目前網(wǎng)民各年齡段的網(wǎng)購(gòu)比例。

調(diào)查問卷涉及網(wǎng)站名長(zhǎng)度及域名長(zhǎng)度、頁面設(shè)計(jì)、流程設(shè)計(jì)等問題，從而得到基于人因角度的用戶體驗(yàn)度數(shù)據(jù)(調(diào)查數(shù)據(jù)網(wǎng)址：省略/report/745366.aspx)。網(wǎng)站名長(zhǎng)度用戶調(diào)查結(jié)果如圖2所示：對(duì)調(diào)杏結(jié)果進(jìn)行總結(jié)和分析，如表1所示：

5調(diào)查結(jié)果驗(yàn)證與結(jié)論

根據(jù)基于人因工程的商務(wù)網(wǎng)站設(shè)計(jì)原則以及用戶調(diào)查得到的結(jié)論，基本上可以得出一套評(píng)價(jià)商務(wù)網(wǎng)站用戶體驗(yàn)的標(biāo)準(zhǔn)。為驗(yàn)證該標(biāo)準(zhǔn)，以新蛋網(wǎng)與凡客誠(chéng)品網(wǎng)為例，進(jìn)行基于人因工程的用戶滿意度的評(píng)價(jià)并作對(duì)比分析，見表2。評(píng)分標(biāo)準(zhǔn)為1-5分，分?jǐn)?shù)越高，表明網(wǎng)站項(xiàng)目越符合人因角度的用戶體驗(yàn)原則)。

通過以上評(píng)分，可以總結(jié)出新蛋網(wǎng)在用戶體驗(yàn)方面的總得分為68，平均得分為4；凡客誠(chéng)品網(wǎng)總得分為81，平均得分為4.8。凡客誠(chéng)品網(wǎng)的客戶體驗(yàn)滿意度比新蛋網(wǎng)高出19.1％。

根據(jù)中國(guó)互聯(lián)網(wǎng)信息中心(CNNIC)的《2010年中國(guó)網(wǎng)絡(luò)購(gòu)物市場(chǎng)研究報(bào)告》，在網(wǎng)絡(luò)購(gòu)物市場(chǎng)上，凡客誠(chéng)品網(wǎng)的用戶滲透率為1.5％，新蛋網(wǎng)的用戶滲透率僅為0.3％；凡客誠(chéng)品網(wǎng)用戶單一度為23.3％，新蛋網(wǎng)用戶單一度僅為2.9％；凡客誠(chéng)品網(wǎng)的品牌轉(zhuǎn)化率達(dá)54.8％，新蛋網(wǎng)的品牌轉(zhuǎn)化率為45.3％；購(gòu)物網(wǎng)站新增用戶中，10.9％的新增用戶最近半年開始使用凡客誠(chéng)品網(wǎng)，僅1.1％的新增用戶最近半年開始使用新蛋網(wǎng)。可見，凡客誠(chéng)品網(wǎng)的認(rèn)知、情感、品牌、可用性、功能性、內(nèi)容各方面指標(biāo)均高于新蛋網(wǎng)，體現(xiàn)為凡客誠(chéng)品網(wǎng)的整體用戶滿意度高于新蛋網(wǎng)。

總結(jié)以上分析與驗(yàn)證結(jié)果，可以得出基于人因工程的商務(wù)網(wǎng)站用戶體驗(yàn)的用戶滿意度評(píng)價(jià)標(biāo)準(zhǔn)，如圖

3所示：

如圖3所示，商務(wù)網(wǎng)站的認(rèn)知因素、情感因素、品牌、可用性、功能性以及內(nèi)容影響著用戶滿意度。根據(jù)以上6個(gè)因素，調(diào)查用戶購(gòu)物過程中影響用戶滿意度的具體指標(biāo)，歸納為網(wǎng)站品牌、網(wǎng)站頁面設(shè)計(jì)、網(wǎng)站流程設(shè)計(jì)以及網(wǎng)站功能設(shè)計(jì)4個(gè)維度。根據(jù)基于人因工程的商務(wù)網(wǎng)站用戶體驗(yàn)的評(píng)價(jià)用戶滿意度標(biāo)準(zhǔn)，可以分析得出商務(wù)網(wǎng)站當(dāng)前的用戶滿意度水平，并為商務(wù)網(wǎng)站提出建議，提高用戶滿意度。

6南周商城的網(wǎng)站用戶體驗(yàn)方案

南周商城(shop.省略)是南方周末新媒體有限公司依托南方報(bào)業(yè)的強(qiáng)大資源以及南方日?qǐng)?bào)出版社的優(yōu)質(zhì)圖書出版體系搭建的在線商城，提供南方周末報(bào)系-報(bào)兩刊――《南方周末》、《南方人物周刊》和《magazine[名牌》的訂閱、過刊零售服務(wù)，還提供圖書網(wǎng)絡(luò)首發(fā)、在線訂購(gòu)服務(wù)；同時(shí)是南方周末報(bào)系周邊商品的唯一指定在線銷售平臺(tái)。

從以上評(píng)分中，可以知道南周商城的總得分為62，平均得分為4.1；根據(jù)建議改進(jìn)可提高總得分至82，平均得分為4.8，與凡客誠(chéng)品網(wǎng)接近。因此，根據(jù)基于人因工程的商務(wù)網(wǎng)站用戶體驗(yàn)的評(píng)價(jià)用戶滿意度標(biāo)準(zhǔn)，對(duì)南周商城進(jìn)行改進(jìn)后，在認(rèn)知、情感、品牌、可用性、功能性、內(nèi)容等各方面指標(biāo)均會(huì)得到提高，并最終體現(xiàn)為用戶滿意度的提高。南周商城的網(wǎng)站用戶體驗(yàn)方案見表3。

7結(jié)語

7.1總結(jié)

Web2.0時(shí)代的核心理念是真正以用戶為中心和提供豐富的用戶體驗(yàn)，這種新的理念直接促使業(yè)界采用新的網(wǎng)站設(shè)計(jì)方法。本文提出從人因角度來分析和評(píng)價(jià)商務(wù)網(wǎng)站的用戶體驗(yàn)，提出從網(wǎng)站品牌、網(wǎng)站頁面設(shè)計(jì)、網(wǎng)站流程設(shè)計(jì)和網(wǎng)站功能設(shè)計(jì)4個(gè)方面構(gòu)建用戶檢驗(yàn)的具體要素，基于相關(guān)結(jié)論對(duì)新蛋網(wǎng)和凡客誠(chéng)品網(wǎng)從用戶體驗(yàn)角度進(jìn)行較全面的比較，驗(yàn)證了本文提出的用戶體驗(yàn)標(biāo)準(zhǔn)；并以南周商城為例，進(jìn)行用戶體驗(yàn)研究，總結(jié)出南周商城用戶體驗(yàn)優(yōu)化方案。本文從行為運(yùn)作管理角度，提出商務(wù)網(wǎng)站的量化用戶體驗(yàn)要素對(duì)于提高商務(wù)網(wǎng)站的用戶滿意度具有重要參考價(jià)值。

7.2研究局限與展望

在提高用戶滿意度方面，永遠(yuǎn)不存在完美用戶體驗(yàn)的終點(diǎn)。本文基T用戶體驗(yàn)的調(diào)查數(shù)據(jù)，從人因的角度去研究商務(wù)網(wǎng)站的用戶滿意度，沒有考慮整個(gè)B2c電子商務(wù)服務(wù)流程，而只著眼于網(wǎng)站的用戶體驗(yàn)方面。另外，調(diào)查中個(gè)別題項(xiàng)設(shè)計(jì)得較為抽象，這些都是本文研究的局限所在。隨著交互設(shè)計(jì)的重要性日益凸顯，商務(wù)網(wǎng)站用戶體驗(yàn)的研究將得到更多的重視，B2C電子商務(wù)服務(wù)流程用戶體驗(yàn)的評(píng)價(jià)體系也將會(huì)得到進(jìn)一步的完善。

參考文獻(xiàn)：

[1]Nielsen J，Loranger H.網(wǎng)站優(yōu)化：通過提高Web可用性構(gòu)建用戶滿意的網(wǎng)站[M].張亮，譯.北京：電子工業(yè)出版社，2007.

[2]Gino F.Pisano G.towald a lheory 0fhehavloral operatm’ns[J]Manufactudng Servlce Operations Management，2008，10(4)：676-691

[3]劉作儀，查勇.行為運(yùn)作管理：一個(gè)正在顯現(xiàn)的研究領(lǐng)域[J].管理科學(xué)學(xué)報(bào)，2009(4)：64-74.

[4]威肯斯.人因工程學(xué)導(dǎo)論(第二版)[M].張侃，譯.武漢：華東師范大學(xué)出版社，2007.

[5]鄧勝利.國(guó)外用戶體驗(yàn)研究進(jìn)展[J].圖書情報(bào)工作，2008，52(3)：43-45.

[6]Gan'ell J.The elements 0f user expenence：user-eentered desigTlfor Ihe web[M].New Y0rk：New Riders Publishing，2003.

[7]Norman D A.the jnvisl‘ble computer[M]

New Y0rk：MlT Press，1999.

[8]Hasenzahl M，Tractinsky N.User experienee-A l'esearch agend8[J].Behaviom hffomaation nchnology，20G6，25(2)：9l-97.

[9]MahIke s.cogrlltlve components of emotion[M].New York：Ox-fbrd University Press.2004.

[10]孫林巖人因工程(修汀版)[M].北京：中國(guó)科學(xué)技術(shù)出版社，2005.

[11]楊明朗，王紅.人機(jī)交互界面設(shè)計(jì)中的感性分析[J].包裝工程，2007，28(11)：11-13

[12]孫林巖，李志孝，金天拾.認(rèn)知綜合模型及其在人機(jī)界面設(shè)計(jì)中的應(yīng)用[J].西安交通大學(xué)學(xué)報(bào)，1997(sI)：74-81.

[13]賈增歲.數(shù)字圖書館用戶界面設(shè)計(jì)探析[J]現(xiàn)代情報(bào)，2007(2)：92-94

[14]特里斯，阿伯特.用戶體驗(yàn)度量[M].周榮剛，譯.北京：機(jī)械工業(yè)出版社，2009.

[15]Rubinoff R.How to qutlfy the ilser experi’ence[EB/0L][2011-03-20].http：//sltepoInt corn/tint/quantify-user-experience.

[16]張海昕，郭丹，劉正捷，等.中國(guó)c2c電子商務(wù)網(wǎng)站的用戶體驗(yàn)[J].大連海事大學(xué)學(xué)報(bào)(社會(huì)科學(xué)版)，2007，6(3)：71-75.

[17]科特勒，阿姆斯特朗.市場(chǎng)營(yíng)銷原理(第11版)[M].梅清豪，譯.北京：清華大學(xué)出版社，2002.

[18]張鳳榮，李清華人因工程學(xué)在互聯(lián)網(wǎng)站用戶界面設(shè)計(jì)中的應(yīng)用[J].電大理工，2002(4)：33-34.

[19]常廣庶.電子商務(wù)環(huán)境中的服務(wù)質(zhì)量[J].世界標(biāo)準(zhǔn)化與質(zhì)量管理，2004(1)：28 30.

[20]鄧明明，張哲輝.網(wǎng)站主頁界面的人因設(shè)計(jì)[J].包裝工程，2009(11)：213 214.

[21]斯科特，尼爾.web界面設(shè)計(jì)[M]李松峰，譯.北京：電子工業(yè)出版社，2009.

[22]王巍.圖形藝術(shù)在網(wǎng)頁設(shè)計(jì)中的應(yīng)用[J]電影評(píng)介，2007(4)：70-71.

第8篇：網(wǎng)頁界面設(shè)計(jì)論文范文

摘要：“任務(wù)驅(qū)動(dòng)”是一種新型的教學(xué)模式。本文探討了“任務(wù)驅(qū)動(dòng)”教學(xué)模式在“專業(yè)實(shí)踐”課程中的應(yīng)用。從實(shí)踐結(jié)果可以看出，“任務(wù)驅(qū)動(dòng)”有效地提高了學(xué)生的學(xué)習(xí)主動(dòng)性和學(xué)習(xí)興趣，取得了良好的教學(xué)效果。

關(guān)鍵詞：任務(wù)驅(qū)動(dòng)；教學(xué)模式；專業(yè)實(shí)踐

中圖分類號(hào)：G642

文獻(xiàn)標(biāo)識(shí)碼：B

根據(jù)教育部教高[2007]2號(hào)文件中提出的“高度重視實(shí)踐環(huán)節(jié)，提高學(xué)生實(shí)踐能力。要大力加強(qiáng)實(shí)驗(yàn)、實(shí)習(xí)、實(shí)踐和畢業(yè)設(shè)計(jì)(論文)等實(shí)踐教學(xué)環(huán)節(jié)，特別要加強(qiáng)專業(yè)實(shí)習(xí)和畢業(yè)實(shí)習(xí)等重要環(huán)節(jié)，......推進(jìn)實(shí)驗(yàn)內(nèi)容和實(shí)驗(yàn)?zāi)Ｊ礁母锖蛣?chuàng)新，培養(yǎng)學(xué)生的實(shí)踐動(dòng)手能力、分析問題和解決問題能力?！钡囊?，我系為四年級(jí)計(jì)算機(jī)專業(yè)本科生開設(shè)了“專業(yè)實(shí)踐”課程，目的是為了增強(qiáng)計(jì)算機(jī)專業(yè)學(xué)生的實(shí)踐動(dòng)手能力，提高他們分析問題和解決實(shí)際問題的能力，為社會(huì)培養(yǎng)應(yīng)用型人才。該課程以實(shí)驗(yàn)課居多，教學(xué)環(huán)境以機(jī)房為主。在教學(xué)過程中，我們特別強(qiáng)調(diào)將學(xué)生的理論知識(shí)和實(shí)際動(dòng)手能力結(jié)合起來，希望能夠借此機(jī)會(huì)一方面鞏固學(xué)生以往學(xué)過的理論知識(shí)，另一方面鍛煉他們的實(shí)踐動(dòng)手能力。通過教學(xué)實(shí)踐，我們認(rèn)為“任務(wù)驅(qū)動(dòng)”教學(xué)模式適合這門課程，教學(xué)效果良好。

1“任務(wù)驅(qū)動(dòng)”教學(xué)模式的理論依據(jù)

“任務(wù)驅(qū)動(dòng)”教學(xué)法符合探究式教學(xué)模式，也符合計(jì)算機(jī)軟件系統(tǒng)的層次性和實(shí)用性，提出了由表及里、逐層深入的學(xué)習(xí)途徑，便于學(xué)生循序漸進(jìn)地學(xué)習(xí)信息技術(shù)的知識(shí)和技能。在計(jì)算機(jī)專業(yè)實(shí)踐課中體現(xiàn)“任務(wù)驅(qū)動(dòng)”，就是讓學(xué)生在一個(gè)個(gè)典型的軟件開發(fā)“任務(wù)”的驅(qū)動(dòng)下展開教學(xué)活動(dòng)，引導(dǎo)學(xué)生由簡(jiǎn)到繁、由易到難、循序漸進(jìn)地完成一系列“任務(wù)”，從而得到清晰的思路、方法和知識(shí)的脈絡(luò)。在完成“任務(wù)”的過程中，培養(yǎng)分析問題、解決問題以及利用計(jì)算機(jī)處理信息的能力。在這個(gè)過程中，學(xué)生還會(huì)不斷地獲得成就感，可以最大限度地激發(fā)他們的求知欲望和學(xué)習(xí)興趣，逐步形成一個(gè)感知心智活動(dòng)的良性循環(huán)，從而培養(yǎng)出獨(dú)立探索、勇于開拓進(jìn)取的自學(xué)能力。

2任務(wù)設(shè)計(jì)原則

設(shè)計(jì)任務(wù)是任務(wù)驅(qū)動(dòng)教學(xué)方案的關(guān)鍵，應(yīng)遵循以下原則：

(1) 任務(wù)應(yīng)該具有明確的目的

設(shè)計(jì)的任務(wù)必須緊緊圍繞教學(xué)目標(biāo)，以強(qiáng)化和鞏固教學(xué)內(nèi)容為直接目的。例如在學(xué)習(xí)B/S結(jié)構(gòu)編程的過程中，設(shè)計(jì)制作一個(gè)包含動(dòng)態(tài)網(wǎng)頁功能的個(gè)人主頁，在網(wǎng)站制作過程中，學(xué)生既可以利用到以前所學(xué)的靜態(tài)網(wǎng)頁設(shè)計(jì)的知識(shí)，也可以根據(jù)自己對(duì)動(dòng)態(tài)網(wǎng)頁的運(yùn)用水平，靈活地為自己的個(gè)人主頁添磚加瓦。

(2) 任務(wù)必須切實(shí)可行

設(shè)計(jì)的任務(wù)必須符合學(xué)生的認(rèn)知規(guī)律，不能超出他們的能力范圍。例如在“專業(yè)實(shí)踐”課程的初期，我們?cè)O(shè)計(jì)了“使用可視化編程工具制作多功能計(jì)時(shí)器”的任務(wù)，該任務(wù)難度適中，同時(shí)又能夠很好地與后期的任務(wù)相銜接。

(3) 任務(wù)應(yīng)該能夠引起學(xué)生足夠的興趣

人常說“興趣是最好的老師”。設(shè)計(jì)的任務(wù)如果能引起學(xué)生的興趣，學(xué)生就會(huì)主動(dòng)參與到任務(wù)的設(shè)計(jì)和制作過程中。例如在學(xué)習(xí)使用Visual Basic進(jìn)行軟件制作中，設(shè)計(jì)任務(wù)“制作一個(gè)可以聯(lián)機(jī)對(duì)戰(zhàn)的五子棋游戲”，通過游戲軟件的設(shè)計(jì)與開發(fā)提高學(xué)生對(duì)軟件制作的興趣。

(4) 任務(wù)應(yīng)該具有較強(qiáng)的實(shí)用性

任務(wù)的設(shè)計(jì)應(yīng)該要聯(lián)系相關(guān)學(xué)科的知識(shí)，只有實(shí)用的知識(shí)才是有用的知識(shí)。例如以“設(shè)計(jì)開發(fā)B/S結(jié)構(gòu)下的電子商務(wù)平臺(tái)”作為任務(wù)驅(qū)動(dòng)，既包含了計(jì)算機(jī)編程的相關(guān)知識(shí)，又讓學(xué)生了解了電子商務(wù)的相關(guān)內(nèi)容。

(5)任務(wù)的設(shè)計(jì)應(yīng)該給學(xué)生留有思考的空間

設(shè)計(jì)的任務(wù)要給學(xué)生充分創(chuàng)造和發(fā)展的空間，使學(xué)生能舉一反三、觸類旁通，思維得到發(fā)展。例如學(xué)習(xí)“為個(gè)人主頁增加網(wǎng)頁留言板的功能”時(shí)，我們?yōu)閷W(xué)生舉例說明如何將留言數(shù)據(jù)添加到數(shù)據(jù)庫中，而將刪除和修改留言的部分留給學(xué)生課后自行完成。

3 “專業(yè)實(shí)踐”課程的任務(wù)設(shè)計(jì)

“專業(yè)實(shí)踐”課程要求學(xué)生運(yùn)用軟件工程的思想進(jìn)行一個(gè)完整軟件系統(tǒng)的分析、設(shè)計(jì)、開發(fā)、集成與測(cè)試。根據(jù)軟件系統(tǒng)層次法中“由總到分，逐步細(xì)化”的分解原則，我們首先設(shè)計(jì)出該課程的總?cè)蝿?wù)為：根據(jù)軟件工程思想，完成“基于校園網(wǎng)絡(luò)的輔助教學(xué)平臺(tái)”軟件系統(tǒng)的開發(fā)。軟件體系結(jié)構(gòu)為B/S結(jié)構(gòu)與C/S結(jié)構(gòu)相結(jié)合。針對(duì)這樣一個(gè)總?cè)蝿?wù)，我們將其再分割成若干個(gè)小任務(wù)，提高學(xué)生對(duì)該課程的學(xué)習(xí)興趣，增強(qiáng)任務(wù)的可行性。

任務(wù)1：對(duì)“基于校園網(wǎng)絡(luò)的輔助教學(xué)平臺(tái)”進(jìn)行需求分析。選擇該軟件進(jìn)行需求分析的設(shè)計(jì)，是因?yàn)槲倚：芏嘟處煻加袘?yīng)用該軟件進(jìn)行網(wǎng)絡(luò)輔助教學(xué)的需求，學(xué)生們可以直接在校內(nèi)完成本軟件的需求分析工作。通過實(shí)施該任務(wù)，學(xué)生可以充分理解和學(xué)習(xí)軟件開發(fā)中需求分析的作用和地位，同時(shí)對(duì)后續(xù)的軟件制作有著重要的指導(dǎo)意義。

任務(wù)2：學(xué)習(xí)HTML語言，使用DreamWeaver制作個(gè)人主頁，這個(gè)任務(wù)對(duì)于本科大四的同學(xué)基本上是沒有難度的，目的是幫助他們鞏固和復(fù)習(xí)靜態(tài)網(wǎng)頁制作的內(nèi)容，并為后續(xù)動(dòng)態(tài)網(wǎng)頁制作做好鋪墊。

任務(wù)3：使用可視化編程工具制作多功能計(jì)時(shí)器(含萬年歷、時(shí)鐘、鬧鈴等功能)，這個(gè)任務(wù)主要是為了讓學(xué)生熟悉可視化編程工具的界面設(shè)計(jì)與制作過程，同時(shí)了解編程環(huán)境中各個(gè)控件的用法，以及幫助學(xué)生復(fù)習(xí)程序設(shè)計(jì)的相關(guān)知識(shí)，要寫出好的程序必須有扎實(shí)的基本功。

任務(wù)4：使用可視化編程工具制作一個(gè)通訊錄軟件，在該軟件的設(shè)計(jì)制作過程中引入了數(shù)據(jù)庫的相關(guān)知識(shí)，數(shù)據(jù)庫的相關(guān)知識(shí)在程序員的知識(shí)體系中是不可缺少的一個(gè)部分。

任務(wù)5：為自己的個(gè)人主頁加上網(wǎng)頁計(jì)數(shù)器的功能，在這個(gè)任務(wù)中，學(xué)生接觸到了關(guān)于B/S結(jié)構(gòu)編程的基礎(chǔ)知識(shí)，為后續(xù)課程中復(fù)雜B/S結(jié)構(gòu)程序的設(shè)計(jì)與開發(fā)做了鋪墊。

任務(wù)6：為自己的個(gè)人主頁加上網(wǎng)頁留言板的功能，該任務(wù)在簡(jiǎn)單B/S結(jié)構(gòu)軟件制作的基礎(chǔ)上引入了數(shù)據(jù)庫的相關(guān)內(nèi)容，要求學(xué)生能夠熟練使用B/S結(jié)構(gòu)軟件編程操作數(shù)據(jù)庫。

任務(wù)7：使用可視化編程工具制作一個(gè)功能簡(jiǎn)單的即時(shí)通訊軟件，該任務(wù)以使用可視化編程工具制作軟件界面以及操作數(shù)據(jù)庫等相關(guān)內(nèi)容為基礎(chǔ)，引入了網(wǎng)絡(luò)編程技術(shù)，在任務(wù)實(shí)現(xiàn)過程中強(qiáng)調(diào)網(wǎng)絡(luò)編程在目前軟件開發(fā)中的重要地位，同時(shí)學(xué)生通過該任務(wù)可以了解C/S結(jié)構(gòu)編程的基本內(nèi)容。

任務(wù)8：設(shè)計(jì)開發(fā)B/S結(jié)構(gòu)下的電子商務(wù)平臺(tái)，該任務(wù)在結(jié)合以前所學(xué)的內(nèi)容基礎(chǔ)上，提高了軟件設(shè)計(jì)與開發(fā)的難度，強(qiáng)調(diào)對(duì)學(xué)生進(jìn)行小組協(xié)作能力的培養(yǎng)，在軟件開發(fā)過程中強(qiáng)調(diào)模塊化設(shè)計(jì)的概念，讓學(xué)生從宏觀上理解與認(rèn)識(shí)軟件的開發(fā)過程。

任務(wù)9：制作一個(gè)可以聯(lián)機(jī)對(duì)戰(zhàn)的五子棋游戲，在該軟件的編制過程中，學(xué)生可以進(jìn)一步鍛煉自己的編程能力，同時(shí)加深對(duì)基于網(wǎng)絡(luò)的軟件開發(fā)過程的認(rèn)識(shí)。

任務(wù)10：完成“基于校園網(wǎng)絡(luò)的輔助教學(xué)平臺(tái)”的設(shè)計(jì)與模塊劃分，在接觸了前期的B/S與C/S結(jié)構(gòu)的軟件開發(fā)后，學(xué)生已經(jīng)有能力完成中小規(guī)模的軟件系統(tǒng)的開發(fā)，將學(xué)生分成若干小組，由組長(zhǎng)將總?cè)蝿?wù)分成若干模塊，交給能力不同的同學(xué)去完成，讓學(xué)生充分理解模塊化設(shè)計(jì)的軟件開發(fā)理念。

任務(wù)11：完成“基于校園網(wǎng)絡(luò)的輔助教學(xué)平臺(tái)”的編碼與整合，在分模塊開發(fā)之后，將一個(gè)項(xiàng)目的不同模塊整合起來實(shí)現(xiàn)一個(gè)完整的系統(tǒng)，編碼與整合的環(huán)節(jié)不僅能鍛煉學(xué)生個(gè)人的實(shí)際動(dòng)手能力，更能讓他們體會(huì)到團(tuán)隊(duì)協(xié)作在軟件開發(fā)中的重要作用。

任務(wù)12：對(duì)“基于校園網(wǎng)絡(luò)的輔助教學(xué)平臺(tái)”進(jìn)行軟件測(cè)試，軟件的測(cè)試往往會(huì)被學(xué)生忽視，而一個(gè)好的軟件必須經(jīng)過嚴(yán)格的測(cè)試。在這個(gè)任務(wù)中，學(xué)生可以了解到軟件測(cè)試的一般內(nèi)容，學(xué)會(huì)對(duì)軟件系統(tǒng)進(jìn)行一些常規(guī)測(cè)試，認(rèn)識(shí)軟件測(cè)試在軟件開發(fā)中的重要作用。

4教學(xué)效果與總結(jié)

通過一個(gè)學(xué)期的教學(xué)實(shí)踐，我們可以看到“任務(wù)驅(qū)動(dòng)”教學(xué)模式在“專業(yè)實(shí)踐”課程中的應(yīng)用效果是很好的。首先，端正了學(xué)生的學(xué)習(xí)態(tài)度，以往的專業(yè)課都是老師逼著學(xué)生學(xué)習(xí)，學(xué)生的學(xué)習(xí)主動(dòng)性非常差，引入了“任務(wù)驅(qū)動(dòng)”教學(xué)模式后，學(xué)生感覺到學(xué)習(xí)是為了自己學(xué)，學(xué)習(xí)的自覺主動(dòng)性大大提高；其次，鍛煉了計(jì)算機(jī)專業(yè)同學(xué)的專業(yè)實(shí)踐能力，從原來的紙上談兵到現(xiàn)在的獨(dú)立進(jìn)行軟件的設(shè)計(jì)、編碼、測(cè)試，學(xué)生感覺自己學(xué)到了真正的本領(lǐng)；第三，提高了學(xué)生對(duì)計(jì)算機(jī)學(xué)習(xí)的興趣，很多同學(xué)對(duì)專業(yè)課反感，主要是因?yàn)閷I(yè)課難度大學(xué)習(xí)方法難于掌握，通過這次由簡(jiǎn)單到深入的“專業(yè)實(shí)踐”，同學(xué)們掌握了學(xué)習(xí)計(jì)算機(jī)知識(shí)的方法，提高了學(xué)習(xí)興趣；最后，有利于培養(yǎng)學(xué)生的大局意識(shí)，鍛煉他們的團(tuán)隊(duì)協(xié)作能力，在一個(gè)個(gè)任務(wù)的制作過程中，學(xué)生之間互相幫助，共同學(xué)習(xí)，既有樂趣又增加了同學(xué)之間的友誼。

參考文獻(xiàn)

[1] 石良武. 網(wǎng)絡(luò)環(huán)境下任務(wù)驅(qū)動(dòng)教學(xué)方案的設(shè)計(jì)與實(shí)現(xiàn)[J]. 當(dāng)代教育論壇,2006,(10).

[2] 何克抗. 建構(gòu)主義學(xué)習(xí)環(huán)境下的教學(xué)設(shè)計(jì)[M]．北京師范大學(xué)出版社.

[3] 凌慧. “任務(wù)驅(qū)動(dòng)”教學(xué)法的應(yīng)用原則[J]. 廣西教育,2006,(2).

第9篇：網(wǎng)頁界面設(shè)計(jì)論文范文

重慶第二師范學(xué)院是一所教育部批準(zhǔn)成立、由重慶市教委主管的公辦普通本科高等院校。學(xué)校始建于1954年，有南山、學(xué)府大道兩個(gè)校區(qū)。美術(shù)系位于學(xué)府大道校區(qū)，軌道交通、公交干道匯集于此，航空、水路、公運(yùn)、鐵路等多種交通出行方式可供選擇。美術(shù)系現(xiàn)有教師45人，其中高級(jí)職稱25人、碩士及以上學(xué)歷學(xué)位24人，有重慶市名師1人、市優(yōu)秀女園丁1人、市優(yōu)秀教育管理工作者1人;同時(shí)，在四川美術(shù)學(xué)院、美國(guó)馬里蘭州大學(xué)以及法國(guó)、韓國(guó)等聘有客座教授?，F(xiàn)開設(shè)有美術(shù)學(xué)、美術(shù)學(xué)(中國(guó)畫與數(shù)字藝術(shù))、美術(shù)學(xué)(插畫與三維動(dòng)畫)、公共藝術(shù)、視覺傳達(dá)設(shè)計(jì)、視覺傳達(dá)設(shè)計(jì)(空間藝術(shù))、視覺傳達(dá)設(shè)計(jì)(時(shí)尚藝術(shù))、美術(shù)學(xué)(應(yīng)用美術(shù))、藝術(shù)設(shè)計(jì)等專業(yè)及方向，現(xiàn)有在校學(xué)生1472人(其中，先后赴韓國(guó)交換學(xué)習(xí)學(xué)生22人，赴中國(guó)臺(tái)灣交換學(xué)習(xí)學(xué)生4人)。

美術(shù)系專業(yè)教育教學(xué)設(shè)施設(shè)備充裕，師資力量雄厚。有專業(yè)教學(xué)場(chǎng)地面積15400平方米、實(shí)驗(yàn)實(shí)訓(xùn)室近2000平方米;有專業(yè)圖書、畫冊(cè)、期刊、光盤和軟件共計(jì)4000余冊(cè)(件);有校外實(shí)訓(xùn)、實(shí)習(xí)、就業(yè)基地30余個(gè);現(xiàn)有市(校)級(jí)教學(xué)團(tuán)隊(duì)共5個(gè)、精品課程共6門，承擔(dān)了教改項(xiàng)目共25項(xiàng)，獲教學(xué)成果獎(jiǎng)共11項(xiàng);有學(xué)術(shù)研究、科研創(chuàng)新團(tuán)隊(duì)共2個(gè)，承擔(dān)了市(校)級(jí)科研項(xiàng)目共近50項(xiàng);教師的作品和論文參加市級(jí)以上展覽和公開發(fā)表近700幅(篇)，獲省(部)級(jí)及以上獎(jiǎng)勵(lì)近100項(xiàng)，教學(xué)論文等獲得省(部)級(jí)以上獎(jiǎng)勵(lì)20余項(xiàng);教師申請(qǐng)國(guó)家專利10余項(xiàng)，主編(著)教材、作品專著60本(部)，其中《高等院校藝術(shù)設(shè)計(jì)專業(yè)叢書》被全國(guó)20余所高校選用，共出版10萬余冊(cè)。

美術(shù)系學(xué)生作品在眾多省(部)級(jí)及以上專業(yè)競(jìng)賽活動(dòng)中屢獲佳績(jī)。學(xué)生參加教育部“全國(guó)大學(xué)生藝術(shù)作品展演”、“優(yōu)秀畢業(yè)設(shè)計(jì)作品展”、“全國(guó)大學(xué)生廣告藝術(shù)節(jié)”、“中國(guó)環(huán)境藝術(shù)設(shè)計(jì)學(xué)年獎(jiǎng)”、“中國(guó)美協(xié)‘未來之星’大獎(jiǎng)賽”、“重慶•長(zhǎng)江杯國(guó)際工業(yè)設(shè)計(jì)大賽”、“重慶•中國(guó)西部工業(yè)設(shè)計(jì)明日之星作品大賽”等賽事，獲獎(jiǎng)共近60項(xiàng)、省(部)級(jí)獎(jiǎng)200余項(xiàng);同時(shí)，美術(shù)系每年都要舉辦“學(xué)生作品年度展”、“畢業(yè)作品展”、“學(xué)生社團(tuán)作品展”等專業(yè)賽事，并組織學(xué)生參加重慶市高校服裝專業(yè)優(yōu)秀畢業(yè)作品聯(lián)合展演活動(dòng)，中央二臺(tái)、人民網(wǎng)、中國(guó)教育網(wǎng)、搜狐網(wǎng)、新浪網(wǎng)、鳳凰網(wǎng)、重慶電視臺(tái)、《重慶日?qǐng)?bào)》等幾十家主流媒體先后進(jìn)行了報(bào)道。

美術(shù)系學(xué)生工作以“抓常規(guī)、濃學(xué)風(fēng)、重規(guī)范、強(qiáng)素質(zhì)、促就業(yè)、創(chuàng)品牌”為主線開展工作。一方面，積極圍繞專業(yè)教學(xué)，著力培養(yǎng)學(xué)生專業(yè)思想和藝術(shù)素養(yǎng)，提升學(xué)生專業(yè)水平，夯實(shí)學(xué)生就業(yè)核心競(jìng)爭(zhēng)力;另一方面，正確引導(dǎo)學(xué)生爭(zhēng)做有孝道、有理想、有理論、有理念、有理智的美術(shù)學(xué)子，促進(jìn)學(xué)生情商培養(yǎng)和提升，拓展學(xué)生綜合素質(zhì)，打造學(xué)生就業(yè)綜合競(jìng)爭(zhēng)力。相當(dāng)部分畢業(yè)生已成為廣告公司、室內(nèi)裝飾公司的設(shè)計(jì)總監(jiān)、項(xiàng)目經(jīng)理和業(yè)務(wù)骨干，有的成為了基礎(chǔ)教育行業(yè)專家并多次在全國(guó)和市級(jí)美術(shù)教學(xué)競(jìng)賽中獲獎(jiǎng)。近幾年來，先后有數(shù)十名學(xué)生考取中國(guó)美術(shù)學(xué)院、四川美術(shù)學(xué)院、重慶大學(xué)、西南大學(xué)等高校的碩士研究生。

二、2016年擬招生專業(yè)介紹

公共藝術(shù) [本科 非師范]

培養(yǎng)目標(biāo)：本專業(yè)主要培養(yǎng)德、智、體、美全面發(fā)展，具備藝術(shù)設(shè)計(jì)基本理論和基本知識(shí)，掌握公共藝術(shù)設(shè)計(jì)的基本方法和實(shí)踐技能，能對(duì)室內(nèi)外空間進(jìn)行裝飾藝術(shù)設(shè)計(jì)的高素質(zhì)應(yīng)用型人才。

主干課程：造型基礎(chǔ)、設(shè)計(jì)色彩、構(gòu)成基礎(chǔ)、建筑基礎(chǔ)、數(shù)碼圖形處理(3dsmax、cad、photoshop)建筑制圖與測(cè)繪、手繪效果圖技法表現(xiàn)、工程概預(yù)算、工程材料與工藝、公共空間藝術(shù)設(shè)計(jì)、公共設(shè)施設(shè)計(jì)、餐飲空間設(shè)計(jì)、陳設(shè)設(shè)計(jì)、展示空間設(shè)計(jì)、住宅空間設(shè)計(jì)、公共景觀設(shè)計(jì)、辦公空間設(shè)計(jì)、裝飾雕塑、3d場(chǎng)景漫游、設(shè)計(jì)概論等。

就業(yè)崗位：畢業(yè)生可到建筑和規(guī)劃部門、各類設(shè)計(jì)院所、專業(yè)設(shè)計(jì)機(jī)構(gòu)等從事公共空間、商業(yè)空間、住宅空間以及園林景觀等設(shè)計(jì)工作，也能從事相關(guān)領(lǐng)域的施工管理工作。

美術(shù)學(xué)[本科 非師范]

培養(yǎng)目標(biāo)：本專業(yè)主要培養(yǎng)德、智、體、美全面發(fā)展，具備美術(shù)學(xué)專業(yè)的基本理論和基本知識(shí)，掌握藝術(shù)創(chuàng)作和美術(shù)教育的高素質(zhì)應(yīng)用型人才。

主干課程：中國(guó)美術(shù)史、外國(guó)美術(shù)史、藝術(shù)概論、透視與解剖學(xué)、素描人物、色彩人物、色彩風(fēng)景、雕塑、傳統(tǒng)油畫語言、油畫風(fēng)景、素描人體、油畫人體、具象寫實(shí)繪畫語言、表現(xiàn)主義繪畫語言、超現(xiàn)實(shí)主義繪畫語言、照相寫實(shí)繪畫語言、綜合材料、綜合創(chuàng)意、當(dāng)代藝術(shù)思潮、工筆花鳥、工筆人物、寫意花鳥、寫意山水、中國(guó)古代造型藝術(shù)考察等。選修教師教育方向課程：中小學(xué)美術(shù)教學(xué)論、課堂教學(xué)技能、美術(shù)教師公招應(yīng)試技巧等。

就業(yè)崗位：畢業(yè)生能夠從事美術(shù)創(chuàng)作、美術(shù)教育、美術(shù)編輯、藝術(shù)機(jī)構(gòu)管理，以及美術(shù)宣傳和區(qū)域文化創(chuàng)意產(chǎn)業(yè)的開發(fā)等工作。

視覺傳達(dá)設(shè)計(jì)[本科 非師范]

培養(yǎng)目標(biāo)：本專業(yè)主要培養(yǎng)德、智、體、美全面發(fā)展，具備視覺傳達(dá)設(shè)計(jì)專業(yè)的基本理論和基本知識(shí)，掌握視覺傳達(dá)設(shè)計(jì)的基本方法和實(shí)踐技能的高素質(zhì)應(yīng)用型人才。

主干課程：造型基礎(chǔ)、設(shè)計(jì)色彩、設(shè)計(jì)構(gòu)成、電腦輔助設(shè)計(jì)、圖形創(chuàng)意、版式設(shè)計(jì)、商業(yè)攝影、插畫設(shè)計(jì)、網(wǎng)頁與界面設(shè)計(jì)、標(biāo)志設(shè)計(jì)、VI設(shè)計(jì)、包裝設(shè)計(jì)、平面廣告設(shè)計(jì)、影視動(dòng)態(tài)廣告設(shè)計(jì)、型錄設(shè)計(jì)、書籍設(shè)計(jì)、文化海報(bào)設(shè)計(jì)、設(shè)計(jì)概論、世界平面設(shè)計(jì)史等。

就業(yè)崗位：畢業(yè)生能夠從事廣告策劃與設(shè)計(jì)、印刷品設(shè)計(jì)、包裝設(shè)計(jì)、企業(yè)形象設(shè)計(jì)、商場(chǎng)商品陳列設(shè)計(jì)、網(wǎng)頁及新媒體設(shè)計(jì)、商業(yè)攝影及設(shè)計(jì)管理等工作。

視覺傳達(dá)設(shè)計(jì)(時(shí)尚藝術(shù))[本科 非師范]

培養(yǎng)目標(biāo)：本專業(yè)主要培養(yǎng)德、智、體、美全面發(fā)展，具備視覺傳達(dá)設(shè)計(jì)(時(shí)尚藝術(shù)設(shè)計(jì)方向)的基本理論和基本知識(shí)，掌握服裝與服飾設(shè)計(jì)的基本方法和實(shí)踐技能的高素質(zhì)應(yīng)用型人才。

主干課程：造型基礎(chǔ)、設(shè)計(jì)色彩、設(shè)計(jì)構(gòu)成、計(jì)算機(jī)輔助設(shè)計(jì)、服裝工藝、服裝效果圖表現(xiàn)技法、服裝設(shè)計(jì)思維訓(xùn)練、成衣設(shè)計(jì)、立體裁剪、服裝材料與面料再造、創(chuàng)意服裝設(shè)計(jì)、時(shí)尚攝影、針織裝設(shè)計(jì)、化妝造型、服裝展示設(shè)計(jì)、平面紙樣結(jié)構(gòu)、服飾配件設(shè)計(jì)與制作、服裝設(shè)計(jì)概論等。

就業(yè)崗位：畢業(yè)生具備設(shè)計(jì)造型能力、市場(chǎng)分析能力、組織與協(xié)調(diào)能力，能夠適應(yīng)服裝服飾藝術(shù)設(shè)計(jì)行業(yè)發(fā)展的需要，從事服裝、服飾品的設(shè)計(jì)、制作和營(yíng)銷等工作，也能在相關(guān)時(shí)尚設(shè)計(jì)領(lǐng)域從事設(shè)計(jì)、制作與管理等工作。

三、2016年錄取規(guī)則

1.考生體檢必須符合教育部、衛(wèi)生部、中國(guó)殘疾人聯(lián)合會(huì)制定的《普通高等學(xué)校招生體檢工作指導(dǎo)意見》的規(guī)定。

2.重慶市考生認(rèn)可重慶市統(tǒng)考成績(jī)，其它省(自治區(qū))考生認(rèn)可我校組織的美術(shù)專業(yè)校考成績(jī)。

3.按綜合成績(jī)(綜合成績(jī)=文化成績(jī)÷文化成績(jī)總分×30+專業(yè)成績(jī)÷專業(yè)成績(jī)總分×70)排序，德智體美全面衡量，擇優(yōu)錄取。

四、2016年招生計(jì)劃(暫定)

專業(yè)名稱

重慶

三校生

美術(shù)本科（非師范）招生計(jì)劃

備注

重慶

江西

山東

陜西

山西

福建

廣西

美術(shù)學(xué)

 

37

 

 

8-10

 

 

 

大一下期末可申請(qǐng)轉(zhuǎn)專業(yè)；重慶三校生限招服裝設(shè)計(jì)與工藝類專業(yè)。

視覺傳達(dá)設(shè)計(jì)

 

80

10-15

15-20

7-10

15-20

 

8-10

公共藝術(shù)

 

81

10-15

15-20

 

15-20

7-10

7-10

視覺傳達(dá)設(shè)計(jì)

（時(shí)尚藝術(shù)）

10

27

 

 

 

 

8-10