網頁界面設計論文精選(九篇)

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

第1篇：網頁界面設計論文范文

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

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

一、新特征

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

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

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

（四）空間擴展。書籍版面展現出來的是平面二維空間，而網絡界面往往是二維和三維的共同體。三維空間具有更大的信息量，增添了新的維度，從而滿足人對空間心里真實的需要。同時，界面的層層串接使瀏覽者在網頁內容之間循序往復的互相套接，架構出層層深度的脈絡，吸引人們深入認知。

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

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

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

二、差異的表現

（一）書籍封面與網站首頁

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

（二）版面與界面

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

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

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

三、融合

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

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

第2篇：網頁界面設計論文范文

關鍵詞:網頁；構成概念；平面構成基本特點；平面構成形態(tài)要素；平面構成形式

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

一、平面構成的發(fā)展及其基本特點對于網頁設計而言所代表的意義

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

二、平面構成的形態(tài)要素在網頁中所起的作用。點、線、面是平面構成中的三個形態(tài)要素

（一）點表示位置,它既無長度,也無寬度,是最小的單位

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

（二）線是點移動的軌跡

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

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

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

三、平面構成形式在網頁中的具體運用

平面構成設計是有組織的、有秩序地進行排列、組合、分解,因此它也是必須遵循一種原則和設計形式。平面構成中的形式大量被運用到網頁界面中。

（一）重復構成在網頁中的藝術魅力

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

（二）對比構成在網頁中的表現對瀏覽者的心理帶來的影響

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

四、結束語

因為有了網絡,讓人類能夠更加方便、快捷地查詢信息;因為有了網站,讓人類能夠更加懂得如何去獲取新的信息;因為有了網頁,讓人類能夠及時獲得最新信息。網頁界面設計的美觀、新穎、時尚,讓大眾更愿意了解網頁!如今,網頁已經成為廣大消費者生活中不可或缺的一部分,網頁能夠為人們注入更多的新鮮血液。

參考文獻：

[1]洪興宇編著 新編平面構成（M）遼寧美術出版社 1999-12；

第3篇：網頁界面設計論文范文

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

【關鍵詞】

政府網站

網頁制作

ASP 技術

ACCESS 數據庫

【英文對照】

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 網頁制作背景 3

1.2 網頁制作的意義 3

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

第 二 章 可行性分析 5

2.1 B/S結構介紹 5

2.2 ACCESS 數據庫 5

2.3 ASP 技術 5

第 三 章 網頁需求分析 7

3.1 總體功能需求分析 7

3.1.1. 基本功能需求 7

3.1.2. 功能結構圖 7

3.2 網頁具體功能模塊需求分析 8

3.2.1. 政務公開功能 8

3.2.2. 網站辦事功能 8

3.2.3. 網上交流功能 8

3.3 網頁結構圖 9

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

3.5 網站CI形象設計 10

3.6 網頁布局技術 11

第 四 章 數據庫設計 12

4.1 數據庫概念結構設計 12

4.2 數據庫邏輯結構設計 14

第 五 章 人機界面設計 17

5.1 后臺登錄界面設計 17

5.2 用戶管理頁面設計 18

5.3 信息檢索頁面設計 18

5.4 后臺管理頁面設計 19

第 六 章 系統(tǒng)程序設計 20

6.1 程序設計語言 20

6.2 部份源程序實現及文件 20

第 七 章 網頁測試 30

7.1 測試網站的建立 30

7.1.1. 測試網站環(huán)境 30

7.1.2. Web服務器IIS5.1簡介 30

7.1.3. 網頁測試 30

7.2 網頁及網站維護 31

第 八 章 結論 32

參考文獻 33

致 謝 34

【前言】

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

