基于html的靜態(tài)娃娃禮品網(wǎng)站設計與實現(xiàn)畢業(yè)設計論文

PAGE畢業(yè)設計畢業(yè)設計題基于html的靜態(tài)娃娃禮品網(wǎng)站設計與實現(xiàn)畢業(yè)設計類型 產(chǎn)品設計□工藝設計□方案設計姓名班級所屬系部物流信息系專業(yè)物流信息技術(shù)指導教師職稱完成時間摘要本文主要針對基于html的靜態(tài)禮品購物網(wǎng)站管理系統(tǒng)進行分析和設計。以娃娃禮品命名的禮品購物網(wǎng)站為例首先對購物網(wǎng)站進行前景分析以及業(yè)務需求分析，以及就目前本人所掌握的開發(fā)工具、編程語言等的網(wǎng)站開發(fā)必備條件進行可開發(fā)平臺的確定，和相關(guān)應用軟件的簡介。接著則對本網(wǎng)站的基本框架層次以及各個功能模塊圖進行圖形的描述體現(xiàn)。第三章和第四章主要介紹在網(wǎng)站設計中的數(shù)據(jù)庫的設計、實現(xiàn)以及各個功能模塊的具體實現(xiàn)和具體的介紹。最后對本系統(tǒng)進行客觀的評價，指出該系統(tǒng)的現(xiàn)實意義與缺點。關(guān)鍵詞：禮品網(wǎng)站Dreamweaverhtml網(wǎng)站功能模塊目錄第1章網(wǎng)站開發(fā)需求分析 -3-1.1網(wǎng)站分析 -3-1.2開發(fā)工具需求 -3-第2章網(wǎng)站總體設計 -6-2.1設計思想 -6-2.2項目規(guī)劃 -7-2.3系統(tǒng)功能模塊 -8-第3章系統(tǒng)主要界面與主要功能的實現(xiàn) -9-3.1網(wǎng)站首頁 -9-3.2產(chǎn)品展示 -10-3.3新品推廣頁面設計 -11-3.4禮品文化頁面設計 -11-3.5公司簡介頁面設計 -12-3.6聯(lián)系我們 -12-總結(jié) -13-致謝 -14-參考文獻 -1516-引言網(wǎng)絡化作為知識經(jīng)濟時代的重要特征，其發(fā)展勢頭已使人們看出，商品生產(chǎn)者和經(jīng)營者這一市場主體在網(wǎng)絡中發(fā)布商品信息、廣告，商品消費者則在網(wǎng)絡中有選擇地看廣告，了解商品市場、信息，網(wǎng)絡的普及，使網(wǎng)上銷售和購買成為現(xiàn)實。無形的網(wǎng)絡市場正毫不留情地切入有形的商品市場爭奪消費者，網(wǎng)絡市場的巨大潛力一旦得以發(fā)揮，原有的商品營銷方式將會有較大的變化。如何在這場席卷全球的網(wǎng)絡革命中求得生存和發(fā)展，已經(jīng)成為商品生產(chǎn)者和經(jīng)營者需要考慮的問題了。隨著Internet的廣為普及，其便捷的信息交流特性已使得商家將其利用為獲取和傳播信息的最大眾化的媒介。經(jīng)濟、方便、快捷性的驅(qū)使下越來越多的商家將銷售市場搬至網(wǎng)絡。網(wǎng)絡營銷，不僅僅是企業(yè)、商家需要的新型的營銷渠道，也是顧客、潛在用戶在意的便捷的新興虛擬市場。網(wǎng)上購物在2010年已經(jīng)成為了繼實體交易市場、電話營銷、電視購物等交易方式后的后起新生力量。類似于淘寶、易趣、當當網(wǎng)、太平洋電腦等等購物網(wǎng)站層出不窮，宅男宅女既是網(wǎng)絡購物迅猛發(fā)展前提下新的生活方式人群，也一定程度上的大力推進了網(wǎng)絡購物的發(fā)展、成熟。商品的琳瑯滿目，商家不斷的最大限度的縮短產(chǎn)品的銷售周期加快推陳出新的腳步。市場的瞬息萬變，能在最短的時間內(nèi)作出正確的響應及時更新銷售信息者無疑是占盡市場優(yōu)勢。與傳統(tǒng)的交易市場相比購物網(wǎng)站虛擬交易平臺的優(yōu)勢顯而易見。對顧客而言，最快最新的產(chǎn)品信息發(fā)布，足不出戶購物的輕而易舉，貨比三家而不受外界任何因素影響。對商家而言，能夠最大限度的縮短產(chǎn)品的更新周期及時響應市場，同時還目前國內(nèi)的絕大部分購物網(wǎng)站都是采用asp、php或者單純html靜態(tài)網(wǎng)頁的形式。HTML格式的網(wǎng)頁通常被稱為“靜態(tài)網(wǎng)頁”，早期的網(wǎng)站一般都是由靜態(tài)網(wǎng)頁制作的。靜態(tài)網(wǎng)頁每個網(wǎng)頁都有一個固定的URL，且網(wǎng)頁URL以.htm、.html、.shtml等常見形式為后綴，靜態(tài)網(wǎng)頁是實實在在保存在服務器上的文件，每個網(wǎng)頁都是一個獨立的文件等，設計是基于html的靜態(tài)禮品網(wǎng)站。

