畢業(yè)生網(wǎng)站設(shè)計之雅芳產(chǎn)品大全網(wǎng)

33/39郵電職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計畢業(yè)設(shè)計畢業(yè)生設(shè)計—雅芳產(chǎn)品大全2009屆電信工程系專業(yè)計算機通信學(xué)號50405414谷紅玉指導(dǎo)教師延廣完成日期2008郵電職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計任務(wù)書姓名谷紅玉學(xué)號50405414專業(yè)計算機通信班級04五年制計通4畢業(yè)設(shè)計題目企業(yè)產(chǎn)品銷售制作-雅芳產(chǎn)品大全網(wǎng)指導(dǎo)教師延廣職稱或職務(wù)教授工作單位郵電職業(yè)技術(shù)學(xué)院電信工程系畢業(yè)設(shè)計容、基本要求、重點研究問題、主要設(shè)計方法（或步驟）：一、設(shè)計容用所學(xué)的網(wǎng)頁設(shè)計知識，制作一個雅芳產(chǎn)品銷售的，通過可以宣傳企業(yè)產(chǎn)品、發(fā)布銷售信息，通過在線語聊或留言的方式，與時的了解顧客的需求，客戶可以通過了解企業(yè)產(chǎn)品，功能應(yīng)包括產(chǎn)品瀏覽、購物車、產(chǎn)品收藏、在線語聊或留言等。上傳購買信息等，企業(yè)可以方便更新產(chǎn)品信息。二、基本要求1．查閱相關(guān)技術(shù)資料。2．完成系統(tǒng)需求分析、系統(tǒng)總體設(shè)計、詳細(xì)設(shè)計。3．完成的調(diào)試和實現(xiàn)購買產(chǎn)品的目的。4．按要求的格式完成畢業(yè)設(shè)計報告。三、重點研究問題B/S開發(fā)技術(shù)，產(chǎn)品展示，產(chǎn)品購買實現(xiàn)途徑。四、主要步驟確定需求、設(shè)計總體方案、制作網(wǎng)頁、調(diào)試、撰寫報告。主要參考文獻、資料：[1]莊王健，網(wǎng)頁設(shè)計三劍客白金教程，電子。2006年[2]祖鷹，網(wǎng)頁制作實用技術(shù)——Dreamweaver，理工大學(xué)，2007年[3]丁群，網(wǎng)頁設(shè)計與制作，中國計劃，2008年[4]胡崧，F(xiàn)lash8標(biāo)準(zhǔn)教程。青年，2006年計劃進度畢業(yè)設(shè)計要求在2008年12月底完成，2009年1月初答辯，進度安排：10月：與老師溝通，明確設(shè)計任務(wù)，確定總體思路。11月：查資料，需求分析、系統(tǒng)總體結(jié)構(gòu)設(shè)計、數(shù)據(jù)庫設(shè)計、功能設(shè)計12月：詳細(xì)設(shè)計、上機調(diào)試實現(xiàn)，撰寫畢業(yè)設(shè)計報告11月下旬：中期檢查12月下旬：提交正式畢業(yè)設(shè)計和報告要求每階段向老師匯報進展情況。指導(dǎo)教師簽字：年月日郵電職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計評定書姓名谷紅玉學(xué)號50405414專業(yè)計算機通信班級04五年制計通4畢業(yè)設(shè)計題目企業(yè)產(chǎn)品銷售制作-雅芳產(chǎn)品大全網(wǎng)指導(dǎo)教師評語：指導(dǎo)教師建議成績（60％）指導(dǎo)教師簽字：年月日答辯小組建議成績（40％）組長簽字：年月日答辯委員會最后審定成績主任簽字：年月日備注摘要自計算機應(yīng)用于管理領(lǐng)域以來，信息系統(tǒng)的開發(fā)與應(yīng)用獲得驚人的發(fā)展，網(wǎng)上購物也應(yīng)運而生，并得已迅速推廣，它不但可以擴大商家的規(guī)模和市場影響力，而且可以減少企業(yè)的經(jīng)營成本，提高工作效率。給當(dāng)今的傳統(tǒng)型企業(yè)或者是現(xiàn)代型企業(yè)都帶來了巨大的沖擊和無限的商機。本文首先介紹了網(wǎng)上購物系統(tǒng)的現(xiàn)狀與開發(fā)背景，然后論述了系統(tǒng)的設(shè)計目標(biāo)，系統(tǒng)需求和總體設(shè)計方案，較詳細(xì)的論述了系統(tǒng)的詳細(xì)設(shè)計和實現(xiàn)。最后，本文對網(wǎng)上購物系統(tǒng)進行了系統(tǒng)檢測并提出了還需要改進的問題。本系統(tǒng)主要為用戶提供了會員注冊，購物車管理，商品收藏，在線留言，為管理員提供了商品管理，用戶信息管理。在設(shè)計方面，本系統(tǒng)采用Deamveaer8.0，Photoshopcss8.0，Photoshopcss10.0，flash關(guān)鍵詞：網(wǎng)上購物系統(tǒng)開發(fā)背景AbstractSincetheapplicationofcomputermanagement,informationsystemsdevelopmentandapplicationofaccesstotheamazingdevelopmentofonlineshoppinghascomeintobeingandhasbeenarapidpromotion,itwillnotonlyexpandthebusinessscaleandmarketinfluence,butalsoreducebusinessCostsandimproveefficiency.Totoday'straditionalormodernbusinessenterpriseshaveanenormousimpactandunlimitedbusinessopportunities.

Thisarticlefirstintroducedtheon-lineshoppingsystem,thestatusquoanddevelopmentbackground,andthendiscussesthedesigngoals,systemrequirementsanddesignprograms,amoredetaileddiscussionofthedetaileddesignandrealization.Finally,on-lineshoppingsystemforthedetectionsystemandtheneedtoimprove.

