【文章內(nèi)容簡(jiǎn)介】 色等多種顏色，顏色豐富而不 雜 亂， 使 網(wǎng)頁(yè)給人一種活潑、積極、向上的感覺(jué)，正符合了 現(xiàn)在人的穿衣簡(jiǎn)單大氣的風(fēng)格 特點(diǎn)。 具體的顏色分布，是按照欄目進(jìn)行運(yùn)用，即每個(gè)欄目都有自己特有的顏色，給人一目了然的感覺(jué)，使瀏覽著十分清楚所處的位置，在網(wǎng)站中進(jìn)行瀏覽時(shí)不易迷路。 服裝企業(yè)網(wǎng)站的設(shè)計(jì)與實(shí)施 12 網(wǎng)頁(yè)框架 框架是瀏覽器窗口中的一個(gè)區(qū)域，它可以顯示與瀏覽器窗口的其余部分中所顯示內(nèi)容無(wú)關(guān)的 HTML 文檔?？?架集是 HTML 文件，它定義一組框架的布局和屬性。 服裝企業(yè) 網(wǎng)站除主頁(yè)外的其余頁(yè)面都是 由三個(gè)框架組成的框架布局 ， 三層結(jié)構(gòu)：第一層：鏈接菜單；第二層：網(wǎng)站標(biāo)題；第三層：網(wǎng)站內(nèi)容。 見表 31 表 31 北京波藍(lán)蒂服裝有限公司網(wǎng)站框架 鏈接結(jié)構(gòu) 網(wǎng)站的鏈接結(jié)構(gòu)是指頁(yè)面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。建立網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方式 ，即樹形結(jié)構(gòu)與星形結(jié)構(gòu)， 樹狀鏈接結(jié)構(gòu)類似 DOS 的目錄結(jié)構(gòu)，首頁(yè)鏈接指向一級(jí)頁(yè)面，一級(jí)頁(yè)面鏈接指向二級(jí)頁(yè)面。這樣的鏈接結(jié)構(gòu)瀏覽時(shí)，一級(jí)級(jí)進(jìn)入，一級(jí)級(jí)退出。優(yōu)點(diǎn)是條理清晰，訪問(wèn)者 明確知道自己在什么位置，不會(huì) 迷 路。缺點(diǎn)是瀏覽效率低，一個(gè)欄目下的子頁(yè)面到另一個(gè)欄目下的子頁(yè)面，必須繞經(jīng)首頁(yè)。 星狀鏈接結(jié)構(gòu) 類似網(wǎng)絡(luò)服務(wù)器的鏈接，每個(gè)頁(yè)面相互之間都建立有鏈接。這種鏈接結(jié)構(gòu)的優(yōu)點(diǎn)是瀏覽方便，隨時(shí)可以到達(dá)自己喜歡的頁(yè)面。缺點(diǎn)是鏈接太多，容易使瀏覽者迷路，搞不清自己在什么位置，看了多少內(nèi)容。 在對(duì) 北京 波藍(lán)蒂 服裝有限公司 網(wǎng)站進(jìn)行設(shè)計(jì)的過(guò)程中，我采取了將這兩種結(jié)構(gòu)混合起來(lái)使用的方法，目的是揚(yáng)長(zhǎng)避短，最終達(dá)到比較理想的效果。我的方案是：首頁(yè)和一級(jí)頁(yè)面之間采用星狀鏈接結(jié)構(gòu)，一級(jí)和以下各級(jí)頁(yè)面采用樹 狀鏈接結(jié)構(gòu)。這樣網(wǎng)站條理清晰、瀏覽效率高且不易使瀏覽者迷路。 見圖 35 服裝企業(yè)網(wǎng)站的設(shè)計(jì)與實(shí)施 13 圖 35 北京 波藍(lán)蒂服裝有限公司 鏈接結(jié)構(gòu) 功能實(shí)現(xiàn) 北京 波藍(lán)蒂服裝有限公司 網(wǎng)站功能分為靜態(tài)和動(dòng)態(tài)兩部分，靜態(tài)功能主要以精美的頁(yè)面向?yàn)g覽者介紹 公司 的各方面情況（見表 32）。動(dòng)態(tài)功能則是通過(guò)與數(shù)據(jù)庫(kù)的交互，進(jìn)而實(shí)現(xiàn)新聞更新、文件下載等功能（見表 33）。 表 32 北京 波藍(lán)蒂服裝有限公司 網(wǎng)站靜態(tài)功能一覽表 基本欄目 包含子版塊 實(shí)現(xiàn)功能 企業(yè)簡(jiǎn)介 公司發(fā)展歷史及建校事跡， 公司今后的發(fā)展方向及 規(guī)劃。 產(chǎn)品專柜 男士上衣 男士上衣的展示及每件產(chǎn)品的具體介紹 男士褲子 男士褲子的展示及每件產(chǎn)品的具體介紹 女士上衣 女士上衣的展示及每件產(chǎn)品的具體介紹 女士裙褲 女士裙褲的展示及每件產(chǎn)品的具體介紹 企業(yè)新聞 公司各個(gè)期間的發(fā)布的新聞包括發(fā)布人、發(fā)布時(shí)間、主體與概訴，在點(diǎn)擊察看詳細(xì)信息的時(shí)候后跳出一個(gè)小窗口輸出新聞的詳細(xì)內(nèi)容 幫助信息 告訴瀏覽者和購(gòu)貨商我們的產(chǎn)品付款方式與送貨方式以及我們的通訊地址與電子聯(lián)系方式 網(wǎng)站導(dǎo)航 有助于方便用戶瀏覽網(wǎng)站信息、 獲取網(wǎng)站服務(wù) ， 不至迷失 表 33 北京 波藍(lán)蒂服裝有限公司 網(wǎng)站動(dòng)態(tài)功能一覽表 動(dòng)態(tài)欄目 實(shí)現(xiàn)功能 服裝企業(yè)網(wǎng)站的設(shè)計(jì)與實(shí)施 14 新聞發(fā)布系統(tǒng) 將網(wǎng)頁(yè)上的新聞、 公告等 動(dòng)態(tài)等更新信息集中管理，并通過(guò)信息的某些共性進(jìn)行分類，最后系統(tǒng)化、標(biāo)準(zhǔn)化發(fā)布到網(wǎng)站上 。 網(wǎng)站信息 經(jīng)處理 加入數(shù)據(jù)庫(kù)，然后通過(guò)已有的網(wǎng)頁(yè)模板格式與審核流程發(fā)布到網(wǎng)站上。 新圖片上傳 服裝產(chǎn)品圖片、價(jià)錢、簡(jiǎn)介、類型添加，系統(tǒng)自動(dòng)獲取圖片上傳更新的時(shí)間。 訂單管理 將顧客的訂單的信息發(fā)送給倉(cāng)儲(chǔ)部，倉(cāng)儲(chǔ)部接到發(fā)貨通知后就 及時(shí)的給顧客送貨 用戶管理 查看自己的訂單處理情況，發(fā)布新留言，及查看管理員的留言回 復(fù) 注冊(cè)登陸 系統(tǒng) 實(shí)現(xiàn)用戶的注冊(cè)與登陸 網(wǎng)頁(yè)效果 北京波藍(lán)蒂服裝有限公司網(wǎng)站的進(jìn)入頁(yè)背景用了一張大圖 還有些及一些設(shè)計(jì)的文字使得該頁(yè)面不至太單調(diào) ，在地址欄中敲入公司的地址后進(jìn)入該頁(yè)，該頁(yè)面的一些服裝圖片會(huì)自動(dòng)移動(dòng)，同時(shí)還加了一張動(dòng)態(tài)的圖片，用于鏈接到下個(gè)頁(yè)面，這些都增加頁(yè)面的動(dòng)態(tài)感， 網(wǎng)站首頁(yè) 采用了女 色 和粉色 色系， 表達(dá)著深遠(yuǎn)、永恒、沉靜、無(wú)限、理智、誠(chéng)實(shí)、 涼爽 等 多種感覺(jué) 。頁(yè)面上方的 Logo 和頁(yè)面 上側(cè)移動(dòng)的歡迎詞打開頁(yè)面時(shí)會(huì)自動(dòng)移動(dòng) ，為頁(yè)面 增添 了一絲活躍的氣氛。雖然顏色較多，但分類整齊，相互呼應(yīng) ，因此并不給人過(guò)于雜亂的感覺(jué)。而正是恰到好處的反應(yīng)了 公司 既嚴(yán)肅又活潑的特性。 頁(yè)面中的“最新資訊”與“公告通知”板塊， 是 網(wǎng)站中的動(dòng)態(tài)板塊， 點(diǎn)擊就可以 通過(guò)讀取數(shù)據(jù)庫(kù)中的信息不斷滾動(dòng)，方便瀏覽者的瀏覽。（見圖 34， 圖 35,圖 36） 服裝企業(yè)網(wǎng)站的設(shè)計(jì)與實(shí)施 15 圖 34 北京波藍(lán)蒂服裝有限公司進(jìn)入頁(yè) 圖 35 公司 首頁(yè) 上半部分 圖 36 公司首頁(yè)下半部分 服裝企業(yè)網(wǎng)站的設(shè)計(jì)與實(shí)施 16 在設(shè)計(jì)公司簡(jiǎn)介的頁(yè)面的時(shí)候我是這樣設(shè)計(jì)的：在點(diǎn)擊公司簡(jiǎn)介這幾個(gè)字或者上面的鏈接圖片時(shí)跳出 一個(gè)新的小窗口，這是為了給人不一樣新穎的感覺(jué)， (見 圖 37) 圖 37 波藍(lán)蒂服裝有限公 司 簡(jiǎn)介 頁(yè)面 與 網(wǎng)站首頁(yè)相同，頁(yè)面最上方仍有導(dǎo)航欄，顏色 采用粉色，給人清新可愛的感覺(jué) 。頁(yè)面 上面 的鏈接菜單方便了用戶在一級(jí)頁(yè)面中直接進(jìn)入其他一級(jí)頁(yè)面或下一級(jí)頁(yè)面，不必返回首頁(yè)。 與之相同， 網(wǎng)站中的其他頁(yè)面也是采用統(tǒng)一固定的頁(yè)面結(jié)構(gòu)，頁(yè)面頂端的 文字鏈接用于在各網(wǎng)頁(yè)之間跳轉(zhuǎn)的方便 ，區(qū)別在于各板塊間顏色和內(nèi)容的不同，既體現(xiàn)了網(wǎng)站的統(tǒng)一風(fēng)格，又顯示出了個(gè)頁(yè)面自己的特有主題。（見圖 38， 39，） 服裝企業(yè)網(wǎng)站的設(shè)計(jì)與實(shí)施 17 圖 38 北京波藍(lán)蒂 服裝有限公司 服裝 產(chǎn)品專柜 圖 39 北京波藍(lán)蒂服裝有限公司企業(yè)新聞頁(yè)面 服裝企業(yè)網(wǎng)站的設(shè)計(jì)與實(shí)施 18 為了讓瀏覽者能詳細(xì)的瀏覽像上述（圖 38，圖 39）頁(yè)面的信息，我在設(shè)計(jì)的時(shí)候注重人性化，瀏覽者在點(diǎn)擊要查看詳細(xì)信息或者是在購(gòu)買自己想要的產(chǎn)品的時(shí)候都會(huì)跳出一個(gè)新的小窗口 (見圖 310)用于介紹這些信息，看完之后瀏覽者將其關(guān)閉回到上級(jí)頁(yè)面，這樣就避免了過(guò)多不必要的鏈接。 圖 310 北京波藍(lán)蒂服裝有限公司企業(yè)新聞 詳細(xì)信息 瀏 覽頁(yè)面 一個(gè)優(yōu)秀的網(wǎng)站怎么來(lái)吸引更多的瀏覽者呢？那就是該網(wǎng)站的內(nèi)容新穎，能夠隨時(shí)地進(jìn)行更新，而不是一個(gè)死板的網(wǎng)站，一個(gè)內(nèi)容很長(zhǎng)時(shí)間都不換掉，這樣瀏覽者在自己第二次瀏覽過(guò)后，第三次就不會(huì)有興趣在來(lái)了，久之這個(gè)網(wǎng)站也就沒(méi)有什么商業(yè)的價(jià)值了。為了能及時(shí)的能網(wǎng)站的瀏覽瀏覽到本公司的最新信息及購(gòu)買到自己想要的最新商品，本公司對(duì)網(wǎng)站的內(nèi)容及時(shí)地進(jìn)行更新，為了實(shí)現(xiàn)快捷方便的修改和刪除后臺(tái)數(shù)據(jù)庫(kù)的過(guò)期內(nèi)容，我專門設(shè)計(jì)了管理員的統(tǒng)一管理界面，管理員通過(guò)如 (圖 311)所示的界面注冊(cè)進(jìn)入后臺(tái)管理系統(tǒng) 見圖 312。 服裝企業(yè)網(wǎng)站的設(shè)計(jì)與實(shí)施 19 圖 311 北京波藍(lán)蒂服裝有限公司人員注冊(cè)頁(yè)面 服裝企業(yè)網(wǎng)站的設(shè)計(jì)與實(shí)施 20 圖 312 北京波藍(lán)蒂服裝有限公司后臺(tái)管理系統(tǒng)頁(yè)面 服裝企業(yè)網(wǎng)站的設(shè)計(jì)與實(shí)施 21 4 數(shù)據(jù)庫(kù)設(shè)計(jì) 數(shù)據(jù)庫(kù)使用目的 數(shù)據(jù)庫(kù)是數(shù)據(jù)庫(kù)應(yīng)用程序的核心。數(shù)據(jù)庫(kù)設(shè)計(jì)，或稱數(shù)據(jù)模型，是建立一個(gè)應(yīng)用程序很重要的一步。一個(gè)好的數(shù)據(jù)庫(kù)結(jié)構(gòu)和文件設(shè)計(jì)可以使系統(tǒng)在已有的條件下，具有處理速度快、占用存儲(chǔ)空間少、操作處理過(guò)程簡(jiǎn)單、查找容易、系統(tǒng)開 銷和費(fèi)用低等特點(diǎn)。 使用數(shù)據(jù)庫(kù)的目的， 是為了更完整 和 更有條理的 存儲(chǔ)數(shù)據(jù) ， 當(dāng)數(shù)據(jù) 庫(kù)中的數(shù)據(jù) 改變后 ， 頁(yè)面 可 根據(jù) 數(shù)據(jù)庫(kù)中 改變的 數(shù)據(jù) 內(nèi)容 自行 更改 ， 不 必再耗費(fèi)時(shí)間與精力 重寫頁(yè)面 。 在北京 波藍(lán)蒂服裝有限公司 網(wǎng)站中， 通過(guò)使用數(shù)據(jù)庫(kù) 實(shí)現(xiàn) 了 以下功能： ；； ； ； 。 選擇數(shù)據(jù)庫(kù)系統(tǒng) 針對(duì)本網(wǎng)站的制作，我選用 Mysql 數(shù)據(jù)庫(kù)。 因?yàn)樗幸韵碌膬?yōu)點(diǎn)： 1） 開發(fā)語(yǔ)言為 C/C++，支持多種編譯器，如 gcc, cc, xlc, aCC 等 。 2） 良好的內(nèi)存管理機(jī)制，尤其是 內(nèi)存泄漏的管理，通過(guò)了 Purify 的嚴(yán)格測(cè)試 。 3） 支持多種平臺(tái)，如 AIX、 Solaris、 HP、 FreeBSD、 Tru6 SGI、 Windows 等 。 4） 提供多種形式的 API，為我們開發(fā)工具的選擇提供了便利 。 5） 使用多線程的技術(shù)，可充分發(fā)揮系統(tǒng)的特點(diǎn)，避免在 SMP 系統(tǒng)中出現(xiàn)僅使用單 CPU的現(xiàn)象 。 6） 對(duì)磁盤表的管理采用 B 樹加密及索引的技術(shù)，為我們快速訪問(wèn)數(shù)據(jù)提供了可能 。 7） 高性能的內(nèi)存申請(qǐng)技術(shù) 。 8） 臨時(shí)表采用在內(nèi)存中以哈希表實(shí)現(xiàn) 。 9） 提供多種數(shù)據(jù)類型，如 signed/unsigned integer, double, blob 等 。 10）支持定長(zhǎng)的和變長(zhǎng)的紀(jì)錄 。 11）所有的列都有缺省值，為我們的某些 “ 粗心 ” 提供了方便 。 12）靈活、安全的權(quán)限和密碼系統(tǒng)，密碼在傳輸中加密傳送，允許主機(jī)端驗(yàn)證密碼 。 13）客戶端可以通過(guò) TCP/IP、 Unix 套接字、命名管道（ NT）連接到 MySQL 數(shù)據(jù)庫(kù)服 務(wù)器 。 服裝企業(yè)網(wǎng)站的設(shè)計(jì)與實(shí)施 22 14）提供 Windows 端的 ODBC 連接 。 15）對(duì)多種字符集的完全支持 。 數(shù)據(jù)庫(kù)設(shè)計(jì) 數(shù)據(jù)庫(kù)設(shè)計(jì)一般經(jīng)過(guò)概念設(shè)計(jì)、邏輯設(shè)計(jì)和物理設(shè)計(jì) 3 個(gè)步驟。 一 .概念設(shè)計(jì)： 概念設(shè)計(jì)是指在數(shù)據(jù) 分析的基礎(chǔ)之上，自底向上地建立整個(gè)系統(tǒng)的數(shù)據(jù)庫(kù)概念結(jié)構(gòu)，即從用戶的角度進(jìn)行視圖設(shè)計(jì)，然后將視圖集成，最后對(duì)集成后的結(jié)構(gòu)分析優(yōu)化得到最終結(jié)果。 ER 模型是概念設(shè)計(jì)的有力工具。 北京 波藍(lán)蒂服裝有限公司 數(shù)據(jù)庫(kù)概念設(shè)計(jì)圖如下： 圖 41 北京 波藍(lán)蒂服裝有限公司 數(shù)據(jù)庫(kù)概念設(shè)計(jì)用戶 實(shí)體屬性 圖 服裝企業(yè)網(wǎng)站的設(shè)計(jì)與實(shí)施 23 圖 42 北京 波藍(lán)蒂服裝有限公司 數(shù)據(jù)庫(kù)概念設(shè)計(jì)動(dòng)態(tài)消息（最新資訊 ） 實(shí)體屬性 圖 圖 43 北京波藍(lán)蒂服裝有限公司數(shù)據(jù)庫(kù)概念設(shè)計(jì)服裝圖片實(shí)體屬性圖 服裝企業(yè)網(wǎng)站的設(shè)計(jì)與實(shí)施 24 圖 44 北京波藍(lán)蒂服裝有限公司數(shù)據(jù)庫(kù)概念 設(shè)計(jì)訂單