網(wǎng)頁(yè)設(shè)計(jì)開(kāi)題報(bào)告1

　　選題的意義、同類選題現(xiàn)狀分析包括項(xiàng)目實(shí)施的意義和應(yīng)用前景，國(guó)內(nèi)外研究和應(yīng)用概況，發(fā)展趨勢(shì)，本項(xiàng)目的特色或創(chuàng)新之處）

　　電子商務(wù)發(fā)展在世界范圍內(nèi)都是剛剛開(kāi)始，其發(fā)展速度極為迅速，傳統(tǒng)商業(yè)模式正不斷地被新的商業(yè)模式所替代。網(wǎng)上購(gòu)物就是Internet和電子商務(wù)網(wǎng)站的產(chǎn)物，近幾年在我國(guó)發(fā)展迅猛，就如同一些購(gòu)物商場(chǎng)在各地紛紛開(kāi)設(shè)分店以拉近與顧客間的距離一樣。21世紀(jì)是網(wǎng)絡(luò)的時(shí)代，信息的時(shí)代，時(shí)間是非常寶貴的，人們由于種種原因沒(méi)有時(shí)間去逛商場(chǎng)，也不知道哪家商場(chǎng)有自己中意的商品，網(wǎng)上購(gòu)物網(wǎng)站的建立就可以很好的解決這方面的問(wèn)題，可以向廣大用戶推出一種全新的網(wǎng)上信息服務(wù)，旨在貨品與消費(fèi)者之間架起一座高速、便捷的網(wǎng)上信息橋梁，可以為用戶節(jié)省時(shí)間、方便購(gòu)物。

　　在國(guó)內(nèi)也有許多我們所熟悉的大規(guī)模的網(wǎng)上購(gòu)物網(wǎng)站，如阿里巴巴和淘寶網(wǎng)。中國(guó)的網(wǎng)上購(gòu)物在摸索與借鑒中成長(zhǎng)著，利用中國(guó)特有的優(yōu)勢(shì)來(lái)克服不利的外部環(huán)境因素，例如采用“貨到付款”就是中國(guó)購(gòu)物網(wǎng)站的成功創(chuàng)新。隨著外部環(huán)境的逐步優(yōu)化，上購(gòu)物網(wǎng)站發(fā)展前景看好。

　　本網(wǎng)站的主要功能有：用戶注冊(cè)、會(huì)員登錄、貨物分類查詢、貨品瀏覽、購(gòu)買貨品、購(gòu)物車、客戶留言；管理員管理會(huì)員信息以及訂單信息、管理員添加和刪除貨品、管理員查看留言。一方面，讓顧客方便購(gòu)買各類貨物，給本購(gòu)物網(wǎng)站提出寶貴的意見(jiàn)或建議；另一方面，管理員能在管理信息的同時(shí)也能了解顧客的需要，對(duì)網(wǎng)站的不足之處進(jìn)行修改。本購(gòu)物網(wǎng)站還在借鑒其他成功購(gòu)物網(wǎng)站的同時(shí)也加入了一些創(chuàng)新的元素。如在貨物介紹的頁(yè)面中添加了同等商品價(jià)格的最新比較數(shù)據(jù)，讓用戶能夠花比較少的時(shí)間找到自己滿意的產(chǎn)品，同時(shí)在本網(wǎng)站中每個(gè)注冊(cè)用戶還可以擁有自己的一個(gè)小型的BLOG，在其中用戶可以發(fā)展自己的購(gòu)物經(jīng)驗(yàn)和日常的心情。同時(shí)在網(wǎng)站的界面上，本網(wǎng)站了可能讓用戶設(shè)置網(wǎng)頁(yè)的風(fēng)格，用戶可以按照自己的喜好改變網(wǎng)站的背景色，讓整個(gè)網(wǎng)站更加的有特色。

　�。ò�括畢業(yè)設(shè)計(jì)目標(biāo)、設(shè)計(jì)內(nèi)容和擬解決的關(guān)鍵技術(shù)問(wèn)題）

　　購(gòu)物網(wǎng)站的建立是為了節(jié)約顧客時(shí)間和方便顧客購(gòu)物，該網(wǎng)站主要有注冊(cè)會(huì)員、會(huì)員登陸、貨物搜索、購(gòu)物車以及對(duì)會(huì)員、貨品、訂單的管理。以實(shí)現(xiàn)網(wǎng)上書店的交易和管理。

　�。�1）前臺(tái)服務(wù)：注冊(cè)會(huì)員、會(huì)員登陸、會(huì)員修改個(gè)人信息及密碼、貨品分類搜索、貨品瀏覽、貨品購(gòu)買、購(gòu)物車，以及頁(yè)面的特效如：將該網(wǎng)站設(shè)為首頁(yè)、加入收藏、更改網(wǎng)頁(yè)風(fēng)格等。

　�。�2）會(huì)員管理：管理員對(duì)會(huì)員個(gè)人信息的管理，驗(yàn)證會(huì)員登陸信息。并且可以在自己的BLOG中發(fā)表信息。

　　（3）圖書管理：管理員查看書庫(kù)中貨物的庫(kù)存量，包括各種貨物的銷售情況，以及及時(shí)更新數(shù)據(jù)庫(kù)中貨物的各種信息。

　�。�4）訂單管理：管理員對(duì)訂單的管理，確認(rèn)顧客信息與訂單信息的準(zhǔn)確性。

　　本系統(tǒng)主要是利用ASP、Dreamweaver、SQL數(shù)據(jù)庫(kù)來(lái)完成設(shè)計(jì)的，主要完成了貨物分類搜索、貨物瀏覽、貨物購(gòu)買、購(gòu)物車以及會(huì)員管理、貨物管理、訂單管理等功能的實(shí)現(xiàn)。