第1章網(wǎng)站開發(fā)需求分析1.1網(wǎng)站分析本購物網(wǎng)站以銷售禮品為例，為顧客提供購物平臺，顧客可以盡情的瀏覽商家公布的產(chǎn)品信息，實現(xiàn)輕松購物。1.1.1客戶系統(tǒng)功能：（1）用戶可以瀏覽商家發(fā)布的產(chǎn)品信息。（2）用戶可以瀏覽商家給客戶提供的購物須知說明。用戶可以從“關(guān)于我們“中了解商家的基本信息。1.2開發(fā)工具需求1.2.1開發(fā)工具選擇本系統(tǒng)使用HTML靜態(tài)編程技術(shù)進行系統(tǒng)的前端頁面設計。以下為開發(fā)工具的選擇：（1）Web服務器平臺：選用WindowsXP（2）開發(fā)工具選擇：選用Dreamweaver（3）系統(tǒng)平臺：選用WindowsXP1.2.2編程技術(shù)需求分析HTML靜態(tài)頁面編程技術(shù)。純網(wǎng)頁HTML語言可以直接被搜索引擎所識別，但是asp語言需要經(jīng)過解釋，搜索引擎可能會在中途放棄收錄，轉(zhuǎn)到下一站點。所以HTML是建設網(wǎng)站的基本，每一次顯示都是直接訪問這個文件，這個頁面是與數(shù)據(jù)庫沒有任何關(guān)系，同時要想修改網(wǎng)站，那必須修改網(wǎng)站模板，那么純HTML網(wǎng)頁的優(yōu)點是什么呢?（1）如果是生成了HTML，更容易被搜索引擎收錄和排名靠前，這是優(yōu)點一，這也是大家使用HTML的主要目的。（2）如果是使用HTML的網(wǎng)頁，那么就不調(diào)用數(shù)據(jù)庫了，所以對服務器的壓力更小，因為每一次顯示都是一個直接的網(wǎng)頁。（3）如果是使用了HTML網(wǎng)頁，網(wǎng)站不需要經(jīng)過數(shù)據(jù)庫就可以打開，所以運行速度更快。（4）靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁的區(qū)別在于動態(tài)網(wǎng)頁可以給于瀏覽者權(quán)限，而搜索引擎抓取的時候是以游客身份進入的，所以不容易被抓取和收錄，而靜態(tài)網(wǎng)頁由于不存在頁面權(quán)限問題，所以更容易被收錄。HTML格式的網(wǎng)頁通常被稱為“靜態(tài)網(wǎng)頁”，早期的網(wǎng)站一般都是由靜態(tài)網(wǎng)頁制作的。靜態(tài)網(wǎng)頁每個網(wǎng)頁都有一個固定的URL，且網(wǎng)頁URL以.htm、.html、.shtml等常見形式為后綴，而不含有；靜態(tài)網(wǎng)頁是實實在在保存在服務器上的文件，每個網(wǎng)頁都是一個獨立的文件等。HTML的定義：（HyperTextMarkupLanguage）即：超文件標記語言。它是一種專門的編程語言，用于創(chuàng)建存儲在WWW服務器上的文件，并能由Mosaic、Netscape、MicrosoftExplore等瀏覽器進行解釋瀏覽?？梢杂盟鼇斫omePage。它是使用Internet的基礎,是HTTP(HypertextTransferProtocol超文本傳輸協(xié)議)的一個部分。html文件是簡單的純文本文件(全ASCII文件),在MIME(MultipurposeInternetMailtensions多用途交互網(wǎng)絡郵件擴展標準)機制中使用.html(或.htm)擴展名。其主要特征是在文本中有html標注符。html語言的優(yōu)點是標注簡單明了,功能強大?？梢远x文件的顯示格式、標題、字型、表格、窗口等;與www上任一資料進行超級連接;使用輔助應用程序,連入圖像、視頻、聲頻等多媒體資料。