Thepresentsystemismainlytoprovideuserswithamembershipregistration,shoppingcartmanagement,collectionofgoods,onlinemessages,merchandisemanagerprovidedmanagement,informationmanagementusers.Intermsofdesign,thissystemusesdreamveaer8.0,.Photoshopcss8.0,.Photoshopcss10.0,flash

Keywords:on-lineshoppingsystemdevelopmentbackground目錄緒論11網(wǎng)上購物系統(tǒng)概述11.1網(wǎng)上購物的發(fā)展11.2系統(tǒng)實現(xiàn)的目標(biāo)11.3系統(tǒng)的開發(fā)意義22網(wǎng)上購物系統(tǒng)分析22.1的設(shè)計目標(biāo)32.2的可行性分析32.3本的功能32.4設(shè)計的特點42.5開發(fā)的設(shè)計思想42.6系統(tǒng)設(shè)計的總體規(guī)則43系統(tǒng)的開發(fā)技術(shù)與主要構(gòu)架53.1開發(fā)技術(shù)的選擇53.2系統(tǒng)的主要構(gòu)架與開發(fā)模式54詳細(xì)設(shè)計與制作54.1包含的主要功能54.2總結(jié)構(gòu)的設(shè)計64.3各頁面設(shè)計64.4在線留言系統(tǒng)115.系統(tǒng)使用說明116.總結(jié)12致13參考文獻14附錄15//用戶注冊界面的代碼實現(xiàn)//15緒論目前，網(wǎng)上購物正以一種前所未有的沖擊力在影響著人類的活動，包括人類的生產(chǎn)和日常生活。網(wǎng)絡(luò)的誕生和發(fā)展，顛覆了傳統(tǒng)的信息傳播方式，沖破了存在于傳統(tǒng)交流方式中時間和空間的種種壁壘，極改變了人類從物質(zhì)到精神、從形式到容、從生產(chǎn)到生活的各種活動，并且給人類帶來了新的機遇和挑戰(zhàn)。中國互聯(lián)網(wǎng)絡(luò)信息中心(CNNIC)發(fā)布《第22次中國互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計報告》中顯示，截至2008年6月底，我國網(wǎng)民數(shù)量達2.53億，首次大幅超過美國躍居世界第一位，此外，根據(jù)CNNIC統(tǒng)計顯示，我國網(wǎng)民中接入寬帶比例為84.7%，寬帶網(wǎng)民數(shù)已達到2.14億人，寬帶網(wǎng)民規(guī)模為世界第一。網(wǎng)絡(luò)購物是互聯(lián)網(wǎng)作為網(wǎng)民實用性工具的重要體現(xiàn)，隨著中國整體網(wǎng)絡(luò)購物環(huán)境的改善，網(wǎng)絡(luò)購物市場的增長趨勢明顯。目前的網(wǎng)絡(luò)購物用戶人數(shù)已經(jīng)達到6329萬人，有25.0%的網(wǎng)民青睞網(wǎng)上購物，躋身十大網(wǎng)絡(luò)應(yīng)用之列。1網(wǎng)上購物系統(tǒng)概述1.1網(wǎng)上購物的發(fā)展近年來，隨著Internet的迅速崛起，互聯(lián)網(wǎng)已日益成為收集提供信息的最佳渠道并逐步進入傳統(tǒng)的流通領(lǐng)域。于是電子商務(wù)開始流行起來，越來越多的商家在網(wǎng)上建起在線商店，向消費者展示出一種新穎的購物理念。網(wǎng)上購物系統(tǒng)作為B2B,B2C（BusinesstoCustomer,即企業(yè)對消費者），C2C（CustomertoCustomer,即消費者對消費者)電子商務(wù)的前端商務(wù)平臺,在其商務(wù)活動全過程中起著舉足輕重的作用。本文主要考慮的是如何建設(shè)B2C的網(wǎng)上購物系統(tǒng)。網(wǎng)上購物是一種具有交互功能的商業(yè)信息系統(tǒng)。它向用戶提供靜態(tài)和動態(tài)兩類信息資源。所謂靜態(tài)信息是指那些比經(jīng)常變動或更新的資源，如公司簡介、管理規(guī)和公司制度等等；動態(tài)信息是指隨時變化的信息，如商品報價，會議安排和培訓(xùn)信息等。網(wǎng)上購物系統(tǒng)具有強大的交互功能，可使商家和用戶方便的傳遞信息，完成電子貿(mào)易或EDI交易。這種全新的交易方式實現(xiàn)了公司間文檔與資金的無紙化交換。1.2系統(tǒng)實現(xiàn)的目標(biāo)現(xiàn)在流行的網(wǎng)上購物系統(tǒng)不僅要有漂亮的網(wǎng)頁，更要有嚴(yán)謹(jǐn)?shù)囊?guī)劃，注重每一個細(xì)小的環(huán)節(jié)。這樣才能使得在電子交易時避免不必要錯誤發(fā)生。我們將使用Dreamweaver等技術(shù)輯網(wǎng)頁，Dreamweaver可以用最快速的方式將Fireworks，F(xiàn)reeHand，或Photoshop等檔案移至網(wǎng)頁上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁安全色。對于選單，快捷鍵與格式控制，都只要一個簡單步驟便可完成。Dremweaver能根據(jù)自己喜愛的設(shè)計工具，如PlaybackFlash，Shockwave和外掛模組等搭配，不需離開Dremweaver便可完成，整體運用流程自然順暢。除此之外，只要單擊便可使Dreamweaver自動開啟Firework或Photoshop來進行編輯與設(shè)定圖檔的最佳化。本設(shè)計在實際應(yīng)用中的解決方案是建立,以與自己的即時通信工具，使得所需商品信息可以與時的保存、更新，可以更好的與時了解商品買賣的情況。1.3系統(tǒng)的開發(fā)意義Internet的發(fā)展，為改變傳統(tǒng)的商業(yè)運作模式提供了一種技術(shù)上的可行性的方案：利用Internet的技術(shù)和協(xié)議，建立各種企業(yè)部網(wǎng)Intranet，企業(yè)外部網(wǎng)Extranet，通過廉價的通訊手段，將買家與賣家、廠商和合作伙伴緊密結(jié)合在了一起，消除時間與空間帶來的障礙，從而大大的節(jié)約了交易成本，擴大了交易圍。而在實際的生活中，這種方案已經(jīng)被廣泛的運用到了實際的商業(yè)活動中了，人們將這種交易模式稱為：電子商務(wù)。當(dāng)今比較流行的網(wǎng)上購物系統(tǒng)國外有“淘寶(.taobao.)”，國有“當(dāng)當(dāng)(.dangdang.)”。它們都是相當(dāng)優(yōu)秀的電子商務(wù)，對其他的提供了良好的典。設(shè)計中可以學(xué)習(xí)參考他們的思想，了解和熟悉整個的開發(fā)流程與完整的電子商務(wù)應(yīng)有的功能和注意事項。設(shè)計和完成一個電子商務(wù)的，將會牽涉到許多技術(shù)上的問題，如：動態(tài)網(wǎng)頁制作技術(shù)的，后臺數(shù)據(jù)庫的設(shè)計和管理，通過實際的制作個，可以避免紙上談兵，在實踐中掌握上述技術(shù)的使用。2網(wǎng)上購物系統(tǒng)分析系統(tǒng)分析是平臺開發(fā)的一個不可缺少的環(huán)節(jié)，為了能夠使本系統(tǒng)更好、更完善地被設(shè)計出來，就必須先進行調(diào)查研究。在系統(tǒng)調(diào)查的基礎(chǔ)上，對新系統(tǒng)的功能進行細(xì)致的分析，從而才能夠開發(fā)出完整的系統(tǒng)設(shè)計。2.1的設(shè)計目標(biāo)本平臺利用現(xiàn)在比較廣泛的Dreamweaver軟件制作來實現(xiàn)的系統(tǒng)前臺部分，前臺管理是友好的操作界面，供用戶瀏覽、查詢使用。包括：用戶登陸、用戶注冊、瀏覽商品、查詢商品、購物車、商品收藏等功能。并附帶在線語聊和留言軟件。2.2的可行性分析隨著計算機技術(shù)的發(fā)展和網(wǎng)絡(luò)人口的增加，網(wǎng)絡(luò)世界也越來越廣博，越來越豐富，電子商務(wù)已經(jīng)成為網(wǎng)上的一股潮流。我們相信要不了太長有時間，顧客就可以在網(wǎng)絡(luò)世界上獲得他們在現(xiàn)實世界上可以獲得的所有商品和服務(wù)。經(jīng)過設(shè)計目標(biāo)和進行的市場調(diào)查得出以下四點的可行性分析：（1）經(jīng)濟可行性：該平臺設(shè)計只是作為本人的畢業(yè)設(shè)計，又因為本人的設(shè)計能力有限，其功能還不能完善，所以沒有什么經(jīng)濟效益可談。（2）技術(shù)可行性：Dreamweaver的技術(shù)已經(jīng)較為成熟。（3）法律可行性：該平臺是作為畢業(yè)設(shè)計與商業(yè)無關(guān)，又因為是自主開發(fā)設(shè)計，因此不會構(gòu)成侵權(quán)，在法律上是可行的。通過以上的可行性分析，我將采用Dreamweaver，Photoshop、flash庫對進行建設(shè)。2.3本的功能經(jīng)過以上的初步調(diào)查和研究，并且確定了該平臺的可行性，并決定開發(fā)本平臺，為了能夠?qū)ΜF(xiàn)行的平臺容進行充分了解，使所要開發(fā)的平臺更具有實用性和適應(yīng)性，通過兩個月的實習(xí)調(diào)查和指導(dǎo)老師的耐心介紹，設(shè)計出該平臺功能如下：（1）能夠完成用戶基本信息錄入的注冊。（2）能夠完成對的商品資料（商品添加、商品審查）、信息管理（修改刪除、公告設(shè)置），以與常規(guī)設(shè)置（廣告添加）的功能。（3）能夠通過查看購物車對所選商品進行確定、挑選，通過在線聯(lián)系確定商品的支付。經(jīng)過前一階段的調(diào)查與研究分析，我已確定了該平臺設(shè)計的主要功能，對每個功能模塊也作了具體描述，下面就來具體分析該平臺的設(shè)計特點與具體思想。2.4設(shè)計的特點我所設(shè)計和開發(fā)的網(wǎng)上購物平臺是經(jīng)過很長時間的調(diào)查和分析才開始具體實施的，它的主要特點是改變了以往的購物只能過現(xiàn)實的商場才能達到的結(jié)果，采用Web技術(shù)，借助于Internet互聯(lián)網(wǎng)廣泛應(yīng)用技術(shù)，達到資源共享，提高以往購物的局限性，縮短人們的時間和提高工作效率，具有較好的交互性，從而實現(xiàn)信息化，規(guī)化，系統(tǒng)化，網(wǎng)絡(luò)化的平臺，使整個購物活動過程簡單、方便、易行。本運行在Windows環(huán)境運行中，操作方便，便于修改。最常用的調(diào)試是IE瀏覽器。2.5開發(fā)的設(shè)計思想網(wǎng)上購物平臺主要是對后臺管理和前臺操作。后臺管理是管理員對本的維護，通過即時軟件在線聯(lián)系能與時的了解用戶的需求，產(chǎn)品的更改，用戶的建議，完成再線付款等后臺管理操作。前臺操作是用戶登錄到本，可以進行用戶注冊，通過的精品推薦，找到自己想要買的商品，裝入購物車，提交定單時在線聯(lián)系進行購買。網(wǎng)上購物平臺的特點是客戶和電子商品信息量很大，管理員需要整理的信息很多，為讓管理員輕松、方便、快捷的管理，該平臺采用符合購買電子商品基本的原則，滿足廣大客戶的日益增長的數(shù)量，并達到操作過程中的直觀、方便、實用、安全等要求。2.6系統(tǒng)設(shè)計的總體規(guī)則無論哪個都要有它自己的設(shè)計規(guī)則。該平臺也一樣，它的主要設(shè)計規(guī)則有：簡單性：在實現(xiàn)平臺的功能的同時，盡量讓平臺操作簡單易懂，這對于一個來說是非常重要的。針對性：該平臺設(shè)計是網(wǎng)上購物系統(tǒng)與后臺管理的定向開發(fā)設(shè)計，所以具有專業(yè)突出和很強的針對性。實用性：該平臺能完成電子商品展示和管理員管理的基本信息，具有良好的實用性。3系統(tǒng)的開發(fā)技術(shù)與主要構(gòu)架3.1開發(fā)技術(shù)的選擇本系統(tǒng)主要是Dreamweaver來編輯，F(xiàn)lash、Photoshop來輔助美化。Dreamweaver是一款專業(yè)的制作軟件、它與Flash、Photoshop合在一起稱為“網(wǎng)頁三劍客”，這三個軟件配合使用，制作出來的網(wǎng)頁兼容性比較好是一款：所見即所得“的網(wǎng)頁編輯工具，它對于web站點、web頁和web應(yīng)用程序進行設(shè)計、編碼和開發(fā)。無論是用戶是愿意手工編寫HTML代碼時的駕駛感，還是偏愛在可視化編輯環(huán)境中工作，Dreamweaver都會為用戶提供有用的工具，擁有更加完美的Web創(chuàng)作體驗。Flash用于制作精美的頁面動畫；而Photoshop用于處理頁面中的圖形。3.2系統(tǒng)的主要構(gòu)架與開發(fā)模式系統(tǒng)的建設(shè)關(guān)鍵在于其所使用的構(gòu)架，而網(wǎng)上購物這種基于web的系統(tǒng)，傳統(tǒng)的c/s架構(gòu)已經(jīng)不能滿足大量用戶的訪問和操作，b/s基于瀏覽器的架構(gòu)則是目前網(wǎng)絡(luò)系統(tǒng)應(yīng)用的主流，它將大量的數(shù)據(jù)處理工作交給服務(wù)器端來處理，客戶端只用通過普通的IE瀏覽器即可訪問系統(tǒng)，方便快捷而且利于系統(tǒng)的更新和維護。4詳細(xì)設(shè)計與制作4.1包含的主要功能首先進入主頁面，會員可直接登陸，否則需注冊用戶后登陸，登陸成功后可進行產(chǎn)品搜索，產(chǎn)品導(dǎo)航分為產(chǎn)品介紹、護膚產(chǎn)品、彩妝產(chǎn)品、護發(fā)產(chǎn)品、保健產(chǎn)品五類，選擇合適的產(chǎn)品放入購物車，通過在線語聊或留言進行產(chǎn)品的購買，付款成功以后退出雅芳大全網(wǎng)，具體流程如圖4-1所示：圖4-1產(chǎn)品購買流程圖4.2總結(jié)構(gòu)的設(shè)計本主要采用的是表格布局，使用表格布局不僅易于修改，而且可以根據(jù)自己的特點進行個性化布局。本采用上下的結(jié)構(gòu)，上方主要是橫幅（俗稱Banner）和導(dǎo)航，導(dǎo)航有五部分：產(chǎn)品介紹、護膚產(chǎn)品、彩妝產(chǎn)品、護發(fā)產(chǎn)品、保健產(chǎn)品，的下半部分主要是產(chǎn)品的瀏覽。本站分類很詳細(xì)，方便用戶更快捷的找到所需要的商品。在產(chǎn)品介紹里，本把各類產(chǎn)品進行匯總，綜合介紹站產(chǎn)品。比如分頁的彩妝產(chǎn)品又很詳細(xì)的分出香水系列、唇彩系列、眼影系列、粉底系列，更能方便用戶查找。4.3各頁面設(shè)計主頁的設(shè)計是以文字?jǐn)⑹鰹橹?，把產(chǎn)品進行綜合總結(jié)。因為技術(shù)有限所以本站實現(xiàn)的是假登陸和假注冊。產(chǎn)品導(dǎo)航有:產(chǎn)品介紹、護膚產(chǎn)品、彩妝產(chǎn)品、護發(fā)產(chǎn)品、保健產(chǎn)品。頁面的顏色主要是以粉色為主，給人親切、溫馨的感覺，用了flash特效作為裝飾，使我的網(wǎng)頁有了動態(tài)之美。如圖4-2所示：圖4-2雅芳產(chǎn)品大全網(wǎng)首頁效果圖護膚產(chǎn)品頁面的設(shè)計，每頁有12個產(chǎn)品，分了四頁介紹，詳細(xì)介紹了產(chǎn)品的成分以與價格。本頁面添加了購物車功能，但購物車實現(xiàn)的是假功能，在購物車的圖片上添加了onclick行為，是在點擊購物車時會彈出一個消息對話框，提示用戶選擇的產(chǎn)品已經(jīng)放入到購物車，本真正購買是通過即時通信的方式進行購買。如圖4-3所示:圖4-3護膚產(chǎn)品頁面效果圖彩妝產(chǎn)品頁面的設(shè)計首先從視覺上給人帶來沖擊，采用黑色做為背景色，給人一種神秘的感覺。如圖4-4所示:圖4-4彩妝產(chǎn)品頁面效果圖點擊推薦產(chǎn)品就會到相應(yīng)系列產(chǎn)品的頁面。在彩妝系列里增加了產(chǎn)品收藏功能，在“產(chǎn)品收藏”上同樣添加了“onclick”行為，點擊”產(chǎn)品收藏”會彈出“物品已加入收藏，如果想購買請與我們在線聯(lián)系，”的字樣。實現(xiàn)購買的目的。護發(fā)、保健產(chǎn)品頁面也是以暖色調(diào)為主，在保健產(chǎn)品頁面中有溫馨提示，介紹產(chǎn)品適宜人群和成分含量。如圖4-5所示:圖4-5護發(fā)產(chǎn)品和保健產(chǎn)品效果圖4.4在線留言系統(tǒng)留言系統(tǒng)采用的是TQ即時通信系統(tǒng)，TQ是一款易于使用的即時通訊軟件，具備了獨創(chuàng)的網(wǎng)頁會話功能，超強的群組溝通功能，并且可以和各類緊密結(jié)合，開創(chuàng)了即時通訊的全新領(lǐng)域。本可以根據(jù)TQ即時通信能與時了解用戶所需要的產(chǎn)品，在線購買，或留言購買。TQ有兩種狀態(tài)，一種是在線狀態(tài)，可以直接的咨詢，使用起來就像是聊天，離線狀態(tài)是撥打免費或著留言，使用起來方便快捷。如圖4-6所示：圖4-6在線留言系統(tǒng)在線留言系統(tǒng)的關(guān)鍵代碼：<scriptlanguage=JavaScriptsrc=/js/tqdistrabate.js></script>10src='/js/tqGetOnlineFlag.js'></script><scriptlanguage=javascriptsrc='/js/tqDistrabute.js'></script>5.系統(tǒng)使用說明本站是在WindowsXP系統(tǒng)中進行運行與調(diào)試的，操作起來非常簡單方便WindowsXP系統(tǒng)安裝程序如下：（1）區(qū)域和語言選項（2）輸入個人信息（3）輸入序列號（4）設(shè)置系統(tǒng)管理員密碼（5）設(shè)置日期和時間（6）設(shè)置網(wǎng)絡(luò)連接總結(jié)本主要采用的是表格布局，使用表格布局易于修改，而且根據(jù)自己的特點進行個性化布局。本采用上下的結(jié)構(gòu)，上方主要是橫幅（俗稱Banner）和導(dǎo)航，本站分類詳細(xì)，方便用戶能夠更快捷的找到所需要的商品。我所設(shè)計和開發(fā)的網(wǎng)上購物平臺是經(jīng)過長時間的調(diào)查和分析后開始具體實施的，它改變了通俗的購物方式，采用Web技術(shù)，借助于Internet互聯(lián)網(wǎng)達到資源共享，提高工作效率，具有較好的交互性，從而實現(xiàn)信息化，規(guī)化，系統(tǒng)化，網(wǎng)絡(luò)化的平臺，使整個購物活動過程簡單、方便、易行。致在設(shè)計和論文完成后的今天，我要特別感我的指導(dǎo)教師嚴(yán)廣老師，在我整個畢業(yè)設(shè)計的過程中給予我的指導(dǎo)和幫助，并時刻向我提出最寶貴的意見，讓我能夠順利完成這次的設(shè)計和論文撰寫。是他以淵博的知識和豐富的實踐經(jīng)驗深深地感染了我，給我以毫無保留的指導(dǎo)，促進了我對專業(yè)知識的學(xué)習(xí)掌握，使我受益匪淺。正是在他的悉心指導(dǎo)下，我的論文得以順利進行。再次,我要感我的一些同學(xué)，他們對我的幫助，是他們給了我靈感和信心。我從他們那里學(xué)到的不僅僅是專業(yè)知識，更重要的是嚴(yán)謹(jǐn)?shù)闹螌W(xué)態(tài)度和忘我的事業(yè)追求。大學(xué)就要畢業(yè)了，在這里我還要特別感教過我的所有老師。在這三年的大學(xué)生活里，他們給了我很多幫助與關(guān)懷。他們不僅教授我知識而且使我學(xué)到了很多做人的道理。在平常的生活中，她們關(guān)懷的眼神、親切的笑臉、真摯的言詞，將永遠(yuǎn)深深的印在我的腦海里。這所有一切的一切都將是我未來生活中最寶貴的財富。他們和我共同生活了三年，在生活和學(xué)習(xí)上給了我很大的幫助。在我生病時有她們無微不至的照顧，在我孤獨時有她們的相依相伴，讓我時時刻刻都在享受著家的溫暖。在這里我真誠的我的這些可愛的兄弟姐妹。總之，我相信在不久的將來，我將會更加感激大學(xué)時代曾經(jīng)幫助我的所有老師、同學(xué)、朋友。因為是他們給予我鼓勵，給予我力量，給予我知識。所以，我以后會更加努力，更加刻苦，為我們國家，為我們社會貢獻自己的一份力量參考文獻[1]選輝，網(wǎng)頁設(shè)計基礎(chǔ)與實例教程，電子工業(yè)，2006年[2]莊王健，網(wǎng)頁設(shè)計三劍客白金教程，電子。2006年[3]祖鷹，網(wǎng)頁制作實用技術(shù)——Dreamweaver，理工大學(xué)，2007年[4]丁群，網(wǎng)頁設(shè)計與制作，中國計劃，2008年[5]胡崧，F(xiàn)lash8標(biāo)準(zhǔn)教程。青年，2006年[6]宋一兵，仲。從零開始Flash基礎(chǔ)培訓(xùn)教程。人民郵電，2006附錄//用戶注冊界面的代碼實現(xiàn)//<HTML><HEAD><TITLE>新用戶注冊界面</TITLE><META-equiv=Content-Typecontent="text/html;charset=gb2312"><LINKhref="新用戶注冊界面.files/style.css"type=text/cssrel=stylesheet><METAcontent="MSHTML6.00.2900.3429"name=GENERATOR><styletype="text/css"><!--.STYLE9{color:#CC3366}--></style></HEAD><BODYtext=#000000bgColor=#ecf5ff><FORMname=build_formaction=../servlet/.register.user_registermethod=postencType=multipart/form-data><TABLEcellSpacing=0cellPadding=0width=755align=centerbgColor=#ffffffborder=0><TBODY><TR><TDalign=middle><SCRIPTlanguage=JavaScript>functioncheck(){vari;varsz_question,sz_answer;varsz_gateway_id;number=build_form.ACCT_NBR.value;sz_question=build_form.QUESTION.value;sz_answer=build_form.ANSWER.value;sz_gateway_id=build_form.GATEWAY.value;sz_nickname=build_form.NICKNAME.value;if(sz_gateway_id==""){alert("請選擇用戶類別！");returnfalse;}if(sz_nickname==""){alert("請輸入用戶昵稱！");returnfalse;}if(number==""||number.length==0){ alert("必須輸入！請輸入！"); returnfalse;}for(i=0;i<number.length;i++){if(number.charAt(i)<"0"||number.charAt(i)>"9"){ alert("必須輸入整數(shù)！請重新輸入！"); returnfalse;}}if(sz_question.length==0){alert("請輸入密碼查詢問題！"); returnfalse;}if(sz_answer.length==0){alert("請輸入密碼查詢答案！"); returnfalse;} if(!check_ad_pass()) { returnfalse; }returntrue;}</SCRIPT><SCRIPTlanguage=javascripttype=text/javascript><!--todayDate=newDate();date=todayDate.getDate();month=todayDate.getMonth()+1;year=todayDate.getYear();if(navigator.appName=="Netscape"){document.write(1900+year);document.write("年");document.write(month);document.write("月");document.write(date);document.write("日");}if(navigator.appVersion.indexOf("MSIE")!=-1){document.write(year);document.write("年");document.write(month);document.write("月");document.write(date);document.write("日");}if(todayDate.getDay()==5)document.write("<br>星期五")if(todayDate.getDay()==6)document.write("<br><br>星期六")if(todayDate.getDay()==0)document.write("<br><br>星期日")if(todayDate.getDay()==1)document.write("<br><br>星期一")if(todayDate.getDay()==2)document.write("<br><br>星期二")if(todayDate.getDay()==3)document.write("<br><br>星期三")if(todayDate.getDay()==4)document.write("<br><br>星期四")//--></SCRIPT><imgsrc="新用戶注冊界面.files/456.jpg"width="800"height="278"border="0"></TD></TR></TBODY></TABLE><TABLEcellSpacing=0cellPadding=0width=760align=center><TBODY><TR><TD><BR><BR><TABLEborderColor=#990066width=654align=centerborder=1><TBODY><TR><TDalign=middlewidth=602bgColor=#ecf5ffcolSpan=2height=35><DIValign=center><B><FONTcolor=#6666ff><IMGheight=26src="新用戶注冊界面.files/zcyh.gif"width=30align=absMiddle>新用戶注冊界面</FONT></B></DIV></TD></TR><TR><TDborderColor=#8080c0width=602bgColor=#ecf5ffcolSpan=2> 你的位置：<Ahref="index.html">首頁</A>>>><FONTcolor=#ff0000>用戶免費注冊</A></FONT></TD></TR><TR><TDborderColor=#8080c0align=leftwidth=160bgColor=#ecf5ffheight=30><DIValign=right>用戶類別：</DIV></TD><TDborderColor=#8080c0align=leftwidth=478bgColor=#ecf5ffheight=30><SELECTsize=1name=GATEWAY><OPTIONvalue=""selected>請選擇</OPTION><OPTIONvalue=3>移動用戶</OPTION><OPTIONvalue=4>聯(lián)通用戶</OPTION><OPTIONvalue=7>小靈通用戶</OPTION></SELECT><FONTface=宋體color=#ff0000size=2>*</FONT></TD></TR><TR><TDborderColor=#8080c0align=leftwidth=160bgColor=#ecf5ffheight=27><DIValign=right>用戶：</DIV></TD><TDborderColor=#8080c0align=leftwidth=478bgColor=#ecf5ffheight=27><INPUTmaxLength=13size=15name=ACCT_NBR><FONTface=宋體color=#ff0000size=2>*</FONT>(如：移動手機號：)</TD></TR><TR><TDborderColor=#8080c0align=leftwidth=160bgColor=#ecf5ff><DIValign=right>用戶昵稱：</DIV></TD><TDborderColor=#8080c0align=leftwidth=478bgColor=#ecf5ff><INPUTmaxLength=12size=15name=NICKNAME><FONTface=宋體color=#ff0000size=2>*</FONT></TD></TR><TR><TDborderColor=#8080c0align=leftwidth=160bgColor=#ecf5ff><DIValign=right>用戶性別：</DIV></TD><TDborderColor=#8080c0align=leftwidth=478bgColor=#ecf5ff><SELECTsize=1name=SEX><OPTIONvalue=1selected>男</OPTION><OPTIONvalue=2>女</OPTION><OPTIONvalue=0></OPTION></SELECT></TD></TR><TR><TDborderColor=#8080c0align=leftwidth=160bgColor=#ecf5ff><DIValign=right>出生日期：</DIV></TD><TDborderColor=#8080c0align=leftwidth=478bgColor=#ecf5ff><!--<inputtype="text"name="BIRTH_DATE"size="15"maxlength="20">--><SELECTsize=1name=byear><OPTIONselected></OPTION><SCRIPTlanguage=JavaScript><!--for(i=1940;i<2000;i++)document.write('<option>'+i)//--></SCRIPT></SELECT>年<SELECTsize=1name=bmonth><OPTIONselected></OPTION><OPTIONvalue=01>01</OPTION><OPTIONvalue=02>02</OPTION><OPTIONvalue=03>03</OPTION><OPTIONvalue=04>04</OPTION><OPTIONvalue=05>05</OPTION><OPTIONvalue=06>06</OPTION><OPTIONvalue=07>07</OPTION><OPTIONvalue=08>08</OPTION><OPTIONvalue=09>09</OPTION><OPTIONvalue=10>10</OPTION><OPTIONvalue=11>11</OPTION><OPTIONvalue=12>12</OPTION></SELECT>月<SELECTsize=1name=bday><OPTIONselected></OPTION><OPTIONvalue=01>01</OPTION><OPTIONvalue=02>02</OPTION><OPTIONvalue=03>03</OPTION><OPTIONvalue=04>04</OPTION><OPTIONvalue=05>05</OPTION><OPTIONvalue=06>06</OPTION><OPTIONvalue=07>07</OPTION><OPTIONvalue=08>08</OPTION><OPTIONvalue=09>09</OPTION><OPTIONvalue=10>10</OPTION><OPTIONvalue=11>11</OPTION><OPTIONvalue=12>12</OPTION><OPTIONvalue=13>13</OPTION><OPTIONvalue=14>14</OPTION><OPTIONvalue=15>15</OPTION><OPTIONvalue=16>16</OPTION><OPTIONvalue=17>17</OPTION><OPTIONvalue=18>18</OPTION><OPTIONvalue=19>19</OPTION><OPTIONvalue=20>20</OPTION><OPTIONvalue=21>21</OPTION><OPTIONvalue=22>22</OPTION><OPTIONvalue=23>23</OPTION><OPTIONvalue=24>24</OPTION><OPTIONvalue=25>25</OPTION><OPTIONvalue=26>26</OPTION><OPTIONvalue=27>27</OPTION><OPTIONvalue=28>28</OPTION><OPTIONvalue=29>29</OPTION><OPTIONvalue=30>30</OPTION><OPTIONvalue=31>31</OPTION></SELECT>日</TD></TR><TR><TDborderColor=#8080c0align=leftwidth=160bgColor=#ecf5ff><DIValign=right>：</DIV></TD><TDborderColor=#8080c0align=leftwidth=478bgColor=#ecf5ff><INPUTmaxLength=18name=CERTIFICATE_NUM></TD></TR><TR><TDborderColor=#8080c0align=leftwidth=160bgColor=#ecf5ff><DIValign=right>學(xué)歷：</DIV></TD><TDborderColor=#8080c0align=leftwidth=478bgColor=#ecf5ff><SELECTsize=1name=KNOWLEDGE_LEVEL><OPTIONvalue=3selected>大學(xué)</OPTION><OPTIONvalue=1>初中</OPTION><OPTIONvalue=2>高中</OPTION><OPTIONvalue=4>碩士</OPTION><OPTIONvalue=5>博士</OPTION></SELECT></TD></TR><TR><TDborderColor=#8080c0align=leftwidth=160bgColor=#ecf5ff><DIValign=right>所屬省份：</DIV></TD><TDborderColor=#8080c0align=leftwidth=478bgColor=#ecf5ff><SELECTsize=1name=PROVINCE><OPTIONvalue=selected></OPTION><OPTIONvalue=></OPTION><OPTIONvalue=></OPTION><OPTIONvalue=></OPTION><OPTIONvalue=></OPTION><OPTIONvalue=></OPTION><OPTIONvalue=></OPTION><OPTIONvalue=></OPTION><OPTIONvalue=></OPTION><OPTIONvalue=></OPTION><OPTIONvalue=></OPTION><OPTIONvalue=></OPTION><OPTIONvalue=></OPTION><OPTIONvalue=></OPTION><OPTIONvalue=></OPTION><OPTIONvalue=></OPTION><OPTIONvalue=></OPTION><OPTIONvalue=></OPTION><OPTIONvalue=></OPTION><OPTIONvalue=></OPTION><OPTIONvalue=></OPTION><OPTIONvalue=></OPTION><OPTIONvalue=></OPTION><OPTIONvalue=></OPTION><OPTIONvalue=></OPTION><OPTIONvalue=></OPTION><OPTIONvalue=></OPTION><OPTIONvalue=></OPTION><OPTIONvalue=></OPTION><OPTIONvalue=></OPTION><OPTIONvalue=></OPTION><OPTIONvalue=港澳臺>港澳臺</OPTION><OPTIONvalue=海外>海外</OPTION><OPTIONvalue=其它>其它</OPTION></SELECT><FONTsize=2>省</FONT></TD></TR><TR><TDborderColor=#8080c0align=leftwidth=160bgColor=#ecf5ff><DIValign=right>所屬城市：</DIV></TD><TDborderColor=#8080c0align=leftwidth=478bgColor=#ecf5ff><INPUTmaxLength=20size=15value=name=CITY><FONTsize=2>市</FONT></TD></TR><TR><TDborderColor=#8080c0align=leftwidth=160bgColor=#ecf5ff><DIValign=right>真實：</DIV></TD><TDborderColor=#8080c0align=leftwidth=478bgColor=#ecf5ff><INPUTmaxLength=20size=15name=SERV_NAME></TD></TR><TR><TDborderColor=#8080c0align=leftwidth=160bgColor=#ecf5ffheight=34><DIValign=right>電子：</DIV></TD><TDborderColor=#8080c0align=leftwidth=478bgColor=#ecf5ffheight=34><INPUTmaxLength=30name=MAIL></TD></TR><TR><TDborderColor=#8080c0align=leftwidth=160bgColor=#ecf5ffheight=34><DIValign=right>是否愿意公開你的信息</DIV></TD><TDborderColor=#8080c0align=leftwidth=478bgColor=#ecf5ffheight=34><SELECTsize=1name=ifgk><OPTIONvalue=yselected>愿意</OPTION><OPTIONvalue=n>不愿意</OPTION></SELECT>(手機號除外)</TD></TR><TR><TDborderColor=#ffffffwidth=602bgColor=#ecf5ffcolSpan=2height=46><DIV><FONTcolor=redsize=2>      請認(rèn)真填寫下表，當(dāng)你忘記密碼時，可以根據(jù)提示問題找回密碼</FONT></DIV></TD></TR><TR><TDborderColor=#8080c0align=leftwidth=160bgColor=#ecf5ffheight=33><DIValign=right>密碼查詢問題：</DIV></TD><TDborderColor=#8080c0align=leftwidth=478bgColor=#ecf5ffheight=33><INPUTmaxLength=80name=QUESTION><FONTface=宋體color=#ff0000size=2>*</FONT>（如：你在什么單位？）</TD></TR><TR><TDborderColor=#8080c0align=leftwidth=160bgColor=#ecf5ffheight=33><DIValign=right>密碼查詢答案：</DIV></TD><TDborderColor=#8080c0align=leftwidth=478bgColor=#ecf5ffheight=33><INPUTmaxLength=80name=ANSWER><FONTface=宋體color=#ff0000size=2>*</FONT>（如：欣網(wǎng)視訊）</TD></TR><TR><TDborderColor=#8080c0align=leftwidth=160bgColor=#ecf5ffheight=33><DIValign=right>附加密碼：</DIV></TD><TDborderColor=#8080c0align=leftwidth=478bgColor=#ecf5ffheight=33><B>9389</B></TD></TR><TR><TDborderColor=#8080c0align=leftwidth=160bgColor=#ecf5ffheight=33><DIValign=right>輸入附加密碼：</DIV></TD><TDborderColor=#8080c0align=leftwidth=478bgColor=#ecf5ffheight=33><INPUTmaxLength=80name=ADD_PASSWORD><FONTface=宋體color=#ff0000size=2>*</FONT></TD></TR><TR><TDborderColor=#8080c0align=leftwidth=160bgColor=#ecf5ffheight=33><DIValign=right>個人說明：</DIV></TD><TDborderColor=#8080c0align=leftwidth=478bgColor=#ecf5ffheight=33><TEXTAREAname=grsmrows=3></TEXTAREA></TD><TR><TDborderColor=#8080c0align=leftwidth=160bgColor=#ecf5ffheight=33><DIValign=right>選擇自己頭像：</DIV></TD><TDborderColor=#8080c0align=leftwidth=478bgColor=#ecf5ffheight=33><TABLEwidth="100%"border=1><TBODY><TR><TDalign=middlewidth="28%"><IMGheight=90src="新用戶注冊界面.files/01.gif"border=0></TD><TDalign=middlewidth="38%"><IMGheight=90src="新用戶注冊界面.files/03.gif"border=0></TD><TDalign=middlewidth="34%"><IMGheight=95src="新用戶注冊界面.files/04.gif"border=0></TD></TR><TR><TDalign=middlewidth="28%"><INPUTtype=radioCHECKEDvalue=01.gifname=face></TD><TDalign=middlewidth="38%"><INPUTtype=radiovalue=03.gifname=face></TD><TDalign=middlewidth="34%"><INPUTtype=radiovalue=04.gifname=face></TD></TR><TR><TDalign=middlewidth="28%"><IMGheight=90src="新用戶注冊界面.files/05.gif"border=0></TD><TDalign=middlewidth="38%"><IMGheight=90src="新用戶注冊界面.files/07.gif"border=0></TD><TDalign=middlewidth="34%"><IMGheight=90src="新用戶注冊界面.files/20.gif"border=0></TD></TR><TR><TDalign=middlewidth="28%"><INPUTtype=radiovalue=05.gifname=face></TD><TDalign=middlewidth="38%"><INPUTtype=radiovalue=07.gifname=face></TD><TDalign=middlewidth="34%"><INPUTtype=radiovalue=20.gifname=face></TD></TR><TR><TDalign=middlewidth="28%"><IMGheight=90src="新用戶注冊界面.files/18.gif"border=0></TD><TDalign=middlewidth="38%"><IMGheight=90src="新用戶注冊界面.files/19.gif"border=0></TD><TDalign=middlewidth="34%"><IMGheight=90src="新用戶注冊界面.files/11.gif"border=0></TD></TR><TR><TDalign=middlewidth="28%"><INPUTtype=radiovalue=18.gifname=face></TD><TDalign=middlewidth="38%"><INPUTtype=radiovalue=19.gifname=face></TD><TDalign=middlewidth="34%"><INPUTtype=radiovalue=11.gifname=face></TD></TR><TR><TDa