　�。ò�括開(kāi)發(fā)平臺(tái)選擇、試驗(yàn)方案及可行性分析，設(shè)計(jì)和開(kāi)發(fā)工作的總體安排、步驟等）

　　購(gòu)物網(wǎng)站的設(shè)計(jì)與開(kāi)發(fā)需要微機(jī)一臺(tái)，操作系統(tǒng)為WindowsXP。開(kāi)發(fā)環(huán)境為ASP、Dreamweaver，數(shù)據(jù)庫(kù)為SQLServer20xx或選擇Access。數(shù)據(jù)訪問(wèn)方法為使用ADO。NET通過(guò)ODBC的方法同數(shù)據(jù)庫(kù)接口。使用這種方式訪問(wèn)數(shù)據(jù)，可以使用任何一種ODBC數(shù)據(jù)源，即不止適合于SQLServer、Oracle、Access等數(shù)據(jù)庫(kù)應(yīng)用程序，也適合于Excel表格，文本文件、圖形文件和無(wú)格式的數(shù)據(jù)文件。

　　通過(guò)調(diào)查分析，建立購(gòu)物網(wǎng)有其充分的必要性和可能性。可以建立該網(wǎng)站的可能性具體包含了它具有經(jīng)濟(jì)可行性、技術(shù)上的可行性和時(shí)機(jī)可行性，系統(tǒng)能達(dá)到以最小的開(kāi)發(fā)成本取得最佳的經(jīng)濟(jì)效益，開(kāi)發(fā)中所需人員、硬軟件支持以及其它費(fèi)用進(jìn)行估算情況均滿意，技術(shù)條件也能保證順利完成開(kāi)發(fā)工作。

　　最終認(rèn)為該系統(tǒng)完全可行，網(wǎng)上購(gòu)物網(wǎng)站是一個(gè)網(wǎng)上交易網(wǎng)站，利用該網(wǎng)站用戶可以購(gòu)買貨物，修改自己的購(gòu)物車，在自己的BLOG中發(fā)展信息；管理員作為管理者則可以查詢會(huì)員的訂單信息、管理貨物，對(duì)貨物進(jìn)行添加和刪除。

　　1、前臺(tái)服務(wù)：

　　此模塊是對(duì)于用戶開(kāi)放，實(shí)現(xiàn)的功能有：客戶注冊(cè)，會(huì)員登錄，修改個(gè)人信息及密碼，貨品分類查詢，貨品瀏覽，購(gòu)買貨物，購(gòu)物車，會(huì)員留言等。

　　2、后臺(tái)：

　　此模塊是對(duì)于管理員開(kāi)放，實(shí)現(xiàn)的功能有：會(huì)員基本信息管理、訂單管理、貨物管理、查看留言。

網(wǎng)頁(yè)設(shè)計(jì)開(kāi)題報(bào)告2

　　一、網(wǎng)頁(yè)設(shè)計(jì)的內(nèi)容

　　網(wǎng)頁(yè)設(shè)計(jì)中包含著主觀和客觀兩方面的因素，在確立了網(wǎng)頁(yè)主題之后，首先要明確和熟悉設(shè)計(jì)的對(duì)象和構(gòu)成的要素。網(wǎng)頁(yè)設(shè)計(jì)涉及的具體內(nèi)容很多，可以概括為視聽(tīng)元素和版式設(shè)計(jì)兩個(gè)方面。

　　1、視聽(tīng)元素

　　這里所說(shuō)的視聽(tīng)元素，主要包括:文本、背景、按鈕、圖標(biāo)、圖像、表格、顏色、導(dǎo)航工具、背景音樂(lè)、動(dòng)態(tài)影像等。無(wú)論是文字、圖形、動(dòng)畫，還是音頻、視頻，網(wǎng)頁(yè)設(shè)計(jì)者所要考慮的是如何以感研究的形式把它們放進(jìn)頁(yè)面這個(gè)“大畫布”里。多媒體技術(shù)的運(yùn)用大大豐富了網(wǎng)頁(yè)設(shè)計(jì)的表現(xiàn)力。

　　以上各視聽(tīng)元素大多數(shù)瀏覽器本身都可以顯示或收聽(tīng)，無(wú)需任何外部程序或模塊支持。比如，大部分瀏覽器都可以顯示gif、jpeg圖形和gif89a動(dòng)畫。還有些多媒體文件(如mp3音樂(lè))需要先下載到本地由?上，然后啟動(dòng)相應(yīng)的外部程序來(lái)播放。另外，在瀏覽器使用插件(plug-in)可以播放更多格式的多媒體文件。微軟推出ie瀏覽器后，提供了基于ole的activex技術(shù)，用來(lái)在網(wǎng)頁(yè)中播放多媒體。目前activex已經(jīng)成為熱門技術(shù)。另一種播放多媒體的技術(shù)是javaapplet。它是用java語(yǔ)言編寫的應(yīng)用于網(wǎng)頁(yè)之中的小應(yīng)用程序，相比于插件和activex，javaapplet具有更大的靈活性和良好的跨平臺(tái)能力，因此具有很好的發(fā)展前景。總之，技術(shù)的不斷發(fā)展使多媒體元素在網(wǎng)頁(yè)設(shè)計(jì)中的綜合運(yùn)用越來(lái)越廣泛，使瀏覽者可以享受到更加完美的視聽(tīng)效果。這些新技術(shù)的出現(xiàn)，也對(duì)網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)提出了更高的要求。

　　2、版式設(shè)計(jì)

