《美的呵護——網上化妝品信息篩選及推薦系統》的設計與制作

摘 要：美的呵護是一個網上化妝品信息高效篩選及推薦的系統。同時，為了提供更加人性化的服務，兼具健康知識查詢、在線咨詢等功能。該網站的設計理念是使大眾高效、快捷、準確地了解各類化妝品的功效，從而找到最適合自己的產品。

關鍵詞：在線咨詢；高效；篩選；推薦

1 網站的整體設計

本著“留住青春，呵護您的美麗”的宗旨，美的呵護——網上化妝品信息篩選及推薦系統克服網上化妝品信息冗雜繁多、且存在虛假的問題，高效準確地為用戶介紹各化妝品的詳細信息，并根據用戶的信息，推薦適合他們的相關產品；此外該系統還提供在線皮膚測試、留言互動、關鍵詞搜索等功能，為用戶呈現了一個精致的網站平臺。

2 使用軟件

用Microsoft Access、Dreamweaver CS5進行網站的設計，用PS、Flash、Firework進行素材的處理。

3 網站的制作

⑴網站定位。由于網上化妝品信息冗雜，且網上化妝品店鋪大都以銷售化妝品為主，并不能實實在在地幫助用戶篩選查詢想要的化妝品信息，所以美的呵護——網上化妝品信息篩選及推薦系統旨在全面準確地為用戶提供化妝品方面的相關知識，實現高效篩選的功能。

⑵市場調研并進行需求分析，得到用戶視圖和用戶操作手冊，整理數據邏輯關系，形成數據字典，完成數據庫的設計。

⑶網站設計

①網頁布局，采用DIV+CSS設計，將網站內容和形式分離，改版方便，代碼較簡潔，對搜索引擎友好；

②導航設計，方便用戶到達網站的二級頁面；

③根據用戶的年齡、肌膚狀態分類，使用戶高效快捷的找到目標頁面；

④關鍵字搜索，根據用戶性別、年齡、皮膚特性綜合篩選；

⑤提供生活常識，用戶留言、皮膚測試等，體現了界面的友好性。

具體網站首頁的布局圖見圖1。

⑷網站二級頁面的設計：通過Dreamweaver中的框架集結構來完成，布局圖見圖2。

⑸網站前臺和后臺管理頁面的設計：管理頁面是在二級頁面的基礎上建立的動態頁面，實現了用戶的注冊與登陸、信息的更新、產品的推薦、皮膚測試等功能。該網站的動態頁面以ASP技術為基礎，將動態頁面的內容存儲于數據庫中，建立網站和數據庫的鏈接，實現網頁內容的自動更新，減少后期更新信息負擔。

⑹各網頁之間的鏈接：根據不同的內容和各網頁所需的鏈接方式，恰當選擇Dreamweaver軟件中的文字鏈接、熱點鏈接、圖片鏈接、超鏈接等，使頁面級別明確，條理清晰，便于用戶查找信息。

4 網頁設計的注意事項

⑴規劃站點結構時，把站點劃分成多個目錄，不同類型的文件放在不同的文件夾中。

⑵網頁的色彩搭配要相互映襯。

⑵網站的適應性，統籌考慮不同瀏覽器下網站的分辨率。最佳瀏覽效果的分辨率為800*600。

⑷文字樣式：中文宋體，英文times new Roma，大小指定為9pt。

⑸網頁的命名要與內容相符，首頁文件名為index.htm或index.asp。

[參考文獻]

[1]楊選輝.網頁設計與制作.北京：清華大學出版社.2009.

[2]陳笑.Dreamweaver 8，Photoshop CS2，Flash 8網頁制作實用教程.北京：清華大學出版社.2006.

[3] http：//www.56.com/w48/album-aid-10991893.html.

[4]劉培文，韓小祥.ASP.NET程序設計教程.北京：中國人民大學出版社.2009.