政府網站建設的含義就是利用Internet/Intranet等計算機通信技術，在Internet上建立正式站點，通過網絡實現政府在政治、經濟、社會、生活等諸多領域中的管理和服務職能，推動政府辦公自動化與網上便民服務，是政府和社會互動的重要窗口。論文就巴中市網頁的設計和制作作了詳細描述，網頁主要功能模塊設置緊緊圍繞部門職能職責，密切結合公眾需求，實現了預期設計目標，網頁經本地局域網測試運行正常。

【正文】

網頁制作

第 一 章 概 述

1.1 網頁制作背景

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

1.2 網頁制作的意義

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

1.3 開發(fā)工具簡介

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

? 網頁圖像設計工具——Photoshop CS3、Fireworks 8.0

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

? 動畫制作工具——Flash MX 2004

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

? 網頁排版工具—— Macromedia Dreamweaver 8

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

第 二 章 可行性分析

2.1 B/S結構介紹

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

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

該結構的缺點是存在數據安全性問題、對服務器要求過高、數據傳輸速度慢、軟件的個性化特點明顯降低，難以實現傳統(tǒng)模式下的特殊功能要求。

2.2 ACCESS 數據庫

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

2.3 ASP 技術

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

第 三 章 網頁需求分析

3.1 總體功能需求分析

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

該網頁作為電子政務的一種服務平臺，政務公開、在線辦事、網上交流是其基本的三大功能。

3.1.1. 基本功能需求

? 政務公開功能

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

? 網站辦事功能

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

? 網上交流功能

通過搭建政民交流平臺，讓公眾不但能夠將自己的建議與意見直接反映給部門領導，實現普通群眾參政、議政的夙愿，而且使領導能夠通過這一平臺，傾聽民聲、關注民情、體察民意，進而為群眾辦理更多的實事、好事、貼心事。

3.1.2. 功能結構圖

3.2 網頁具體功能模塊需求分析

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

3.2.1. 政務公開功能

? 領導講話模塊

功能：即時領導關于三農工作的各種會議、現場講話。

作用：傳達精神，貫徹意圖。

? 政務公開模塊

政務公開模塊包含七個子模塊：機構職能、領導介紹、內設科室、農口系統(tǒng)、人事信息、規(guī)劃計劃、財政信息。模塊根據國家信息公開條例等法規(guī)政策要求，針對該政府部門必須公開的七個方面進行設置。

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

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

? 政策法規(guī)模塊

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

? 專題專欄模塊

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

3.2.2. 網站辦事功能

? 網上辦事模塊

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

3.2.3. 網上交流功能

? 在線交流模塊

模塊設置三農論壇、領導信箱、咨詢留言、網上投訴、網上調查五個子模塊。三農論壇子模塊為公眾之間相互交流提供了平臺。領導信箱、在線咨詢等四個子模塊，為政府部門決策即時提供了群眾的意見及建議。

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

該模塊主要功能：收集網站的反饋信息。

3.3 網頁結構圖

3.4 網頁版面規(guī)劃

全部網頁采用1024×768分辨率制成，網頁訪問采用首頁、導航頁和新聞頁三級頁面形式。

? 首頁

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

? 導航頁

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

? 新聞頁

使用標題正文型：這種類型即最上面是標題或類似的一些東西，下面是正文；本站子頁大部分是這個結構。

? 頁頭

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

? 頁腳

本站頁腳如下：

3.5 網站CI形象設計

? 主色調與色彩

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

? 字體

導航欄字體為“黑體”，14px；網站主欄目字體為“宋體”，14 px；正文字體為“宋體”，9 px；

? 交互方式

網站設置了專門的在線交流模塊，提供了論壇、網上投訴、咨詢留言、網上調查等多種交互方式。

3.6 網頁布局技術

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

第 四 章 數據庫設計

數據庫在一個網頁系統(tǒng)中占有非常重要的地位，數據庫的結構好壞將直接影響到應用系統(tǒng)的實現效果和數據操作效率以及能否保證數據的一致性、完整性和安全性。

4.1 數據庫概念結構設計

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

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

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