　　網(wǎng)頁(yè)的版式設(shè)計(jì)同報(bào)刊雜志等平面媒體的版式設(shè)計(jì)有很多共同之處，它在網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)中占據(jù)著重要的地位。所謂網(wǎng)頁(yè)的版式設(shè)計(jì)，是在有限的屏幕空間上將視聽(tīng)多媒體元素進(jìn)行有機(jī)的排列組合，將理性思維個(gè)性化的表現(xiàn)出來(lái)，是一種具有個(gè)研究風(fēng)格和藝術(shù)特色的視聽(tīng)傳達(dá)方式。它在傳達(dá)信息的同時(shí)，也產(chǎn)生感官上的美感和精神上的享受。

　　但網(wǎng)頁(yè)的排版與書籍雜志的排版又有很多差異。印刷品都有固定的規(guī)格尺寸，網(wǎng)頁(yè)則不然，它的尺寸是由讀者來(lái)控制的。這使網(wǎng)頁(yè)設(shè)計(jì)者不能精確控制頁(yè)面上每個(gè)元素的尺寸和位置。而且，網(wǎng)頁(yè)的組織結(jié)構(gòu)不像印刷品那樣為線性組合，這給網(wǎng)頁(yè)的版式設(shè)計(jì)帶來(lái)了一定的難度。

　　二、網(wǎng)頁(yè)設(shè)計(jì)的原則

　　網(wǎng)頁(yè)作為傳播信息的一種載體，同其他出版物如報(bào)紙、雜志等在設(shè)計(jì)上有許多共同之處，也要遵循一些設(shè)計(jì)的基本原則。但是，由于表現(xiàn)形式、運(yùn)行方式和社會(huì)功能的不同，網(wǎng)頁(yè)設(shè)計(jì)又有其自身的特殊規(guī)律。網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)，是技術(shù)與藝術(shù)的結(jié)合，內(nèi)容與形式的統(tǒng)一。它要求設(shè)計(jì)者必須掌握以下三個(gè)主要原則:

　　1、主題鮮明

　　視覺(jué)設(shè)計(jì)表達(dá)的是一定的意圖和要求，有明確的主題，并按照視覺(jué)心理規(guī)律和形式將主題主動(dòng)地傳達(dá)給觀賞者。訴求的目的，是使主題在適當(dāng)?shù)沫h(huán)境里被研究們即時(shí)地理解和接受，以滿足研究們的實(shí)用和需求，這就要求視覺(jué)設(shè)計(jì)不但要單純、簡(jiǎn)練、清晰和精確，而且在強(qiáng)調(diào)藝術(shù)性的同時(shí)，更應(yīng)該注重通過(guò)獨(dú)特的風(fēng)格和強(qiáng)烈的視覺(jué)沖擊力，來(lái)鮮明地突出設(shè)計(jì)主題。

　　根據(jù)認(rèn)知心理學(xué)的理論，大多數(shù)研究在短期記憶中只能同時(shí)把握4到7條分立的信息，而對(duì)多于7條的分立信息或者不分立的信息容易產(chǎn)生記憶上的模糊或遺忘，概括起來(lái)就是:較小而分立的信息要比較長(zhǎng)而不分立的信息更為有效和容易瀏覽。這個(gè)規(guī)律蘊(yùn)含在研究們尋找信息和使用信息的實(shí)踐活動(dòng)中，它要求視覺(jué)設(shè)計(jì)者的網(wǎng)頁(yè)設(shè)計(jì)必須自覺(jué)地掌握和遵從。

　　作為視覺(jué)設(shè)計(jì)范疇一種的網(wǎng)頁(yè)設(shè)計(jì)，其最終目的是達(dá)到最佳的主題訴求效果。這種效果的取得，一方面通過(guò)對(duì)網(wǎng)頁(yè)主題思想運(yùn)用邏輯規(guī)律進(jìn)行條理性處理，使之符合瀏覽者獲取信息的心理需求和邏輯方式，讓瀏覽者快速地理解和吸收;另一方面通過(guò)對(duì)網(wǎng)頁(yè)構(gòu)成元素運(yùn)用藝術(shù)的形式美法則進(jìn)行條理性處理，更好地營(yíng)造符合設(shè)計(jì)目的的視覺(jué)環(huán)境，突出主題，增強(qiáng)瀏覽者對(duì)網(wǎng)頁(yè)的注意力，增進(jìn)對(duì)網(wǎng)頁(yè)內(nèi)容的理解。只有兩個(gè)方面有機(jī)地統(tǒng)一，生能實(shí)現(xiàn)最佳的主題訴求效果。

　　優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)必然服務(wù)于網(wǎng)站的主題，就是說(shuō)，什么樣的網(wǎng)站，應(yīng)該有什么樣的設(shè)計(jì)。例如，設(shè)計(jì)類的個(gè)研究站點(diǎn)與商業(yè)站點(diǎn)性質(zhì)不同，目的也不同，所以評(píng)論的標(biāo)準(zhǔn)也不同。網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站主題的關(guān)系應(yīng)該是這樣:首先，設(shè)計(jì)是為主題服務(wù)的;其次，設(shè)計(jì)是藝術(shù)和技術(shù)結(jié)合的產(chǎn)物，就是說(shuō)，即要“美”，又要實(shí)現(xiàn)“功能”;最后，“美”和“功能”都是為了更好地表達(dá)主題。當(dāng)然，有些情況下，“功能”即是“主題”，還有些情況下，“美”即是主題。例如，雅虎作為一個(gè)搜索引擎，首先要實(shí)現(xiàn)“搜索”的“功能”。它的主題即是它的“功能”。而一個(gè)個(gè)研究網(wǎng)站，可以只體現(xiàn)作者的設(shè)計(jì)思想，或者僅僅以設(shè)計(jì)出“美”的網(wǎng)頁(yè)為目的。它的主題只有一個(gè)，就是——美。

