【正文】 ，網(wǎng)站設計開始首先遇到的問題。網(wǎng)站題材千奇百怪，琳瑯滿目，只要想的到，就可以把它制作 出來。 二、定位 網(wǎng)站 的 CI 形象 所謂 CI，是借用的廣告術語。 (CI 是英文 corporate identity 的縮寫 )，意思是通過視覺來統(tǒng)一企業(yè)的形象?，F(xiàn)實生活中的 CI 策劃比比皆是，杰出的例子如：可口可樂公司，全球統(tǒng)一的標志，色彩和產(chǎn)品包裝，給我們的印象極為深刻。更多的例子如 SONY，三菱，麥當勞等等。 一個杰出的網(wǎng)站，和實體公司一樣，也需要整體的形象包裝和設計。準確的，有創(chuàng)意的 CI 設計，對網(wǎng)站的宣傳推廣有事半功倍的效果。在您的網(wǎng)站主題和名稱定下來之后，需要思考的就 是網(wǎng)站的 CI 形象。 (logo).首先需要設計制作一個網(wǎng)站的標志 (logo)。就如同商標一樣， logo 是站點特色和內(nèi)涵的集中體現(xiàn)，看見 logo 就讓大家聯(lián)想起 自己 的站點。這里的 logo 不是指 88X31 的小圖標 banner，而是網(wǎng)站的標志。 標志可以是中文，英文字母，可以是符號，圖案，可以是動物或者人物等等。標志的設計創(chuàng)意 主要 來自網(wǎng)站的名稱和內(nèi)容。 我做的是 書店 網(wǎng)站，所以我的站標就體現(xiàn)了該網(wǎng)站的主旨： E 夢書齋 。 (1)網(wǎng)頁設計的色彩思考 (2)網(wǎng)頁色彩搭配內(nèi)涵 (3)網(wǎng)站設計風格和色彩搭配經(jīng)驗談 網(wǎng)站給人的第一印象來 自視覺沖擊，確定網(wǎng)站的標準色彩是相當重要的一步。不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪問者的情緒。 “標準色彩 ”是指能體現(xiàn)網(wǎng)站 形 象和延伸內(nèi)涵的色彩。 作為網(wǎng)頁設計師來說，做到有針對性的用色是相當重要的，因為網(wǎng)站往往是各種各樣的，大公司的、政府組織、體育組織、聊天的、新聞的、個人主頁等等，不同內(nèi)容的網(wǎng)頁的用色應是有較大的區(qū)別，所以要合理的使用色彩來體現(xiàn)出網(wǎng)站的特色，這是高明的做法。 我的 書店 網(wǎng)站以藍色為主色調(diào)， ，整個網(wǎng)站頁面色調(diào)顯得 清新自然 。 。也可以說是網(wǎng)站的精神，網(wǎng)站的目標。用一 句話甚第三章 具體設計 18 至一個詞來高度概括。類似實際生活中的廣告金句。例如：鵲巢的 “味道好極了 ”；麥斯威爾的 “好東西和好朋友一起分享 ”； Intel的 “給你一個奔騰的心 ”。 我的 書店網(wǎng)站的宣傳標語就是：“成就您的 IT 夢想！ ” 三 、確定網(wǎng)站的欄目內(nèi)容 和版塊 建立一個網(wǎng)站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰。如果網(wǎng)站結構不清晰，目錄龐雜，內(nèi)容東一塊西一塊。結果不但瀏覽者看得糊涂，自己擴充和維護網(wǎng)站也相當困難。 在動手制作網(wǎng)頁前，一定要考慮好以下三方面： 確定欄目和版塊； 確定網(wǎng)站的目錄結構和鏈接結構 網(wǎng)站的整體風格創(chuàng)意設計 欄目的實質是一個網(wǎng)站的大綱索引，索引應該將網(wǎng)站的主體明確顯示出來。在制定欄目的時候，要仔細考慮，合理安排 。 網(wǎng)頁 的主題 一般的做法是：將主題按一定的方法分類并將它們作為網(wǎng)站的主欄目。 如果你的首頁沒有安排版面放置最近更新內(nèi)容信息，就有必要設立一個 “最近更新 ”的欄目。這樣做是為了照顧常來的訪客，讓 自己 的主頁更有人性化。 網(wǎng)站的連接結構 網(wǎng)上 書店 系統(tǒng)的特點是利用 Brower/Server 結構，實現(xiàn)整個 內(nèi)部的信息化管理。這種系統(tǒng)的優(yōu)勢在于系統(tǒng)簡單、功能強大、擴展性良好以及跨地域操作等性能。 Client/Server 模式與 Brower/Server 模式是現(xiàn)在比較流行的兩種數(shù)據(jù)庫應用模式，單獨應用任一種模式都將受其自身的弱點限制。 Crower/Server 模式主要是以局域網(wǎng)為基礎的環(huán)境下應用開發(fā)出來的，它受到地域的限制。而 Brower/Server模式通過 Inter 進行通信，可以不受地域的限制，但是它不能夠進行聯(lián)機事物處理，并且在大量數(shù)據(jù)處理的情況下速度較慢。 對于本系統(tǒng)，其功能目標是要實現(xiàn)包括求職方 和招聘方的信息資源共享、各種交流活動以及發(fā)現(xiàn)不同用戶的權限控制。由于本系統(tǒng)數(shù)據(jù)操作量不大，因此采第三章 具體設計 19 用 Brower/Server 結構來進行設計是合理可行的。 在權限控制上，動態(tài)的 c. 腳本具有良好的效率和安全性。 隨著電子商務的推廣，網(wǎng)站競爭的越來越激烈，對鏈接結構設計的要求已經(jīng)不僅僅局限于可以方便快速的瀏覽，更加注重個性化和相關性。 用戶管理 在動態(tài)網(wǎng)站的建設中我們采用了后臺數(shù)據(jù)庫與前臺相連接的技術實現(xiàn)了動態(tài)網(wǎng)頁的定期更新，主頁面中可以看到 “登錄書齋”連接按鈕， 點擊可以進入登陸頁面，如果輸入用戶 名、密碼正確可以進入后臺管理系統(tǒng)。不正確則會提示 ：您的輸入有誤！ 。 對與后臺管理這一塊，其安全性必須是有一定的高度，這樣對于那些目的不明或是黑客來說，可以起到足夠的遏制作用，一定程度上增強了該系統(tǒng)的安全性，也能使系統(tǒng)的可用性時間延長適當?shù)臅r間。 對于前臺來說，設計初衷和理念中是以簡潔大方為主線，進入后臺管理我們可以實現(xiàn)對用戶的管理、共享資源的管理等等操作?？梢赃M行實時自動更新等功能，實現(xiàn)用戶信息的個人定制。 網(wǎng)站結構設計 一個典型的 購書 網(wǎng)站至少應包括會員管理、 書籍管理、留言管理、書籍添加等 功能 ，本書 店的基本功能如下： 系統(tǒng)功能分析與設計 網(wǎng)上 書店 共分為 3 個模塊： 登錄 、注冊 模塊、 管理員 登錄操作 、注冊用戶 登錄操作 ： 、 注冊模塊 ： (1) 用戶注冊為會員 (2) 驗證用戶的注冊信息 (3) 會員登陸系統(tǒng)時的身份驗證 （區(qū)別出管理員和普通會員） ： (1) 添加新書。 第三章 具體設計 20 (2) 管理書籍類別。 (3) 發(fā)布書齋快訊。 (4) 管理留言板。 (5) 管理個人信息。 (6) 管理訂單。 (7) 管理注冊會員用戶。 (8) 修改圖書信息。 (9) 管理圖書銷量統(tǒng)計。 登錄 ： (1) 瀏覽書籍。 (2) 購買。 (3) 管理購物車。 (4) 管理賬單。 (5) 發(fā)表留言。 (6) 閱讀新聞 數(shù)據(jù)庫結構設計 根據(jù)系統(tǒng)功能設計要求和模塊劃分，本站的數(shù)據(jù)庫主要存儲個人用戶信息、企業(yè)用戶信息、求職信息和招聘信息。 數(shù)據(jù)庫需求分析 數(shù)據(jù)項和和數(shù)據(jù)結構如下： 1)用戶表 (users) 此數(shù)據(jù)表用來存儲注冊的用戶信息： 字段名 數(shù)據(jù)類型 長度 是否可空 備注 UserId Int 4 N 用戶號 UserName Nvarchar 10 N 用戶名 UserPwd Nvarchar 10 Y 密碼 UserRole Nvarchar 10 Y 角色 UserRealName Nvarchar 8 Y 真實姓名 Question Nvarchar 50 Y 密保問題 Answer Nvarchar 50 Y 密保答案 Email Nvarchar 50 Y 郵箱 Address Nvarchar 50 Y 地址 第三章 具體設計 21 Zip Nvarchar 6 Y 郵編 2)快訊表 (News) 此數(shù)據(jù)表用來存儲書齋快訊的信息字段： 字段名 數(shù)據(jù)類型 長度 是否可 空 備注 NewsId Int 4 N 書訊編號 NewsName Nvarchar 50 Y 書訊標題 NewsPubler Nvarchar 50 Y 發(fā)布者 NewsContent Ntext 16 Y 書訊內(nèi)容 3)書籍信息表 (bookinfo) 此數(shù)據(jù)表用來存儲書籍的所有屬性信息： 字段名 數(shù)據(jù)類型 長度 是否可空 備注 BookId Int 4 N 書籍編號 BookName Nvachar 20 Y 書籍名稱 Covert Nvachar 50 Y 封面 CategoryID Int 4 N 類別 Author Nnvachar 10 Y 作者 Translator Nvarchar 10 Y 翻譯者 Press Nvarchar 20 Y 出版社 Price Decimal 9 Y 價格 Introduction Ntext 16 Y 書籍簡介 4)書籍分類 (bookcatgory) 此數(shù)據(jù)表用來存儲書籍的類別信息： 字段名 數(shù)據(jù)類型 長度 是否可空 備注 categoryId Int 4 N 書籍分類 categoryName Nvarchar 10 Y 分 類名稱 5)購物車表 (ShopCart) 此數(shù)據(jù)表用來存儲購物車的信息： 字段名 數(shù)據(jù)類型 長度 是否可空 備注 ID Int 4 N 編號 UserName Nvarchar 10 N 用戶名 BookId Int 4 N 書籍編號 BookName Nvarchar 20 Y 書籍名稱 Price Decimal 9 Y 價格 第三章 具體設計 22 6)留言板表 (BBS) 此數(shù)據(jù)表用來存儲用戶留言信息和管理員回復信息： 字段名 數(shù)據(jù)類型 長度 是否可空 備注 ID Int 4 N 留言編號 BuserName Nvarchar 8 N 留言者 BuserSex Nvarchar 2 N 性別 BuserTel Nvarchar 20 N 聯(lián)系方式 BuserCunent Nvarchar 100 N 留言內(nèi)容 Adminre Nvarchar 50 Y 回復內(nèi)容 本章小結 根據(jù)自己的設計體會，總結出以下基本設計思路： 網(wǎng)站 的 CI 形象 和版塊 建立一個網(wǎng)站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰。如果網(wǎng)站結構不清晰， 目錄龐雜，內(nèi)容東一塊西一塊。結果不但瀏覽者看得糊涂，自己擴充和維護網(wǎng)站也相當困難。 在動手制作網(wǎng)頁前，一定要考慮好以下三方面： 網(wǎng)站的鏈接結構是指頁面之間相互鏈接的拓撲結構。它建立在目錄結構基礎之上，但可以跨越目錄。形象的說：每個頁面都是一個固定點，鏈接則是在兩個固定點之間的連線。一個點可以和一個點連接，也可以和多個點連接。更重要的是，這些點并不是分布在一個平面上，而是存在于一個立體的空間中。第四章 網(wǎng)站設計的實現(xiàn) 23 第四章 網(wǎng)站設計的實現(xiàn) 本網(wǎng)站的設 計主要使用 ASP Vbscript 語言和后臺數(shù)據(jù)庫技術，現(xiàn)將設計工程中技術的實現(xiàn)介紹如下∶ 動態(tài)網(wǎng)頁各部分的實現(xiàn) 本網(wǎng)站采用了后臺數(shù)據(jù)庫與前臺相連接的技術實現(xiàn)了各個部分的鏈接。在前臺的頁面中我們又分為幾個大塊：首頁、會員管理、求職招聘信息管理、系統(tǒng)管理模塊。 根據(jù)上述對網(wǎng)頁的設計與分析，整個系統(tǒng)的結構圖如下所示： 基于 C . NET 技術 “ 網(wǎng)上書店 ” 設計與實現(xiàn)登錄與注冊功能模塊 管理員功能模塊 注冊用戶功能模塊登錄注冊添加新書添加書訊管理分類修改書籍信息管理注冊用戶管理留言板個人信息修改發(fā)表留言取回密碼閱讀書齋快訊個人購物車管理個人訂單管理瀏覽書籍第四章 網(wǎng)站設計的實現(xiàn) 24 通過 header 的導航連接可以在權限范圍內(nèi)的各個頁面之間進行切換。 網(wǎng)頁中的 ASPX 代碼 本網(wǎng)站設計主要依靠 C.NET 語言實現(xiàn)， 根據(jù)實用的原則，默認的顯示頁面為 。下面展示該頁面的前臺代碼 ∶ %@PageLanguage=CAutoEventWireup=true CodeFile= Inherits=LookBook % %@ Register Src=Control/ TagName=head TagPrefix=uc1 % %@ Register Src=Control/ TagName=banquan TagPrefix=uc2 % %@ Register Src=Control/ TagName=daohang TagPrefix=uc3 % !DOCTYPE html PUBLIC //W3C//DTD XHTML Transitional//EN html xmlns= head runat=server titleE夢書齋 |圖書信息中心 !/title style type=text/css table{fontsize:12px} /style /head body form id=form1 runat=server div style=textalign: center table width=800 tr td colspan=6 uc1:head ID=Head1 runat=server / /td /tr