網(wǎng)頁界面設(shè)計論文精選(九篇)
前言：一篇好文章的誕生，需要你不斷地搜集資料、整理思路，本站小編為你收集了豐富的網(wǎng)頁界面設(shè)計論文主題范文，僅供參考，歡迎閱讀并收藏。
第1篇：網(wǎng)頁界面設(shè)計論文范文
論文摘 要：當網(wǎng)絡(luò)界面設(shè)計從上世紀末成為平面設(shè)計領(lǐng)域中的新生代，這股強勁的新生勢力將印制媒體設(shè)計的視覺傳達原理和相應(yīng)的網(wǎng)絡(luò)技術(shù)融合為一體，由此新的交流平臺應(yīng)運而生了。書籍設(shè)計是平面藝術(shù)設(shè)計領(lǐng)域的重要組成部分，也是印制媒體設(shè)計中的代表。本文主要從新生網(wǎng)絡(luò)界面設(shè)計的特點和表現(xiàn)出發(fā)，通過分析比較其與書籍設(shè)計的差異性與融合性，旨在辨清兩者的特色與發(fā)展方向，尋求兩者融合的新思路，希望能更有效為今后的網(wǎng)絡(luò)界面設(shè)計與書籍設(shè)計指引方向，發(fā)揮兩者設(shè)計的特色，服務(wù)于人。
隨著科技的發(fā)展、電腦及網(wǎng)絡(luò)的興起，網(wǎng)絡(luò)界面的出現(xiàn)使得人們的閱讀方式乃至生活方式發(fā)生著改變，直接影響著人們生活的方方面面。網(wǎng)絡(luò)界面設(shè)計作為平面設(shè)計陣營中的新生代，展現(xiàn)出數(shù)字信息時代下嶄新的藝術(shù)設(shè)計語言。當今是書籍設(shè)計與網(wǎng)絡(luò)設(shè)計共存的時代，實體與虛擬的并存，呈現(xiàn)出各自設(shè)計特征與發(fā)展方向。網(wǎng)頁界面設(shè)計中的視聽要素與所展現(xiàn)出的設(shè)計語言的新面貌，為已有的信息傳播方式帶來了新的展現(xiàn)平臺。網(wǎng)絡(luò)界面設(shè)計除了運用印制媒體設(shè)計的構(gòu)成原理與視覺要素，還具備了其特有的鮮明特征。網(wǎng)絡(luò)界面設(shè)計的新特征展現(xiàn)在視覺藝術(shù)與網(wǎng)絡(luò)技術(shù)的不斷變革中。作為新生代的網(wǎng)絡(luò)界面設(shè)計是對印制媒體設(shè)計的繼承和發(fā)展，其與書籍設(shè)計相比有著其鮮明的特征。
一、新特征
（一）互動的距離。書籍設(shè)計呈現(xiàn)出一種“只讀藝術(shù)”，閱讀者在品讀過程中往往是被動的。而網(wǎng)絡(luò)媒體藝術(shù)是一種“可讀寫藝術(shù)”，瀏覽者可在登陸后實時關(guān)注，并在相關(guān)內(nèi)容上進行瀏覽、反饋和答復等等，實現(xiàn)“零距離”交流互動。設(shè)計師將設(shè)計良好的界面、網(wǎng)絡(luò)技術(shù)開發(fā)和網(wǎng)絡(luò)交互性進行結(jié)合，將使網(wǎng)頁瀏覽者實現(xiàn)自由的、主動交互的選擇，這些對于書籍閱讀來說基本無法實現(xiàn)。
（二）線性與非線性。從書籍所呈現(xiàn)的內(nèi)容文字來看，其呈現(xiàn)出“線性”排列，受其印制品的物理結(jié)構(gòu)與相關(guān)內(nèi)容空間編排的制約，這種由頭到尾線性文本的編排，使讀者產(chǎn)生單一方向的內(nèi)容認知的過程。讀者在篩選內(nèi)容后，在閱讀中是遵循一行一行的由前向后的讀覽方式，這就體現(xiàn)出“線性”閱讀的特色。網(wǎng)絡(luò)界面設(shè)計打破了傳統(tǒng)文本排列的架構(gòu)。鏈接實現(xiàn)了文本闡述、拓展、補充等若干部分的內(nèi)容。讀者根據(jù)需要將排列的文檔一部分一部分的劃分開，確定自己的閱讀中心，在屏幕上將閱讀空間內(nèi)容重組，從而實現(xiàn)自主的個性化的文本閱讀意義。
（三）單一媒體與多媒體。多媒體的發(fā)展成為網(wǎng)頁界面設(shè)計的流行趨勢，與書籍設(shè)計這種單向媒體相比較而言，其優(yōu)勢是集成圖形圖像、音效音樂、以及視頻動畫于一體，促使視覺觸覺聽覺等等全方位多角度多視點的傳達信息，吸引觀者。這種多表征的信息集合表現(xiàn)產(chǎn)生了“1+1＞2”的效果。網(wǎng)頁模擬出真實的場景這是書籍設(shè)計無法體現(xiàn)出的效果。這種多感設(shè)計已成為網(wǎng)頁設(shè)計中爭相展現(xiàn)的面貌。
（四）空間擴展。書籍版面展現(xiàn)出來的是平面二維空間，而網(wǎng)絡(luò)界面往往是二維和三維的共同體。三維空間具有更大的信息量，增添了新的維度，從而滿足人對空間心里真實的需要。同時，界面的層層串接使瀏覽者在網(wǎng)頁內(nèi)容之間循序往復的互相套接，架構(gòu)出層層深度的脈絡(luò)，吸引人們深入認知。
（五）即時性。信息的時效性是信息社會的基本特征。書籍編輯印制的時間過程往往比網(wǎng)絡(luò)編輯的過程要緩慢。由于網(wǎng)絡(luò)技術(shù)和網(wǎng)絡(luò)界面的設(shè)計特點，設(shè)計人員將編輯完整的網(wǎng)站或網(wǎng)頁于網(wǎng)絡(luò)，那么即可完成。這樣往往節(jié)省了書籍印制過程中所需的時間段，從而在第一時間將鮮活準確的信息廣泛的傳播，網(wǎng)絡(luò)信息的即時性特點也就體現(xiàn)了出來。另外在網(wǎng)絡(luò)中互動的平臺中，往往也體現(xiàn)出信息的時效性。例如：論壇中的相關(guān)討論和問題的回復，都體現(xiàn)出此特點。
（六）廣告的靈活性。作為互聯(lián)網(wǎng)上新興的一種廣告形式——以網(wǎng)絡(luò)為平臺的網(wǎng)絡(luò)廣告也就應(yīng)運而生了。網(wǎng)絡(luò)廣告是一種結(jié)合傳統(tǒng)的廣告形式與網(wǎng)絡(luò)應(yīng)用技術(shù)的一種全新形式。網(wǎng)絡(luò)廣告與書籍廣告相比而言，主要可以從溝通性、信息性和效果性幾個方面加以比較。
書籍廣告中，由于書的特質(zhì)致使其溝通受眾面有限，書中的廣告信息內(nèi)容往往和書籍相關(guān)，效果大多傾向靜態(tài)的圖文信息，這樣的信息在傳播的過程中給人的感官刺激較單一。當然隨著科技的發(fā)展，也出現(xiàn)一些新的廣告方式，如：書簽廣告，隨書附贈品中加入廣告等，但與網(wǎng)絡(luò)廣告相比而言單一化的特征明顯。反觀網(wǎng)絡(luò)廣告的特質(zhì)，其信息溝通模式是多樣性、實時交互性流通，避免了書籍廣告那種將信息灌輸式的，用印象去勸誘目標受眾成為消費者。同時其信息覆蓋面更廣泛、信息容量更大，信息綜合表現(xiàn)效果更強。
二、差異的表現(xiàn)
（一）書籍封面與網(wǎng)站首頁
就書籍封面而言，其間的圖形和文字等元素編排相對固定，效果方面也是據(jù)其內(nèi)容設(shè)計出靜止且有內(nèi)涵的風貌。而網(wǎng)站首頁表現(xiàn)手法靈活度大，往往會結(jié)合動態(tài)與音效等手段來一一呈現(xiàn)。引入式和主題式是網(wǎng)站首頁展現(xiàn)的兩種主要手法。引入式往往使用動畫或圖形圖像在首頁，主要是利用少量的文字和氛圍去制造出一個對網(wǎng)站總體的展現(xiàn)和引入。而主題式主要指首頁上方以導航條為主，下面出現(xiàn)若干分類信息。此類首頁以文字居多，分欄表現(xiàn)便于檢索。由于這樣的網(wǎng)站信息量較大，因此在查閱期間往往需要滾屏瀏覽。
（二）版面與界面
1、書的目錄與網(wǎng)頁導航。翻開一本書，想了解本書的內(nèi)容，往往會先瀏覽目錄。目錄是本書的提綱挈領(lǐng)，呈現(xiàn)的方式主要是各章節(jié)標題與頁碼組成，靜態(tài)的組織加入紙張的質(zhì)感無不顯現(xiàn)出書卷之氣。網(wǎng)頁中起到“目錄”功能的位置是導航條。其間只強調(diào)標題而略去頁碼，靜態(tài)與動態(tài)的緊密結(jié)合，聲效與變幻色彩的加入無不展現(xiàn)出導航條的特色。2、版心與分欄。書籍版面中的版心一般相對比較大、內(nèi)容集中在版心內(nèi)部，尺幅變化相對不大，整本書的分欄比較規(guī)范統(tǒng)一化，如：單欄或兩欄等等。留白率是指版面與空白之比，留白率的恰當使用會提升視覺效果和信息的認知度。與書籍版面相比，網(wǎng)頁界面的版心和分欄相對更靈活，留白率更大。版面色彩之間的運用與銜接變化更豐富。3、文字與圖底。網(wǎng)頁界面不像書籍版面那樣分出左右兩頁，并按前后注明頁碼。網(wǎng)頁間鏈接靠的是層層的鏈接，編排中的文字和圖形靈活多變，往往出現(xiàn)加底色或底圖的形式。從字體角度來看，書籍設(shè)計時軟件中可選用的字體種類較多，作為網(wǎng)絡(luò)界面上顯現(xiàn)的字體是由瀏覽者所使用的機器內(nèi)部的字體數(shù)量決定的。一般用戶所使用的電腦中的字體是隨系統(tǒng)安裝的，字體數(shù)量是很有限的。因此網(wǎng)絡(luò)界面的字體與書籍上的字體相比而言展現(xiàn)出較固定化的特點。4、順序的呈現(xiàn)。書籍由印制裝訂在一起，內(nèi)容在安排上順序感強，由前至后的段落排列引導讀者的閱讀。網(wǎng)頁界面因其互動性的特點，設(shè)計的過程中在主頁的超鏈接上可以按照不同人群需要設(shè)計出各種人性化連接界面，在設(shè)計環(huán)節(jié)中展現(xiàn)出脈絡(luò)狀的連接。
（三）形態(tài)表現(xiàn)
1、虛擬與實物。當今書籍設(shè)計師打破了傳統(tǒng)六面體的造型，創(chuàng)新出多面體的異型開本，使書籍從外觀造型上就獲取了更豐富的實物面貌。網(wǎng)絡(luò)界面二維、多維造型以數(shù)字化模擬體現(xiàn)，形態(tài)多變且靜動結(jié)合，多變的虛擬形態(tài)吸引著瀏覽者的關(guān)注和探求。2、材料質(zhì)感的真實性與模擬性。特種紙的選用在如今的書籍設(shè)計中被普遍使用，各種真實的紙張質(zhì)感易于彰顯出書籍的品質(zhì)與內(nèi)涵。而網(wǎng)絡(luò)界面中質(zhì)感的體驗由數(shù)字化模擬表現(xiàn)來實現(xiàn)，網(wǎng)間質(zhì)感呈現(xiàn)的樣式與書籍質(zhì)感相比更多樣，實現(xiàn)起來更直接迅速。
三、融合
以上通過書籍設(shè)計與網(wǎng)絡(luò)界面設(shè)計的比較，更明確地辨清兩者之間的設(shè)計特征。如今兩者在平面設(shè)計領(lǐng)域中也不斷呈現(xiàn)出互相影響，適度融合的特征。書籍設(shè)計中適度加入互動環(huán)節(jié)已成為不少設(shè)計師的青睞。隨著“電子書”、“網(wǎng)上書城”作為新生力量不斷與線下的實體書店進行多角度的組合，“線上虛擬、線下實物”統(tǒng)一的內(nèi)容不同的場合彼此融會貫通，共同開發(fā)拓展銷售渠道。
結(jié)束語：當今時代網(wǎng)絡(luò)界面設(shè)計與書籍設(shè)計彼此互補、互融，顯示了新時代的新特征。兩者設(shè)計中由靜態(tài)到動態(tài)、由單一媒體到多媒體，由直觀實體到數(shù)字虛擬。線上線下的信息平臺逐步豐富著我們的交流方式、打破著我們的時空限制。設(shè)計師在逐步實驗探索中不斷豐富設(shè)計的表現(xiàn)力和無限的可能性，我深信，兩者在將來一定會在豐富性、藝術(shù)性和實用性上有極大的突破，從而不斷的改變著我們的交流方式和生活質(zhì)量，創(chuàng)造出更富有人性化的生活來服務(wù)于人。同時，我深信我們的設(shè)計師一直在努力的路上。
第2篇：網(wǎng)頁界面設(shè)計論文范文
關(guān)鍵詞:網(wǎng)頁；構(gòu)成概念；平面構(gòu)成基本特點；平面構(gòu)成形態(tài)要素；平面構(gòu)成形式
現(xiàn)今,網(wǎng)絡(luò)已經(jīng)成為現(xiàn)代社會不可或缺的好幫手,人們從網(wǎng)絡(luò)中能夠獲得大量的信息,其中網(wǎng)頁對于人們的幫助是不容忽視的;如果說網(wǎng)址是互聯(lián)網(wǎng)最基本的組成部分,那么網(wǎng)頁就是網(wǎng)址最基本的元素。他們是通過各種鏈接相互關(guān)聯(lián),從而描述相關(guān)的主題或?qū)崿F(xiàn)相同的目的。網(wǎng)頁是由文本、圖象、Flas、聲音、視頻、超級鏈接、表格、導航欄、交互式表單等基本元素構(gòu)成,而這些元素從構(gòu)成形式上看就是簡單的點、線、面等基本元素經(jīng)過了藝術(shù)創(chuàng)造,變得更加的有質(zhì)感；就拿文本來說,文本作為網(wǎng)頁中的基本元素，與平面構(gòu)成中的點元素有著相同的作用――點睛之筆。再從構(gòu)成的含義來說，它首先是一種造型的概念。所謂構(gòu)成就是以數(shù)種以上的單元重新組合成為一個新的單元。然而構(gòu)成它更多的是哲學和科學的含義:即“對象世界諸要素的分解與組合,使新的功能顯現(xiàn)。”構(gòu)成是創(chuàng)造形態(tài)的方法,研究如何創(chuàng)造形象,形與形之間怎樣組合,以及形象排列的方法,可以說是一種研究形象構(gòu)成的科學。
一、平面構(gòu)成的發(fā)展及其基本特點對于網(wǎng)頁設(shè)計而言所代表的意義
平面構(gòu)成是設(shè)計中最基本的訓練,是在平面上按一定的原理設(shè)計、策劃多種視覺形式。我們學習構(gòu)成不是目的,而是形成目的的手段,是一種思維方式的訓練、分析和實驗,最后通過這種思維方式的開發(fā),培養(yǎng)一種創(chuàng)造觀念,使我們有更多的想象力和創(chuàng)造性,開拓設(shè)計思路。那么,對于平面構(gòu)成的發(fā)展,就要從包豪斯及其風格對現(xiàn)代設(shè)計的影響開始說,1919年,格羅佩斯在德國創(chuàng)辦了一所名叫包豪斯的設(shè)計學府,是需要具備充分的能力,運用所有科學、技術(shù)、知識和美學的資源,創(chuàng)造一個能滿足人類精神與物質(zhì)雙重需要的新環(huán)境,以“提倡藝術(shù)與技術(shù)的統(tǒng)一”作為教學理念。平面構(gòu)成從包豪斯的教學理念中衍生而來,他不是以表現(xiàn)具體的物象為特征,但是它反映了自然現(xiàn)象運動變化的規(guī)律性?？梢詮膬蓚€方面來談它的基本特點:第一是它以直覺為基礎(chǔ);用最簡單的點、線、面進行分解、組合、變化,反映出客觀現(xiàn)實所具有的運動規(guī)律。第二是它是一種高度強調(diào)理性活動的、自覺的、有意識的再創(chuàng)造過程。
二、平面構(gòu)成的形態(tài)要素在網(wǎng)頁中所起的作用。點、線、面是平面構(gòu)成中的三個形態(tài)要素
（一）點表示位置,它既無長度,也無寬度,是最小的單位
它在平面構(gòu)成中的概念只是一個相對概念,為什么這么說呢?因為它是在比較中而存在，通過比較而顯現(xiàn);這樣說吧,同一個圓,在小的框架里圓顯得很大,在大的框架里圓則顯得很小,這就是點的相對概念。很多人都認為點是小的,而且還是圓,實際上這種認知是錯誤的,自然界中的任何形態(tài),只要縮小到了一定的程度,就能夠產(chǎn)生不同的點,點是視覺中心,所以說,在網(wǎng)頁中的每個字都可以看作是點,由字排列出的文本就形成了構(gòu)成中所說的線及面了。
（二）線是點移動的軌跡
從平面構(gòu)成來講,線是可以看的到的,它既有長度,也有一定的寬度和厚度,在設(shè)計中是不可缺少的元素。只要提到線,大家直接就能夠說出線的分類,既直線和曲線。而直線和曲線對于人們來說，是有很強的心理暗示作用,看到直線,人們就會想到靜;看到曲線,大家又能聯(lián)想到動;直線具有男性的特點,而曲線具有女性的特征;在很多網(wǎng)頁頁面設(shè)計上都運用到了線的特性。
（三）面是線的連續(xù)移動至終結(jié)而形成的
面是有長度、寬度的,只是沒有厚度而已。比如說直線平行移動形成長方形;直線旋轉(zhuǎn)則移動而成圓形;自由弧形移動就會構(gòu)成有機形;如果直線和弧線結(jié)合就形成了不規(guī)則的形。在網(wǎng)頁設(shè)計中出現(xiàn)的圖像、動畫、交互式表單等都是由不同的點、線連續(xù)移動形成的面,給網(wǎng)頁一個完美的效果。像那些企業(yè)網(wǎng)站、購物網(wǎng)站、音樂網(wǎng)站以及游戲網(wǎng)站等,他們的網(wǎng)頁界面設(shè)計不僅有豐富的色彩吸引大眾,還有不同設(shè)計風格的構(gòu)成形式更讓大家流連忘返。
三、平面構(gòu)成形式在網(wǎng)頁中的具體運用
平面構(gòu)成設(shè)計是有組織的、有秩序地進行排列、組合、分解,因此它也是必須遵循一種原則和設(shè)計形式。平面構(gòu)成中的形式大量被運用到網(wǎng)頁界面中。
（一）重復構(gòu)成在網(wǎng)頁中的藝術(shù)魅力
重復在構(gòu)成中的概念被人們理解為”相同或相近的形態(tài)連續(xù)地、有規(guī)律地反復出現(xiàn)”或者是”把視覺形象秩序化、整齊化,在圖形中可以呈現(xiàn)出和諧統(tǒng)一富有整體感的視覺效果”。其實就象復印機復印東西一樣,就是我們所理解的重復。在網(wǎng)頁界面中,重復其實是被運用的最多的一種形式,比如說像購物網(wǎng)站中的購物、收藏等按鈕,就是運用了重復,在購物網(wǎng)站中,不可能只有一種物品,如果要向廣大消費者推銷更多商品,那么在網(wǎng)頁中出現(xiàn)”購買”和”收藏”按鈕,就要設(shè)計更多,讓大眾有更多的選擇機會,才能提升該網(wǎng)頁的點擊率。
（二）對比構(gòu)成在網(wǎng)頁中的表現(xiàn)對瀏覽者的心理帶來的影響
對比是一種很自由的構(gòu)成形式,它并不是以構(gòu)成中的骨骼線為限制,而是依據(jù)形態(tài)自己本身的大小、疏密、虛實、現(xiàn)隱及形狀、色彩和肌理等方面的對比而構(gòu)成的。如果說協(xié)調(diào)求的是近似的話,那么對比則求的就是差異。在自然界中,白天與黑夜、骯臟與干凈、溫暖與寒冷都是對立的結(jié)合,當圖形處于一種相異的狀況時,就會發(fā)生對比,像大小、長短、黑白等就是明顯的對比。在有的被文本占去大面積的網(wǎng)頁界面中，為什么會出現(xiàn)圖片、flas,甚至還會出現(xiàn)漂浮圖片,除了豐富界面以外,還有一種影響瀏覽者心理的作用,其實網(wǎng)頁界面中的文本與圖片、動畫、漂浮圖片形成一種對比,這和瀏覽者心理有關(guān)系嗎?當然,而且關(guān)聯(lián)很大,如果在一個網(wǎng)頁界面中,只有文本的話,那么這樣的網(wǎng)頁會給人一種什么感覺呢?乏味、枯燥、單調(diào),而瀏覽的人可謂是寥寥無幾,加上圖片、動畫,甚至時不時的冒出漂浮圖片,不僅僅讓網(wǎng)頁界面內(nèi)容顯得豐富多彩,更讓大眾對網(wǎng)頁的內(nèi)容產(chǎn)生濃厚的興趣。萬事萬物除了遵循他們本應(yīng)該遵循的規(guī)則外,偶爾的對立也能起到一定的催化劑,就如對比構(gòu)成在網(wǎng)頁中給大眾心理所帶來的影響作用。
四、結(jié)束語
因為有了網(wǎng)絡(luò),讓人類能夠更加方便、快捷地查詢信息;因為有了網(wǎng)站,讓人類能夠更加懂得如何去獲取新的信息;因為有了網(wǎng)頁,讓人類能夠及時獲得最新信息。網(wǎng)頁界面設(shè)計的美觀、新穎、時尚,讓大眾更愿意了解網(wǎng)頁!如今,網(wǎng)頁已經(jīng)成為廣大消費者生活中不可或缺的一部分,網(wǎng)頁能夠為人們注入更多的新鮮血液。
參考文獻：
[1]洪興宇編著 新編平面構(gòu)成（M）遼寧美術(shù)出版社 1999-12；
第3篇：網(wǎng)頁界面設(shè)計論文范文
政府部門門戶網(wǎng)站建設(shè)是根據(jù)國家對政府信息公開的相關(guān)政策要求，實現(xiàn)部門政務(wù)信息公開的優(yōu)先手段和必然選擇。論文詳細描述了一個基于ASP技術(shù)和ACCESS數(shù)據(jù)庫系統(tǒng)網(wǎng)頁的實現(xiàn)過程。網(wǎng)頁設(shè)計及制作主要圍繞政務(wù)公開、在線辦事和網(wǎng)上交流三大功能進行，前臺信息共設(shè)置領(lǐng)導講話、政務(wù)公開、工作動態(tài)、政策法規(guī)等十大功能模塊。后臺管理采用Client/Server和Browser/Server相結(jié)合的技術(shù)方式，將超文本標記語言（HTML）和簡單的JScript語言相融合開發(fā)，使用Session對象進行Web頁之間的數(shù)據(jù)傳遞，并跟蹤用戶登陸，實現(xiàn)了不同權(quán)限用戶對新聞信息的計算機網(wǎng)絡(luò)管理和Web查詢功能。網(wǎng)頁新聞訪問采用主頁+標題面+子頁面三級模式，主頁面提供了本網(wǎng)頁的一個宏觀樣式，并讓各模塊與之配合聯(lián)系，構(gòu)成一個完整的網(wǎng)頁系統(tǒng)。
【關(guān)鍵詞】
政府網(wǎng)站
網(wǎng)頁制作
ASP 技術(shù)
ACCESS 數(shù)據(jù)庫
【英文對照】
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ā)工具簡介 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è)計 10
3.6 網(wǎng)頁布局技術(shù) 11
第 四 章 數(shù)據(jù)庫設(shè)計 12
4.1 數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計 12
4.2 數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計 14
第 五 章 人機界面設(shè)計 17
5.1 后臺登錄界面設(shè)計 17
5.2 用戶管理頁面設(shè)計 18
5.3 信息檢索頁面設(shè)計 18
5.4 后臺管理頁面設(shè)計 19
第 六 章 系統(tǒng)程序設(shè)計 20
6.1 程序設(shè)計語言 20
6.2 部份源程序?qū)崿F(xiàn)及文件 20
第 七 章 網(wǎng)頁測試 30
7.1 測試網(wǎng)站的建立 30
7.1.1. 測試網(wǎng)站環(huán)境 30
7.1.2. Web服務(wù)器IIS5.1簡介 30
7.1.3. 網(wǎng)頁測試 30
7.2 網(wǎng)頁及網(wǎng)站維護 31
第 八 章 結(jié)論 32
參考文獻 33
致 謝 34
【前言】
在我國，繼黨的十六大提出推行電子政務(wù)、提高行政效率之后，十六屆三中全會進一步強調(diào)要發(fā)展電子政務(wù)，提高政府的服務(wù)和管理水平。政府網(wǎng)站作為電子政務(wù)建設(shè)的龍頭是完善政府公共服務(wù)接入渠道的主要手段，它實現(xiàn)了按照用戶對象進行信息資源的整合，提供覆蓋用戶全生命周期的各種信息和服務(wù)。同時，網(wǎng)頁信息傳播的即時性和全面性確保了政府大量重要信息的廣泛共享，優(yōu)化了社會資源配置，讓政務(wù)信息更便捷、更低成本地進行傳遞。通過訪問政府網(wǎng)頁，企業(yè)和社會公眾可以24小時不間斷地，不受任何空間界限影響地與政府進行信息交互，在促進政務(wù)公開，改進公共服務(wù)，提高行政效能，確保公眾知情權(quán)、參與權(quán)和監(jiān)督權(quán)等方面有著顯著成效。
政府網(wǎng)站建設(shè)的含義就是利用Internet/Intranet等計算機通信技術(shù)，在Internet上建立正式站點，通過網(wǎng)絡(luò)實現(xiàn)政府在政治、經(jīng)濟、社會、生活等諸多領(lǐng)域中的管理和服務(wù)職能，推動政府辦公自動化與網(wǎng)上便民服務(wù)，是政府和社會互動的重要窗口。論文就巴中市網(wǎng)頁的設(shè)計和制作作了詳細描述，網(wǎng)頁主要功能模塊設(shè)置緊緊圍繞部門職能職責，密切結(jié)合公眾需求，實現(xiàn)了預期設(shè)計目標，網(wǎng)頁經(jīng)本地局域網(wǎng)測試運行正常。
【正文】
網(wǎng)頁制作
第 一 章 概 述
1.1 網(wǎng)頁制作背景
在當前這個網(wǎng)絡(luò)時代，電子政務(wù)是各國政府倡導和推動網(wǎng)絡(luò)化的5個重要應(yīng)用領(lǐng)域中的首要。美國早在克林頓政府時期就開始積極倡導和推動電子政務(wù)和電子政府的建設(shè)。英國于2005年將所有的政府服務(wù)實現(xiàn)上網(wǎng)。新加坡更是從1981年就開始發(fā)展電子政務(wù)，目前其電子政務(wù)的發(fā)達程度已備受世人矚目。在我國，政府信息門戶網(wǎng)站作為展示政府整體形象的窗口和聯(lián)系群眾、服務(wù)群眾的橋梁正日益得到各級政府的重視。如今，全國各地的電子政務(wù)建設(shè)已進入實質(zhì)階段，全國257個地市級城市中已經(jīng)有90%的城市建立了自己的政府網(wǎng)站。在應(yīng)用上，電子政務(wù)建設(shè)已經(jīng)從網(wǎng)絡(luò)基礎(chǔ)建設(shè)向功能應(yīng)用層面和社會服務(wù)層面轉(zhuǎn)變。隨著我國信息化進程的深入推進，將極大地調(diào)動整個社會活力，推動中國社會的飛速發(fā)展，并對中國未來的發(fā)展產(chǎn)生巨大的影響。
1.2 網(wǎng)頁制作的意義
首先，政府網(wǎng)站關(guān)系到政府的服務(wù)形象，關(guān)系到百姓的切身利益。政府部門通過制作網(wǎng)頁建立網(wǎng)站，是電子政務(wù)的最佳切入點和重要內(nèi)容，政府網(wǎng)頁的發(fā)展水平是衡量一個地區(qū)電子政務(wù)進程的標志。在政府網(wǎng)頁上，政務(wù)信息公開程度，有關(guān)為民服務(wù)欄目健全情況，信息反饋情況，在線辦公與網(wǎng)上受理情況等關(guān)系到政府的服務(wù)形象，關(guān)系到百姓的切身利益。其次，政府網(wǎng)頁制作有利于政府各類信息的充分共享，有利于政府決策水平的不斷提高。通過網(wǎng)頁的各類平臺迅速直接地獲取公眾的反饋信息，準確掌握外部環(huán)境，大幅提高了正確決策與快速反應(yīng)的能力。隨著政府各類信息的公開化，政民互動不斷加強，政府將在公眾面前展現(xiàn)出高效、透明的良好形象，這有利于提高社會凝聚力，對于維護社會穩(wěn)定、促進社會發(fā)展具有重要意義。
1.3 開發(fā)工具簡介
在眾多的網(wǎng)頁設(shè)計與制作工具軟件中，我根據(jù)實際需求及對軟件的熟悉程度，主要選取了Photoshop CS3、Fireworks 8.0、Flash MX 2004、Macromedia Dreamweaver8進行網(wǎng)頁的開發(fā)和制作，這些軟件的主要特點分述如下。
? 網(wǎng)頁圖像設(shè)計工具——Photoshop CS3、Fireworks 8.0
在網(wǎng)頁制作過程中，首先要使用Photoshop或Fireworks 設(shè)計網(wǎng)頁和整體效果圖、處理網(wǎng)頁中的圖像、背景圖及網(wǎng)頁的圖標、按鈕等。Photoshop是平面圖像處理業(yè)界霸主Adobe公司推出的跨越PC和MAC兩界首屈一指的大型圖像處理軟件.它功能強大，操作界面友好，得到了廣大第三方開發(fā)廠家的支持，從而也贏得了眾多的用戶的青睞。Fireworks是Adobe公司推出的著名平面圖像設(shè)計和圖像處理軟件，它具有強大的圖像處理功能和操作易用性，受到廣大平面圖形設(shè)計人員及專業(yè)廣告設(shè)計師的青睞。它涉及圖像合成、色彩校正、圖層調(diào)板、通道使用、動作調(diào)板、路徑工具、濾鏡等圖像處理功能?？芍谱魅绨粹o制作、文字特效、材質(zhì)紋理、三維物體、影像特效及廣告創(chuàng)意設(shè)計等多種用途。
? 動畫制作工具——Flash MX 2004
Flash MX 2004是Macromedia公司的一個的網(wǎng)頁交互動畫制作工具。用flash制作出來的動化是矢量的，不管怎樣放大、縮小，它還是清晰可見。 用flash制作的文件很小，這樣便于在互聯(lián)網(wǎng)上傳輸，它還采用了數(shù)據(jù)流技術(shù)，只要下載一部分，就能欣賞動畫，而且能一邊播放一邊傳輸數(shù)據(jù)。 交互性更是flash動畫的迷人之處，可以通過點擊按鈕、選擇菜單來控制動畫的播放，這些優(yōu)點使flash日益成為網(wǎng)絡(luò)多媒體的主流。
? 網(wǎng)頁排版工具—— Macromedia Dreamweaver 8
Macromedia Dreamweaver 8是由Macromedia公司推出的，用于網(wǎng)頁開發(fā)和網(wǎng)站管理的專業(yè)化設(shè)計工具。它采用了多種新技術(shù)，具有設(shè)計和開發(fā)網(wǎng)站過程中需要的網(wǎng)站管理、網(wǎng)站設(shè)計、頁面制作、多媒體制作和動畫制作等豐富實用的功能；它具有友好的操作界面，在文檔窗口中可以打開各種浮動面板，同時還可以使用系統(tǒng)內(nèi)置的多種對象進行操作。它將可視布局工具、應(yīng)用程序開發(fā)功能和代碼編輯支持組合在一起，其功能強大，使得各個層次的開發(fā)人員和設(shè)計人員都能夠快速創(chuàng)建界面吸引人的基于標準的網(wǎng)站和應(yīng)用程序。開發(fā)人員可以使用 Dreamweaver 及所選擇的服務(wù)器技術(shù)來創(chuàng)建功能強大的 Internet 應(yīng)用程序，從而使用戶能連接到數(shù)據(jù)庫、Web 服務(wù)。
第 二 章 可行性分析
2.1 B/S結(jié)構(gòu)介紹
B/S（Browser/Server，簡稱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ù)庫進行數(shù)據(jù)交互。
在B／S體系結(jié)構(gòu)系統(tǒng)中，用戶通過瀏覽器向分布在網(wǎng)絡(luò)上的許多服務(wù)器發(fā)出請求，服務(wù)器對瀏覽器的請求進行處理，將用戶所需信息返回到瀏覽器。而其余如數(shù)據(jù)請求、加工、結(jié)果返回以及動態(tài)網(wǎng)頁生成、對數(shù)據(jù)庫的訪問和應(yīng)用程序的執(zhí)行等工作全部由Web Server完成，這樣大大簡化了客戶端，減輕了系統(tǒng)維護與升級的成本和工作量，降低了用戶的總體擁有成本（TCO）。
該結(jié)構(gòu)的缺點是存在數(shù)據(jù)安全性問題、對服務(wù)器要求過高、數(shù)據(jù)傳輸速度慢、軟件的個性化特點明顯降低，難以實現(xiàn)傳統(tǒng)模式下的特殊功能要求。
2.2 ACCESS 數(shù)據(jù)庫
Access是微軟公司推出的基于Windows的桌面關(guān)系數(shù)據(jù)庫管理系統(tǒng)（RDBMS），是Office系列應(yīng)用軟件之一。它提供了表、查詢、窗體、報表、頁、宏、模塊7種用來建立數(shù)據(jù)庫系統(tǒng)的對象；提供了多種向?qū)А⑸善?、模板，把?shù)據(jù)存儲、數(shù)據(jù)查詢、界面設(shè)計、報表生成等操作規(guī)范化；為建立功能完善的數(shù)據(jù)庫管理系統(tǒng)提供了方便，也使得普通用戶不必編寫代碼，就可以完成大部分數(shù)據(jù)管理的任務(wù)。由于Access數(shù)據(jù)庫的ODBC驅(qū)動程序支持的SQL指令全，執(zhí)行效率高，所以Access后臺數(shù)據(jù)庫+ASP服務(wù)器端程序+客戶端IE瀏覽器，是一個精練、實用、高效的組合模式。
2.3 ASP 技術(shù)
ASP是Active Server Page的縮寫，意為“動態(tài)服務(wù)器頁面”。ASP是微軟公司開發(fā)的代替CGI腳本程序的一種應(yīng)用，它可以與數(shù)據(jù)庫和其它程序進行交互，是一種簡單、方便的編程工具。ASP的網(wǎng)頁文件的格式是.asp，現(xiàn)在常用于各種動態(tài)網(wǎng)站中。ASP是一種服務(wù)器端腳本編寫環(huán)境，可以用來創(chuàng)建和運行動態(tài)網(wǎng)頁或Web應(yīng)用程序。ASP網(wǎng)頁可以包含HTML標記、普通文本、腳本命令以及COM組件等。利用ASP可以向網(wǎng)頁中添加交互式內(nèi)容（如在線表單），也可以創(chuàng)建使用HTML網(wǎng)頁作為用戶界面的web應(yīng)用程序。與HTML相比，ASP網(wǎng)頁具有實現(xiàn)動態(tài)網(wǎng)頁技術(shù)；包含在HTML代碼所組成的文件中，易于修改和測試；可以使用服務(wù)器端ActiveX組件來執(zhí)行各種各樣的任務(wù)；方便連接ACCESS與SQL數(shù)據(jù)庫等多種優(yōu)點，其主要缺點是開發(fā)人員要有豐富的經(jīng)驗，否則會留出漏洞，讓黑客利用進行注入攻擊。安裝ASP時，系統(tǒng)提供了兩種腳本語言：VBScript和JScript，而VBScript則被作為系統(tǒng)默認的腳本語言。
第 三 章 網(wǎng)頁需求分析
3.1 總體功能需求分析
網(wǎng)頁功能分析就是以系統(tǒng)的觀點，對已選定的對象與開發(fā)范圍進行有目的、有步驟的實際調(diào)查和科學分析。分析的目的就是要弄清楚網(wǎng)頁要做什么，最終為后面的設(shè)計工作打下基礎(chǔ)。
該網(wǎng)頁作為電子政務(wù)的一種服務(wù)平臺，政務(wù)公開、在線辦事、網(wǎng)上交流是其基本的三大功能。
3.1.1. 基本功能需求
? 政務(wù)公開功能
根據(jù)2008年5月1日起施行的政府信息公開條例規(guī)定，行政機關(guān)應(yīng)當將主動公開的政府信息，通過政府公報、政府網(wǎng)站、新聞會以及報刊、廣播、電視等便于公眾知曉的方式公開，確保公眾享有充分的知情權(quán)、監(jiān)督權(quán)。
? 網(wǎng)站辦事功能
網(wǎng)上辦公辦事是網(wǎng)頁功能服務(wù)中非常重要的組成部分，是電子政務(wù)建設(shè)努力的方向。通過提供一些行政審批等項目的在線辦理極大地方便了群眾，減少了不必要的人為環(huán)節(jié)，節(jié)省了社會資源。
? 網(wǎng)上交流功能
通過搭建政民交流平臺，讓公眾不但能夠?qū)⒆约旱慕ㄗh與意見直接反映給部門領(lǐng)導，實現(xiàn)普通群眾參政、議政的夙愿，而且使領(lǐng)導能夠通過這一平臺，傾聽民聲、關(guān)注民情、體察民意，進而為群眾辦理更多的實事、好事、貼心事。
3.1.2. 功能結(jié)構(gòu)圖
3.2 網(wǎng)頁具體功能模塊需求分析
根據(jù)總體功能需求分析，該部門網(wǎng)頁確定政務(wù)公開、工作動態(tài)、領(lǐng)導講話等功能模塊，具體組成分別如下。
3.2.1. 政務(wù)公開功能
? 領(lǐng)導講話模塊
功能：即時領(lǐng)導關(guān)于三農(nóng)工作的各種會議、現(xiàn)場講話。
作用：傳達精神，貫徹意圖。
? 政務(wù)公開模塊
政務(wù)公開模塊包含七個子模塊：機構(gòu)職能、領(lǐng)導介紹、內(nèi)設(shè)科室、農(nóng)口系統(tǒng)、人事信息、規(guī)劃計劃、財政信息。模塊根據(jù)國家信息公開條例等法規(guī)政策要求，針對該政府部門必須公開的七個方面進行設(shè)置。
? 工作動態(tài)模塊
工作動態(tài)模塊，包含六個子模塊：綜合信息、新村建設(shè)、農(nóng)業(yè)產(chǎn)業(yè)化、勞務(wù)開發(fā)、農(nóng)田建設(shè)、移民工作。功能根據(jù)該政府部門各科室（辦）所承擔的職能職責進行設(shè)計，實現(xiàn)了各責任條塊當前工作信息的即時公開。
? 政策法規(guī)模塊
模塊設(shè)置農(nóng)業(yè)法規(guī)、政策文件兩個子模塊，提供近年來國家關(guān)于三農(nóng)工作各種重要法規(guī)、政策的瀏覽和下載，同時對本區(qū)、部門關(guān)于三農(nóng)工作制定的各種政策文件進行了公開，使法規(guī)政策透明化，接受公眾監(jiān)督。
? 專題專欄模塊
模塊包含科學發(fā)展觀、調(diào)研文章、企業(yè)推介、農(nóng)業(yè)前沿四個子模塊?？茖W發(fā)展觀子模塊緊扣時代所需，調(diào)研文章子模塊是在互聯(lián)網(wǎng)上開辟的一個嶄新的調(diào)研舞臺，企業(yè)推介子模塊為本地龍頭企業(yè)的宣傳、推廣提供了一個新平臺。農(nóng)業(yè)前沿子模塊放眼全球，宣傳、推介農(nóng)業(yè)領(lǐng)域的最新技術(shù)、最新品種。
3.2.2. 網(wǎng)站辦事功能
? 網(wǎng)上辦事模塊
模塊設(shè)置便民服務(wù)、服務(wù)流程、資料下載、統(tǒng)計報表四個子模塊，將該部門能夠進行網(wǎng)上辦理的相關(guān)行政審批事項予以了公開，方便了群眾，提高了辦事效率，提升了部門形象。
3.2.3. 網(wǎng)上交流功能
? 在線交流模塊
模塊設(shè)置三農(nóng)論壇、領(lǐng)導信箱、咨詢留言、網(wǎng)上投訴、網(wǎng)上調(diào)查五個子模塊。三農(nóng)論壇子模塊為公眾之間相互交流提供了平臺。領(lǐng)導信箱、在線咨詢等四個子模塊，為政府部門決策即時提供了群眾的意見及建議。
? 聯(lián)系我們模塊
該模塊主要功能：收集網(wǎng)站的反饋信息。
3.3 網(wǎng)頁結(jié)構(gòu)圖
3.4 網(wǎng)頁版面規(guī)劃
全部網(wǎng)頁采用1024×768分辨率制成，網(wǎng)頁訪問采用首頁、導航頁和新聞頁三級頁面形式。
? 首頁
首頁使用的是國字型結(jié)構(gòu)布局。 國字型結(jié)構(gòu)布局是一些大型網(wǎng)站所喜歡的類型，即最上面是網(wǎng)站的標題+主菜單，下半部分分為3個區(qū)域，左右分列一些兩小條內(nèi)容，中間是主題內(nèi)容，與左右一起羅列到底，最下面是網(wǎng)站的一些基本信息，聯(lián)系方式，版權(quán)聲明等。這種布局的優(yōu)點是能夠充分利用版面，信息量大;缺點是頁面擁擠，不夠靈活。
? 導航頁
采用拐角型布局，優(yōu)點是頁面結(jié)構(gòu)清晰，主次分明，缺點是規(guī)矩呆板，容易讓人“看之無味。
? 新聞頁
使用標題正文型：這種類型即最上面是標題或類似的一些東西，下面是正文；本站子頁大部分是這個結(jié)構(gòu)。
? 頁頭
本站頁頭以900×150的農(nóng)村風景圖為底，左置“巴中市”六字及名稱英文“”O(jiān)ffice of rural affairs，Bazhou District，Bazhong City，右邊放置宣傳語（FLASH動畫）一起構(gòu)成。
? 頁腳
本站頁腳如下：
3.5 網(wǎng)站CI形象設(shè)計
? 主色調(diào)與色彩
網(wǎng)站采用代表了春天、希望、田野的“綠色”為主色調(diào)，與部門的農(nóng)業(yè)、農(nóng)村、農(nóng)民三農(nóng)工作性質(zhì)相吻合。
? 字體
導航欄字體為“黑體”，14px；網(wǎng)站主欄目字體為“宋體”，14 px；正文字體為“宋體”，9 px；
? 交互方式
網(wǎng)站設(shè)置了專門的在線交流模塊，提供了論壇、網(wǎng)上投訴、咨詢留言、網(wǎng)上調(diào)查等多種交互方式。
3.6 網(wǎng)頁布局技術(shù)
網(wǎng)頁使用表格方式布局，同時用CSS進行樣式控制。表格布局的優(yōu)勢在于它能對不同對象加以處理，而又不用擔心不同對象之間的影響。表格布局的缺點是，當我們用了過多表格時，頁面下載速度受到影響。CSS層疊樣式表是W3C組織新近批準的一個輔助HTML設(shè)計的新特性，它使整個HTML保持統(tǒng)一的外觀。過去在設(shè)置文本時，為了保持整個段落都使用相同的外觀，不得不為每一段設(shè)置屬性，很麻煩。采用CSS可以在設(shè)置文本之前，就指定整個文本的屬性，比如顏色、字體大小等等，獲得統(tǒng)一的文本外觀。
第 四 章 數(shù)據(jù)庫設(shè)計
數(shù)據(jù)庫在一個網(wǎng)頁系統(tǒng)中占有非常重要的地位，數(shù)據(jù)庫的結(jié)構(gòu)好壞將直接影響到應(yīng)用系統(tǒng)的實現(xiàn)效果和數(shù)據(jù)操作效率以及能否保證數(shù)據(jù)的一致性、完整性和安全性。
4.1 數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計
數(shù)據(jù)庫概念設(shè)計的任務(wù)是根據(jù)用戶需求設(shè)計數(shù)據(jù)的概念數(shù)據(jù)模型，簡稱概念模型。概念模型是按用戶的觀點對數(shù)據(jù)和信息進行建模，是從用戶的角度看到的數(shù)據(jù)庫，它可以用E-R模型來表示。構(gòu)成E-R圖的基本要素是實體型、屬性和關(guān)系，其表示方法為：實體型：用矩形表示，矩形框內(nèi)寫明實體名；屬性：用橢圓形表示，并用無向邊將其與相應(yīng)的實體連接起來；關(guān)系：用菱形表示，菱形框內(nèi)寫明關(guān)系名，并用無向邊分別將有關(guān)實體連接起來，同時在無向邊旁標上聯(lián)系的類型。
根據(jù)前面的需求分析，可以得到本網(wǎng)頁數(shù)據(jù)庫系統(tǒng)的E-R圖，如圖4-1所示。
上述E-R圖的關(guān)系說明如下：管理員可以對所有網(wǎng)上調(diào)查、新聞信息、投訴留言、論壇發(fā)貼等實體進行增刪編輯，它們都是1：n的關(guān)系。一個管理員可以對論壇所有注冊用戶進行監(jiān)管，一個超級管理員可以對多個后臺管理普通用戶進行監(jiān)管，它們的關(guān)系也都是1：n。
各實體屬性的E-R圖如下：
4.2 數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計
通過分析系統(tǒng)涉及的相關(guān)實體以及要收集、存儲和操縱的數(shù)據(jù)信息，本網(wǎng)頁數(shù)據(jù)庫共設(shè)置了新聞信息表（News）等6個表，分述如下。
? 新聞信息表:用于存儲新聞及政務(wù)信息。
表4-1 新聞信息表(News)
?
三農(nóng)論壇表:用于存儲論壇發(fā)帖。
表4-2 三農(nóng)論壇表(BBS)
?
投訴留言表:用于存儲群眾來信、投訴、咨詢及回復。
表4-3 投訴留言表(Message)
? 論壇注冊用戶表:用于存儲三農(nóng)論壇注冊用戶信息。
表4-4 論壇注冊用戶表(User)
? 后臺管理員表:用于存儲管理員姓名、密碼、權(quán)限。
表4-5 后臺管理員表(ManageUser)
?
網(wǎng)上調(diào)查表:用于存儲網(wǎng)站調(diào)查項及投票。
表4-6 網(wǎng)上調(diào)查表(OnlineSurvey)
第 五 章 人機界面設(shè)計
5.1 后臺登錄界面設(shè)計
設(shè)計思想：登錄頁面主要實現(xiàn)用戶的登錄。通過用戶名、密碼、隨機密碼、IP、SessionID的組合驗證實現(xiàn)未登陸用戶的正常登陸和已登陸用戶中同一用戶名允許在同一IP上重復登陸，拒絕同一用戶名在不同IP上重復登陸。
圖5-1 登錄流程圖
圖5-2 管理員登錄界面
5.2 用戶管理頁面設(shè)計
設(shè)計思想：登錄頁面主要實現(xiàn)用戶的登錄，用戶有超級管理員、普通管理員。超級管理員可以對其進行任何的操作，包括對普通管理員的增刪、密碼修改。一般用戶只可以做權(quán)限之內(nèi)的操作和只能對自身的信息作修改。
圖5-3 用戶管理流程圖
圖5-4 用戶管理界面
5.3 信息檢索頁面設(shè)計
設(shè)計思想：根據(jù)輸入的關(guān)鍵字實現(xiàn)單字段或多字段組合查詢。
圖5-5 信息檢索流程圖
5.4 后臺管理頁面設(shè)計
網(wǎng)站后臺管理系統(tǒng)提供了添加新聞內(nèi)容、管理全部新聞、領(lǐng)導信箱管理、在線咨詢管理、公眾留言管理、網(wǎng)上投訴管理、網(wǎng)上調(diào)查管理、信息中心管理、超級管理選項、文件上傳十個功能選擇項，可以完成新聞信息的在線編輯、咨詢留言的在線回復、網(wǎng)上調(diào)查項的增減等管理任務(wù)。
圖5-7 后臺功能結(jié)構(gòu)圖
第 六 章 系統(tǒng)程序設(shè)計
前面著重討論了系統(tǒng)功能模塊的設(shè)計，詳細分析了每一個模塊的功能，本章將就系統(tǒng)中模塊功能的具體實現(xiàn)，選取部分源程序進行討論。
6.1 程序設(shè)計語言
網(wǎng)站主要采用ASP作為程序設(shè)計代碼的開發(fā)工具。使用ASP作為開發(fā)工具可以方便地建立動態(tài)的、高性能的、安全的、跨平臺的先進動態(tài)網(wǎng)站，其突出特點有以下幾個：
? ASP可以將內(nèi)容的生成和顯示進行分離
Web頁面開發(fā)者可以用HTML或XML 標識進行對最終頁面的設(shè)計，同時使用ASP Tag 或Java Script 來生成頁面上的動態(tài)內(nèi)容，因為所有的腳本都在服務(wù)器端運行， 所以， 如果核心邏輯部分被封裝在標識中， 那么Web管理人員或頁面設(shè)計者將只能編輯ASP頁面的顯示方式， 而不會影響其內(nèi)容的實質(zhì)。
? 對不同瀏覽器的兼容
由于ASP技術(shù)采用了將ASP Tag 和Java Script 在服務(wù)器端解釋并執(zhí)行而只將結(jié)果以HTML或XML的形式送回到客戶端的方法， 從而保證了對其它基于HTML的Web瀏覽器的完全兼容。
6.2 部份源程序?qū)崿F(xiàn)及文件
? 數(shù)據(jù)庫訪問技術(shù)
網(wǎng)頁在采用微軟IIS/PWS的網(wǎng)絡(luò)平臺，通過服務(wù)器端運行的ASP程序來訪問后臺Access數(shù)據(jù)庫。數(shù)據(jù)庫訪問采用匿名身份驗證方式，使用戶無需輸入用戶名或密碼便可以對數(shù)據(jù)庫進行訪問。匿名身份驗證是指由 IIS創(chuàng)建IUSR、計算機名稱、帳戶（計算機名稱是正在運行IIS 的服務(wù)器名稱），當匿名用戶請求數(shù)據(jù)庫內(nèi)容時IIS 會將該連接分配給 IUSER_ComputerName 帳戶，其中ComputerName。默認情況下，IUSER_ComputerName 帳戶為 Guests 組的成員。此組具有 NTFS 文件系統(tǒng)權(quán)限所規(guī)定的安全限制，這些限制指定訪問級別以及可提供給公共用戶的內(nèi)容的類型。建立Access數(shù)據(jù)庫連接的步驟及參數(shù)意義如下：
第一行程序：建立一個ADO對象集中的Connection對象，也即連接對象。這是建立數(shù)據(jù)庫連接的初始步驟。執(zhí)行這行程序后，Conn成為一個連接對象。
第二行程序：建立一個ADO對象集中的Recordset對象，以便利用Recordset對象操作數(shù)據(jù)庫（當然，這只是對數(shù)據(jù)庫操作的多種方式之一）。執(zhí)行這行后，rs就成為一個Recordset對象。
第三行程序：利用連接對象Conn的Open方法打開一個指定的數(shù)據(jù)庫。首先利用Server對象的MapPath函數(shù)，取得要打開數(shù)據(jù)庫的完整的文件路徑，并存儲在變量DBQ中。其次，因為我們要打開的是Access數(shù)據(jù)庫，所以要指定ODBC驅(qū)動程序參數(shù)，表示要透過Access的ODBC驅(qū)動程序來訪問數(shù)據(jù)庫。到這里，就已經(jīng)打開了數(shù)據(jù)庫名指定的數(shù)據(jù)庫。
第四行程序： Sql指令串。
第五行程序：利用rs對象的Open方法打開數(shù)據(jù)庫中的數(shù)據(jù)表。這其中有四個參數(shù)，其意義如下：
數(shù)據(jù)表名或SQL指令串：在這個參數(shù)里指定要打開的數(shù)據(jù)庫內(nèi)的數(shù)據(jù)表名稱，或者是用SQL的Select指令串確定的數(shù)據(jù)表的指定范圍數(shù)據(jù)
Connection對象：指定已經(jīng)打開的數(shù)據(jù)庫的Connection對象。
Recordset類型：表示打開數(shù)據(jù)表的方式，有四種選擇。數(shù)字0表示只讀方式，且當前記錄只能下移；數(shù)字1表示可讀寫方式，當前記錄可自由上下移動，但不能及時看到別的用戶建立的新記錄，除非重新啟動；數(shù)字2表示可讀寫方式，當前記錄可自由移動，而且可以及時看到別的用戶增加的新記錄；數(shù)字3表示只讀方式，但當前記錄可以自由移動。
鎖定類型：這個參數(shù)指定數(shù)據(jù)庫的鎖定功能。因為網(wǎng)絡(luò)上的數(shù)據(jù)庫都是多用戶的，很可能同時有多個用戶在操作數(shù)據(jù)庫。為了避免錯誤，讓同一時間只可能有一個用戶修改數(shù)據(jù)，就要用鎖定功能。有四種選擇：數(shù)字1表示只讀方式鎖定，用戶不能更改數(shù)據(jù)；數(shù)字2表示悲觀鎖定，當一個用戶用rs對象開始修改數(shù)據(jù)時就鎖定數(shù)據(jù)庫，直到用戶用rs.Update更新記錄后，才解除鎖定；數(shù)字3表示樂觀鎖定，只有在數(shù)據(jù)寫入數(shù)據(jù)庫中的時候才鎖定。數(shù)字4表示批次樂觀鎖定，只有在使用rs.UpdateBatch成批更新數(shù)據(jù)時候才鎖定數(shù)據(jù)記錄。
? 身份驗證
本網(wǎng)站身份驗證采用服務(wù)器端驗證代碼方式，密碼算法采用流行的MD5算法，同時附加客戶端隨機密碼驗證。MD5全稱Message-Digest Algorithm 5（信息-摘要算法），是由MIT Laboratory for Computer Science和RSA Data Security Inc的Ronald L. Rivest在90年代初向IEFT提交的一種不可逆運算加密算法，經(jīng)MD2、MD3和MD4發(fā)展而來，面向32位的電腦。登陸驗證按一個IP可以有多個用戶登陸，一個用戶只能登陸一個IP的原則進行設(shè)計，具體代碼及解釋如下：
? 網(wǎng)上調(diào)查功能實現(xiàn)
圖6-1 網(wǎng)上調(diào)查投票界面
圖6-2 網(wǎng)上調(diào)查結(jié)果界面
網(wǎng)上調(diào)查實現(xiàn)代碼
第 七 章 網(wǎng)頁測試
7.1 測試網(wǎng)站的建立
7.1.1. 測試網(wǎng)站環(huán)境
網(wǎng)頁測試使用本單位局域網(wǎng)進行，配置如下：
服務(wù)器端：操作系統(tǒng)—Windows xp
Web服務(wù)器—IIS5.1
瀏覽器—IE6.0
客戶端：Internet Explorer6.0
7.1.2. Web服務(wù)器IIS5.1簡介
IIS是Internet Information Services的縮寫，是目前使用最廣泛的Web服務(wù)器，可以在UNIX和Windows平臺上運行。它與Windows NT Server完全集成，允許使用Windows NT Server內(nèi)置的安全性以及NTFS文件系統(tǒng)建立強大靈活的Internet／Intranet站點。IIS組件主要包括Web服務(wù)器、FTP服務(wù)器、NNTP服務(wù)器和SMTP服務(wù)器，分別用于網(wǎng)頁瀏覽、文件傳輸、新聞服務(wù)和郵件發(fā)送等方面。
7.1.3. 網(wǎng)頁測試
? IIS配置
當IIS被成功安裝后，將在計算機C:\Inetpub\wwwroot下新建一個默認網(wǎng)站，通過修改默認網(wǎng)站配置可以建立自己的站點。如自己的網(wǎng)頁放在D:\Wy目錄下，首頁文件名為Index.asp，其具體步驟如下：
第一步：在“默認Web站點”上單擊右鍵，選“屬性”，以進入名為“默認Web站點屬性”設(shè)置界面。
第二步：轉(zhuǎn)到“主目錄”窗口，再在“本地路徑”輸入（或用“瀏覽”按鈕選擇）好自己網(wǎng)頁所在的“D:\Wy”目錄。
第三步：轉(zhuǎn)到“文檔”窗口，再按“添加”按鈕，根據(jù)提示在“默認文檔名”后輸入自己網(wǎng)頁的首頁文件名“Index.asp”。
第四步：在“默認Web站點”上單擊右鍵，選“新建虛擬目錄”，依次在“別名”處輸入“test”，在“目錄”處輸入“D:\Wy”后再按提示操作。
? 數(shù)據(jù)源（ODBC）配置
第一步：選擇控制面板中的管理工具打開數(shù)據(jù)源（ODBC）。
第二步：在選項卡系統(tǒng)DNS中添加Microsoft Access Driver(*.mdb)驅(qū)動并指定數(shù)據(jù)源為網(wǎng)站的數(shù)據(jù)庫文件。
? 測試
打開瀏覽器，直接在地址欄中輸入：localhost/test/index.asp或者127.0.0.1/test/index.asp即可。
7.2 網(wǎng)頁及網(wǎng)站維護
在測試完成后，網(wǎng)頁就可以到互聯(lián)網(wǎng)上了，接下來要做的就是網(wǎng)站的日常維護了。網(wǎng)站維護就是對服務(wù)器及相關(guān)軟硬件的維護，對可能出現(xiàn)的問題進行評估，制定響應(yīng)時間，制定相關(guān)維護規(guī)定，將網(wǎng)站維護制度化、規(guī)范化，主要包括以下內(nèi)容：
? 即時更新新聞內(nèi)容
? 留言、投訴、咨詢、信箱定期回復
? 數(shù)據(jù)庫內(nèi)容定期備份、刪減、分類
? 更正數(shù)據(jù)庫使用過程中發(fā)現(xiàn)的問題
? 定期進行綜合分析，不斷優(yōu)化數(shù)據(jù)庫中數(shù)據(jù)結(jié)構(gòu)，提高使用效率
? 在系統(tǒng)運行過程中應(yīng)定期對管理員用戶名和密碼進行更新，并對IIS和NT權(quán)限作相應(yīng)設(shè)置
第 八 章 結(jié)論
本次利用畢業(yè)設(shè)計的機會，為自己工作的單位設(shè)計了網(wǎng)頁。網(wǎng)頁使用ASP技術(shù)開發(fā)，具有良好的交互性能，具備強大的后臺管理功能。新聞、信息檢索、互動交流等主要模塊設(shè)計做到了與單位職能職責的緊密結(jié)合，達到了預期設(shè)計目標。網(wǎng)頁經(jīng)單位局域網(wǎng)多次測試，在WindowsXP操作系統(tǒng)，IIS5.1的服務(wù)器環(huán)境上正常運行。
此次網(wǎng)頁制作，通過大量閱讀書籍和求助互聯(lián)網(wǎng)，使我初步掌握了網(wǎng)頁設(shè)計制作的一般過程、ASP簡單設(shè)計應(yīng)用、CSS和表單布局常識、ACCESS數(shù)據(jù)庫設(shè)計技能。特別是在ASP編程階段，通過無數(shù)次解決測試過程中排查出的問題，我不僅回顧和應(yīng)用了以前學習過的理念知識，還掌握了許多新的知識和技巧，獲益良多。但由于時間倉促，受一些技術(shù)和設(shè)備所限，網(wǎng)頁在美工、需求分析、網(wǎng)頁安全等方面存在諸多不足之處，有待后期運行中進一步改進和完善。
參考文獻
1. 《Dreamweaver CS3 入門 提高 精通》，薛凱，康亞雄編著，機械工業(yè)出版社 2008
2. 《Photoshop CS3 平面設(shè)計標準教程》，李建宏，雷波編著，機械工業(yè)出版社 2008
3. 《ASP網(wǎng)頁數(shù)據(jù)庫短訓教程》，劉瑞新，汪遠征編著，機械工業(yè)出版社 2005
4. 《Flash CS3動畫制作》，華信卓越編著，電子工業(yè)出版社 2008
5. 《網(wǎng)頁設(shè)計三合一》，甘登岱編著，清華大學出版社 2009
6. 《網(wǎng)頁設(shè)計與網(wǎng)站建》，邱云飛，溫國峰編著，清華大學出版社 2009
7. 《Access2007數(shù)據(jù)庫應(yīng)用與開發(fā)》，楊繼萍，孫巖，梁文新編著，清華大學出版社 2008
8. 《網(wǎng)頁制作從入門到精通》，譚貞軍，劉斌編著，清華大學出版社 2008
9. nbagri.gov.cn/index.jsp（寧波農(nóng)村經(jīng)濟綜合信息網(wǎng)）
10. 68design.net/（網(wǎng)頁設(shè)計師聯(lián)盟）
11. wznb.gov.cn/（溫州市委農(nóng)辦）
12. bjnw.gov.cn/（北京市農(nóng)委）
第4篇：網(wǎng)頁界面設(shè)計論文范文
關(guān)鍵詞:多媒體;課件;Authorware;背景音樂;多媒體
前言
多媒體課件以豐富的視聽信息,生動的圖形、圖像,高科技表現(xiàn)手段使教學內(nèi)容化繁為簡,化宏觀為微觀,形象生動,創(chuàng)設(shè)情境,使理論學習、問題輔助學習、激發(fā)興趣和協(xié)作學習等在教學中得以體現(xiàn),使學生由被動學習變?yōu)橹鲃訉W習,由個體獨立學習變?yōu)槿后w合作學習,由復制性學習變?yōu)閯?chuàng)造性學習[1]。本文采用的Authorware7.0軟件,通過Fireworks8.0創(chuàng)作動畫輔助,將多種教學媒體和教學方法有機結(jié)合,完成《電子測量技術(shù)》課程的課件設(shè)計。
1 課件的設(shè)計
《電子測量技術(shù)》課程是高等職業(yè)教育電子信息、應(yīng)用電子、自動化等專業(yè)的專業(yè)基礎(chǔ)課,同時也是新知識點較多的一門課程。針對職業(yè)教育特點,我們主編了《電子測量技術(shù)》規(guī)劃教材,2003年由電子工業(yè)出版社出版,教材目前印刷7次,印數(shù)已達3萬冊。因此,從教學角度出發(fā),考慮該教材已獲得廣泛承認,課件內(nèi)容以該書為基礎(chǔ),涵蓋《電子測量技術(shù)》全書12章節(jié)內(nèi)容,并且借鑒原來基于PowerPoint課件的經(jīng)驗,各章節(jié)自成體系,按教學大綱劃分出知識點;其次是課件應(yīng)具有良好的用戶界面和視覺、聽覺效果,課件所使用的計算機硬件和軟件開發(fā)環(huán)境相對兼容,便于升級擴展。
1)腳本的編寫
編寫詳細的腳本,是整個多媒體課件開發(fā)過程中的一個重要環(huán)節(jié),它把課件設(shè)計與制作緊密地聯(lián)系在一起,成為課件制作的重要依據(jù)。畢業(yè)論文編寫腳本包括界面設(shè)計、交互設(shè)計和風格設(shè)計3個方面[2]。
界面是教學信息在屏幕上的顯示區(qū)域及用戶操作區(qū)域,設(shè)計時我們主要突出“教為學”的思想,圍繞教學內(nèi)容這一中心,既防止課件界面色彩、聲像效果等過分濃烈、喧賓奪主,影響學習內(nèi)容;又考慮課程部分內(nèi)容如儀器內(nèi)部電路抽象、枯燥,而學生需要感官刺激,激發(fā)興趣的特點。
同時,我們體會多媒體課件的強大生命力主要體現(xiàn)在交互能力上,比如只需通過單擊屏幕上某個特殊的鏈接設(shè)置,方便實現(xiàn)不同對象之間的跳轉(zhuǎn)。本設(shè)計中創(chuàng)建了兩個導航結(jié)構(gòu),一種是利用“導航”圖標指向框架圖標中的某一頁,來實現(xiàn)程序內(nèi)部的跳轉(zhuǎn)和調(diào)用。另一種是通過“框架”圖標內(nèi)嵌的導航控件來實現(xiàn)不同頁面間的瀏覽、翻頁。除此之外還可以通過設(shè)置相應(yīng)的超文本鏈接來實現(xiàn)交互性能。
在風格設(shè)計上主要體現(xiàn)界面、字幕和顯示對象上整體的和諧統(tǒng)一。
2)框架結(jié)構(gòu)的設(shè)計
編輯之前考慮到有大量的文本的輸入,實現(xiàn)各個章節(jié)之間的翻轉(zhuǎn)如果只使用“交互”圖標,也是可以實現(xiàn)翻頁功能,但碩士論文制作起來比較麻煩,而且在查找頁和指定固定頁方面力不從心。因此運用“框架”圖標及“導航”圖標制作文本瀏覽,就方便多了[2]。
“框架”圖標和“導航”圖標密切相關(guān),經(jīng)常放在一起使用。導航結(jié)構(gòu)提供了選擇路徑的方法,可以根據(jù)設(shè)置自動跳轉(zhuǎn)到指定的目標頁上;“框架”圖標可以方便地設(shè)計含有圖形、聲音、動畫等組件的頁面,最重要的是在“框架”圖標的內(nèi)部內(nèi)嵌了一整套導航控件,通過這一控件可以更容易實現(xiàn)頁面之間的來回翻轉(zhuǎn)。
基本框架結(jié)構(gòu)設(shè)計后,對有的地方進行了編輯,如更改控制按鈕的位置和圖標、設(shè)置按鈕防止頁面回繞、編輯進入和退出畫面等,使其更適合課件的使用。
2 多種媒體素材的使用
要實現(xiàn)多媒體課件的內(nèi)容豐富多彩,使用多種媒體素材是必不可少的。其中文本、圖形、圖像是最基本元素,此外還有聲音、動畫、視頻等媒體信息?？紤]到職業(yè)教育“淡化理論、夠用為度、培養(yǎng)技能、重在應(yīng)用”的特點,我們認為對測量原理部分的講解應(yīng)力求突出基本概念,通俗易懂,工作總結(jié)便于自學,因此課件這部分主要以文本、圖片形式,比較詳細;而測量方法則應(yīng)突出操作應(yīng)用,在設(shè)計時則主要以視頻演示為主;對測量儀器儀表則重點講清工作原理和組成框圖,在設(shè)計時主要以動畫、網(wǎng)頁內(nèi)容為主,整個課件設(shè)計力求對多媒體資源的合理布局,使它們既符合教材要求,又突出多媒體特征。
1)文本的輸入
Authorware可以直接將外部的文本輸入到其內(nèi)部,但是它有一特點就是在文本的輸入格式方面有一定的限制,它只能輸入TXT、RTF格式的文件[3]。對于不是這種格式的文檔如果采用常規(guī)直接進行輸入勢必會占用很多時間,不利于課件的開發(fā)。因此借助系統(tǒng)剪貼板使用復制、粘貼的方法來添加文本。當文本過長時,或者輸入的文本篇幅較大,采用滾動文本的輸入方式,這樣在預覽時會顯得更方便。
2)圖片的應(yīng)用
使用系統(tǒng)本身的繪圖工具箱可以繪制出比較簡單的畫面,但對于《電子測量技術(shù)》這門課程僅僅依靠繪圖工具箱不能達到實際的要求,如大量的儀器原理圖、接線圖、儀器面板圖等,我們采取的第一個方法是采用Authorware7.0提供的插入外部對象的功能,將原來以Protel99SE、Word、LabVIEW等制作轉(zhuǎn)換為圖片形式,醫(yī)學論文使設(shè)計的原料變得更加豐富。
3)添加背景音樂
在Authorware7.0系統(tǒng)中可以支持多種類型的聲音文件格式,如WAV、SWA、AIFF、PCM、MP3等[3],在制作課件時,通過“聲音”圖標來插入音頻和設(shè)置聲音播放,如控制播放次數(shù)、設(shè)置播放時間、速率等,可以輕松引用這些聲音素材添加到課件中。在課件中導入背景音樂有它的優(yōu)點,但是并不是每個人都喜歡有音樂,因此通過對“計算”圖標和按鈕響應(yīng)的設(shè)置,編寫按鈕激活代碼使課件在播放時可以由使用者根據(jù)自己的意愿單擊相應(yīng)的按鈕,實現(xiàn)有聲和靜音之間的轉(zhuǎn)換[4]。
4)動畫的調(diào)用
動畫是多媒體作品中不可缺少的一部分,也是設(shè)計中的一個亮點,但使用Authorware本身只能制作出二維的動畫,即動畫的對象只能在一個平面內(nèi)運動,這樣使演示的效果大打折扣,然而這并不說明Authorware不能演示三維動畫,它可以通過文件插入的方式來演示其他軟件制作的三維動畫,同時系統(tǒng)本身也提供多種效果的頁面切換功能,對各種外部和內(nèi)部資源加以利用同樣可以達到理想的效果。
制作動畫的軟件有很多,使用起來也各有特色。選擇合適的創(chuàng)作工具是設(shè)計成功的關(guān)鍵,通過查閱相關(guān)的資料,了解Authorware系統(tǒng)提供了對GIF動畫圖像的支持,可以將其應(yīng)用到課件中。GIF動畫是一種特殊的圖像格式,其中包含了多幀圖像,這些圖像按照一定的時間頻率交替顯示,從而達到動畫顯示的效果,具體是通過Macromedia Fireworks 8.0來設(shè)計。在Fireworks中制作動畫的一種方法是通過創(chuàng)建元件并不停地改變它們的屬性來產(chǎn)生運動的錯覺。當按順序播放所有的幀時就成了動畫[5]。
5)智能對象與數(shù)字電影
智能對象就像一個插入Authorware作品的邏輯包,它是一個強有力的開發(fā)工具,它的不同之處在于它與向?qū)У穆?lián)接,向?qū)Э梢越oAuthorware作品提供設(shè)置界面,職稱論文并且可以在插入智能對象的位置添加各種變化、新的內(nèi)容和邏輯關(guān)系。它能使看似繁瑣的工作變得更加容易完成,即使是沒有經(jīng)驗的開發(fā)人員也更容易更有效地完成任務(wù)。實際上智能對象在多媒體編輯上做出了根本性的改革。比如智能對象與數(shù)字電影的結(jié)合應(yīng)用[3]。在課件中引入數(shù)字電影如果只是采用之前的方法,就是在流程線上添加相應(yīng)的圖標進行導入,在程序運行過程中當執(zhí)行到該圖標,系統(tǒng)會直接彈出播放的窗口,不利于下一操作,但是通過Movie Controller智能對象可以容易實現(xiàn)播放進度的調(diào)節(jié)。
6)網(wǎng)頁鏈接
在課件設(shè)計時,考慮到有些儀器由于價格昂貴或者其他原因,學校無法購置,如數(shù)字通信測試用誤碼儀、邏輯分析儀等,課件設(shè)計中考慮實現(xiàn)網(wǎng)頁的鏈接,鏈接到知名企業(yè)的網(wǎng)頁上,已加強學生感性認識。這一功能是通過Fireworks中使用URL來實現(xiàn),編輯選中的熱點并對其指定URL路徑,最后導出此URL即可實現(xiàn)指定網(wǎng)頁的鏈接。
課件的主界面如圖1所示,課件第1章界面如圖2所示。
3 課件的調(diào)試與打包
課件主要是為《電子測量技術(shù)》教材而制作的,因此為方便發(fā)行和使用,課件的后期工作就是進行調(diào)試和打包處理。
由于課件發(fā)行打包后將不允許用戶再修改,打包之前應(yīng)盡可能排除其中的錯誤,確認課件可以正常運行。英語論文調(diào)試可以通過兩種方法來實現(xiàn)。一種是利用區(qū)段標志(開始/停止標志),另外一種是通過控制面板的使用。通過使用調(diào)試工具可以控制程序流程執(zhí)行的區(qū)段,逐個執(zhí)行程序流程中的設(shè)計圖標。將制作好的課件與課件中的庫文件一起打包能夠提高文件的性能,減少文件的數(shù)量,使最后的作品的安裝、運行更為容易,并且增加了作品運行的可靠性,避免運行時因為找不到外來函數(shù)或庫文件而發(fā)生錯誤。
打包好的課件進行設(shè)置,可以運行在Windows95、Windows98、WindowsXP、或者是WindowsNT、Windows2000這樣的32位操作系統(tǒng)中。其中要求的CPU應(yīng)該是Pentium166以上兼容機種、內(nèi)存是64M以上、硬盤容量780M、支持DirectX的顯卡、光驅(qū)是8倍速以上的光驅(qū),此外由于演示窗口大小設(shè)置為832*624像素,因此可以用于不低于16英寸顯示器。制作好課件并打包后,就可以,課件時必須隨同程序中用到的外部媒體文件或外部函數(shù)文件一同,Authorware7.0提供了作品的功能,該功能可以將運行作品所需的各種文件及外部函數(shù)輸出到指定的目錄中,從而形成用于發(fā)行的最終作品[3]。
4 結(jié)論
隨著各種多媒體教學的推廣和普及,計算機輔助教學作為一種先進的教學手段,以其直觀性、靈活性、實時性、立體化的優(yōu)勢,留學生論文越來越受到大家的青睞。要想運用好計算機輔助教學這一現(xiàn)代化的教學手段,其關(guān)鍵是要設(shè)計和制作出符合教學要求的多媒體課件[6]。我們的作品雖然完成了,但是在各院校使用過程中,一定還會發(fā)現(xiàn)很多不盡人意之處,我們將與時俱進,將作品更加完善,以更好的實現(xiàn)教學目的,達到教學效果。
參考文獻
[1] 胡欣杰.時尚教師多媒體課件DIY[M].北京:中國宇航出版社,2005.14-18
[2] 孫印杰,李春暉,封新亞.新世紀多媒體CAI課件制作培訓教程[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多媒體制作實用教程[DK/CD].北京寰宇之星軟件有限公司2000
第5篇：網(wǎng)頁界面設(shè)計論文范文
論文關(guān)鍵詞：百度地圖:JavaScriptAPI,JQuery,JQueryEasyUI,地理信息系統(tǒng)
地理信息系統(tǒng)（WebGIS）與一般的大眾Web應(yīng)用系統(tǒng)不同，涉及復雜的地圖應(yīng)用。從零實現(xiàn)一個WebGIS應(yīng)用系統(tǒng)，將會是一個非常艱難的過程。因此，如何化繁為簡，屏蔽復雜的GIS計算過程，使開發(fā)人員高效、靈活的開發(fā)一個WebGIS系統(tǒng)，已經(jīng)成為WebGIS開發(fā)領(lǐng)域的關(guān)鍵問題。在好的開發(fā)框架下，開發(fā)者往往只需要編寫少量的代碼，花費少量的時間即可實現(xiàn)高性能的Web應(yīng)用系統(tǒng)[1]。百度地圖JavaScript API其設(shè)計之意就是為互聯(lián)網(wǎng)客戶端提供強大的地圖展示和操作功能以及靈活的擴展機制。
2、百度地圖 API 簡介
百度地圖 API 是一套由 JavaScript 編寫的將百度地圖嵌入到網(wǎng)頁應(yīng)用程序的接口，
它能夠在網(wǎng)站中構(gòu)建功能豐富、交互性強的地圖應(yīng)用程序。百度地圖API為開發(fā)者提供豐富的函數(shù)、控件、事件和封裝的類，提供很多的專題圖服務(wù)[2]。
利用百度地圖 API 技術(shù)構(gòu)建 WebGIS 平臺，主要采用客戶端、應(yīng)用服務(wù)器和數(shù)據(jù)服務(wù)器三層結(jié)構(gòu)進行設(shè)計。英語專業(yè)其中客戶端主要實現(xiàn)地圖加載、地圖瀏覽和查詢功能；應(yīng)用服務(wù)器則負責處理用戶的訪問和查詢請求；數(shù)據(jù)服務(wù)器用于存取各類空間數(shù)據(jù)和屬性信息[3]。
3、系統(tǒng)交互需求
（1）系統(tǒng)需要地圖對根據(jù)用戶輸入的起始點和終點進行解析，返回查詢到的結(jié)果列表，并將第一條結(jié)果的路徑展現(xiàn)在地圖上。
（2）用戶還可以對返回的結(jié)果列表根據(jù)耗時最少，換乘最少，步行最少以及不坐地鐵四個條件進行篩選。
（3）當用戶點擊每一個方案列表上的公交線路時，彈出一個該公交線路詳細列表對話框，顯示該公交經(jīng)過的個站點的名字以及該公交線路的運營時間等。
4、系統(tǒng)功能設(shè)計
為了實現(xiàn)系統(tǒng)在主流瀏覽器顯示和運行的兼容性和可移植性，系統(tǒng)采用JavaScript第三方框架JQuery進行編碼。利用JQueryEasyUI實現(xiàn)系統(tǒng)布局和各個板塊界面的設(shè)計[4]。首先要引入相關(guān)的CSS和庫文件。
4.1、頁面布局設(shè)計
第6篇：網(wǎng)頁界面設(shè)計論文范文
關(guān)鍵詞：網(wǎng)頁設(shè)計;課程知識體系;體驗設(shè)計;交互設(shè)計;信息設(shè)計
網(wǎng)頁設(shè)計作為高校設(shè)計學專業(yè)的專業(yè)課程，在教學課程知識體系的不斷探索和完善中，形成了以藝術(shù)和技術(shù)分別主導的側(cè)重不同而又緊密關(guān)聯(lián)的兩種課程知識體系。隨著網(wǎng)頁設(shè)計理論與方法研究的不斷深入和發(fā)展，人們對網(wǎng)頁的產(chǎn)品設(shè)計的屬性認知越來越明確，對網(wǎng)頁設(shè)計的工作分工更細致也更專業(yè)，這種認知進步也應(yīng)該體現(xiàn)于當前的高校網(wǎng)頁設(shè)計課程的知識構(gòu)建體系中。
一、網(wǎng)頁設(shè)計課程知識體系的構(gòu)建變遷
1.從代碼知識到網(wǎng)頁制作工具知識的轉(zhuǎn)變
早期，高校網(wǎng)頁類課程的知識體系構(gòu)建得益于院校的科研優(yōu)勢，互聯(lián)網(wǎng)的發(fā)展直接促成了計算機專業(yè)的開設(shè)和網(wǎng)頁設(shè)計課程的設(shè)立。20世紀90年代末，網(wǎng)頁設(shè)計課程陸陸續(xù)續(xù)被列入部分高校設(shè)計類專業(yè)課程目錄。面向高校學生的網(wǎng)頁設(shè)計課程內(nèi)容是一種全新的事物，即使面向藝術(shù)類專業(yè)，也由計算機專業(yè)相關(guān)教師承擔教學任務(wù)。各高校、科研院所對網(wǎng)頁制作方法不斷探索，并將成果于各種學術(shù)研究出版物，教學方面則直接引用案例教學，教學內(nèi)容以HTML知識為主。由于面向?qū)ο蟮脑O(shè)計思想在軟件開發(fā)中普及，各種不需要用戶直接面對代碼的網(wǎng)頁制作工具相繼誕生，于是，這方面的知識成為課堂的新內(nèi)容，大大減輕了學生的記憶負擔。2.網(wǎng)頁制作向網(wǎng)頁美工的轉(zhuǎn)變網(wǎng)站制作的快速發(fā)展、網(wǎng)頁制作技術(shù)的傳播，使網(wǎng)站在技術(shù)層面進入了同質(zhì)化階段，市場需求開始轉(zhuǎn)向頁面視覺效果方面的提升。在網(wǎng)頁設(shè)計課程中，由于對網(wǎng)頁設(shè)計分工認知不足，早期的網(wǎng)頁設(shè)計課程時常將設(shè)計和制作的名稱與授課內(nèi)容混用，沒有嚴格區(qū)分，也沒有明確的網(wǎng)頁前端設(shè)計與視覺設(shè)計分工。高校網(wǎng)頁設(shè)計課程的授課內(nèi)容以網(wǎng)頁制作技術(shù)為主，以美化頁面效果為輔。此時，高校對于網(wǎng)頁設(shè)計課程的視覺設(shè)計方面的專業(yè)教學研究處于摸索階段。之后，隨著時代的發(fā)展，網(wǎng)頁設(shè)計課程教學核心開始轉(zhuǎn)變?yōu)橹谱骶哂懈岩曈X效果的網(wǎng)頁。3.網(wǎng)頁視覺設(shè)計與網(wǎng)頁前端設(shè)計的內(nèi)容分離側(cè)重于設(shè)計的網(wǎng)頁設(shè)計課程知識體系重構(gòu)從探索、發(fā)展到成熟，經(jīng)歷了較長的準備階段。隨著界面設(shè)計方法和流程理論體系的日益完善，分工協(xié)作機制日趨成熟，前端設(shè)計分離后，網(wǎng)頁設(shè)計課程的重心確定為符合網(wǎng)頁制作技術(shù)規(guī)范和條件的頁面創(chuàng)意表達、視覺效果設(shè)計與優(yōu)化。網(wǎng)頁視覺設(shè)計的探索從傳統(tǒng)的平面設(shè)計方法尋找切入點，通過對網(wǎng)頁設(shè)計中的審美需求和各種視覺構(gòu)成要素（如文字、圖片、顏色等）進行分析，結(jié)合人們在瀏覽信息時的視覺習慣，探索網(wǎng)頁視覺信息如何被更有效、更合理地表達。網(wǎng)頁設(shè)計教學重心內(nèi)容在轉(zhuǎn)移到視覺設(shè)計之后，該階段還未意識到網(wǎng)頁交互設(shè)計的核心地位。
二、用戶模式的網(wǎng)頁之設(shè)計認知構(gòu)建
網(wǎng)頁設(shè)計的本質(zhì)是用戶的體驗設(shè)計。網(wǎng)站作為互聯(lián)網(wǎng)非可觸形態(tài)的產(chǎn)品，對其認知的構(gòu)建包含產(chǎn)品屬性認知與服務(wù)屬性認知兩個層面的內(nèi)容。1.網(wǎng)頁設(shè)計是一種產(chǎn)品設(shè)計設(shè)計是一門交叉學科，網(wǎng)頁本身也是一種產(chǎn)品。網(wǎng)頁設(shè)計最初被視作平面領(lǐng)域的設(shè)計，而鏈接交互是網(wǎng)頁設(shè)計有別于平面設(shè)計的基本特征。網(wǎng)頁設(shè)計存在交互性，使其具有交互設(shè)計可用性與易用性體驗的內(nèi)在要求，適用于工業(yè)產(chǎn)品的基本設(shè)計流程。2.網(wǎng)頁設(shè)計是一種服務(wù)設(shè)計服務(wù)設(shè)計層面，各種網(wǎng)頁交互體驗、視聽信息、線上內(nèi)容服務(wù)與線下互動等，是網(wǎng)站向用戶提供服務(wù)的設(shè)計組成部分。作為一種廣義的產(chǎn)品形態(tài)，網(wǎng)頁設(shè)計與傳統(tǒng)的實物形態(tài)的工業(yè)產(chǎn)品設(shè)計有一定區(qū)別，更傾向于體驗的系統(tǒng)化設(shè)計。隨著互聯(lián)網(wǎng)向物聯(lián)網(wǎng)的可用技術(shù)研究與拓展，基于智能化網(wǎng)絡(luò)的服務(wù)設(shè)計將成為跨越線上線下的主流設(shè)計形態(tài)。3.網(wǎng)頁頁面信息設(shè)計是關(guān)系網(wǎng)頁設(shè)計品質(zhì)的深度設(shè)計網(wǎng)頁設(shè)計作為一種信息量龐大的互聯(lián)網(wǎng)單元，從工效學角度來看，網(wǎng)站信息本身也擔負著面對用戶、有效傳遞信息的功能和任務(wù)，在具體的設(shè)計活動中，表現(xiàn)為對信息的設(shè)計。信息設(shè)計具有多學科交叉性、空間多維性、時間流動性等基本特征，信息設(shè)計的目的是為了提高信息的可理解度和可閱讀性。優(yōu)質(zhì)的網(wǎng)頁信息設(shè)計可以降低用戶獲取信息的時間和精力成本，提升頁面信息獲取體驗。
三、基于用戶模型的網(wǎng)頁設(shè)計課程的知識體系構(gòu)建
網(wǎng)頁設(shè)計的本質(zhì)是對體驗的設(shè)計，即以用戶為核心思考設(shè)計方案，研究用戶在訪問網(wǎng)站時的需求是網(wǎng)頁課程設(shè)計任務(wù)的基本出發(fā)點。課程內(nèi)容模塊應(yīng)該以回答網(wǎng)頁設(shè)計是什么、怎么設(shè)計、為什么這樣設(shè)計三個問題為主線，構(gòu)建網(wǎng)頁設(shè)計課程的知識體系。1.課程的基本目標掌握網(wǎng)站項目與網(wǎng)頁制作的基本設(shè)計流程，培養(yǎng)設(shè)計項目管理和組織能力；掌握用戶需求研究分析的基本方法，對用戶體驗和需求研究有較為敏銳的洞察力；掌握網(wǎng)站交互原型相關(guān)的設(shè)計方法與工具；掌握網(wǎng)頁視覺設(shè)計方法和設(shè)計規(guī)范；了解目前網(wǎng)頁前端設(shè)計的相關(guān)技術(shù)和工具。2.知識體系與模塊組成（1）設(shè)計方法教學內(nèi)容模塊設(shè)計方法教學內(nèi)容模塊主要為了解決面對具體問題時設(shè)計師怎樣展開分析研究工作并確定設(shè)計執(zhí)行方案。網(wǎng)頁設(shè)計方法主要分為項目流程設(shè)計與管理、網(wǎng)站策劃方法與規(guī)范、用戶體驗研究、交互原型設(shè)計方法等，讓學生通過貫穿整個課堂教學的項目流程設(shè)計和每個流程的具體設(shè)計方法的實踐，掌握基本的設(shè)計理論。（2）軟件工具教學內(nèi)容模塊軟件工具教學內(nèi)容在形式方面包括課堂內(nèi)的指導和課堂外的自學兩個部分。鑒于設(shè)計軟件的頻繁更新和新的設(shè)計軟件不斷涌現(xiàn)，教師必須培養(yǎng)學生自學工具的主動意識以適應(yīng)社會需求。在工具種類方面，包括圖形處理工具、交互原型工具和代碼工具三類。第一類是圖形處理工具，其中常見的Photoshop、Illustrator等圖形設(shè)計軟件，已經(jīng)在前置課程中基本完成學習。第二類是交互原型制作工具，常見的工具有墨刀、Axure等。第三類是代碼編輯工具，選擇較多，作為對網(wǎng)頁前端知識的入門介紹部分，在本課程中以介紹為主。（3）設(shè)計經(jīng)驗教學內(nèi)容模塊設(shè)計經(jīng)驗教學以啟發(fā)式案例實踐為主，按照網(wǎng)站項目設(shè)計的流程需要，設(shè)定不同層次、不同要求的設(shè)計實踐任務(wù)作為課程結(jié)課的考核內(nèi)容。學生通過案例的練習能從優(yōu)秀作品中學到設(shè)計經(jīng)驗，從具體的案例模仿中獲得設(shè)計的成就感。網(wǎng)頁設(shè)計課程案例教學同時也是對網(wǎng)頁設(shè)計方法的實踐驗證，有助于學生對網(wǎng)頁設(shè)計方法的理解和體會。結(jié)語任何一種技術(shù)變革，都可能讓網(wǎng)頁設(shè)計出現(xiàn)新的藝術(shù)形態(tài)，前端依然是課程必須了解的知識。目前，就設(shè)計藝術(shù)角度而言，網(wǎng)頁設(shè)計課程的內(nèi)容以交互和視覺設(shè)計為基礎(chǔ)，在信息設(shè)計層面也有較大的提升空間，設(shè)計途徑也已經(jīng)拓展到用戶的視覺、行為、聲音和邏輯等方面。網(wǎng)頁設(shè)計課程的知識體系構(gòu)建必須以產(chǎn)品的視角，讓學生更深刻、更完整地理解用戶模式下的網(wǎng)頁設(shè)計藝術(shù)。
參考文獻：
[1]韓旭.新概念網(wǎng)頁設(shè)計.包裝世界，2000（5）.
[2]鬲波飛.網(wǎng)頁設(shè)計之視覺信息傳達分析.湖南大學學報（社會科學版），2001（S2）.
[3]劉真.《Don’tmakemethink》，從網(wǎng)頁設(shè)計到產(chǎn)品設(shè)計.科技與創(chuàng)新，2015（8）.
第7篇：網(wǎng)頁界面設(shè)計論文范文
[關(guān)鍵詞]人因工程行為運作管理
電子商務(wù)用戶體驗
[分類號]F724.6
1引言
在電子商務(wù)發(fā)展迅速的今天，商務(wù)網(wǎng)站只有從用戶角度出發(fā)，考慮用戶的需求，才能設(shè)計和運營用戶滿意的商務(wù)網(wǎng)站，做出自己的品牌和特色。而用戶滿意度直接影響網(wǎng)站的盈利，因此迎合用戶對系統(tǒng)各方面的需求，提高用戶體驗，是電子商務(wù)網(wǎng)站努力的目標。
行為運作是結(jié)合認知和社會心理學理論來研究運作管理的新方法。它研究人的行為和認知對運作系統(tǒng)的設(shè)計、管理與改進產(chǎn)生影響的相關(guān)屬性，并研究這些屬性與運作系統(tǒng)及進程的相互作用。當前許多領(lǐng)域如經(jīng)濟學、金融學和市場營銷的運作管理等都已開展對人的行為的研究，而運作管理的工具和技術(shù)是否成功，理論是否精確，在很大程度上取決于對人的行為的理解。
結(jié)合以上背景，本文提出基于人因角度進行商務(wù)網(wǎng)站的用戶體驗設(shè)計。人因工程是一個追求人一機一環(huán)境相互作用的管理科學，本文試圖從這種新的角度去量化用戶體驗度，研究網(wǎng)站設(shè)計的各個因素對用戶體驗的影響。
2文獻回顧
2.1國外有關(guān)用戶體驗的研究綜述
用戶體驗對信息服務(wù)的作用已引起國內(nèi)外學術(shù)界的關(guān)注，相關(guān)學者在理論研究方面進行了大量的探索，包括用戶體驗的定義、內(nèi)容、特征、模型及評價等。
James Garrett認為用戶體驗包括用戶對品牌特征、信息可用性、功能性、內(nèi)容性等方面的體驗；而Nor-man把用戶體驗擴展到用戶與產(chǎn)品互動的各個方面的內(nèi)容；Hassenzahl M和Tractinsky N認為用戶體驗包括三個方面的內(nèi)容：超出設(shè)備(整體的、美學的和享樂的)、情感與影響(主觀的、積極的、前因與后果)、體驗(動態(tài)的、復雜的、獨特的和暫時有限的)；SaschaMahlke提出了基本的用戶體驗過程模型，如圖1所示：
2.2國內(nèi)關(guān)于用戶體驗的研究現(xiàn)狀
國內(nèi)關(guān)于用戶體驗的研究主要在產(chǎn)品設(shè)計層面上。在“產(chǎn)品服務(wù)”時代，為用戶提供個性化的內(nèi)容及體驗服務(wù)是企業(yè)優(yōu)化用戶體驗的最佳方式。用戶對產(chǎn)品和服務(wù)的忠誠度，也更多地來自良好的體驗帶來的用戶粘性。國內(nèi)近年在互聯(lián)網(wǎng)自主開發(fā)、設(shè)計產(chǎn)品的流程中，已經(jīng)自覺地認識到產(chǎn)品“易用”、“好用”的重要性，但設(shè)計和實施這些因素的主導者卻仍為工程師和產(chǎn)品經(jīng)理，這令設(shè)計對人因的思考局限于可用性的基本層面。高層次的“融合”中包含人類復雜的“情感”因素，而情感因素需要通過“藝術(shù)”而非“技術(shù)”的方式解決，因此，工程師注定不能成為用戶體驗設(shè)計師。當今，國內(nèi)大多數(shù)設(shè)計師受限于對自身職業(yè)的認知和行業(yè)定位，并不能完成用戶體驗設(shè)計的職責。
以“用戶體驗”作為關(guān)鍵詞，對中國期刊全文數(shù)據(jù)庫(2003-2011年)進行精確的文獻檢索，得到248篇學術(shù)論文。這些論文涉及電信、印刷、裝飾、信息技術(shù)和圖書情報等領(lǐng)域，多數(shù)是介紹某一領(lǐng)域新推出的產(chǎn)品及解決方案，并沒有對用戶體驗進行深入、細致的理論研究，只是抽象地利用概念。其中22篇文獻是關(guān)于電子商務(wù)這一主題的，它們基本上是從國外的用戶體驗研究巾得到啟發(fā)，在網(wǎng)站設(shè)計、信息構(gòu)建和信息資源整合中引入了用戶體驗的相關(guān)理論和技術(shù)方法，并進行了初步研究。
當前相關(guān)研究的不足之處表現(xiàn)在：①缺乏完整的用戶體驗的理論體系；②當經(jīng)濟從以工業(yè)為主導轉(zhuǎn)向以服務(wù)尤其以信息服務(wù)為主導時，用戶體驗成為體驗經(jīng)濟的重要構(gòu)成要素，但我國缺乏對體驗經(jīng)濟的深入研究；③信息服務(wù)領(lǐng)域?qū)τ脩臬@取信息過程中的反饋、跟蹤等后續(xù)行為缺乏研究，導致技術(shù)的提升并不能帶來積極的用戶體驗。
3理論基礎(chǔ)
3.1用戶界面的人因工程學設(shè)計原則
網(wǎng)站頁面的界面設(shè)計屬于人機軟件界面設(shè)計中的一類。從人因?qū)W的角度去研究商務(wù)網(wǎng)站的用戶體驗，把人作為網(wǎng)站設(shè)計的出發(fā)點，能使網(wǎng)站的功能分布、色彩搭配等更好地適應(yīng)和滿足人類的生理和心理需要，從而使商務(wù)網(wǎng)站更加人性化，貼合用戶的需求。用戶界面的人因工程學設(shè)計應(yīng)該基于一定的原則：
?確定用戶。用戶對界面的使用情況會受到個體因素和背景的影響，如年齡、性別、受教育程度、知識和經(jīng)驗等，因此確定用戶是進行系統(tǒng)分析和沒汁的第一步，即確定使用應(yīng)用系統(tǒng)的用戶，不同的用戶會有不同的經(jīng)驗、能力和要求。
?減少用戶的負擔。在設(shè)計人機系統(tǒng)來完成一定的任務(wù)時，應(yīng)該讓計算機發(fā)揮更多的作用，更積極主動地完成更多的工作，讓用戶盡可能少做工作。
?應(yīng)用程序和用戶界面分離。數(shù)據(jù)的存儲組織、查詢、管理由數(shù)據(jù)庫管理系統(tǒng)完成，應(yīng)用程序不處理與數(shù)據(jù)管理相關(guān)的工作，而集中實現(xiàn)應(yīng)用功能。
?一致性。用戶界面的一致性主要體現(xiàn)在輸入、輸出方面，即是在應(yīng)用程序的不同部分，甚至不同應(yīng)用程序之間，具有相似的界面外觀、布局、人機交互方式以及信息顯示格式等。
?提供反饋。人機交互系統(tǒng)的反饋是指用戶從計算機一方得到信息，表示計算機對用戶的動作所做出的反應(yīng)。
?及時的糾錯和幫助功能。系統(tǒng)設(shè)計應(yīng)該能夠?qū)赡艹霈F(xiàn)的錯誤進行檢測和處理，出錯信息應(yīng)清楚、易理解，其內(nèi)容應(yīng)包含出錯位置、出錯原因及修改建議等方面的內(nèi)容。
3.2基于人因角度的商務(wù)網(wǎng)站用戶體驗評價
用戶體驗評價是一種用戶感受的量化，這種量化需要一些因素作為評價參考指標?？偨Y(jié)基于人因角度的用戶體驗文獻，得出影響用戶體驗的因素有以下兩項：①認知因素。包括人機互動的技術(shù)因素和非技術(shù)因素，技術(shù)因素的標準如系統(tǒng)的有用性和易于使用性；非技術(shù)因素的標準，如享受性、視覺的美感性和內(nèi)容的吸引性。②情感因素。一方面包括直接和間接的情感反應(yīng)；另一方面包括由認知評價過程產(chǎn)生的更為復雜的情感結(jié)果。
在商務(wù)網(wǎng)站中量化用戶體驗還有4個互相關(guān)聯(lián)的重要因素：①品牌，體現(xiàn)在網(wǎng)站名、域名方面，是用戶對網(wǎng)站品牌的認可；②可用性，體現(xiàn)在網(wǎng)站設(shè)計風格是否為用戶所容易接受；③功能性，體現(xiàn)在網(wǎng)站的功能設(shè)計上，是否為用戶提供方便齊全的功能；④內(nèi)容，網(wǎng)站的內(nèi)容也是影響用戶體驗度的重要因素，是用戶對網(wǎng)站是否感興趣的根本原因。
4調(diào)查與結(jié)果分析
商務(wù)網(wǎng)站中，用戶的購物過程包括吸引進入、決定購買、執(zhí)行購買、等待4個階段。而在不同階段，用戶會與網(wǎng)站發(fā)生一系列的交互，為對商務(wù)網(wǎng)站的各個方面結(jié)合人因工程進行分析和研究，本文以網(wǎng)購次數(shù)較多的用戶作為調(diào)查對象，抽取了300人進行問卷調(diào)查，以便更加清楚地了解用戶需求和更客觀地進行客
戶滿意度對比分析。
本次調(diào)查對象中男性183人，占總數(shù)的61％，女性117人，占總數(shù)的39％；從年齡段來看，20歲以下的占7％.2l-30歲的占8l％，31-40歲的占8％，41歲以上的占4％。這個數(shù)據(jù)比較客觀地反映了目前網(wǎng)民各年齡段的網(wǎng)購比例。
調(diào)查問卷涉及網(wǎng)站名長度及域名長度、頁面設(shè)計、流程設(shè)計等問題，從而得到基于人因角度的用戶體驗度數(shù)據(jù)(調(diào)查數(shù)據(jù)網(wǎng)址：省略/report/745366.aspx)。網(wǎng)站名長度用戶調(diào)查結(jié)果如圖2所示：對調(diào)杏結(jié)果進行總結(jié)和分析，如表1所示：
5調(diào)查結(jié)果驗證與結(jié)論
根據(jù)基于人因工程的商務(wù)網(wǎng)站設(shè)計原則以及用戶調(diào)查得到的結(jié)論，基本上可以得出一套評價商務(wù)網(wǎng)站用戶體驗的標準。為驗證該標準，以新蛋網(wǎng)與凡客誠品網(wǎng)為例，進行基于人因工程的用戶滿意度的評價并作對比分析，見表2。評分標準為1-5分，分數(shù)越高，表明網(wǎng)站項目越符合人因角度的用戶體驗原則)。
通過以上評分，可以總結(jié)出新蛋網(wǎng)在用戶體驗方面的總得分為68，平均得分為4；凡客誠品網(wǎng)總得分為81，平均得分為4.8。凡客誠品網(wǎng)的客戶體驗滿意度比新蛋網(wǎng)高出19.1％。
根據(jù)中國互聯(lián)網(wǎng)信息中心(CNNIC)的《2010年中國網(wǎng)絡(luò)購物市場研究報告》，在網(wǎng)絡(luò)購物市場上，凡客誠品網(wǎng)的用戶滲透率為1.5％，新蛋網(wǎng)的用戶滲透率僅為0.3％；凡客誠品網(wǎng)用戶單一度為23.3％，新蛋網(wǎng)用戶單一度僅為2.9％；凡客誠品網(wǎng)的品牌轉(zhuǎn)化率達54.8％，新蛋網(wǎng)的品牌轉(zhuǎn)化率為45.3％；購物網(wǎng)站新增用戶中，10.9％的新增用戶最近半年開始使用凡客誠品網(wǎng)，僅1.1％的新增用戶最近半年開始使用新蛋網(wǎng)?？梢姡部驼\品網(wǎng)的認知、情感、品牌、可用性、功能性、內(nèi)容各方面指標均高于新蛋網(wǎng)，體現(xiàn)為凡客誠品網(wǎng)的整體用戶滿意度高于新蛋網(wǎng)。
總結(jié)以上分析與驗證結(jié)果，可以得出基于人因工程的商務(wù)網(wǎng)站用戶體驗的用戶滿意度評價標準，如圖
3所示：
如圖3所示，商務(wù)網(wǎng)站的認知因素、情感因素、品牌、可用性、功能性以及內(nèi)容影響著用戶滿意度。根據(jù)以上6個因素，調(diào)查用戶購物過程中影響用戶滿意度的具體指標，歸納為網(wǎng)站品牌、網(wǎng)站頁面設(shè)計、網(wǎng)站流程設(shè)計以及網(wǎng)站功能設(shè)計4個維度。根據(jù)基于人因工程的商務(wù)網(wǎng)站用戶體驗的評價用戶滿意度標準，可以分析得出商務(wù)網(wǎng)站當前的用戶滿意度水平，并為商務(wù)網(wǎng)站提出建議，提高用戶滿意度。
6南周商城的網(wǎng)站用戶體驗方案
南周商城(shop.省略)是南方周末新媒體有限公司依托南方報業(yè)的強大資源以及南方日報出版社的優(yōu)質(zhì)圖書出版體系搭建的在線商城，提供南方周末報系-報兩刊――《南方周末》、《南方人物周刊》和《magazine[名牌》的訂閱、過刊零售服務(wù)，還提供圖書網(wǎng)絡(luò)首發(fā)、在線訂購服務(wù)；同時是南方周末報系周邊商品的唯一指定在線銷售平臺。
從以上評分中，可以知道南周商城的總得分為62，平均得分為4.1；根據(jù)建議改進可提高總得分至82，平均得分為4.8，與凡客誠品網(wǎng)接近。因此，根據(jù)基于人因工程的商務(wù)網(wǎng)站用戶體驗的評價用戶滿意度標準，對南周商城進行改進后，在認知、情感、品牌、可用性、功能性、內(nèi)容等各方面指標均會得到提高，并最終體現(xiàn)為用戶滿意度的提高。南周商城的網(wǎng)站用戶體驗方案見表3。
7結(jié)語
7.1總結(jié)
Web2.0時代的核心理念是真正以用戶為中心和提供豐富的用戶體驗，這種新的理念直接促使業(yè)界采用新的網(wǎng)站設(shè)計方法。本文提出從人因角度來分析和評價商務(wù)網(wǎng)站的用戶體驗，提出從網(wǎng)站品牌、網(wǎng)站頁面設(shè)計、網(wǎng)站流程設(shè)計和網(wǎng)站功能設(shè)計4個方面構(gòu)建用戶檢驗的具體要素，基于相關(guān)結(jié)論對新蛋網(wǎng)和凡客誠品網(wǎng)從用戶體驗角度進行較全面的比較，驗證了本文提出的用戶體驗標準；并以南周商城為例，進行用戶體驗研究，總結(jié)出南周商城用戶體驗優(yōu)化方案。本文從行為運作管理角度，提出商務(wù)網(wǎng)站的量化用戶體驗要素對于提高商務(wù)網(wǎng)站的用戶滿意度具有重要參考價值。
7.2研究局限與展望
在提高用戶滿意度方面，永遠不存在完美用戶體驗的終點。本文基T用戶體驗的調(diào)查數(shù)據(jù)，從人因的角度去研究商務(wù)網(wǎng)站的用戶滿意度，沒有考慮整個B2c電子商務(wù)服務(wù)流程，而只著眼于網(wǎng)站的用戶體驗方面。另外，調(diào)查中個別題項設(shè)計得較為抽象，這些都是本文研究的局限所在。隨著交互設(shè)計的重要性日益凸顯，商務(wù)網(wǎng)站用戶體驗的研究將得到更多的重視，B2C電子商務(wù)服務(wù)流程用戶體驗的評價體系也將會得到進一步的完善。
參考文獻：
[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]劉作儀，查勇.行為運作管理：一個正在顯現(xiàn)的研究領(lǐng)域[J].管理科學學報，2009(4)：64-74.
[4]威肯斯.人因工程學導論(第二版)[M].張侃，譯.武漢：華東師范大學出版社，2007.
[5]鄧勝利.國外用戶體驗研究進展[J].圖書情報工作，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].北京：中國科學技術(shù)出版社，2005.
[11]楊明朗，王紅.人機交互界面設(shè)計中的感性分析[J].包裝工程，2007，28(11)：11-13
[12]孫林巖，李志孝，金天拾.認知綜合模型及其在人機界面設(shè)計中的應(yīng)用[J].西安交通大學學報，1997(sI)：74-81.
[13]賈增歲.數(shù)字圖書館用戶界面設(shè)計探析[J]現(xiàn)代情報，2007(2)：92-94
[14]特里斯，阿伯特.用戶體驗度量[M].周榮剛，譯.北京：機械工業(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]張海昕，郭丹，劉正捷，等.中國c2c電子商務(wù)網(wǎng)站的用戶體驗[J].大連海事大學學報(社會科學版)，2007，6(3)：71-75.
[17]科特勒，阿姆斯特朗.市場營銷原理(第11版)[M].梅清豪，譯.北京：清華大學出版社，2002.
[18]張鳳榮，李清華人因工程學在互聯(lián)網(wǎng)站用戶界面設(shè)計中的應(yīng)用[J].電大理工，2002(4)：33-34.
[19]常廣庶.電子商務(wù)環(huán)境中的服務(wù)質(zhì)量[J].世界標準化與質(zhì)量管理，2004(1)：28 30.
[20]鄧明明，張哲輝.網(wǎng)站主頁界面的人因設(shè)計[J].包裝工程，2009(11)：213 214.
[21]斯科特，尼爾.web界面設(shè)計[M]李松峰，譯.北京：電子工業(yè)出版社，2009.
[22]王巍.圖形藝術(shù)在網(wǎng)頁設(shè)計中的應(yīng)用[J]電影評介，2007(4)：70-71.
第8篇：網(wǎng)頁界面設(shè)計論文范文
摘要：“任務(wù)驅(qū)動”是一種新型的教學模式。本文探討了“任務(wù)驅(qū)動”教學模式在“專業(yè)實踐”課程中的應(yīng)用。從實踐結(jié)果可以看出，“任務(wù)驅(qū)動”有效地提高了學生的學習主動性和學習興趣，取得了良好的教學效果。
關(guān)鍵詞：任務(wù)驅(qū)動；教學模式；專業(yè)實踐
中圖分類號：G642
文獻標識碼：B
根據(jù)教育部教高[2007]2號文件中提出的“高度重視實踐環(huán)節(jié)，提高學生實踐能力。要大力加強實驗、實習、實踐和畢業(yè)設(shè)計(論文)等實踐教學環(huán)節(jié)，特別要加強專業(yè)實習和畢業(yè)實習等重要環(huán)節(jié)，......推進實驗內(nèi)容和實驗模式改革和創(chuàng)新，培養(yǎng)學生的實踐動手能力、分析問題和解決問題能力?！钡囊?，我系為四年級計算機專業(yè)本科生開設(shè)了“專業(yè)實踐”課程，目的是為了增強計算機專業(yè)學生的實踐動手能力，提高他們分析問題和解決實際問題的能力，為社會培養(yǎng)應(yīng)用型人才。該課程以實驗課居多，教學環(huán)境以機房為主。在教學過程中，我們特別強調(diào)將學生的理論知識和實際動手能力結(jié)合起來，希望能夠借此機會一方面鞏固學生以往學過的理論知識，另一方面鍛煉他們的實踐動手能力。通過教學實踐，我們認為“任務(wù)驅(qū)動”教學模式適合這門課程，教學效果良好。
1“任務(wù)驅(qū)動”教學模式的理論依據(jù)
“任務(wù)驅(qū)動”教學法符合探究式教學模式，也符合計算機軟件系統(tǒng)的層次性和實用性，提出了由表及里、逐層深入的學習途徑，便于學生循序漸進地學習信息技術(shù)的知識和技能。在計算機專業(yè)實踐課中體現(xiàn)“任務(wù)驅(qū)動”，就是讓學生在一個個典型的軟件開發(fā)“任務(wù)”的驅(qū)動下展開教學活動，引導學生由簡到繁、由易到難、循序漸進地完成一系列“任務(wù)”，從而得到清晰的思路、方法和知識的脈絡(luò)。在完成“任務(wù)”的過程中，培養(yǎng)分析問題、解決問題以及利用計算機處理信息的能力。在這個過程中，學生還會不斷地獲得成就感，可以最大限度地激發(fā)他們的求知欲望和學習興趣，逐步形成一個感知心智活動的良性循環(huán)，從而培養(yǎng)出獨立探索、勇于開拓進取的自學能力。
2任務(wù)設(shè)計原則
設(shè)計任務(wù)是任務(wù)驅(qū)動教學方案的關(guān)鍵，應(yīng)遵循以下原則：
(1) 任務(wù)應(yīng)該具有明確的目的
設(shè)計的任務(wù)必須緊緊圍繞教學目標，以強化和鞏固教學內(nèi)容為直接目的。例如在學習B/S結(jié)構(gòu)編程的過程中，設(shè)計制作一個包含動態(tài)網(wǎng)頁功能的個人主頁，在網(wǎng)站制作過程中，學生既可以利用到以前所學的靜態(tài)網(wǎng)頁設(shè)計的知識，也可以根據(jù)自己對動態(tài)網(wǎng)頁的運用水平，靈活地為自己的個人主頁添磚加瓦。
(2) 任務(wù)必須切實可行
設(shè)計的任務(wù)必須符合學生的認知規(guī)律，不能超出他們的能力范圍。例如在“專業(yè)實踐”課程的初期，我們設(shè)計了“使用可視化編程工具制作多功能計時器”的任務(wù)，該任務(wù)難度適中，同時又能夠很好地與后期的任務(wù)相銜接。
(3) 任務(wù)應(yīng)該能夠引起學生足夠的興趣
人常說“興趣是最好的老師”。設(shè)計的任務(wù)如果能引起學生的興趣，學生就會主動參與到任務(wù)的設(shè)計和制作過程中。例如在學習使用Visual Basic進行軟件制作中，設(shè)計任務(wù)“制作一個可以聯(lián)機對戰(zhàn)的五子棋游戲”，通過游戲軟件的設(shè)計與開發(fā)提高學生對軟件制作的興趣。
(4) 任務(wù)應(yīng)該具有較強的實用性
任務(wù)的設(shè)計應(yīng)該要聯(lián)系相關(guān)學科的知識，只有實用的知識才是有用的知識。例如以“設(shè)計開發(fā)B/S結(jié)構(gòu)下的電子商務(wù)平臺”作為任務(wù)驅(qū)動，既包含了計算機編程的相關(guān)知識，又讓學生了解了電子商務(wù)的相關(guān)內(nèi)容。
(5)任務(wù)的設(shè)計應(yīng)該給學生留有思考的空間
設(shè)計的任務(wù)要給學生充分創(chuàng)造和發(fā)展的空間，使學生能舉一反三、觸類旁通，思維得到發(fā)展。例如學習“為個人主頁增加網(wǎng)頁留言板的功能”時，我們?yōu)閷W生舉例說明如何將留言數(shù)據(jù)添加到數(shù)據(jù)庫中，而將刪除和修改留言的部分留給學生課后自行完成。
3 “專業(yè)實踐”課程的任務(wù)設(shè)計
“專業(yè)實踐”課程要求學生運用軟件工程的思想進行一個完整軟件系統(tǒng)的分析、設(shè)計、開發(fā)、集成與測試。根據(jù)軟件系統(tǒng)層次法中“由總到分，逐步細化”的分解原則，我們首先設(shè)計出該課程的總?cè)蝿?wù)為：根據(jù)軟件工程思想，完成“基于校園網(wǎng)絡(luò)的輔助教學平臺”軟件系統(tǒng)的開發(fā)。軟件體系結(jié)構(gòu)為B/S結(jié)構(gòu)與C/S結(jié)構(gòu)相結(jié)合。針對這樣一個總?cè)蝿?wù)，我們將其再分割成若干個小任務(wù)，提高學生對該課程的學習興趣，增強任務(wù)的可行性。
任務(wù)1：對“基于校園網(wǎng)絡(luò)的輔助教學平臺”進行需求分析。選擇該軟件進行需求分析的設(shè)計，是因為我校很多教師都有應(yīng)用該軟件進行網(wǎng)絡(luò)輔助教學的需求，學生們可以直接在校內(nèi)完成本軟件的需求分析工作。通過實施該任務(wù)，學生可以充分理解和學習軟件開發(fā)中需求分析的作用和地位，同時對后續(xù)的軟件制作有著重要的指導意義。
任務(wù)2：學習HTML語言，使用DreamWeaver制作個人主頁，這個任務(wù)對于本科大四的同學基本上是沒有難度的，目的是幫助他們鞏固和復習靜態(tài)網(wǎng)頁制作的內(nèi)容，并為后續(xù)動態(tài)網(wǎng)頁制作做好鋪墊。
任務(wù)3：使用可視化編程工具制作多功能計時器(含萬年歷、時鐘、鬧鈴等功能)，這個任務(wù)主要是為了讓學生熟悉可視化編程工具的界面設(shè)計與制作過程，同時了解編程環(huán)境中各個控件的用法，以及幫助學生復習程序設(shè)計的相關(guān)知識，要寫出好的程序必須有扎實的基本功。
任務(wù)4：使用可視化編程工具制作一個通訊錄軟件，在該軟件的設(shè)計制作過程中引入了數(shù)據(jù)庫的相關(guān)知識，數(shù)據(jù)庫的相關(guān)知識在程序員的知識體系中是不可缺少的一個部分。
任務(wù)5：為自己的個人主頁加上網(wǎng)頁計數(shù)器的功能，在這個任務(wù)中，學生接觸到了關(guān)于B/S結(jié)構(gòu)編程的基礎(chǔ)知識，為后續(xù)課程中復雜B/S結(jié)構(gòu)程序的設(shè)計與開發(fā)做了鋪墊。
任務(wù)6：為自己的個人主頁加上網(wǎng)頁留言板的功能，該任務(wù)在簡單B/S結(jié)構(gòu)軟件制作的基礎(chǔ)上引入了數(shù)據(jù)庫的相關(guān)內(nèi)容，要求學生能夠熟練使用B/S結(jié)構(gòu)軟件編程操作數(shù)據(jù)庫。
任務(wù)7：使用可視化編程工具制作一個功能簡單的即時通訊軟件，該任務(wù)以使用可視化編程工具制作軟件界面以及操作數(shù)據(jù)庫等相關(guān)內(nèi)容為基礎(chǔ)，引入了網(wǎng)絡(luò)編程技術(shù)，在任務(wù)實現(xiàn)過程中強調(diào)網(wǎng)絡(luò)編程在目前軟件開發(fā)中的重要地位，同時學生通過該任務(wù)可以了解C/S結(jié)構(gòu)編程的基本內(nèi)容。
任務(wù)8：設(shè)計開發(fā)B/S結(jié)構(gòu)下的電子商務(wù)平臺，該任務(wù)在結(jié)合以前所學的內(nèi)容基礎(chǔ)上，提高了軟件設(shè)計與開發(fā)的難度，強調(diào)對學生進行小組協(xié)作能力的培養(yǎng)，在軟件開發(fā)過程中強調(diào)模塊化設(shè)計的概念，讓學生從宏觀上理解與認識軟件的開發(fā)過程。
任務(wù)9：制作一個可以聯(lián)機對戰(zhàn)的五子棋游戲，在該軟件的編制過程中，學生可以進一步鍛煉自己的編程能力，同時加深對基于網(wǎng)絡(luò)的軟件開發(fā)過程的認識。
任務(wù)10：完成“基于校園網(wǎng)絡(luò)的輔助教學平臺”的設(shè)計與模塊劃分，在接觸了前期的B/S與C/S結(jié)構(gòu)的軟件開發(fā)后，學生已經(jīng)有能力完成中小規(guī)模的軟件系統(tǒng)的開發(fā)，將學生分成若干小組，由組長將總?cè)蝿?wù)分成若干模塊，交給能力不同的同學去完成，讓學生充分理解模塊化設(shè)計的軟件開發(fā)理念。
任務(wù)11：完成“基于校園網(wǎng)絡(luò)的輔助教學平臺”的編碼與整合，在分模塊開發(fā)之后，將一個項目的不同模塊整合起來實現(xiàn)一個完整的系統(tǒng)，編碼與整合的環(huán)節(jié)不僅能鍛煉學生個人的實際動手能力，更能讓他們體會到團隊協(xié)作在軟件開發(fā)中的重要作用。
任務(wù)12：對“基于校園網(wǎng)絡(luò)的輔助教學平臺”進行軟件測試，軟件的測試往往會被學生忽視，而一個好的軟件必須經(jīng)過嚴格的測試。在這個任務(wù)中，學生可以了解到軟件測試的一般內(nèi)容，學會對軟件系統(tǒng)進行一些常規(guī)測試，認識軟件測試在軟件開發(fā)中的重要作用。
4教學效果與總結(jié)
通過一個學期的教學實踐，我們可以看到“任務(wù)驅(qū)動”教學模式在“專業(yè)實踐”課程中的應(yīng)用效果是很好的。首先，端正了學生的學習態(tài)度，以往的專業(yè)課都是老師逼著學生學習，學生的學習主動性非常差，引入了“任務(wù)驅(qū)動”教學模式后，學生感覺到學習是為了自己學，學習的自覺主動性大大提高；其次，鍛煉了計算機專業(yè)同學的專業(yè)實踐能力，從原來的紙上談兵到現(xiàn)在的獨立進行軟件的設(shè)計、編碼、測試，學生感覺自己學到了真正的本領(lǐng)；第三，提高了學生對計算機學習的興趣，很多同學對專業(yè)課反感，主要是因為專業(yè)課難度大學習方法難于掌握，通過這次由簡單到深入的“專業(yè)實踐”，同學們掌握了學習計算機知識的方法，提高了學習興趣；最后，有利于培養(yǎng)學生的大局意識，鍛煉他們的團隊協(xié)作能力，在一個個任務(wù)的制作過程中，學生之間互相幫助，共同學習，既有樂趣又增加了同學之間的友誼。
參考文獻
[1] 石良武. 網(wǎng)絡(luò)環(huán)境下任務(wù)驅(qū)動教學方案的設(shè)計與實現(xiàn)[J]. 當代教育論壇,2006,(10).
[2] 何克抗. 建構(gòu)主義學習環(huán)境下的教學設(shè)計[M]．北京師范大學出版社.
[3] 凌慧. “任務(wù)驅(qū)動”教學法的應(yīng)用原則[J]. 廣西教育,2006,(2).
第9篇：網(wǎng)頁界面設(shè)計論文范文
重慶第二師范學院是一所教育部批準成立、由重慶市教委主管的公辦普通本科高等院校。學校始建于1954年，有南山、學府大道兩個校區(qū)。美術(shù)系位于學府大道校區(qū)，軌道交通、公交干道匯集于此，航空、水路、公運、鐵路等多種交通出行方式可供選擇。美術(shù)系現(xiàn)有教師45人，其中高級職稱25人、碩士及以上學歷學位24人，有重慶市名師1人、市優(yōu)秀女園丁1人、市優(yōu)秀教育管理工作者1人;同時，在四川美術(shù)學院、美國馬里蘭州大學以及法國、韓國等聘有客座教授。現(xiàn)開設(shè)有美術(shù)學、美術(shù)學(中國畫與數(shù)字藝術(shù))、美術(shù)學(插畫與三維動畫)、公共藝術(shù)、視覺傳達設(shè)計、視覺傳達設(shè)計(空間藝術(shù))、視覺傳達設(shè)計(時尚藝術(shù))、美術(shù)學(應(yīng)用美術(shù))、藝術(shù)設(shè)計等專業(yè)及方向，現(xiàn)有在校學生1472人(其中，先后赴韓國交換學習學生22人，赴中國臺灣交換學習學生4人)。
美術(shù)系專業(yè)教育教學設(shè)施設(shè)備充裕，師資力量雄厚。有專業(yè)教學場地面積15400平方米、實驗實訓室近2000平方米;有專業(yè)圖書、畫冊、期刊、光盤和軟件共計4000余冊(件);有校外實訓、實習、就業(yè)基地30余個;現(xiàn)有市(校)級教學團隊共5個、精品課程共6門，承擔了教改項目共25項，獲教學成果獎共11項;有學術(shù)研究、科研創(chuàng)新團隊共2個，承擔了市(校)級科研項目共近50項;教師的作品和論文參加市級以上展覽和公開發(fā)表近700幅(篇)，獲省(部)級及以上獎勵近100項，教學論文等獲得省(部)級以上獎勵20余項;教師申請國家專利10余項，主編(著)教材、作品專著60本(部)，其中《高等院校藝術(shù)設(shè)計專業(yè)叢書》被全國20余所高校選用，共出版10萬余冊。
美術(shù)系學生作品在眾多省(部)級及以上專業(yè)競賽活動中屢獲佳績。學生參加教育部“全國大學生藝術(shù)作品展演”、“優(yōu)秀畢業(yè)設(shè)計作品展”、“全國大學生廣告藝術(shù)節(jié)”、“中國環(huán)境藝術(shù)設(shè)計學年獎”、“中國美協(xié)‘未來之星’大獎賽”、“重慶•長江杯國際工業(yè)設(shè)計大賽”、“重慶•中國西部工業(yè)設(shè)計明日之星作品大賽”等賽事，獲獎共近60項、省(部)級獎200余項;同時，美術(shù)系每年都要舉辦“學生作品年度展”、“畢業(yè)作品展”、“學生社團作品展”等專業(yè)賽事，并組織學生參加重慶市高校服裝專業(yè)優(yōu)秀畢業(yè)作品聯(lián)合展演活動，中央二臺、人民網(wǎng)、中國教育網(wǎng)、搜狐網(wǎng)、新浪網(wǎng)、鳳凰網(wǎng)、重慶電視臺、《重慶日報》等幾十家主流媒體先后進行了報道。
美術(shù)系學生工作以“抓常規(guī)、濃學風、重規(guī)范、強素質(zhì)、促就業(yè)、創(chuàng)品牌”為主線開展工作。一方面，積極圍繞專業(yè)教學，著力培養(yǎng)學生專業(yè)思想和藝術(shù)素養(yǎng)，提升學生專業(yè)水平，夯實學生就業(yè)核心競爭力;另一方面，正確引導學生爭做有孝道、有理想、有理論、有理念、有理智的美術(shù)學子，促進學生情商培養(yǎng)和提升，拓展學生綜合素質(zhì)，打造學生就業(yè)綜合競爭力。相當部分畢業(yè)生已成為廣告公司、室內(nèi)裝飾公司的設(shè)計總監(jiān)、項目經(jīng)理和業(yè)務(wù)骨干，有的成為了基礎(chǔ)教育行業(yè)專家并多次在全國和市級美術(shù)教學競賽中獲獎。近幾年來，先后有數(shù)十名學生考取中國美術(shù)學院、四川美術(shù)學院、重慶大學、西南大學等高校的碩士研究生。
二、2016年擬招生專業(yè)介紹
公共藝術(shù) [本科 非師范]
培養(yǎng)目標：本專業(yè)主要培養(yǎng)德、智、體、美全面發(fā)展，具備藝術(shù)設(shè)計基本理論和基本知識，掌握公共藝術(shù)設(shè)計的基本方法和實踐技能，能對室內(nèi)外空間進行裝飾藝術(shù)設(shè)計的高素質(zhì)應(yīng)用型人才。
主干課程：造型基礎(chǔ)、設(shè)計色彩、構(gòu)成基礎(chǔ)、建筑基礎(chǔ)、數(shù)碼圖形處理(3dsmax、cad、photoshop)建筑制圖與測繪、手繪效果圖技法表現(xiàn)、工程概預算、工程材料與工藝、公共空間藝術(shù)設(shè)計、公共設(shè)施設(shè)計、餐飲空間設(shè)計、陳設(shè)設(shè)計、展示空間設(shè)計、住宅空間設(shè)計、公共景觀設(shè)計、辦公空間設(shè)計、裝飾雕塑、3d場景漫游、設(shè)計概論等。
就業(yè)崗位：畢業(yè)生可到建筑和規(guī)劃部門、各類設(shè)計院所、專業(yè)設(shè)計機構(gòu)等從事公共空間、商業(yè)空間、住宅空間以及園林景觀等設(shè)計工作，也能從事相關(guān)領(lǐng)域的施工管理工作。
美術(shù)學[本科 非師范]
培養(yǎng)目標：本專業(yè)主要培養(yǎng)德、智、體、美全面發(fā)展，具備美術(shù)學專業(yè)的基本理論和基本知識，掌握藝術(shù)創(chuàng)作和美術(shù)教育的高素質(zhì)應(yīng)用型人才。
主干課程：中國美術(shù)史、外國美術(shù)史、藝術(shù)概論、透視與解剖學、素描人物、色彩人物、色彩風景、雕塑、傳統(tǒng)油畫語言、油畫風景、素描人體、油畫人體、具象寫實繪畫語言、表現(xiàn)主義繪畫語言、超現(xiàn)實主義繪畫語言、照相寫實繪畫語言、綜合材料、綜合創(chuàng)意、當代藝術(shù)思潮、工筆花鳥、工筆人物、寫意花鳥、寫意山水、中國古代造型藝術(shù)考察等。選修教師教育方向課程：中小學美術(shù)教學論、課堂教學技能、美術(shù)教師公招應(yīng)試技巧等。
就業(yè)崗位：畢業(yè)生能夠從事美術(shù)創(chuàng)作、美術(shù)教育、美術(shù)編輯、藝術(shù)機構(gòu)管理，以及美術(shù)宣傳和區(qū)域文化創(chuàng)意產(chǎn)業(yè)的開發(fā)等工作。
視覺傳達設(shè)計[本科 非師范]
培養(yǎng)目標：本專業(yè)主要培養(yǎng)德、智、體、美全面發(fā)展，具備視覺傳達設(shè)計專業(yè)的基本理論和基本知識，掌握視覺傳達設(shè)計的基本方法和實踐技能的高素質(zhì)應(yīng)用型人才。
主干課程：造型基礎(chǔ)、設(shè)計色彩、設(shè)計構(gòu)成、電腦輔助設(shè)計、圖形創(chuàng)意、版式設(shè)計、商業(yè)攝影、插畫設(shè)計、網(wǎng)頁與界面設(shè)計、標志設(shè)計、VI設(shè)計、包裝設(shè)計、平面廣告設(shè)計、影視動態(tài)廣告設(shè)計、型錄設(shè)計、書籍設(shè)計、文化海報設(shè)計、設(shè)計概論、世界平面設(shè)計史等。
就業(yè)崗位：畢業(yè)生能夠從事廣告策劃與設(shè)計、印刷品設(shè)計、包裝設(shè)計、企業(yè)形象設(shè)計、商場商品陳列設(shè)計、網(wǎng)頁及新媒體設(shè)計、商業(yè)攝影及設(shè)計管理等工作。
視覺傳達設(shè)計(時尚藝術(shù))[本科 非師范]
培養(yǎng)目標：本專業(yè)主要培養(yǎng)德、智、體、美全面發(fā)展，具備視覺傳達設(shè)計(時尚藝術(shù)設(shè)計方向)的基本理論和基本知識，掌握服裝與服飾設(shè)計的基本方法和實踐技能的高素質(zhì)應(yīng)用型人才。
主干課程：造型基礎(chǔ)、設(shè)計色彩、設(shè)計構(gòu)成、計算機輔助設(shè)計、服裝工藝、服裝效果圖表現(xiàn)技法、服裝設(shè)計思維訓練、成衣設(shè)計、立體裁剪、服裝材料與面料再造、創(chuàng)意服裝設(shè)計、時尚攝影、針織裝設(shè)計、化妝造型、服裝展示設(shè)計、平面紙樣結(jié)構(gòu)、服飾配件設(shè)計與制作、服裝設(shè)計概論等。
就業(yè)崗位：畢業(yè)生具備設(shè)計造型能力、市場分析能力、組織與協(xié)調(diào)能力，能夠適應(yīng)服裝服飾藝術(shù)設(shè)計行業(yè)發(fā)展的需要，從事服裝、服飾品的設(shè)計、制作和營銷等工作，也能在相關(guān)時尚設(shè)計領(lǐng)域從事設(shè)計、制作與管理等工作。
三、2016年錄取規(guī)則
1.考生體檢必須符合教育部、衛(wèi)生部、中國殘疾人聯(lián)合會制定的《普通高等學校招生體檢工作指導意見》的規(guī)定。
2.重慶市考生認可重慶市統(tǒng)考成績，其它省(自治區(qū))考生認可我校組織的美術(shù)專業(yè)?？汲煽?。
3.按綜合成績(綜合成績=文化成績÷文化成績總分×30+專業(yè)成績÷專業(yè)成績總分×70)排序，德智體美全面衡量，擇優(yōu)錄取。
四、2016年招生計劃(暫定)
專業(yè)名稱
重慶
三校生
美術(shù)本科（非師范）招生計劃
備注
重慶
江西
山東
陜西
山西
福建
廣西
美術(shù)學
37
8-10
大一下期末可申請轉(zhuǎn)專業(yè)；重慶三校生限招服裝設(shè)計與工藝類專業(yè)。
視覺傳達設(shè)計
80
10-15
15-20
7-10
15-20
8-10
公共藝術(shù)
81
10-15
15-20
15-20
7-10
7-10
視覺傳達設(shè)計
（時尚藝術(shù)）
10
27
8-10