　　只注重主題思想的條理性而忽視網(wǎng)頁(yè)構(gòu)成元素空間關(guān)系的形式美組合，或者只重視網(wǎng)頁(yè)形式上的條理而淡化主題思想的邏輯，都將削弱網(wǎng)頁(yè)主題的最佳訴求效果，難以吸引瀏覽者的注意力，出現(xiàn)平庸的網(wǎng)頁(yè)設(shè)計(jì)或使網(wǎng)頁(yè)設(shè)計(jì)以失敗 而告終。

　　要使網(wǎng)頁(yè)從形式上獲得良好的誘導(dǎo)力，鮮明地突出訴求主題，具體可以通過(guò)對(duì)網(wǎng)頁(yè)的空間層次、主從關(guān)系、視覺(jué)秩序及彼此間的邏輯性的把握運(yùn)用來(lái)達(dá)到。

　　2、形式與內(nèi)容統(tǒng)一

　　任何設(shè)計(jì)都有一定的內(nèi)容和形式。內(nèi)容是構(gòu)成設(shè)計(jì)的一切內(nèi)在要素的總和，是設(shè)計(jì)存在的基礎(chǔ)，被稱為“設(shè)計(jì)的靈魂”;形式是構(gòu)成內(nèi)容諸要素的內(nèi)部結(jié)構(gòu)或內(nèi)容的外部表現(xiàn)方式。設(shè)計(jì)的內(nèi)容就是指它的主題、形象、題材等要素的總和，形式就是它的結(jié)構(gòu)、風(fēng)格或設(shè)計(jì)語(yǔ)言等表現(xiàn)方式。內(nèi)容決定形式，形式反作用于內(nèi)容。一個(gè)優(yōu)秀的設(shè)計(jì)必定是形式對(duì)內(nèi)容的完美表現(xiàn)。正如黑格爾所說(shuō):“工藝的美就不在于要求實(shí)用品的外部造型、色彩、紋樣去摹擬事物，再現(xiàn)現(xiàn)實(shí)，而在于使其外部形式傳達(dá)和表現(xiàn)出一定的情緒、氣氛、格調(diào)、風(fēng)尚、趣味，使物質(zhì)經(jīng)由象征變成相似于精神生活的有關(guān)環(huán)境�！�(黑格爾<美學(xué)>第三卷)

　　一方面，網(wǎng)頁(yè)設(shè)計(jì)所追求的形式美，必須適合主題的需要，這是網(wǎng)頁(yè)設(shè)計(jì)的前提。只講花哨的表現(xiàn)形式以及過(guò)于強(qiáng)調(diào)“獨(dú)特的設(shè)計(jì)風(fēng)格”而脫離內(nèi)容，或者只求內(nèi)容而缺乏藝術(shù)的表現(xiàn)，網(wǎng)頁(yè)設(shè)計(jì)都會(huì)變的空洞而無(wú)力。設(shè)計(jì)者只有將二者有機(jī)地統(tǒng)一起來(lái)，深入領(lǐng)會(huì)主題的精髓，再融合自己的思想感情，找到一個(gè)完美的表現(xiàn)形式，生能體現(xiàn)出網(wǎng)頁(yè)設(shè)計(jì)獨(dú)具的分量和特有的價(jià)值。另一方面，要確保網(wǎng)頁(yè)上的每一個(gè)元素都有存在的必要性，不要為了炫耀而使用冗余的技術(shù)。那樣得到的效果可能會(huì)適得其反。只有通過(guò)認(rèn)真設(shè)計(jì)和充分的考慮來(lái)實(shí)現(xiàn)全面的功能并體現(xiàn)美感生能實(shí)現(xiàn)形式與內(nèi)容的統(tǒng)一。

　　據(jù)有關(guān)資料所做的保守估計(jì)，目前在上網(wǎng)頁(yè)數(shù)據(jù)傳輸平均以每秒1、5k的速度到達(dá)客戶端。假設(shè)某個(gè)網(wǎng)頁(yè)為了豐富其藝術(shù)性而追趕時(shí)髦地大量使用圖像或其它多媒體元素等，雖然達(dá)到了其靜態(tài)形式美的效果，卻造成多達(dá)幾十k甚至更大的網(wǎng)頁(yè)數(shù)據(jù)，使瀏覽者必須等待很長(zhǎng)時(shí)間生能看到“廬山真面目”，這樣的網(wǎng)頁(yè)就不是一個(gè)優(yōu)秀的網(wǎng)頁(yè)，因?yàn)樗�不符合網(wǎng)頁(yè)傳播信息的突出特性之一——快捷性，使網(wǎng)頁(yè)內(nèi)容不能很快地到達(dá)訪問(wèn)者，影響了訪問(wèn)效果和質(zhì)量，損害了訪問(wèn)者的情趣和積極性，這種技術(shù)要素影響了傳達(dá)信息的效果，因而不是形式與內(nèi)容的完美統(tǒng)一。

　　網(wǎng)頁(yè)具有多屏、分頁(yè)、嵌套等特性，設(shè)計(jì)者可以對(duì)其進(jìn)行形式上的適當(dāng)變化以達(dá)到多變性處理效果，豐富整個(gè)網(wǎng)頁(yè)的形式美。這就要求設(shè)計(jì)者在注意單個(gè)頁(yè)面形式與內(nèi)容統(tǒng)一的同時(shí)，更不能忽視同一主題下多個(gè)分頁(yè)面組成的整體網(wǎng)頁(yè)的形式與整體內(nèi)容的統(tǒng)一。

　　因此，在網(wǎng)頁(yè)設(shè)計(jì)中必須注意形式與內(nèi)容的高度統(tǒng)一。

　　3、強(qiáng)調(diào)整體