各實體屬性的E-R圖如下：

4.2 數據庫邏輯結構設計

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

? 新聞信息表:用于存儲新聞及政務信息。

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

?

三農論壇表:用于存儲論壇發(fā)帖。

表4-2 三農論壇表(BBS)

?

投訴留言表:用于存儲群眾來信、投訴、咨詢及回復。

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

? 論壇注冊用戶表:用于存儲三農論壇注冊用戶信息。

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

? 后臺管理員表:用于存儲管理員姓名、密碼、權限。

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

?

網上調查表:用于存儲網站調查項及投票。

表4-6 網上調查表(OnlineSurvey)

第 五 章 人機界面設計

5.1 后臺登錄界面設計

設計思想：登錄頁面主要實現用戶的登錄。通過用戶名、密碼、隨機密碼、IP、SessionID的組合驗證實現未登陸用戶的正常登陸和已登陸用戶中同一用戶名允許在同一IP上重復登陸，拒絕同一用戶名在不同IP上重復登陸。

圖5-1 登錄流程圖

圖5-2 管理員登錄界面

5.2 用戶管理頁面設計

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

圖5-3 用戶管理流程圖

圖5-4 用戶管理界面

5.3 信息檢索頁面設計

設計思想：根據輸入的關鍵字實現單字段或多字段組合查詢。

圖5-5 信息檢索流程圖

5.4 后臺管理頁面設計

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

圖5-7 后臺功能結構圖

第 六 章 系統(tǒng)程序設計

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

6.1 程序設計語言

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

? ASP可以將內容的生成和顯示進行分離

Web頁面開發(fā)者可以用HTML或XML 標識進行對最終頁面的設計，同時使用ASP Tag 或Java Script 來生成頁面上的動態(tài)內容，因為所有的腳本都在服務器端運行， 所以， 如果核心邏輯部分被封裝在標識中， 那么Web管理人員或頁面設計者將只能編輯ASP頁面的顯示方式， 而不會影響其內容的實質。

? 對不同瀏覽器的兼容

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

6.2 部份源程序實現及文件

? 數據庫訪問技術

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

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

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

第三行程序：利用連接對象Conn的Open方法打開一個指定的數據庫。首先利用Server對象的MapPath函數，取得要打開數據庫的完整的文件路徑，并存儲在變量DBQ中。其次，因為我們要打開的是Access數據庫，所以要指定ODBC驅動程序參數，表示要透過Access的ODBC驅動程序來訪問數據庫。到這里，就已經打開了數據庫名指定的數據庫。

第四行程序： Sql指令串。

第五行程序：利用rs對象的Open方法打開數據庫中的數據表。這其中有四個參數，其意義如下：

數據表名或SQL指令串：在這個參數里指定要打開的數據庫內的數據表名稱，或者是用SQL的Select指令串確定的數據表的指定范圍數據

Connection對象：指定已經打開的數據庫的Connection對象。

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

鎖定類型：這個參數指定數據庫的鎖定功能。因為網絡上的數據庫都是多用戶的，很可能同時有多個用戶在操作數據庫。為了避免錯誤，讓同一時間只可能有一個用戶修改數據，就要用鎖定功能。有四種選擇：數字1表示只讀方式鎖定，用戶不能更改數據；數字2表示悲觀鎖定，當一個用戶用rs對象開始修改數據時就鎖定數據庫，直到用戶用rs.Update更新記錄后，才解除鎖定；數字3表示樂觀鎖定，只有在數據寫入數據庫中的時候才鎖定。數字4表示批次樂觀鎖定，只有在使用rs.UpdateBatch成批更新數據時候才鎖定數據記錄。

? 身份驗證

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

? 網上調查功能實現

圖6-1 網上調查投票界面

圖6-2 網上調查結果界面

網上調查實現代碼

第 七 章 網頁測試

7.1 測試網站的建立

