【正文】 服裝企業(yè)網(wǎng)站的設(shè)計(jì)與實(shí)施 3 服裝企業(yè) 網(wǎng)站實(shí)施目的 在科技飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，服裝企業(yè) 網(wǎng)站是 服裝企業(yè) 信息化建設(shè)的一個(gè)綜合信息平臺(tái) ,是 企業(yè) 對(duì)外宣傳的門(mén)戶(hù)和窗口。建設(shè) 服裝企業(yè)專(zhuān)門(mén)的網(wǎng)站 ，目的在于使 服裝運(yùn)營(yíng)商 通過(guò)這個(gè)綜合信息平臺(tái)了解 服裝企業(yè)的 基本 信息、 品牌信息 、 瀏覽者的 交流信息等，還可以暢所欲言發(fā)表關(guān)于 企業(yè)文化建 設(shè)、 品牌建設(shè)和 意見(jiàn) ， 同時(shí)也可以通過(guò)這個(gè)綜合信息平臺(tái)分享經(jīng)驗(yàn) 、 體會(huì)， 使 企業(yè)運(yùn)營(yíng)商 在應(yīng)用中 切實(shí) 得 到 幫助、有所收獲。通過(guò)網(wǎng)站 全面的宣傳，展示 企業(yè) 的風(fēng)采、優(yōu)點(diǎn)與特色，發(fā)布 企業(yè) 的重大活動(dòng)安排，增強(qiáng) 企業(yè) 與 社會(huì) 之間的聯(lián)系。 服裝企業(yè)網(wǎng)站的設(shè)計(jì)與實(shí)施 4 3 網(wǎng)站總體設(shè)計(jì) 確定網(wǎng)站主題 有了網(wǎng)站題材的創(chuàng)意，還要為網(wǎng)站取個(gè)響亮而又切題的名字 ， 這樣就可以使瀏覽者在瀏覽頁(yè)面的時(shí)候能盡快的記住我 的網(wǎng)站， 根據(jù)我所設(shè)計(jì)的網(wǎng)站內(nèi)容我 將網(wǎng)站的主題確定為 服裝 類(lèi)網(wǎng)站，之后又進(jìn)一步明確為 服裝 類(lèi)網(wǎng)站中的 休閑裝與 羽絨服之類(lèi)的網(wǎng)站。 遵循的原則 運(yùn)用“眼球經(jīng)濟(jì)” 讓瀏覽記住生動(dòng)，豐富的網(wǎng)站 ，同時(shí)還要符合 服裝企業(yè)的實(shí)際情況 ，從而達(dá)到宣傳服裝企業(yè)的效果 。 網(wǎng)站主題： 服裝類(lèi) 網(wǎng)站 —— 服裝企業(yè) 網(wǎng)站 網(wǎng)站名稱(chēng)： 波藍(lán)蒂服裝有限公司 網(wǎng)站 LOGO:（見(jiàn)圖 31） 圖 31 北京波藍(lán)蒂服裝有限公司 LOGO 網(wǎng)站 LOGO 由漢字和這些漢字的首 字母大寫(xiě) 而 組成，字體選擇藍(lán)色，背景由一個(gè)紅色的大圓內(nèi)套 一個(gè)白色的小圓組成， 寓意 “同心”，網(wǎng)站 LOGO 的主題文字 “ 波藍(lán)蒂 ” 諧音“ bland” 意思是“文雅的、隨和的、溫和的、淡雅的”，我就想人們?cè)跒g覽 我的網(wǎng)頁(yè)之后能感受到一種體貼和溫馨， 各 頁(yè)面的樸素統(tǒng)一的顏色也 深扣“藍(lán)”這個(gè) 字 ， 在各頁(yè)面選擇背景顏色的時(shí)候 我主要是選擇綠色 和粉色 ， 綠色 對(duì)眼睛也有好處。 服裝企業(yè)網(wǎng)站的設(shè)計(jì)與實(shí)施 5 相關(guān)材料搜集 “巧婦難為無(wú)米之炊”，在明確了網(wǎng)站的題材之后，就要圍繞該題材搜索資料。 要想 使自己的網(wǎng)站飽滿(mǎn)充實(shí)，能夠吸引瀏覽者，搜索材料不一定很多，但對(duì)自己的主題要比較的深入豐富。 材料既可以是 個(gè)人的作品和長(zhǎng)年的收藏，也可以是從報(bào)刊、光盤(pán)或互聯(lián)網(wǎng)上搜集而來(lái)的，將搜取來(lái)的材料去粗取精，去偽存真，并分門(mén)別類(lèi)的保存，以作為自己網(wǎng)頁(yè)材料的內(nèi)容素材，依據(jù)網(wǎng) 站的主題，還可以準(zhǔn)備一些多媒體素材，如聲音、動(dòng)畫(huà)、圖像等，以加強(qiáng)網(wǎng)頁(yè)的效果。 在網(wǎng)上瀏覽了大量服裝企業(yè)的網(wǎng)站，包括國(guó)內(nèi)和國(guó)外的，發(fā)現(xiàn)它們有一個(gè)共同點(diǎn)，都只有一個(gè)導(dǎo)航條或者單純的幾個(gè)簡(jiǎn)單的連接，網(wǎng)頁(yè)內(nèi)容居中，有些網(wǎng)站以比較淺淡的顏色為背景顏色，而大部分以深顏色或者圖片為背景。 北京秦風(fēng)唐韻服裝有限公司 [1],是一個(gè)專(zhuān)門(mén)從事經(jīng)營(yíng)唐裝的服裝公司，這是中國(guó)從古至今人們都喜歡的款式，中國(guó)人比較的喜歡紅色，因?yàn)槟窍笳髦矐c和福氣，所以設(shè)計(jì)者就以紅色為網(wǎng)頁(yè)的基本色調(diào)，讓瀏覽者進(jìn)入網(wǎng)站首頁(yè)時(shí)就能感覺(jué)到一種古色古香韻味，整個(gè) 網(wǎng)頁(yè)由三部分構(gòu)成，一是最頂部的標(biāo)志圖片，由企業(yè)的標(biāo)志和名稱(chēng)，二是導(dǎo)航條，瀏覽者可以通過(guò)這個(gè)方便得實(shí)現(xiàn)網(wǎng)頁(yè)之間的跳轉(zhuǎn)，三是顯示文本界面，下圖 32 為北京秦風(fēng)唐韻服裝有限公司的首頁(yè)。 服裝企業(yè)網(wǎng)站的設(shè)計(jì)與實(shí)施 6 圖 32 北京秦風(fēng)唐韻服裝有限公司的首頁(yè) 山 西太原白鴿服裝有限公司 [２ ],風(fēng)格與北京秦風(fēng)唐韻服裝有限公司不一樣，采用的顏色搭配起來(lái)比較樸素，加上淺淺的大自然色系列，使得頁(yè)面清新自然，充滿(mǎn)活力。從他的名字中我能猜出設(shè)計(jì)者為什么用淺藍(lán)色為網(wǎng)站的主要色調(diào)，藍(lán)天，白云，白鴿，這幾個(gè)元素放在一起可能我們就能初步 的聯(lián)想出來(lái)了，該網(wǎng)頁(yè)較之于北京秦風(fēng)唐韻服裝有限公司的首頁(yè)復(fù)雜，除了標(biāo)志圖片外更多了一些網(wǎng)站新聞，用戶(hù)登錄模塊，友情連接模塊。整個(gè)網(wǎng)站充滿(mǎn)了活潑、輕松、閑適和 歡樂(lè)的氣氛。該網(wǎng)提供的信息更加的人性化。下圖 33 為山西太原白鴿服裝有限公司的首頁(yè)。 服裝企業(yè)網(wǎng)站的設(shè)計(jì)與實(shí)施 7 圖 33 山西太原白鴿服裝有限公司主頁(yè) 網(wǎng)站內(nèi)容規(guī)劃 網(wǎng)站 內(nèi)容 規(guī)劃是網(wǎng)站建設(shè)的基礎(chǔ)和指導(dǎo)綱領(lǐng)， 它 決定了一個(gè)網(wǎng)站的發(fā)展方向，同時(shí)對(duì)網(wǎng)站推廣也具有 十分重要的 指導(dǎo)意義。 以下是我對(duì)網(wǎng)站進(jìn)行的內(nèi)容規(guī)劃： 服裝企業(yè)網(wǎng)站的設(shè)計(jì)與實(shí)施 8 圖 34 北京波藍(lán)蒂服裝有限公司內(nèi)容規(guī)劃圖示 制作軟件及語(yǔ)言選擇 在制作 波藍(lán)蒂服裝有限公司 網(wǎng)站的過(guò)程中，我主要使用的軟件有 Dreamweaver 8 以及 Mysql、 tomcat 等軟件， 前一個(gè) 為網(wǎng)頁(yè)制作工具，后兩者為數(shù)據(jù)庫(kù)軟件。 一、 Dreamweaver 8 Macromedia Dreamweaver 8 是建立 Web 站點(diǎn)和應(yīng)用程序的專(zhuān)業(yè)工具 。它將可視布局工具、應(yīng)用程序開(kāi)發(fā)功能和代碼編輯支持組合在一起， 功能強(qiáng)大，使得各個(gè)層次的開(kāi)發(fā)人員和設(shè)計(jì)人員都能夠快速創(chuàng)建界面吸引人的基于標(biāo)準(zhǔn)的網(wǎng)站和應(yīng)用程 序。從對(duì)基于 CSS 的設(shè)計(jì)的領(lǐng)先支持到手工編碼功能， Dreamweaver 提供了專(zhuān)業(yè)人員在一個(gè)集成、高效的環(huán)境中所需的工具。開(kāi)發(fā)人員可 使用 Dreamweaver 及 選擇的服務(wù)器技術(shù)來(lái)創(chuàng)建功能強(qiáng)大的 Inter 應(yīng)用程序，從而使用戶(hù)能連接到數(shù)據(jù)庫(kù)、 Web 服務(wù)和舊式系統(tǒng)。 服裝企業(yè)網(wǎng)站的設(shè)計(jì)與實(shí)施 9 二 、 Mysql 數(shù)據(jù)庫(kù) MySQL 作為一種開(kāi)放源碼數(shù)據(jù)庫(kù)，以其簡(jiǎn)單易用的特點(diǎn)廣泛被廣大用戶(hù)采用 ， MySQL 雖然是免費(fèi)的，但同 Oracle, Sybase, Informix, Db2 等商業(yè)數(shù)據(jù)庫(kù)一樣，具有數(shù)據(jù)庫(kù)系統(tǒng)的通用性： 1） 數(shù)據(jù)庫(kù)管理系統(tǒng)。我們知道，所謂的數(shù)據(jù)庫(kù)就是一些結(jié)構(gòu)化的數(shù)據(jù)的聯(lián)合體，要提供對(duì)這些數(shù)據(jù)的存取、增加、修改、刪除或更加復(fù)雜的數(shù)據(jù)抽取等操作，需要有一個(gè)支撐系統(tǒng)，這就是數(shù)據(jù)庫(kù)管理系統(tǒng) （ DBMS）， MySQL 完全具有這方面的功能。 2） 關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)。在數(shù)據(jù)庫(kù)的發(fā)展歷程中，曾出現(xiàn)過(guò)多種不同形式的數(shù)據(jù)庫(kù)系統(tǒng)，但關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng) （ RDBMS） 以其優(yōu)越性而被廣為采用，象現(xiàn)在幾種廣泛使用的數(shù)據(jù)庫(kù)全為關(guān)系型數(shù)據(jù)庫(kù)。同樣， MySQL 也是關(guān)系型的數(shù)據(jù)庫(kù)系統(tǒng)，支持標(biāo)準(zhǔn)的結(jié)構(gòu)化查詢(xún)語(yǔ)言 （ Structured Query Language） 。 3） 開(kāi)放源碼數(shù)據(jù)庫(kù)。同商業(yè)性的數(shù)據(jù)庫(kù)相比，這是 MySQL 最大的特點(diǎn)。 MySQL的源碼是公開(kāi)的，這就意味著任何人，只要遵守 GPL 的規(guī)則都可以對(duì) MySQL 的源碼使用、修改以符合自己特殊的需求。 4） 技術(shù)特點(diǎn)。 MySQL 是 C/S 架構(gòu)的服務(wù)器，服務(wù)器端是多線(xiàn)程的，為客戶(hù)端提供了不同的程序接口和鏈接庫(kù)，如 C、 C++、 Java、 Perl、 PHP、 Tcl 等，也提供了簡(jiǎn)單的管理工具，如 mysqladmin， mysql 等。正因?yàn)?MySQL 的源碼是公開(kāi)的，使得我們有機(jī)會(huì)從源碼級(jí)，更深入的了解 MySQL。 三、 Tomcat 服務(wù)器 Tomcat 是 Apache 軟件基金會(huì)（ Apache Software Foundation）的 Jakarta 項(xiàng)目中的一個(gè)核心項(xiàng)目，由 Apache、 Sun 和其他一些公司及個(gè)人共同開(kāi)發(fā)而成。由于有了 Sun 的參與和支持，最新的 Servlet 和 JSP 規(guī)范總是能在 Tomcat 中得到體現(xiàn)， Tomcat 5 支持最新的 Servlet 和 JSP 規(guī)范。因?yàn)?Tomcat 技術(shù)先進(jìn)、性能穩(wěn)定，而且免費(fèi)，因而深受 Java 愛(ài)好者的喜愛(ài)并得到了部分軟件開(kāi)發(fā)商的認(rèn)可，成 為目前比較流行的 Web 應(yīng)用服務(wù)器。 Tomcat 很受廣大程序員的喜歡，因?yàn)樗\(yùn)行時(shí)占用的系統(tǒng)資源小，擴(kuò)展性好，支持負(fù)載平衡與郵件服務(wù)等開(kāi)發(fā)應(yīng)用系統(tǒng)常用的功能；而且它還在不斷的改進(jìn)和完善中，任何一個(gè)感興趣的程序員都可以更改它或在其中加入新的功能。 服裝企業(yè)網(wǎng)站的設(shè)計(jì)與實(shí)施 10 Tomcat 是一個(gè)小型的輕量級(jí)應(yīng)用服務(wù)器，在中小型系統(tǒng)和并發(fā)訪(fǎng)問(wèn)用戶(hù)不是很多的場(chǎng)合下被普遍使用，是開(kāi)發(fā)和調(diào)試 JSP 程序的首選。對(duì)于一個(gè)初學(xué)者來(lái)說(shuō)，可以這樣認(rèn)為，當(dāng)在一臺(tái)機(jī)器上配置好 Apache 服務(wù)器，可利用它響應(yīng)對(duì) HTML 頁(yè)面的訪(fǎng)問(wèn)請(qǐng)求。實(shí)際上 Tomcat 部分是 Apache 服務(wù)器的擴(kuò)展，但它是獨(dú)立運(yùn)行的，所以當(dāng)你運(yùn)行 tomcat 時(shí)，它實(shí)際上作為一個(gè)與 Apache 獨(dú)立的進(jìn)程單獨(dú)運(yùn)行的。 這里的訣竅是，當(dāng)配置正確時(shí)， Apache 為 HTML 頁(yè)面服務(wù)，而 Tomcat 實(shí)際上運(yùn)行 JSP 頁(yè)面和 Servlet。另外， Tomcat 和 IIS、 Apache 等 Web 服務(wù)器一樣，具有處理 HTML頁(yè)面的功能，另外它還是一個(gè) Servlet 和 JSP 容器，獨(dú)立的 Servlet 容器是 Tomcat 的默認(rèn)模式。不過(guò)， Tomcat 處理靜態(tài) HTML 的能力不如 Apache 服務(wù)器。 在代 碼設(shè)計(jì)過(guò)程中，我主要選用了 HTML、 JavaScript、 CSS、 JSP 四種語(yǔ)言來(lái)編譯程序，它們的特點(diǎn)及功能分別如下： 一、 HTML HTML 的全稱(chēng)是 Hypertext Markup Language,中文名稱(chēng)是超文本標(biāo)記語(yǔ)言，簡(jiǎn)單地講它就是所有的 Inter 站點(diǎn)共同的語(yǔ)言，所有的網(wǎng)頁(yè)都是以 HTML格式的文件為基礎(chǔ)，再加上一些其他語(yǔ)言工具（如： JSCRIPT、 VBSCRIPT、 JAVA、 APPLET 等）構(gòu)成的。這些文件除了一些基本的文字外還包含了一些標(biāo)簽（ TAG），這些標(biāo)簽均由 和 符號(hào)以及一個(gè) 字符串組成，如下面程序中粗體字均為 HTML 文件的標(biāo)簽，而瀏覽器的功能是對(duì)這些標(biāo)簽進(jìn)行解釋?zhuān)@示出文字、圖像、動(dòng)畫(huà)、播放聲音。 二、 JavaScript JavaScript 是一種描述性語(yǔ)言，它可以被嵌入 HTML 的文件之中。通過(guò) JavaScript 可以做到響應(yīng)用戶(hù)的需求事件（如表單的輸入），這樣當(dāng)一位使用者輸入一項(xiàng)信息時(shí)，它不需要通過(guò)網(wǎng)絡(luò)傳送到服務(wù)器端進(jìn)行處理再傳回來(lái)的過(guò)程，而可以直接在客戶(hù)端進(jìn)行事件的處理。 三、 CSS CSS 就是一種叫做樣式表（ stylesheet）的技術(shù)。也有的人稱(chēng)之為層疊樣式表（ Cascading Stylesheet）。 在主頁(yè)制作時(shí)采用 CSS 技術(shù)，可以有效地對(duì)頁(yè)面的布局、字體、顏色、背景和其它效果實(shí)現(xiàn)更加精確的控制。 只要對(duì)相應(yīng)的代碼做一些簡(jiǎn)單的修改，就可以改變同一頁(yè)面的不同部分，或者頁(yè)數(shù)不同的網(wǎng)頁(yè)的外觀和格式。 服裝企業(yè)網(wǎng)站的設(shè)計(jì)與實(shí)施 11 四、 JSP JSP（ JAVA SERVER PAGES）是由 Sun 公司在 java 語(yǔ)言上開(kāi)發(fā)出來(lái)的一種動(dòng)態(tài)網(wǎng)頁(yè)制作技術(shù)，其可使網(wǎng)頁(yè)中的動(dòng)態(tài)部分和靜態(tài)的 HTML 相分離。 網(wǎng)頁(yè)制作者 可以使用平常得心應(yīng)手的工具并按照平常的方式來(lái)書(shū)寫(xiě) HTML 語(yǔ)句。然后，將動(dòng)態(tài)部分用特殊 的標(biāo)記嵌 入即可 。 具體網(wǎng)頁(yè)制作 網(wǎng)頁(yè)風(fēng)格 一個(gè)人擁有自己獨(dú)特的風(fēng)格，是 別 人所沒(méi)有的，就會(huì)讓人注意到那個(gè)人的特別，若那個(gè)人的風(fēng)格是正面的，甚至就會(huì)引起別人的羨慕與注意，或是贊賞。就如同一個(gè)網(wǎng)站，擁有別的網(wǎng)站所沒(méi)有的風(fēng)格，就會(huì)讓瀏覽者愿意多停留些時(shí)間，細(xì)細(xì)品嘗該站的內(nèi)容，甚至該站會(huì)得到多人的鼓勵(lì)與注目 。 網(wǎng)站的色系是 網(wǎng)站風(fēng)格最直接的體現(xiàn)，是 瀏覽者整體的視覺(jué)觀感，若一個(gè)網(wǎng)站色系能有一致性，不僅會(huì)使網(wǎng)站看起來(lái)美觀，更能讓瀏覽者對(duì)內(nèi)容不易混淆，增加了瀏覽的簡(jiǎn)潔與方便。而網(wǎng)站的色系更能襯托出網(wǎng)站的主題，若色 系能與主題合理搭配，將會(huì)增加瀏覽者的易讀性。 考慮 本企業(yè) 的特點(diǎn)， 北京波藍(lán)蒂服裝公司網(wǎng)站采用了較為明亮的色系，其中包括藍(lán)色 、粉