　　網(wǎng)頁(yè)的整體性包括內(nèi)容和形式上的整體性，這里主要討論設(shè)計(jì)形式上的整體性。

　　網(wǎng)頁(yè)是傳播信息的載體，它要表達(dá)的是一定的內(nèi)容、主題和意念，在適當(dāng)?shù)臅r(shí)間和空間環(huán)境里為研究們所理解和接受，它以滿足研究們的實(shí)用和需求為目標(biāo)。設(shè)計(jì)時(shí)強(qiáng)調(diào)其整體性，可以使瀏覽者更快捷、更準(zhǔn)確、更全面地認(rèn)識(shí)它、掌握它，并給研究一種內(nèi)部有機(jī)聯(lián)系、外部和諧完整的美感。整體性也是體現(xiàn)一個(gè)站點(diǎn)獨(dú)特風(fēng)格的重要手段之一。

　　網(wǎng)頁(yè)的結(jié)構(gòu)形式是由各種視聽(tīng)要素組成的。在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，強(qiáng)調(diào)頁(yè)面各組成部分的共性因素或者使諸部分共同含有某種形式特征，是求得整體的常用方法。這主要從版式、色彩、風(fēng)格等方面入手。例如:在版式上，將頁(yè)面中各視覺(jué)要素作通盤考慮，以周密的組織和精確的定位來(lái)獲得頁(yè)面的秩序感，即使運(yùn)用“散”的結(jié)構(gòu)，也是經(jīng)過(guò)深思熟慮之后的決定;一個(gè)站點(diǎn)通常只使用兩到三種標(biāo)準(zhǔn)色，并注意色彩搭配的和諧;對(duì)于分屏的長(zhǎng)頁(yè)面，不可設(shè)計(jì)完第一屏再考慮下一屏。同樣，整個(gè)網(wǎng)頁(yè)內(nèi)部的頁(yè)面，都應(yīng)統(tǒng)一規(guī)劃，統(tǒng)一風(fēng)格，讓瀏覽者體會(huì)到設(shè)計(jì)者完整的設(shè)計(jì)思想。

　　從某種意義上講，強(qiáng)調(diào)網(wǎng)頁(yè)結(jié)構(gòu)形式的視覺(jué)整體性必然會(huì)犧牲靈活的多變性，“物極必反”就是這個(gè)道理。因此，在強(qiáng)調(diào)網(wǎng)頁(yè)整體性設(shè)計(jì)的同時(shí)必須注意:過(guò)于強(qiáng)調(diào)整體性可能會(huì)使網(wǎng)頁(yè)呆板、沉悶，以致影響訪問(wèn)者的情趣和繼續(xù)瀏覽的欲望�！罢�體”是“多變”基礎(chǔ)上的整體。

　　三、網(wǎng)頁(yè)設(shè)計(jì)的特點(diǎn)

　　1、交互性與持續(xù)性

　　網(wǎng)頁(yè)不同于傳統(tǒng)媒體之處，就在于信息的動(dòng)態(tài)更新和即時(shí)交互性。即時(shí)的交互性是web成為熱點(diǎn)的主要原因，也是網(wǎng)頁(yè)設(shè)計(jì)時(shí)必須考慮的問(wèn)題。傳統(tǒng)媒體(如廣播、電視節(jié)目、報(bào)刊雜志等)都以線性方式提供信息，即按照信息提供者的感覺(jué)、體驗(yàn)和事先確定的格式來(lái)傳播。而在web環(huán)境下，研究們不再是一個(gè)傳統(tǒng)媒體方式的被動(dòng)接受者，而是以一個(gè)主動(dòng)參與者的身份加入到信息的加工處理和發(fā)布之中。這種持續(xù)的交互，使網(wǎng)頁(yè)設(shè)計(jì)不像印刷品設(shè)計(jì)那樣，發(fā)表之后就意味著設(shè)計(jì)的結(jié)束。網(wǎng)頁(yè)設(shè)計(jì)研究員必須根據(jù)網(wǎng)站各個(gè)階段的經(jīng)營(yíng)目標(biāo)，配合網(wǎng)站不同時(shí)期的經(jīng)營(yíng)策略，以及用戶的反饋信息，經(jīng)常地對(duì)網(wǎng)頁(yè)進(jìn)行調(diào)整和修改。例如，為了保持瀏覽者對(duì)網(wǎng)站的新鮮感，很多大型網(wǎng)站總是定期或不定期的進(jìn)行改版，這就需要設(shè)計(jì)者在保持網(wǎng)站視覺(jué)形象一貫性的基礎(chǔ)上，不斷創(chuàng)作出新的網(wǎng)頁(yè)設(shè)計(jì)作品。

　　2、多維性

　　多維性源于超級(jí)鏈接，主要體現(xiàn)在網(wǎng)頁(yè)設(shè)計(jì)中對(duì)導(dǎo)航的設(shè)計(jì)上。由于超級(jí)鏈接的出現(xiàn)，網(wǎng)頁(yè)的組織結(jié)構(gòu)更加豐富，瀏覽者可以在各種主題之間自由跳轉(zhuǎn)，從而打破了以前研究們接收信息的線性方式。例如，可將頁(yè)面的組織結(jié)構(gòu)分為序列結(jié)構(gòu)、層次結(jié)構(gòu)、網(wǎng)狀結(jié)構(gòu)、復(fù)合結(jié)構(gòu)等。但頁(yè)面之間的關(guān)系過(guò)于復(fù)雜，不僅使瀏覽者檢索和查找信息增加了難度，也給設(shè)計(jì)者帶來(lái)了更大的困難。為了讓瀏覽者在網(wǎng)頁(yè)上迅速找到所需的信息，設(shè)計(jì)者必須考慮快捷而完善的導(dǎo)航設(shè)計(jì)。