7.1.1. 測試網站環(huán)境

網頁測試使用本單位局域網進行，配置如下：

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

Web服務器—IIS5.1

瀏覽器—IE6.0

客戶端：Internet Explorer6.0

7.1.2. Web服務器IIS5.1簡介

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

7.1.3. 網頁測試

? IIS配置

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

第一步：在“默認Web站點”上單擊右鍵，選“屬性”，以進入名為“默認Web站點屬性”設置界面。

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

第三步：轉到“文檔”窗口，再按“添加”按鈕，根據提示在“默認文檔名”后輸入自己網頁的首頁文件名“Index.asp”。

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

? 數據源（ODBC）配置

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

第二步：在選項卡系統(tǒng)DNS中添加Microsoft Access Driver(*.mdb)驅動并指定數據源為網站的數據庫文件。

? 測試

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

7.2 網頁及網站維護

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

? 即時更新新聞內容

? 留言、投訴、咨詢、信箱定期回復

? 數據庫內容定期備份、刪減、分類

? 更正數據庫使用過程中發(fā)現的問題

? 定期進行綜合分析，不斷優(yōu)化數據庫中數據結構，提高使用效率

? 在系統(tǒng)運行過程中應定期對管理員用戶名和密碼進行更新，并對IIS和NT權限作相應設置

第 八 章 結論

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

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

參考文獻

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

2. 《Photoshop CS3 平面設計標準教程》，李建宏，雷波編著，機械工業(yè)出版社 2008

3. 《ASP網頁數據庫短訓教程》，劉瑞新，汪遠征編著，機械工業(yè)出版社 2005

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

5. 《網頁設計三合一》，甘登岱編著，清華大學出版社 2009

6. 《網頁設計與網站建》，邱云飛，溫國峰編著，清華大學出版社 2009

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

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

9. nbagri.gov.cn/index.jsp（寧波農村經濟綜合信息網）

10. 68design.net/（網頁設計師聯(lián)盟）

11. wznb.gov.cn/（溫州市委農辦）

12. bjnw.gov.cn/（北京市農委）