第2章網(wǎng)站總體設計2.1設計思想網(wǎng)絡化作為知識經(jīng)濟時代的重要特征，其發(fā)展勢頭已使人們看出，商品生產(chǎn)者和經(jīng)營者這一市場主體在網(wǎng)絡中發(fā)布商品信息、廣告，商品消費者則在網(wǎng)絡中有選擇地看廣告，了解商品市場、信息，網(wǎng)絡的普及，使網(wǎng)上銷售和購買成為現(xiàn)實。無形的網(wǎng)絡市場正毫不留情地切入有形的商品市場爭奪消費者，網(wǎng)絡市場的巨大潛力一旦得以發(fā)揮，原有的商品營銷方式將會有較大的變化。如何在這場席卷全球的網(wǎng)絡革命中求得生存和發(fā)展，已經(jīng)成為商品生產(chǎn)者和經(jīng)營者需要考慮的問題了。通過前期的商務網(wǎng)站規(guī)劃，我們知道中國禮品市場一方面是巨大的需求，另一方面是上述種種原因造成的行業(yè)真空，對投資者則是一次難得的商機，也為規(guī)范運營的企業(yè)留下了巨大的發(fā)展空間。娃娃禮品店主要是應對中國的禮品市場而建立。網(wǎng)站風格是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI（標志、色彩、字體、標語）、版面布局、瀏覽方式、交互性、文字、語氣、內(nèi)容價值、存在意義、站點榮譽等等諸多因素。娃娃禮品網(wǎng)站主要是時尚,平淡，簡潔，沒有用過多的廣告圖片，其主要應對的消費群體主要是女性、青年等。所以網(wǎng)站主色調(diào)主要采用玫瑰紅兩色，能夠在視覺上給人溫馨而美好的現(xiàn)代質(zhì)感沖擊。網(wǎng)頁布局及版面設計上，主要采用的是“、“T”結(jié)構(gòu)布局。所謂“T”結(jié)構(gòu)。就是指頁面頂部為橫條網(wǎng)站標志+廣告條+導航條，下方左面為主菜單，右面顯示內(nèi)容的布局，因為菜單條背景較深，整體效果類似英文字母“T”,所以我們稱之為“T”形布局。這是網(wǎng)頁設計中用的最廣泛的一種布局方式。這種布局的優(yōu)點是頁面結(jié)構(gòu)清晰，主次分明。是最容易上手的布局方法。將要表述的內(nèi)容重點的進行了突顯。從版面設計上來將，一個有特色的主頁，主要包含有三個要素：圖象、排列方法、主色凋，這三者相輔相成、缺一不可。欄目主要有：首頁、公司簡介產(chǎn)品展示新品推廣禮品文化聯(lián)系我們等。2.2項目規(guī)劃中國禮品市場一方面是巨大的需求，另一方面是上述種種原因造成的行業(yè)真空，對投資者則是一次難得的商機，也為企業(yè)帶來了了巨大的發(fā)展空間。2.2.1本網(wǎng)站的經(jīng)營理念、產(chǎn)品或服務特色本公司堅持誠信為本，顧客利益至上的經(jīng)營宗旨。我們會時刻關(guān)注顧客需求，以公司網(wǎng)站為平臺，留意客戶反饋信息，為客戶提供各種咨詢服務。并以市場為導向，加快產(chǎn)品更新速度，從而保證我們的家居飾品的優(yōu)質(zhì)與時尚，滿足人們追求個性、簡潔、潮流的欲望?？勘±噤N，走經(jīng)營流水，憑品質(zhì)和設計，賺客戶認可度，這就是我們的經(jīng)營之道。相信依靠公司同仁的努力，我們的產(chǎn)品會贏得良好的信譽，在獲得豐厚利潤的同時，也幫顧客創(chuàng)造出溫馨舒適的家居氣氛。實現(xiàn)公司與客戶的雙贏，這便是我們的目標！服務規(guī)劃：商品的零售、批發(fā)、預定。2.2.2信息服務與銷售的關(guān)系對使用過我們公司產(chǎn)品的客戶，我們將留底備案，并向他們進行跟蹤服務，征求他們的意見和建議，以達到改進我們的服務，豐富產(chǎn)品的種類的目的。真正將我們的服務理念貫徹落實到我們的工作和服務中，與客戶保持經(jīng)常的聯(lián)系。將我們公司的詳細聯(lián)系方式制作成網(wǎng)絡名片，在練習中分發(fā)給顧客，并安排產(chǎn)品服務人員專門進行客戶聯(lián)系工作。2.2.3最大限度地滿足顧客需求包裝服務：發(fā)貨人以根據(jù)所售物品體積選擇宅急藝飾品類網(wǎng)站，集中精力介紹產(chǎn)品類型，規(guī)格及價目，為顧客提供多種優(yōu)美手工藝飾品，對公司進行適當?shù)男麄鹘榻B，突出公司的服務理念。網(wǎng)站內(nèi)容規(guī)劃：整體風格與欄目規(guī)劃：玫瑰色界面，體現(xiàn)家居的高雅而又不失親切的風格，欄目主要有：首頁、公司簡介產(chǎn)品展示新品推廣禮品文化聯(lián)系我們等。2.3系統(tǒng)功能模塊企業(yè)網(wǎng)站主要功能模塊如圖所示：2.1系統(tǒng)功能模塊圖

