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

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

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

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