第4篇：網頁界面設計論文范文

    關鍵詞:多媒體;課件;Authorware;背景音樂;多媒體

    前言

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

    1  課件的設計

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

    1)腳本的編寫

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

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

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

    在風格設計上主要體現界面、字幕和顯示對象上整體的和諧統(tǒng)一。

    2)框架結構的設計

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

    “框架”圖標和“導航”圖標密切相關,經常放在一起使用。導航結構提供了選擇路徑的方法,可以根據設置自動跳轉到指定的目標頁上;“框架”圖標可以方便地設計含有圖形、聲音、動畫等組件的頁面,最重要的是在“框架”圖標的內部內嵌了一整套導航控件,通過這一控件可以更容易實現頁面之間的來回翻轉。

    基本框架結構設計后,對有的地方進行了編輯,如更改控制按鈕的位置和圖標、設置按鈕防止頁面回繞、編輯進入和退出畫面等,使其更適合課件的使用。

    2  多種媒體素材的使用

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

    1)文本的輸入

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

    2)圖片的應用

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

    3)添加背景音樂

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

    4)動畫的調用

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

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

    5)智能對象與數字電影

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

    6)網頁鏈接

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

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

    3  課件的調試與打包

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

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

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

    4  結論

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

    參考文獻

    [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篇：網頁界面設計論文范文

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

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

2、百度地圖 API 簡介

百度地圖 API 是一套由 JavaScript 編寫的將百度地圖嵌入到網頁應用程序的接口，

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

利用百度地圖 API 技術構建 WebGIS 平臺，主要采用客戶端、應用服務器和數據服務器三層結構進行設計。英語專業(yè)其中客戶端主要實現地圖加載、地圖瀏覽和查詢功能；應用服務器則負責處理用戶的訪問和查詢請求；數據服務器用于存取各類空間數據和屬性信息[3]。

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

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

（2）用戶還可以對返回的結果列表根據耗時最少，換乘最少，步行最少以及不坐地鐵四個條件進行篩選。

（3）當用戶點擊每一個方案列表上的公交線路時，彈出一個該公交線路詳細列表對話框，顯示該公交經過的個站點的名字以及該公交線路的運營時間等。

4、系統(tǒng)功能設計

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

4.1、頁面布局設計

第6篇：網頁界面設計論文范文

關鍵詞：網頁設計;課程知識體系;體驗設計;交互設計;信息設計

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

一、網頁設計課程知識體系的構建變遷

1.從代碼知識到網頁制作工具知識的轉變

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

二、用戶模式的網頁之設計認知構建

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

三、基于用戶模型的網頁設計課程的知識體系構建

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

參考文獻：

[1]韓旭.新概念網頁設計.包裝世界，2000（5）.

[2]鬲波飛.網頁設計之視覺信息傳達分析.湖南大學學報（社會科學版），2001（S2）.

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

第7篇：網頁界面設計論文范文

[關鍵詞]人因工程行為運作管理

電子商務用戶體驗

[分類號]F724.6

1引言

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

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

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

2文獻回顧

2.1國外有關用戶體驗的研究綜述

用戶體驗對信息服務的作用已引起國內外學術界的關注，相關學者在理論研究方面進行了大量的探索，包括用戶體驗的定義、內容、特征、模型及評價等。

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

2.2國內關于用戶體驗的研究現狀

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

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

當前相關研究的不足之處表現在：①缺乏完整的用戶體驗的理論體系；②當經濟從以工業(yè)為主導轉向以服務尤其以信息服務為主導時，用戶體驗成為體驗經濟的重要構成要素，但我國缺乏對體驗經濟的深入研究；③信息服務領域對用戶獲取信息過程中的反饋、跟蹤等后續(xù)行為缺乏研究，導致技術的提升并不能帶來積極的用戶體驗。

3理論基礎

3.1用戶界面的人因工程學設計原則

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

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

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

?應用程序和用戶界面分離。數據的存儲組織、查詢、管理由數據庫管理系統(tǒng)完成，應用程序不處理與數據管理相關的工作，而集中實現應用功能。

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

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

?及時的糾錯和幫助功能。系統(tǒng)設計應該能夠對可能出現的錯誤進行檢測和處理，出錯信息應清楚、易理解，其內容應包含出錯位置、出錯原因及修改建議等方面的內容。

3.2基于人因角度的商務網站用戶體驗評價

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

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

4調查與結果分析

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

戶滿意度對比分析。

本次調查對象中男性183人，占總數的61％，女性117人，占總數的39％；從年齡段來看，20歲以下的占7％.2l-30歲的占8l％，31-40歲的占8％，41歲以上的占4％。這個數據比較客觀地反映了目前網民各年齡段的網購比例。

調查問卷涉及網站名長度及域名長度、頁面設計、流程設計等問題，從而得到基于人因角度的用戶體驗度數據(調查數據網址：省略/report/745366.aspx)。網站名長度用戶調查結果如圖2所示：對調杏結果進行總結和分析，如表1所示：

5調查結果驗證與結論

根據基于人因工程的商務網站設計原則以及用戶調查得到的結論，基本上可以得出一套評價商務網站用戶體驗的標準。為驗證該標準，以新蛋網與凡客誠品網為例，進行基于人因工程的用戶滿意度的評價并作對比分析，見表2。評分標準為1-5分，分數越高，表明網站項目越符合人因角度的用戶體驗原則)。

通過以上評分，可以總結出新蛋網在用戶體驗方面的總得分為68，平均得分為4；凡客誠品網總得分為81，平均得分為4.8。凡客誠品網的客戶體驗滿意度比新蛋網高出19.1％。

