鮮花網站網站項目規(guī)劃與設計目錄一、項目背景 11、選題的目的和意義 12、課題研究的主要簡介 1二、網站開發(fā)平臺 1三、網站建設日程表 1四、站點地圖 2五、線框圖 31、主頁布局 32、子頁布局 3六、設計規(guī)范及網頁UI設計 41、設計愿望 42、確定網站主題 43、確定網站形象 54、確定網站風格 55、確定網站內容 5七、主要頁面的詳細設計圖 5八、網站測試 111、測試準備 112、用戶界面測試 113、功能測試 114、兼容性測試 11九、網站推廣與維護 111.網站推廣 112、網站維護 12PAGE1一、項目背景1、選題的目的和意義近年來，互聯(lián)網已日益成為收集提供信息的最佳渠道并進入傳統(tǒng)的流通領域。在Internet上發(fā)布商業(yè)信息，商品廣告，使用戶可以查閱商品、搜索商品、訂購商品，為客戶提供全天候的、更好、更快的商務活動空間，實現(xiàn)網上交易的基本功能。網站依據目前商業(yè)網站的設計原則，以網上交易功能為主，輔于娛樂、廣告、導購等功能，是一個綜合性電子商務網站。本課題是設計一個鮮花網站，目的是為了更好的服務用戶。2、課題研究的主要簡介鮮花網站網站是給用戶一個方便的購物空間，登陸鮮花網界面，根據自己的需求選擇瀏覽，其功能有以下：（1）用戶可以通過瀏覽主頁，了解公司的簡介以及圖片展示（2）用戶通過瀏覽子頁，可以對鮮花進行細致的了解二、網站開發(fā)平臺功能模塊技術和軟件平臺操作系統(tǒng)Windows8設計稿、圖形處理PhotoshopCS6動畫設計制作FlashCS5網頁制作平臺Dreamweaver網站開發(fā)語言HTML,CSS,JavaScript,asp，sql,server網站測試平臺Chrome，F(xiàn)irefox三、網站建設日程表完成整個項目所需時間為三個月，其中各項規(guī)劃任務如下表所示：時間任務內容3月9日-16日擬定項目3月17日-23日制定初步項目計劃4月6日-19日網站初步框架4月20日-5月1日網站內容具體豐富5月2日-5月10日總結反思，網站細節(jié)完善5月11日-24日計劃微調，網站用戶體驗感測試5月25日-6月7日網站裝飾再加工，CSS布局，JS語言,后臺數據庫設計6月8日-6月15日最終測試四、站點地圖鮮花系統(tǒng)鮮花系統(tǒng)會員模塊管理模塊公告管理訂單管理鮮花查詢鮮花發(fā)布鮮花分類鮮花查詢訂單管理鮮花瀏覽會員注冊五、線框圖1、主頁布局導航導航搜索欄圖片登錄注冊推薦板塊文字推薦動態(tài)熱點板塊版權及其他版權及其他版權設計2、子頁布局導航導航搜索欄圖片登錄注冊推薦板塊主商品展示區(qū)版權及其他版權及其他版權設計六、設計規(guī)范及網頁UI設計鮮花網網站這個網站是運用了HTML靜態(tài)網頁技術，和Dreamweaver軟件相結合實現(xiàn)的。頁面間通過網頁鏈接，實現(xiàn)具體所要查找的食品，可以方便用戶的需要做出選擇，給人們帶來了極大地方便。1、設計愿望當用戶點擊希望去的界面時，就會自動的鏈接到用戶希望的那個網頁。展現(xiàn)給用戶相應的界面，在每個界面都會有這幾個選項卡，用戶可以在其中自由的切換。2、確定網站主題建立一個網站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰。如果網站結構不清晰，目錄龐雜，內容東一塊西一塊。結果不但瀏覽者看得糊涂，自己擴充和維護網站也相當困難。網站的題材確定后，并且收集和組織了許多相關的資料內容，但如何組織內容才能吸引網友們來瀏覽網站呢？欄目的實質是一個網站的大綱索引，索引應該將網站的主體明確顯示出來。3、確定網站形象網站形象的設計可以從網站的LOGO、網站的色彩、網站的字體宣傳語等這些方面著手。網站色彩，網站給人的第一印象來自于視覺的沖擊，不同的色彩搭配會產生不同的效果，并可能影響到訪問者的情緒?！皹藴噬省敝傅氖悄荏w現(xiàn)網站形象和延伸內涵的色彩，給人們一種以整體統(tǒng)一的感覺。我個人網站的色彩是以橙色為主，黑色的字體和淺色的圖像給人一種舒服的感覺，仿佛生活在虛幻的世界里。網站字體，和標準色彩一樣，標準字體是指用于標題、主菜單的一些特有字體。為了體現(xiàn)網站所特有的風格，可以根據自已的網站所表達的內涵，選擇更貼切的字體。我的個人網站的標準字體是華文彩體。給人一種沉穩(wěn)而不失俏皮的感覺。表格布局的過程：設計出框架為800*1000的布局表格，再在表格中添加適當的單元格鏈接設計制作的過程：主頁與五個子頁進行連接圖片處理的過程：單元格設定好，圖片大小和單元格同等大小然后添加導航按鈕的設置等等4、確定網站風格風格是抽象的，指網站的整體形象給瀏覽者留下的綜合感受。這個“整體形象”包括網站的LOGO、網站的色彩、網站的字體、網站的標語等許多因素。網站是可以平易近人的、生動活潑的，也可以是嚴肅專業(yè)的。但不管是在色彩、技術、文字、布局、還是交互方式上，只要能由此讓瀏覽者明確的看出這是你的網站所獨有的，這就形成了一種風格。風格是有人性的，它通過網站的色彩、技術、文字、布局、交互方式等可以綜合概括出一個網站的自己的個性；我的網站風格是以舒服為主，給人一種舒舒服服的感覺。5、確定網站內容（1）管理功能模塊鮮花分類：按照鮮花的不同品種進行分類管理。鮮花發(fā)布：添加鮮花產品的相關信息，按類別進行。同時更改鮮花產品的相關信息，更改不同狀態(tài)，以及刪除鮮花產品等鮮花搜索：根據鮮花名稱和類別進行模糊查詢，此處是為了方便管理員發(fā)布的鮮花產品。當管理員要修改某鮮花產品時，可直接查詢出來，而無需逐頁查詢。訂單管理：管理會員的訂單信息。公告管理：管理員發(fā)布公告信息，提供與鮮花相關的訂購流程。（2）會員功能模塊會員注冊：客戶添加會員信息，記錄客戶聯(lián)系方式，地址，真實姓名等。鮮花瀏覽：可逐頁查看所有鮮花產品，同時根據銷售排行，推薦產品等進行參考選購。鮮花搜索：根據鮮花名稱和類別進行模糊查詢，此處是為了方便會員查詢感興趣的鮮花產品。訂單管理：會員管理自己的訂單信息。七、主要頁面的詳細設計圖1、前端界面展示圖7-1首頁模塊圖7-2鮮花瀏覽模塊圖7-3高級查詢的界面圖7-4注冊界面圖7-6登錄界面圖7-7商品清單圖7-8收貨人界面圖7-9提交后界面顯示圖7-9收藏夾界面2．后臺登錄及權限設計圖6-1管理員登陸界面圖6-2后臺主頁面八、網站測試1、測試準備測試前對被測系統(tǒng)做好以下準備：系統(tǒng)的全面?zhèn)浞荩☉贸绦騻浞?、數據備份等；記錄測試前系統(tǒng)狀態(tài)；制定應急措施，確保在測試中發(fā)生問題時系統(tǒng)可恢復。測試員應在測試開始前了解網頁的相關情況，對測試的預期結果應進行準備和預測。測試前要做好真實數據的準備工作，并進行系統(tǒng)的數據初始化。2、用戶界面測試主要測試導航條、內容、顏色、背景、圖像、返回等。3、功能測試主要測試站點中的鏈接等。鏈接測試：目的是檢查各個URL所聯(lián)接的頁面是否正確。表單測試：目的是檢查每個表單與程序是否正確聯(lián)接，能夠正確地發(fā)送用戶請求。4、兼容性測試主要檢驗應用能否在不同的客戶端使用。如蘋果（iOS系統(tǒng)的）用戶，經常使用chrome，F(xiàn)irefox等瀏覽器的用戶是否都能正常使用。九、網站推廣與維護1.網站推廣（1）微信公眾平臺、朋友圈、微博、QQ空間推廣（2）論壇推廣我們可以注冊幾十個論壇，每個論壇注冊若干個帳號，把簽名設為自己的網站及團隊圖標。發(fā)表熱門內容，自己頂自己的帖子。目前我們應用的論壇包括校內的極速之星、外網的百度貼吧、天涯論壇、豆瓣等等網民較為聚集的地方。（3）電子郵件推廣我們會像宜家一樣讓用戶進行自愿注冊會員，瀏覽者自愿留下他的郵箱地址，定期或不定期的發(fā)布一些電子刊物、會員通訊、專業(yè)服務商的電子郵件廣告等?？梢詼p少廣告對用戶的滋擾、增加潛在吸引人群定位的準確度、增強與客戶的關系