　　印刷品中導(dǎo)航問(wèn)題不是那么突出，如果一個(gè)句子在頁(yè)尾突然終止，讀者會(huì)很自然地翻到下一頁(yè)查找剩余部分，為了幫助讀者找到他們要找的信息，出版者提供了目錄、索引或腳注。如果文章從期刊中的一頁(yè)跳到后面的非順序頁(yè)時(shí)，讀者會(huì)看到類似于“續(xù)68頁(yè)”這樣的指引語(yǔ)句。然而，作為一名網(wǎng)頁(yè)設(shè)計(jì)者，你以前所學(xué)的導(dǎo)航技術(shù)沒(méi)有一種完全適合于網(wǎng)頁(yè)導(dǎo)航。在替瀏覽者考慮得很周到的網(wǎng)頁(yè)中，導(dǎo)航提供了足夠的、不同角度的鏈接，幫助讀者在網(wǎng)頁(yè)的各個(gè)部分之間跳轉(zhuǎn)，并告知瀏覽者現(xiàn)在所在的位置、當(dāng)前頁(yè)面和其他頁(yè)面之間的關(guān)系等。而且，每頁(yè)都有一個(gè)返回主頁(yè)的按鈕或鏈接，如果頁(yè)面是按層次結(jié)構(gòu)組織的，通常還有一個(gè)返回上級(jí)頁(yè)面的鏈接。對(duì)于網(wǎng)頁(yè)設(shè)計(jì)者來(lái)說(shuō)，面對(duì)的不是按順序排列的印刷頁(yè)面，而是自由分散的網(wǎng)頁(yè)，因此必須考慮更多的問(wèn)題。如:怎樣構(gòu)建合理的頁(yè)面組織結(jié)構(gòu)，讓瀏覽者對(duì)你提供的巨量信息感到條理?怎樣建立包括站點(diǎn)索引、幫助頁(yè)面、查詢功能在內(nèi)的導(dǎo)航系統(tǒng)?這一切從哪兒開(kāi)始，到哪兒結(jié)束?

　　3、多種媒體的綜合性

　　目前網(wǎng)頁(yè)中使用的多媒體視聽(tīng)元素主要有文字、圖像、聲音、視頻等，隨著網(wǎng)絡(luò)帶寬的增加、芯片處理速度的提高以及跨平臺(tái)的多媒體文件格式的推廣，必將促使設(shè)計(jì)者綜合運(yùn)用多種媒體元素來(lái)設(shè)計(jì)網(wǎng)頁(yè)，以滿足和豐富瀏覽者對(duì)網(wǎng)絡(luò)信息傳輸質(zhì)量提出的更高要求。目前國(guó)內(nèi)網(wǎng)頁(yè)已經(jīng)出現(xiàn)了模擬三維的操作界面，在數(shù)據(jù)壓縮技術(shù)的改進(jìn)和流(stream)技術(shù)的推動(dòng)下，inter網(wǎng)上出現(xiàn)實(shí)時(shí)的音頻和視頻服務(wù)，典型的有在線音樂(lè)、在線廣播、網(wǎng)上電影 、網(wǎng)上直播等。因此，多種媒體的綜合運(yùn)用是網(wǎng)頁(yè)設(shè)計(jì)的特點(diǎn)之一，是未來(lái)的發(fā)展方向。

　　4、版式的不可控性

　　網(wǎng)頁(yè)版式設(shè)計(jì)與傳統(tǒng)印刷版式設(shè)計(jì)有著極大的差異:

　　(1)印刷品設(shè)計(jì)者可以指定使用的紙張和油墨，而網(wǎng)頁(yè)設(shè)計(jì)者卻不能要求瀏覽者使用什么樣的電腦或?yàn)g覽器;

　　(2)網(wǎng)絡(luò)正處于不斷發(fā)展之中，不象印刷那樣基本具備了成熟的印刷標(biāo)準(zhǔn);

　　(3)網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中有關(guān)web的每一件事都可能隨時(shí)發(fā)生變化。

　　這一切說(shuō)明，網(wǎng)絡(luò)應(yīng)用尚處在發(fā)展之中，關(guān)于網(wǎng)絡(luò)應(yīng)用也很難在各個(gè)方面都制訂出統(tǒng)一的標(biāo)準(zhǔn)，這必然導(dǎo)致網(wǎng)頁(yè)版式設(shè)計(jì)的不可控制性。其具體表現(xiàn)為:

　　(1)網(wǎng)頁(yè)頁(yè)面會(huì)根據(jù)當(dāng)前瀏覽器窗口大小自動(dòng)格式化輸出;

　　(2)網(wǎng)頁(yè)的瀏覽者可以控制網(wǎng)頁(yè)頁(yè)面在瀏覽器中的顯示方式;

　　(3)不同種類、版本的瀏覽器觀察同一個(gè)網(wǎng)頁(yè)頁(yè)面，效果會(huì)有所不同;

　　(4)用戶的瀏覽器工作環(huán)境不同，顯示效果也會(huì)有所不同。

　　把所有這些問(wèn)題歸結(jié)為一點(diǎn)，即網(wǎng)頁(yè)設(shè)計(jì)者無(wú)法控制頁(yè)面在用戶端的最終顯示效果，但這也正是網(wǎng)頁(yè)設(shè)計(jì)的吸引研究之處。

　　5、技術(shù)與藝術(shù)結(jié)合的緊密性

