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

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

1 網站的整體設計

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

2 使用軟件

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

3 網站的制作

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

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

⑶網站設計

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

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

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

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

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

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

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

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

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

4 網頁設計的注意事項

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

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

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

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

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

[參考文獻]

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

[2]陳笑.Dreamweaver 8，Photoshop CS2，F(xiàn)lash 8網頁制作實用教程.北京：清華大學出版社.2006.

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

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