《美的呵護(hù)——網(wǎng)上化妝品信息篩選及推薦系統(tǒng)》的設(shè)計(jì)與制作

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

關(guān)鍵詞：在線咨詢；高效；篩選；推薦

1 網(wǎng)站的整體設(shè)計(jì)

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

2 使用軟件

用Microsoft Access、Dreamweaver CS5進(jìn)行網(wǎng)站的設(shè)計(jì)，用PS、Flash、Firework進(jìn)行素材的處理。

3 網(wǎng)站的制作

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

⑵市場(chǎng)調(diào)研并進(jìn)行需求分析，得到用戶視圖和用戶操作手冊(cè)，整理數(shù)據(jù)邏輯關(guān)系，形成數(shù)據(jù)字典，完成數(shù)據(jù)庫(kù)的設(shè)計(jì)。

⑶網(wǎng)站設(shè)計(jì)

①網(wǎng)頁(yè)布局，采用DIV+CSS設(shè)計(jì)，將網(wǎng)站內(nèi)容和形式分離，改版方便，代碼較簡(jiǎn)潔，對(duì)搜索引擎友好；

②導(dǎo)航設(shè)計(jì)，方便用戶到達(dá)網(wǎng)站的二級(jí)頁(yè)面；

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

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

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

具體網(wǎng)站首頁(yè)的布局圖見(jiàn)圖1。

⑷網(wǎng)站二級(jí)頁(yè)面的設(shè)計(jì)：通過(guò)Dreamweaver中的框架集結(jié)構(gòu)來(lái)完成，布局圖見(jiàn)圖2。

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

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

4 網(wǎng)頁(yè)設(shè)計(jì)的注意事項(xiàng)

⑴規(guī)劃站點(diǎn)結(jié)構(gòu)時(shí)，把站點(diǎn)劃分成多個(gè)目錄，不同類型的文件放在不同的文件夾中。

⑵網(wǎng)頁(yè)的色彩搭配要相互映襯。

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

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

⑸網(wǎng)頁(yè)的命名要與內(nèi)容相符，首頁(yè)文件名為index.htm或index.asp。

[參考文獻(xiàn)]

[1]楊選輝.網(wǎng)頁(yè)設(shè)計(jì)與制作.北京：清華大學(xué)出版社.2009.

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

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

[4]劉培文，韓小祥.ASP.NET程序設(shè)計(jì)教程.北京：中國(guó)人民大學(xué)出版社.2009.