　　設(shè)計(jì)是主觀和客觀共同作用的結(jié)果，是在自由和不自由之間進(jìn)行的，設(shè)計(jì)者不能超越自身已有經(jīng)驗(yàn)和所處環(huán)境提供的客觀條件限制，優(yōu)秀設(shè)計(jì)者正是在掌握客觀規(guī)律基礎(chǔ)上得到了完全的自由，一種想象和創(chuàng)造的自由。網(wǎng)絡(luò)技術(shù)主要表現(xiàn)為客觀因素，藝術(shù)創(chuàng)意主要表現(xiàn)為主觀因素，網(wǎng)頁(yè)設(shè)計(jì)者應(yīng)該積極主動(dòng)地掌握現(xiàn)有的各種網(wǎng)絡(luò)技術(shù)規(guī)律，注重技術(shù)和藝術(shù)緊密結(jié)合，這樣生能窮盡技術(shù)之長(zhǎng)，實(shí)現(xiàn)藝術(shù)想象，滿足瀏覽者對(duì)網(wǎng)頁(yè)信息的高質(zhì)量需求。

　　例如，瀏覽者欣賞一段音樂(lè)或電影，以前必須先將這段音樂(lè)或電影下載回本地機(jī)器，然后使用相應(yīng)的程序來(lái)播放，由于音頻或視頻文件都比較大，需要較長(zhǎng)的下載時(shí)間。流(stream)技術(shù)出現(xiàn)以后，網(wǎng)頁(yè)設(shè)計(jì)者充分、巧妙地應(yīng)用此技術(shù)，讓瀏覽者在下載過(guò)程中就可以欣賞這段音樂(lè)或電影，實(shí)現(xiàn)了實(shí)時(shí)的網(wǎng)上視頻直播服務(wù)和在線欣賞音樂(lè)服務(wù)，無(wú)疑增強(qiáng)了頁(yè)面?zhèn)鞑バ畔⒌谋憩F(xiàn)力和感染力。

　　網(wǎng)絡(luò)技術(shù)與藝術(shù)創(chuàng)意的緊密結(jié)合，使網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)由平面設(shè)計(jì)擴(kuò)展到立體設(shè)計(jì)，由純粹的視覺(jué)藝術(shù)擴(kuò)展到空間聽(tīng)覺(jué)藝術(shù)，網(wǎng)頁(yè)效果不再近似于書籍或報(bào)刊雜志等印刷媒體，而更接近于電影或電視的觀賞效果。技術(shù)發(fā)展促進(jìn)了技術(shù)與藝術(shù)的緊密結(jié)合，把瀏覽者帶入一個(gè)真正現(xiàn)實(shí)中的虛擬世界。

　　技術(shù)與藝術(shù)的緊密結(jié)合在網(wǎng)頁(yè)設(shè)計(jì)中體現(xiàn)得尤為突出。

網(wǎng)頁(yè)設(shè)計(jì)開(kāi)題報(bào)告3

　　一、畢業(yè)設(shè)計(jì)的內(nèi)容和意義：

　　學(xué)校網(wǎng)站是實(shí)現(xiàn)教育資源分配的橋梁網(wǎng)絡(luò)有巨大的教育資源庫(kù)，它聚集社會(huì)的力量，使教育資源無(wú)限增長(zhǎng)。學(xué)校網(wǎng)站是最佳的教學(xué)研究室，學(xué)校網(wǎng)站與教育類專門網(wǎng)站的有效鏈接，給學(xué)校教學(xué)研究帶來(lái)了一片新天地，各種優(yōu)秀文章、各科素材、優(yōu)秀軟件下載等內(nèi)容為學(xué)生提供了極佳的平臺(tái)。有效地降低教研成本、提高效率。

　　我國(guó)的大學(xué)教育已經(jīng)普及，大學(xué)生的隊(duì)伍也正在不斷壯大，為了 方便大學(xué)生對(duì)本校各項(xiàng)工作的了解以及加深學(xué)生、教師與學(xué)校之間相 互的交流，建設(shè)一個(gè)規(guī)�；�的校園網(wǎng)站成為了當(dāng)務(wù)之急。網(wǎng)絡(luò)化將給我們的工作和學(xué)習(xí)帶來(lái)了極大的便利。

　　以Internet/Intranet為網(wǎng)絡(luò)平臺(tái)實(shí)現(xiàn)校園網(wǎng)絡(luò)各項(xiàng)信息發(fā)布、管理、設(shè)置等功能。本題目要開(kāi)發(fā)一個(gè)校園網(wǎng)門戶網(wǎng)站。包括BBS系統(tǒng)平臺(tái)、院校新聞發(fā)布平臺(tái)，在限選課平臺(tái)。后臺(tái)：包括平臺(tái)管理、統(tǒng)一認(rèn)證、資源管理、用戶權(quán)限管理等。

　　二、文獻(xiàn)綜述：

　　經(jīng)濟(jì)高速發(fā)展的今天，校園的各種信息的收集與發(fā)布都要求有一個(gè)高的效率。由于大學(xué)生的生活節(jié)奏較快，且電腦普及率和上網(wǎng)概率也隨著社會(huì)的發(fā)展越來(lái)越高，學(xué)生上網(wǎng)獲取信息的機(jī)會(huì)越來(lái)越多。所以，學(xué)�？梢詫⒄�務(wù)宣傳服務(wù)切入到這個(gè)點(diǎn)來(lái)，讓學(xué)生更方便地獲取相關(guān)信息，這將大大提高學(xué)生學(xué)習(xí)的進(jìn)度和對(duì)學(xué)校教育的滿意度。這就要求通過(guò)網(wǎng)站，全面宣傳、展示學(xué)校風(fēng)采、優(yōu)點(diǎn)與特色，發(fā)布學(xué)校的重大活動(dòng)安排與招生政策，增強(qiáng)家長(zhǎng)與學(xué)校之間的聯(lián)系，在Internet上實(shí)現(xiàn)完成部分校務(wù)，提高辦事效率。