第3章系統(tǒng)主要界面與主要功能的實現(xiàn)3.1網(wǎng)站首頁網(wǎng)站首頁是一個網(wǎng)站的門面，因此在設計的時候不但要考慮它的視覺整體美觀還要考慮它的便捷性。它主要包括以下幾個模塊：如圖4-1（1）頭部：頭部顯示一個購物網(wǎng)站名稱，網(wǎng)站的標志以及網(wǎng)站的導航條。這樣在整個網(wǎng)站中起一個美觀作用。（2）導航條：主要功能是導航，以方便用戶訪問網(wǎng)站的各個部分，了解網(wǎng)站結(jié)構(gòu)。包括：首頁、公司簡介、產(chǎn)品展示、新品推廣、禮品文化、聯(lián)系我們。由于頭部在后面的幾乎每個網(wǎng)頁中都會用到，因此后面將省略重闡述。（3）主體部分：主體部分則主要是現(xiàn)實當前可供選購的商品部分信息以及網(wǎng)站整體的簡要概況。3.1網(wǎng)站首頁設計3.2網(wǎng)站首頁設計3.2產(chǎn)品展示此頁面包含固定不變的娃娃禮品網(wǎng)站首部以及起導航作用的左邊部分，導航主要是產(chǎn)品的分類，正文部分則是產(chǎn)品展示：能夠在網(wǎng)上提供在線產(chǎn)品目錄，展示所有產(chǎn)品。詳細的產(chǎn)品介紹：提供全面的產(chǎn)品描述，客戶可以充分了解所有的產(chǎn)品，靈活的進行選擇，并可以在反饋表或網(wǎng)上調(diào)查中提出對產(chǎn)品的看法。如圖所示：3.3產(chǎn)品展示頁面設計3.3新品推廣頁面設計此頁面仍然包含網(wǎng)站首部以及左邊導航，正文部分