畢業(yè)設(shè)計(jì)之時(shí)尚服裝公司網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)

河北旅游職業(yè)學(xué)院畢業(yè)設(shè)計(jì)題目時(shí)尚服裝公司網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)專(zhuān)業(yè)電子商務(wù)班級(jí)電商081班學(xué)生姓名李立陽(yáng)學(xué)號(hào)08040201309指導(dǎo)老師胡瑩瑾二O一O年十二月十日摘要：隨著時(shí)代的進(jìn)展，Internet以驚人的速度對(duì)經(jīng)濟(jì)活動(dòng)和社會(huì)產(chǎn)生日益廣泛的阻礙，它加速了企業(yè)的生存壞境，為了在市場(chǎng)競(jìng)爭(zhēng)中生存和進(jìn)展，企業(yè)必須實(shí)現(xiàn)信息化。建設(shè)企業(yè)網(wǎng)站就成為了重中之重，網(wǎng)站是企業(yè)信息化的重要組成部分，企業(yè)建立網(wǎng)站在于樹(shù)立企業(yè)形象，為客戶(hù)以及消費(fèi)者提供完美的服務(wù)。本網(wǎng)站確實(shí)是針對(duì)寬敞客戶(hù)的需求而開(kāi)發(fā)的一款服裝企業(yè)網(wǎng)站，在現(xiàn)在那個(gè)愛(ài)美的潮流年代中，一件服裝能夠提高一個(gè)人的品味，時(shí)尚服裝網(wǎng)站確實(shí)是針對(duì)能夠提高一個(gè)運(yùn)氣味而開(kāi)發(fā)的,在網(wǎng)站中不僅有衣服供客戶(hù)選擇，而且能夠提供給客戶(hù)服裝的搭配技巧。本網(wǎng)站還能夠提供在線服務(wù)，能夠減少客戶(hù)不必要的時(shí)刻流逝，網(wǎng)站從開(kāi)發(fā)研制到順利完成，應(yīng)用了大量的軟件技術(shù)，從數(shù)據(jù)庫(kù)的分析了解到軟件的應(yīng)用來(lái)一步一步介紹網(wǎng)站的研制開(kāi)發(fā)過(guò)程。關(guān)鍵詞：織夢(mèng)系統(tǒng)時(shí)尚服裝Dreamweaver8PhotoshopAbstract：WiththedevelopmentofTheTimes,theInternetwithamazingspeedofeconomicactivityandsocialclubsgenerateincreasinglybroadeffect,itacceleratestheenterprisesurvivalbadborderinthemarketcompetition,tothesurvivalanddevelopment,theenterprisemustrealizeinformationization.Constructionenterprisewebsitebecamedeeply,thewebsiteisanimportantpartofenterpriseinformatization,enterpriseestablishedthewebsiteissettinguptheenterpriseimage,forthecustomerandconsumerprovideperfectservice.Thiswebsiteisaccordingtotheneedsofourcustomersandthedevelopmentofaparagraphofclothingenterprisewebsite,nowthisisrangaimeitideyears,adresscanimproveone'staste,fashionableclothingwebsiteisaimedatcanimproveapersonaltasteanddevelopment,onthesitehavenotonlytheclothesforthecustomertochoose,andcanofferclientsdresscollocationskill.Thiswebsitecanprovideonlineservice,canreducecustomerunnecessarytimeelapses,websitesfromdevelopedtosuccessfullycompleted,appliedamountofsoftwaretechnology,fromdatabaseanalysistounderstandthesoftwareapplicationtostepbystepofwebresearchanddevelopmentprocess.Keywords:DEDECMSFashionabledressDreamweaver8Photoshop課題的來(lái)源及意義（一）來(lái)源：近些年來(lái)隨著網(wǎng)絡(luò)技術(shù)的飛速進(jìn)展，網(wǎng)上購(gòu)買(mǎi)服裝已成為時(shí)尚人們的潮流，網(wǎng)上購(gòu)買(mǎi)不僅方便而且價(jià)格廉價(jià)品種齊全，時(shí)尚服裝網(wǎng)站為滿(mǎn)足大伙兒的需要組建開(kāi)發(fā)了自己的網(wǎng)站，利用電子商務(wù)信息來(lái)推廣自己的本企業(yè)的產(chǎn)品同時(shí)滿(mǎn)足寬敞消費(fèi)者的需求。企業(yè)擁有自己的網(wǎng)站將是確信趨勢(shì)，本次設(shè)計(jì)開(kāi)發(fā)的網(wǎng)站確實(shí)是依照織夢(mèng)系統(tǒng)和Dreamweaver8的軟件對(duì)網(wǎng)站進(jìn)行的二次開(kāi)發(fā)利用。網(wǎng)站的建設(shè)是涵蓋企業(yè)定位考慮，從營(yíng)銷(xiāo)角度立意而進(jìn)行一個(gè)建設(shè)服裝網(wǎng)站的全過(guò)程，包括了網(wǎng)站的定位、美化設(shè)計(jì)、網(wǎng)站的風(fēng)格設(shè)計(jì)、網(wǎng)站的頁(yè)面設(shè)計(jì)等一系列網(wǎng)站的建設(shè)，網(wǎng)站是企業(yè)的形象、公布產(chǎn)品信息、聯(lián)系網(wǎng)上客戶(hù)的一個(gè)新型平臺(tái)、新天地進(jìn)而能夠通過(guò)電子商務(wù)開(kāi)拓新的市場(chǎng)，已極少的收入獲得極大地收益和利潤(rùn)。企業(yè)網(wǎng)站怎么講不同于專(zhuān)業(yè)的ICP或門(mén)戶(hù)網(wǎng)站，每個(gè)企業(yè)都有自己特定的產(chǎn)品和服務(wù)，因此網(wǎng)站的內(nèi)容應(yīng)當(dāng)圍繞企業(yè)的核心業(yè)務(wù)設(shè)置。（二）意義：（1）服裝能提想出一個(gè)人的品味，在著裝上能夠看出一個(gè)人的修養(yǎng)。時(shí)尚服裝確實(shí)是能讓你的品位提高到一個(gè)新的檔次，時(shí)尚網(wǎng)站能夠滿(mǎn)足人們足不出戶(hù)就能夠購(gòu)買(mǎi)到中意的服裝，為消費(fèi)者以及同行之間構(gòu)造一個(gè)購(gòu)買(mǎi)以及比較的平臺(tái)，為消費(fèi)者提供中意的商品以及可靠地信息。（2）時(shí)尚網(wǎng)站能夠利用網(wǎng)站來(lái)打造時(shí)尚的品牌，宣傳時(shí)尚的購(gòu)物理念以及企業(yè)的文化，時(shí)尚網(wǎng)站還能夠?qū)蛻?hù)的在線咨詢(xún)和意見(jiàn)反饋進(jìn)行立即處理指導(dǎo)消費(fèi)者中意為止。（3）時(shí)尚網(wǎng)站的建設(shè)能夠減少企業(yè)一定的廣告支出費(fèi)用，企業(yè)能夠利用這一部分資金投入到新產(chǎn)品的開(kāi)發(fā)設(shè)計(jì)上。時(shí)尚服裝有限責(zé)任公司網(wǎng)站建設(shè)的環(huán)境配置公司網(wǎng)站的建設(shè)是依照織夢(mèng)系統(tǒng)對(duì)網(wǎng)站進(jìn)行的二次開(kāi)發(fā)，首先需要對(duì)織夢(mèng)系統(tǒng)進(jìn)行下載安裝，通過(guò)在掃瞄器中輸入安裝向?qū)У木W(wǎng)址開(kāi)始進(jìn)行DEDECMS的安裝，在安裝完成之后在其域名輸入欄輸入我們網(wǎng)站的域名（）就能夠看到我們的站點(diǎn)。我們下載下來(lái)的織夢(mèng)通常是一個(gè)壓縮包，先將其解壓，然后將upload文件夾中的文件上傳到網(wǎng)站的根目錄中，在公司網(wǎng)站中由公司的簡(jiǎn)介、公司的要緊產(chǎn)品的掃瞄等，這些都會(huì)在網(wǎng)站中體現(xiàn)出來(lái)，本網(wǎng)站通過(guò)織夢(mèng)系統(tǒng)的二次開(kāi)發(fā)差不多基于成熟，然而，首先需要確保服務(wù)器環(huán)境支持ＰＨＰ，同時(shí)需要安裝ＭyＳＱＬ數(shù)據(jù)庫(kù)服務(wù)器，通常滿(mǎn)足了這兩項(xiàng)條件是不夠的，還需要Web服務(wù)器正確的配置，以及IIS服務(wù)器對(duì)網(wǎng)站進(jìn)行測(cè)試公布。采納的關(guān)鍵技術(shù)和方法本網(wǎng)站是采納的關(guān)鍵技術(shù)有DEDECMS系統(tǒng)、HTML靜態(tài)網(wǎng)頁(yè)技術(shù)、PHP動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)、FlashFXP傳輸工具、SWFTxet圖像處理技術(shù)和Photoshop圖像處理技術(shù)以及Flash動(dòng)畫(huà)設(shè)計(jì)技術(shù)等，本網(wǎng)站是采納織夢(mèng)系統(tǒng)主對(duì)網(wǎng)站進(jìn)行的二次開(kāi)發(fā)設(shè)計(jì)。織夢(mèng)系統(tǒng)是一款具有強(qiáng)大的后臺(tái)和前臺(tái)治理及設(shè)計(jì)功能，它不僅能夠?qū)W(wǎng)站的模板進(jìn)行更換設(shè)計(jì)還能夠?qū)δK進(jìn)行重新的排版設(shè)計(jì)，另外，織夢(mèng)CMS系統(tǒng)帶有橫渡偶的內(nèi)容模型，包括文章、圖片、分類(lèi)信息、商城等等，能夠滿(mǎn)足一般網(wǎng)站的需求，同時(shí)能夠支持自定義模型，同時(shí)模板特不人性化。SWFTxet圖像處理技術(shù)，是一款有用型小型軟件，能生成各種特效的Flash文件，而且通過(guò)漢化與破解，本網(wǎng)站的Banner確實(shí)是利用這塊軟件制作的。HTML靜態(tài)網(wǎng)頁(yè)技術(shù)是一款超文本標(biāo)記語(yǔ)言，是用于網(wǎng)頁(yè)制作的簡(jiǎn)單、通用的標(biāo)記語(yǔ)言，它作為網(wǎng)頁(yè)編輯語(yǔ)言，具有格式化文本、建立超鏈接、創(chuàng)建列表、插入圖像、加入多媒體、加入動(dòng)畫(huà)、交互式列表、計(jì)數(shù)器等作用，給Web帶來(lái)無(wú)限的藝術(shù)和生活。PHP動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)是超文本預(yù)處理器是一種服務(wù)期端的腳本語(yǔ)言，腳本在服務(wù)器上執(zhí)行，支持專(zhuān)門(mén)多數(shù)據(jù)庫(kù)（MySQL、Solid、Oracle等等），同時(shí)是一個(gè)開(kāi)源的軟件。FlashFXP傳輸工具是一個(gè)功能強(qiáng)大的FXP/FTP軟件，融合了一些其他優(yōu)秀FTP軟件的優(yōu)點(diǎn)，它支持文件夾文件的傳送、刪除；支持上傳、下載及第三方文件續(xù)傳；能夠躍過(guò)指定的文件類(lèi)型，只傳送需要的文件；能夠自定義不同文件類(lèi)型的顯示顏色；能夠緩存遠(yuǎn)端文件夾列表，支持FTP代理及Socks3&4；具有幸免空閑功能，防止被站點(diǎn)踢出；能夠顯示或隱藏“隱藏”屬性的文件、文件夾；支持每個(gè)站點(diǎn)使用被動(dòng)模式。Photoshop圖像處理技術(shù)是一款處理圖像的軟件，它在圖像處理方面有超強(qiáng)功能，在照片處理、文字處理、圖層功能、操作環(huán)境等方面進(jìn)行了創(chuàng)新，能夠關(guān)心用戶(hù)提高工作效率、嘗試新的創(chuàng)作方式，以及設(shè)計(jì)除適用于打印的、Web和其他用途的高品質(zhì)圖像。Flash動(dòng)畫(huà)設(shè)計(jì)技術(shù)它是一種交互式動(dòng)畫(huà)設(shè)計(jì)工具，用它能夠?qū)⒁魳?lè)、聲效，動(dòng)畫(huà)以及富有新意的頁(yè)面融合在一起，以制作高品質(zhì)的網(wǎng)站動(dòng)態(tài)效果網(wǎng)站建設(shè)的總體規(guī)化時(shí)尚服裝首頁(yè)網(wǎng)站規(guī)劃示意圖時(shí)尚服裝首頁(yè)客戶(hù)反饋聯(lián)系我們誠(chéng)聘英才公司榮譽(yù)業(yè)界資訊產(chǎn)品展示公司動(dòng)態(tài)企業(yè)文化公司簡(jiǎn)介主頁(yè)客戶(hù)反饋聯(lián)系我們誠(chéng)聘英才公司榮譽(yù)業(yè)界資訊產(chǎn)品展示公司動(dòng)態(tài)企業(yè)文化公司簡(jiǎn)介主頁(yè) 圖1.網(wǎng)站總體規(guī)劃示意圖（二）對(duì)示意圖的介紹（1）.主頁(yè)：那個(gè)頁(yè)面是第一眼展示在客戶(hù)面前的頁(yè)面。（2）.公司簡(jiǎn)介：在公司簡(jiǎn)介頁(yè)面中，我們對(duì)公司的情況作了具體的介紹假如想更加詳細(xì)的了解我們公司能夠去看看介紹。（3）.企業(yè)文化：在那個(gè)頁(yè)面中有企業(yè)的規(guī)模，企業(yè)的整體概要。（4）.公司動(dòng)態(tài)：那個(gè)欄目中是公司最近一段時(shí)刻服裝節(jié)的新聞、新產(chǎn)品的展示以及企業(yè)的所參加的活動(dòng)。（5）.產(chǎn)品展示：服裝展示那個(gè)頁(yè)面中我們把公司的各種型號(hào)的產(chǎn)品公布到我們的網(wǎng)站上以方便消費(fèi)者在觀賞時(shí)尚服裝的同時(shí)能夠在線購(gòu)買(mǎi)而不用走出家門(mén)，既方便又實(shí)惠。（6）.業(yè)界資訊：那個(gè)頁(yè)面中要緊是服裝的各種新聞。（7）.公司榮譽(yù)：這是公司近幾年所獲得的榮譽(yù)。（8）.誠(chéng)聘英才：在那個(gè)欄目里我們介紹了我們需要的人才以及招聘方式。（9）.聯(lián)系我們：在那個(gè)頁(yè)面下面我們?cè)O(shè)計(jì)了公司要緊人員的聯(lián)系方式，有我們公司的電話(huà)以及QQ號(hào)碼，方便顧客以及公司盟友聯(lián)系我們。（10）.客戶(hù)反饋：在那個(gè)頁(yè)面中我們?cè)O(shè)置了消費(fèi)者反饋回來(lái)信息的處理公布欄，讓消費(fèi)者能夠更加信任我們企業(yè)。網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)網(wǎng)站的頁(yè)面設(shè)計(jì)圖2時(shí)尚服飾主頁(yè)圖3產(chǎn)品展示圖4時(shí)尚服飾的購(gòu)物頁(yè)面（二）網(wǎng)站頁(yè)面的實(shí)現(xiàn)：我介紹的是圖3產(chǎn)品展示頁(yè)面，在圖3產(chǎn)品展示有公司的Banner、以及公司最新產(chǎn)品的展示，以及與其相連接的購(gòu)物頁(yè)面。在那個(gè)頁(yè)面中Banner的設(shè)計(jì)是在阿里媽媽在線設(shè)計(jì)的，阿里媽媽軟件是一款功能強(qiáng)大的Logo、Banner設(shè)計(jì)軟件，它用起來(lái)特不的簡(jiǎn)單，即使你往?？刹荒埽ⅠR一看就能夠得心應(yīng)手的使用，下面介紹一下Banner的制作過(guò)程：首先是登陸阿里媽媽網(wǎng)站，登錄到阿里媽媽的首頁(yè)選擇免費(fèi)選擇模板，在免費(fèi)選擇模板頁(yè)面中選擇一個(gè)廣告牌類(lèi)型，我選擇的確實(shí)是這款與服裝有關(guān)的模板在線進(jìn)行了簡(jiǎn)單的設(shè)計(jì)后傳下來(lái)存到桌面上。然后打開(kāi)SWFText圖像處理軟件，這款軟件在前面差不多有所介紹，在此簡(jiǎn)單再簡(jiǎn)單講一下，它是一款有用型小型軟件，能生成各種特效的Flash文件，在這款軟件中在它的圖像中添加保存在桌面上的那張?jiān)O(shè)計(jì)好的圖片，然后設(shè)計(jì)它的文本是以“時(shí)尚服飾”命名的大標(biāo)題，字體設(shè)置為藍(lán)色字體，設(shè)計(jì)它的文本效果為3D圍繞后，這張圖片就能夠公布了，對(duì)其文本進(jìn)行輸出，保存為gif格式的，然后利用FXP傳輸工具上傳到主頁(yè)頁(yè)面中，在后臺(tái)中對(duì)頁(yè)面進(jìn)行一鍵更新設(shè)計(jì)，如此在產(chǎn)品展示欄目中Banner也能夠顯示出來(lái)，它的設(shè)置就完成了。下面是對(duì)產(chǎn)品以及產(chǎn)品的介紹進(jìn)行上傳，產(chǎn)品和產(chǎn)品介紹的上傳是在織夢(mèng)的后臺(tái)選擇核心模塊中的網(wǎng)站欄目治理，在那個(gè)欄目中選擇產(chǎn)品展示頁(yè)面對(duì)其進(jìn)行添加文檔，把公司的產(chǎn)品截圖以及產(chǎn)品介紹的文檔復(fù)制上去后，對(duì)那個(gè)頁(yè)面一鍵更新，產(chǎn)品展示頁(yè)面中既能夠顯示出公司的產(chǎn)品了，其他產(chǎn)品的上傳方式一樣。如此那個(gè)完整的頁(yè)面就設(shè)置完成了，能夠利用IIS服務(wù)器對(duì)其進(jìn)行測(cè)試公布了。其他頁(yè)面的設(shè)計(jì)與其相似，在此只以那個(gè)產(chǎn)品展示頁(yè)面為例介紹它的這設(shè)計(jì)完成過(guò)程。網(wǎng)站的測(cè)試與公布在那個(gè)對(duì)網(wǎng)站的測(cè)試環(huán)節(jié)中自上而下分為功能測(cè)試、性能測(cè)試、驗(yàn)收測(cè)試和安全測(cè)試，下面是測(cè)試的要緊步驟：功能測(cè)試系統(tǒng)的功能測(cè)試依照概要設(shè)計(jì)文檔具體編寫(xiě)，我們要緊考慮了頁(yè)面鏈接測(cè)試、數(shù)據(jù)庫(kù)測(cè)試及系統(tǒng)統(tǒng)計(jì)數(shù)據(jù)正確性測(cè)試。為了保證網(wǎng)站能夠順利運(yùn)行，我們組利用LoadRunner的自動(dòng)連接測(cè)試工具進(jìn)行自動(dòng)連接測(cè)試，它能自動(dòng)檢查分析站點(diǎn)的所有頁(yè)面的連接，并生產(chǎn)詳細(xì)的清單，報(bào)告連接頁(yè)面是否存在、哪些頁(yè)面未作連接都會(huì)在清單中列示出來(lái)，方便我們改進(jìn)。測(cè)試之前，依據(jù)系統(tǒng)需求分析文檔，對(duì)文檔中每一個(gè)詳細(xì)的功能點(diǎn)設(shè)計(jì)出來(lái)測(cè)試用例，重點(diǎn)關(guān)注關(guān)鍵頁(yè)面的測(cè)試用例，測(cè)試針對(duì)提交操作的完整性和操作結(jié)果合理性來(lái)進(jìn)行，以校驗(yàn)給服務(wù)器信息的正確性，同時(shí)檢查數(shù)據(jù)存取時(shí)的數(shù)據(jù)的一致性。測(cè)試完畢后，測(cè)試人員采納LoadRunner收集匯總所有的測(cè)試數(shù)據(jù)，LoadRunner本身提供高級(jí)的分析和報(bào)告工具，一邊迅速查到找到性能問(wèn)題并追溯原由。使用LoadRunner的Web交易細(xì)節(jié)檢測(cè)器，了解到將所有的圖像、框架和文本下載到每一網(wǎng)頁(yè)上所需要的時(shí)刻。另外，還采納Web交易細(xì)節(jié)檢測(cè)器分解用于客戶(hù)端、網(wǎng)絡(luò)和服務(wù)器上端的反應(yīng)時(shí)刻，便于確認(rèn)問(wèn)題，定位查找真正出錯(cuò)的組件。在對(duì)網(wǎng)站的功能、性能以及安全性測(cè)試完畢后，就能夠?qū)W(wǎng)站進(jìn)行公布測(cè)試了，在此我們使用IIS服務(wù)器對(duì)網(wǎng)站（）進(jìn)行公布測(cè)試，通過(guò)測(cè)試公布無(wú)誤，網(wǎng)站就能夠使用了，企業(yè)能夠?qū)οM(fèi)者以及所有客戶(hù)開(kāi)放了?？偨Y(jié)這次網(wǎng)站從網(wǎng)站的來(lái)源和意義、網(wǎng)站建設(shè)的環(huán)境配置、網(wǎng)站采納的的技術(shù)和方法、網(wǎng)站的整體規(guī)劃、網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)到網(wǎng)站的測(cè)試與公布，差不多上我們幾個(gè)合作完成的。從后臺(tái)的代碼編輯到前臺(tái)的頁(yè)面排版，我們用到的軟件要緊有Photoshop、Dreamwerner、MySQL，同時(shí)首次使用了織夢(mèng)系統(tǒng)對(duì)網(wǎng)站進(jìn)行而次開(kāi)發(fā)，還有PHP語(yǔ)言程序，開(kāi)發(fā)了那個(gè)簡(jiǎn)單的公司推廣網(wǎng)站的整個(gè)過(guò)程，從需求分析到設(shè)計(jì)、測(cè)試，我們都努力實(shí)現(xiàn)規(guī)范化和文檔化，努力讓自己往常學(xué)過(guò)的知識(shí)運(yùn)用網(wǎng)站的開(kāi)發(fā)中，盡量保證整個(gè)系統(tǒng)的開(kāi)發(fā)進(jìn)度和質(zhì)量，順利完成這次設(shè)計(jì)，為自己大學(xué)生涯畫(huà)上一個(gè)完美的句號(hào)。這是我們初次嘗試做網(wǎng)站，在網(wǎng)站的建設(shè)中還有專(zhuān)門(mén)多不足之處：有網(wǎng)站的頁(yè)面顏色搭配不夠合理、頁(yè)面的排版還不夠理想：網(wǎng)站在設(shè)計(jì)上的顏色搭配不夠合理，這是因?yàn)楸尘皥D片的添加導(dǎo)致主頁(yè)與其他頁(yè)面的顏色比不相同，同時(shí)主頁(yè)的圖片需要緩沖一段時(shí)刻才會(huì)顯示出來(lái)，這是網(wǎng)站的不足之處。網(wǎng)站頁(yè)面的排版不夠理想在