　　該系統(tǒng)是面向全網(wǎng)絡(luò)的，作為學(xué)校與外界聯(lián)系的一個(gè)平臺(tái)。系統(tǒng)管理員負(fù)責(zé)更新網(wǎng)站內(nèi)容，不同權(quán)限的用戶登錄系統(tǒng)將進(jìn)入不同的頁(yè)面，實(shí)現(xiàn)不同的操作。

　　系統(tǒng)主要包括六個(gè)模塊：

　　1.用戶注冊(cè)模塊：這個(gè)模塊完成新用戶的注冊(cè)功能，并能對(duì)注冊(cè)信息進(jìn)行檢查。

　　2.用戶登錄模塊：這個(gè)模塊提供用戶的登錄界面，并驗(yàn)證用戶名和密碼,以確定用戶身份。

　　3.顯示模塊：這個(gè)模塊將根據(jù)用戶權(quán)限顯示出不同的頁(yè)面，以及內(nèi)容。

　　4.操作模塊：這個(gè)模塊提供與內(nèi)容相關(guān)的功能，并且對(duì)不同身份的用戶給予不同的操作權(quán)限。

　　5.用戶管理模塊：這個(gè)模塊能夠?qū)τ脩魝�(gè)人信息進(jìn)行管理。

　　6.數(shù)據(jù)庫(kù)模塊：這個(gè)模塊實(shí)現(xiàn)對(duì)數(shù)據(jù)庫(kù)的連接和訪問(wèn)。

　　三、工作計(jì)劃及方案論證：

　　1．第一階段：11月20日 — 11月25日

　　閱讀資料；進(jìn)行需求分析，提出設(shè)計(jì)方案確定技術(shù)路線，完成開(kāi)

　　題報(bào)告；設(shè)計(jì)軟件原型。

　　2．第二階段：11月26日 — 2月10日

　　在上一階段基礎(chǔ)上，按時(shí)、按質(zhì)、按量完成畢業(yè)設(shè)計(jì)任務(wù)

　　3．第三階段：2月11日 — 4月1日

　　總結(jié)所有的工作，完成畢業(yè)設(shè)計(jì)論文初稿

　　4．第四階段：4月2日 —4月20日

　　修改論文；小組內(nèi)答辯，評(píng)分；準(zhǔn)備答辯材料

　　四、參考文獻(xiàn)：（不少于10篇，期刊類文獻(xiàn)不少于7篇）

　　[1] 周懷軍. ASP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用教程[M]. 電子工業(yè)出版社,20xx-3

　　[2] 趙燕萍. 電子商務(wù)概論[M]. 北京中共中央黨校出版社,20xx-11

　　[3] 王恩波 王若賓. 管理信息系統(tǒng)實(shí)用教程[M].人民郵電出版社,20xx-9

　　[4] 唐乾林. 網(wǎng)頁(yè)設(shè)計(jì)與制作案例教程[M]機(jī)械工業(yè)出版社,20xx-8

　　[5] 趙增敏. ASP可視化編程及應(yīng)用[M].機(jī)械工業(yè)出版社,20xx

　　[6] 龔小勇. 關(guān)系數(shù)據(jù)庫(kù)與SQL Server20xx[M].機(jī)械工業(yè)出版社,20xx-1

　　[7] 崔良海 沙俐敏. WEB編程技術(shù)[M].人民郵電出版社,20xx

　　[8] 陳家琪. C程序設(shè)計(jì)教程[M].新華出版社,20xx-11

　　[9] 明日科技. ASP.NET數(shù)據(jù)庫(kù)系統(tǒng)開(kāi)發(fā)完全手冊(cè)[M].人民郵電出版社,20xx-1

　　[10] 鄧春妮 孫艷華 鄒慶云. ASP.NET信息化系統(tǒng)建設(shè)案例[M].人民郵電出版社,20xx-XX

　　[11] 張樹(shù)亮 李超. ASP.NET 2.0+SQL Server網(wǎng)絡(luò)應(yīng)用系統(tǒng)開(kāi)發(fā)案例精解 清華大學(xué)出版社,20xx-9

　　[XX] 李文梅. 談采用ASP數(shù)據(jù)庫(kù)存取組件訪問(wèn)SQL Server數(shù)據(jù)庫(kù) 新余高專學(xué)報(bào),20xx-10-30 期刊

　　[XX] 王大龍. 基于VB程序和SQL Server數(shù)據(jù)庫(kù)的多條件模糊查詢的實(shí)現(xiàn) 電腦知識(shí)與技術(shù),20xx-XX-15期刊

　　[14] 朱麗敏. 交互式動(dòng)態(tài)網(wǎng)頁(yè)建構(gòu)技術(shù)——ASP技術(shù) 太原科技,20xx-02-26期刊

　　[15] 王珂玲. 利用報(bào),20xx-06-30ASP技術(shù)訪問(wèn)數(shù)據(jù)庫(kù)技術(shù)探討 湖南輕工業(yè)高等�？茖W(xué)校學(xué)期刊ASP技術(shù)的在線教育系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn) 電腦知識(shí)與技[16] 吳錦. 基于術(shù),20xx-XX-25期刊

　　[17] 王明華. 用ASP技術(shù)實(shí)現(xiàn)網(wǎng)上購(gòu)物系統(tǒng) 科技資訊,20xx-09-03期刊

　　[18] 王海燕 王明明 張景義. 用術(shù),20xx-06-25ASP技術(shù)實(shí)現(xiàn)人員信息查詢系統(tǒng) 電腦知識(shí)與技期刊ASP技術(shù)的網(wǎng)站后臺(tái)管理系統(tǒng) 電腦知識(shí)與技術(shù),20xx-06-25[19] 李錚. 基于刊 期