根據中國互聯(lián)網信息中心(CNNIC)的《2010年中國網絡購物市場研究報告》，在網絡購物市場上，凡客誠品網的用戶滲透率為1.5％，新蛋網的用戶滲透率僅為0.3％；凡客誠品網用戶單一度為23.3％，新蛋網用戶單一度僅為2.9％；凡客誠品網的品牌轉化率達54.8％，新蛋網的品牌轉化率為45.3％；購物網站新增用戶中，10.9％的新增用戶最近半年開始使用凡客誠品網，僅1.1％的新增用戶最近半年開始使用新蛋網?？梢?，凡客誠品網的認知、情感、品牌、可用性、功能性、內容各方面指標均高于新蛋網，體現為凡客誠品網的整體用戶滿意度高于新蛋網。

總結以上分析與驗證結果，可以得出基于人因工程的商務網站用戶體驗的用戶滿意度評價標準，如圖

3所示：

如圖3所示，商務網站的認知因素、情感因素、品牌、可用性、功能性以及內容影響著用戶滿意度。根據以上6個因素，調查用戶購物過程中影響用戶滿意度的具體指標，歸納為網站品牌、網站頁面設計、網站流程設計以及網站功能設計4個維度。根據基于人因工程的商務網站用戶體驗的評價用戶滿意度標準，可以分析得出商務網站當前的用戶滿意度水平，并為商務網站提出建議，提高用戶滿意度。

6南周商城的網站用戶體驗方案

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

從以上評分中，可以知道南周商城的總得分為62，平均得分為4.1；根據建議改進可提高總得分至82，平均得分為4.8，與凡客誠品網接近。因此，根據基于人因工程的商務網站用戶體驗的評價用戶滿意度標準，對南周商城進行改進后，在認知、情感、品牌、可用性、功能性、內容等各方面指標均會得到提高，并最終體現為用戶滿意度的提高。南周商城的網站用戶體驗方案見表3。

7結語

7.1總結

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

7.2研究局限與展望

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

參考文獻：

[1]Nielsen J，Loranger H.網站優(yōu)化：通過提高Web可用性構建用戶滿意的網站[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]劉作儀，查勇.行為運作管理：一個正在顯現的研究領域[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].北京：中國科學技術出版社，2005.

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

[12]孫林巖，李志孝，金天拾.認知綜合模型及其在人機界面設計中的應用[J].西安交通大學學報，1997(sI)：74-81.

[13]賈增歲.數字圖書館用戶界面設計探析[J]現代情報，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電子商務網站的用戶體驗[J].大連海事大學學報(社會科學版)，2007，6(3)：71-75.

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

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

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

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

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

[22]王巍.圖形藝術在網頁設計中的應用[J]電影評介，2007(4)：70-71.

第8篇：網頁界面設計論文范文

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

關鍵詞：任務驅動；教學模式；專業(yè)實踐

中圖分類號：G642

文獻標識碼：B

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

1“任務驅動”教學模式的理論依據

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

2任務設計原則

設計任務是任務驅動教學方案的關鍵，應遵循以下原則：

(1) 任務應該具有明確的目的

設計的任務必須緊緊圍繞教學目標，以強化和鞏固教學內容為直接目的。例如在學習B/S結構編程的過程中，設計制作一個包含動態(tài)網頁功能的個人主頁，在網站制作過程中，學生既可以利用到以前所學的靜態(tài)網頁設計的知識，也可以根據自己對動態(tài)網頁的運用水平，靈活地為自己的個人主頁添磚加瓦。

(2) 任務必須切實可行

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

(3) 任務應該能夠引起學生足夠的興趣

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

(4) 任務應該具有較強的實用性

任務的設計應該要聯(lián)系相關學科的知識，只有實用的知識才是有用的知識。例如以“設計開發(fā)B/S結構下的電子商務平臺”作為任務驅動，既包含了計算機編程的相關知識，又讓學生了解了電子商務的相關內容。

