兒童產品網站的策劃與設計

摘 要：電子商務網站的規劃與設計的好壞直接影響到網站長期的收益和運行效率，所以網站開發應該從系統設計入手。本文結合創建兒童產品網站的實例來論述構建網站的總體設計方案和制作步驟，以及遇到的技術難題及解決辦法。

關鍵詞：網站建設；策劃設計

中圖分類號：TP393.092 文獻標識碼：A 文章編號：1674-7712 （2014） 10-0000-01

一、網站的項目立項

在建立兒童產品的網站之前，要對當前同類網站進行分析，再從自身產品種類中找出該企業的主推或品質優良的產品作為主要經營品種，并確定要實現的功能，支付手段等主要問題。成立一個專門的項目小組，小組成員包括：項目經理，網頁設計，程序員，測試員，編輯/文檔人員。

二、網站總體設計

對項目進行總體設計具體工作是要確定網站實現的主要功能：會員注冊與登錄、熱點產品介紹、信息反饋、社區論壇、支付方式等；網站開發使用的軟件：Dreamweaver、ASP、Access或SQL Server、Flash、PhotoShop等；需要的硬件環境；人員分工及完成時間表以及遵循的規則和標準。同時畫出網站欄目和板塊的結構圖；收集相關信息并進行數據庫的概念設計；以上工作均寫成書面材料。

三、網站詳細設計

（一）確定營銷目標

了解同類站點的發展、經營狀況。明確自己網站主題。本例的兒童產品主要傾向于兒童的益智類玩具。根據產品特點來確定網站的整體風格。主要營銷目標為年輕媽媽所以要清新、活潑。

（二）網站設計制作規范

1.網站目錄規范。目錄建立的原則：以最少的層次提供最清晰簡便的訪問結構。（1）根目錄：指DNS域名服務器指向的索引文件的存放目錄；（2）每個主要功能（主菜單）建立一個相應的獨立目錄；（3）當頁面超過20頁，每個目錄下存放各自獨立images目錄。共用的圖片放在根目錄下的images目錄下；（4）所有的js文件存放在根目錄下統一目錄script；（5）所有的CSS文件存放在相應的style目錄下；（6）所有的CGI程序存放在根目錄并列目錄cgi_bin目錄。

2.文件命名規范。文件命名原則：（1）主頁文件名為default.htm、index.html、index.asp；（2）菜單圖片名稱為相應的英文或漢語拼音且為小寫；（3）所有文件名字母間連線都為下劃線。

3.鏈接結構規范。鏈接結構的原則：用最少的鏈接，使瀏覽最有效率。首頁和一級頁面之間用星狀鏈接，一級和二級頁面之間用樹狀鏈接。超過三級頁面，在頁面頂部設置導航條。網站導航要清晰，容易查找。

4.尺寸規范：（1）頁面標準按800*600分辨率制作；（2）每個標準頁面為A4幅面大小，即8.5X11英寸；（3）大banner為468*60px，小banner為88*31px。

（三）網站的設計制作

1.整體形象設計。整體形象設計包括字體，Logo，標準色彩，廣告語等。首頁設計包括版面，色彩，圖像，動態效果，圖標等風格設計，也包括banner，菜單，標題，版權等模塊設計。

2.開發制作過程。網站規劃設計采用軟件工程的設計方法，在系統分析和總體設計的基礎上，將設計任務分解，分配到設計組的每個成員，各模塊有設計組成員單獨承擔設計和調試，既有分工，又有協作，最后將各模塊上載到服務器上，做鏈接和整體的調試。

利用ASP實現相關功能和解決遇到的問題。如，客戶反饋表單，信息發布系統等都用ASP來實現人機交互功能，同時要用到調用數據庫和連接數據庫技術。

ASP程序通常運行在Windows NT+ IIS，或者Windows 2000+IIS的環境下。其程序代碼簡單、通用，文件名由.asp結尾。它提供了六個內建對象供用戶直接調用，以實現頁面的交互。在后臺管理中，數據庫可以使用Access2003或SQL Server2003。在ASP中可以使用ADO組件來訪問后臺數據庫或直接調用數據庫的數據。

3.調試測試過程。各模塊初步完成后，上傳到服務器，對網站進行全范圍的測試。包括速度，兼容性，交互性，鏈接正確性，程序健壯性，超流量測試等，發現問題及時解決并記錄下來。

4.宣傳推廣。通過以下幾種方式進行網站推廣工作：（1）網頁里設置適當的META標簽；（2）交換友情鏈接。即在別人商店打上你的廣告，在你的商店打上別人的廣告，這樣一來當網友參觀別人網站時就可以訪問你的網站了。這是無須開支、互利互惠的好方法；（3）在各大搜索網站注冊你的網站，當別人搜索同類信息時就會發現你的網站；（4）付費廣告，此方法要有一定資金支持。

5.維護。網站維護是一個艱巨的工作。當網站變得十分龐大時將會有不計其數的圖片、網頁文件等內容，如果丟失或鏈接失敗都會引起網頁錯誤。

要保證網站的“健康”和完整。首先應該在DW里建設一個“本地網站”，也就是自己電腦上的網站副本。其次就是要時常檢查網站的鏈接是否有誤，可以使用DW的SITE程序的SITE菜單中CHECK LINK SITEWIDE選項來檢查網站中是否有斷掉的鏈接。第三還應該科學地存放不同類型的文件，如果網站比較大，有必要為每一個欄目建立一個文件夾。這樣一來，會為維護工作減少很多不必要的麻煩。最后網站要有文件備份，以備不時之需。

四、網站支付及安全問題

網站支付采用第三方平臺，如阿里巴巴推出的支付寶工具。還可以采用傳統的線下交易，貨到付款方式。在安全問題方面，防火墻是阻止外界對網絡進行訪問的設備，此設備通常是軟件和硬件和組合體，它通常根據一些規則來挑選想要或不想要的地址。

五、結束語

在網絡信息的虛擬世界里，要想使自己的網站從數不清的各類網站中脫穎而出，就必須對整個站點作好統籌安排、規劃、組織、設計。這不僅需要一個良好的團隊而且還需要扎實的專業知識和豐富的從業經驗。因而需要我們不斷地學習各方面的知識來鍛煉我們的設計思路和創新意識。

參考文獻：

[1]龍馬工作室.ASP+SQL Server組建動態網站實例精讀[M].北京：人民郵電出版社，2010.

[2]高怡新.ASP動態網頁設計[M].北京：人民郵電出版社，2009.

[3]邵兵家，呂何新，俞義樵.電子商務模擬實驗教程[M].重慶：重慶大學出版社，2003.

[作者簡介]張玉娟（1971.12-），天津渤海職業技術學院信息工程系，副教授，從事計算機教學工作，研究方向：電子商務。