(5)任務的設計應該給學生留有思考的空間

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

3 “專業(yè)實踐”課程的任務設計

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

任務1：對“基于校園網絡的輔助教學平臺”進行需求分析。選擇該軟件進行需求分析的設計，是因為我校很多教師都有應用該軟件進行網絡輔助教學的需求，學生們可以直接在校內完成本軟件的需求分析工作。通過實施該任務，學生可以充分理解和學習軟件開發(fā)中需求分析的作用和地位，同時對后續(xù)的軟件制作有著重要的指導意義。

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

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

任務4：使用可視化編程工具制作一個通訊錄軟件，在該軟件的設計制作過程中引入了數據庫的相關知識，數據庫的相關知識在程序員的知識體系中是不可缺少的一個部分。

任務5：為自己的個人主頁加上網頁計數器的功能，在這個任務中，學生接觸到了關于B/S結構編程的基礎知識，為后續(xù)課程中復雜B/S結構程序的設計與開發(fā)做了鋪墊。

任務6：為自己的個人主頁加上網頁留言板的功能，該任務在簡單B/S結構軟件制作的基礎上引入了數據庫的相關內容，要求學生能夠熟練使用B/S結構軟件編程操作數據庫。

任務7：使用可視化編程工具制作一個功能簡單的即時通訊軟件，該任務以使用可視化編程工具制作軟件界面以及操作數據庫等相關內容為基礎，引入了網絡編程技術，在任務實現過程中強調網絡編程在目前軟件開發(fā)中的重要地位，同時學生通過該任務可以了解C/S結構編程的基本內容。

任務8：設計開發(fā)B/S結構下的電子商務平臺，該任務在結合以前所學的內容基礎上，提高了軟件設計與開發(fā)的難度，強調對學生進行小組協(xié)作能力的培養(yǎng)，在軟件開發(fā)過程中強調模塊化設計的概念，讓學生從宏觀上理解與認識軟件的開發(fā)過程。

任務9：制作一個可以聯(lián)機對戰(zhàn)的五子棋游戲，在該軟件的編制過程中，學生可以進一步鍛煉自己的編程能力，同時加深對基于網絡的軟件開發(fā)過程的認識。

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

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

任務12：對“基于校園網絡的輔助教學平臺”進行軟件測試，軟件的測試往往會被學生忽視，而一個好的軟件必須經過嚴格的測試。在這個任務中，學生可以了解到軟件測試的一般內容，學會對軟件系統(tǒng)進行一些常規(guī)測試，認識軟件測試在軟件開發(fā)中的重要作用。

4教學效果與總結

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

參考文獻

[1] 石良武. 網絡環(huán)境下任務驅動教學方案的設計與實現[J]. 當代教育論壇,2006,(10).

[2] 何克抗. 建構主義學習環(huán)境下的教學設計[M]．北京師范大學出版社.

[3] 凌慧. “任務驅動”教學法的應用原則[J]. 廣西教育,2006,(2).

第9篇：網頁界面設計論文范文

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

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

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

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

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

公共藝術 [本科 非師范]

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

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

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

美術學[本科 非師范]

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

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

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

視覺傳達設計[本科 非師范]

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

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

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

視覺傳達設計(時尚藝術)[本科 非師范]

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

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

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

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

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

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

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

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

專業(yè)名稱

重慶

三校生

美術本科（非師范）招生計劃

備注

重慶

江西

山東

陜西

山西

福建

廣西

美術學

 

37

 

 

8-10

 

 

 

大一下期末可申請轉專業(yè)；重慶三校生限招服裝設計與工藝類專業(yè)。

視覺傳達設計

 

80

10-15

15-20

7-10

15-20

 

8-10

公共藝術

 

81

10-15

15-20

 

15-20

7-10

7-10

視覺傳達設計

（時尚藝術）

10

27

 

 

 

 

8-10