網(wǎng)站建設(shè)整體設(shè)計(jì)思路
2023-02-04 分類： 網(wǎng)站建設(shè)
一、頁(yè)面界面風(fēng)格
我們針對(duì)xx品牌服裝網(wǎng)站設(shè)計(jì)是個(gè)性化的貼身設(shè)計(jì)，將對(duì)xx品牌服裝的網(wǎng)站，進(jìn)行優(yōu)質(zhì)的建設(shè)和服務(wù)。xx品牌服裝的網(wǎng)站，總體風(fēng)格力求大氣，有品質(zhì)感、畫面精制藝術(shù)，并附有時(shí)尚感。具體的講，該網(wǎng)站制作(jinyejixie.com)的總體風(fēng)格設(shè)計(jì)需要遵循以下原則：
1. 設(shè)計(jì)應(yīng)凸現(xiàn)xx品牌的實(shí)力
xx作為服裝品牌的后起之秀，希望在服裝界有一席之力的愿望和能力都非常明顯。xx集設(shè)計(jì)、制作、銷售為一體，走中高檔職業(yè)女裝路線。所以網(wǎng)站設(shè)計(jì)要充分展示xx品牌服裝的時(shí)尚、潮流、營(yíng)銷方面的實(shí)力，設(shè)計(jì)力求準(zhǔn)確、大氣，畫面華麗，動(dòng)畫求緩，用色講究干凈整潔，以冷純色基調(diào)為主，彰顯優(yōu)雅的藝術(shù)氣息。
2. 設(shè)計(jì)應(yīng)體現(xiàn)xx品牌對(duì)品質(zhì)的追求
在網(wǎng)站中，將通過(guò)以下設(shè)計(jì)手段，實(shí)現(xiàn)xx品牌對(duì)質(zhì)量和品質(zhì)追求的表達(dá)：
● 參照xx品牌現(xiàn)有的VI設(shè)計(jì)方案，盡量實(shí)現(xiàn)網(wǎng)站風(fēng)格和VI的統(tǒng)一；
● 畫面要華麗，不要采用過(guò)多活潑動(dòng)感的設(shè)計(jì)，而flash動(dòng)畫則采用舒緩的運(yùn)動(dòng)模式；
● 平面設(shè)計(jì)要簡(jiǎn)潔、大氣、高雅，少許花哨的裝飾。
3. 色調(diào)和動(dòng)畫說(shuō)明
以xx品牌的基本宣傳為基調(diào)，定義網(wǎng)站的整體色調(diào)，以獲得用戶的統(tǒng)一視覺(jué)識(shí)別。要求線條簡(jiǎn)練、用色華麗。具體選色還需參考xx品牌的VI方案。整個(gè)網(wǎng)站色彩的基本統(tǒng)一相當(dāng)重要，它使網(wǎng)站顯得整體風(fēng)格統(tǒng)一、和諧。在主色調(diào)之外，采用較少的對(duì)比色彩作為補(bǔ)充、點(diǎn)綴，豐富頁(yè)面、版式的視覺(jué)效果。使整個(gè)網(wǎng)站在風(fēng)格上，顯得統(tǒng)一但富有變化。
網(wǎng)站需設(shè)計(jì)多個(gè)形式不一的、優(yōu)質(zhì)的FLASH動(dòng)畫圖片等，通過(guò)一系列和頁(yè)面有機(jī)結(jié)合的、輕柔、舒緩、內(nèi)斂而不張揚(yáng)的Flash動(dòng)畫，畫龍點(diǎn)睛的對(duì)頁(yè)面進(jìn)行適當(dāng)處理。通過(guò)這種方式，使頁(yè)面效果不至于呆板。圖形元素中，擬采用富有節(jié)奏的點(diǎn)、活潑流暢的弧線、豐富變化面相結(jié)合，剛?cè)岵?jì)，柔美而又有一定張力。
4. 標(biāo)志（LOGO）
根據(jù)xx品牌的現(xiàn)有LOGO（標(biāo)志）進(jìn)行修改后（或直接使用），制作成網(wǎng)站LOGO，要求線條、用色簡(jiǎn)潔。
二、網(wǎng)站整體信息架構(gòu)
1. 信息架構(gòu)圖信息架構(gòu)說(shuō)明
根據(jù)需求分析，網(wǎng)站前期的主要目的是為了加盟商對(duì)品牌進(jìn)行認(rèn)識(shí)與了解，對(duì)加盟進(jìn)行幫助和引導(dǎo)，用戶的互動(dòng)和參與放在較次要的位置。所以信息架構(gòu)如上圖，用戶的參與和互動(dòng)需要等到其它系統(tǒng)開通后，再逐一豐富上去。
關(guān)于我們：以品牌和企業(yè)介紹為主，對(duì)公司的概況和品牌路線向加盟商和用戶進(jìn)行描述。
產(chǎn)品展示：以大圖展示為主，按不同緯度對(duì)圖片進(jìn)行分類，用動(dòng)畫的方式展示和體現(xiàn)。
最新動(dòng)態(tài)：包括了品牌的最新資訊、新開店鋪信息、品牌內(nèi)刊與電子雜志。
市場(chǎng)營(yíng)銷：以地圖的形式展示品牌的營(yíng)銷網(wǎng)絡(luò)，對(duì)旗艦店進(jìn)行介紹，宣傳品牌形像。
招商加盟：服務(wù)與促進(jìn)加盟，提供下載加盟說(shuō)明書，在線提交加盟意向等服務(wù)，和加盟管理內(nèi)容。
人才招聘：一個(gè)單頁(yè)只列出需要招聘的內(nèi)容。
聯(lián)系我們：給出聯(lián)系方式，并有留言板
三、總體內(nèi)容把握
1. 圖片質(zhì)量要精致
網(wǎng)站是以服裝品牌的展示為主，服裝的體現(xiàn)就是最主要的部分。以圖片的形式對(duì)服裝進(jìn)行展示，每張圖片都應(yīng)該是專門進(jìn)行設(shè)計(jì)和制作的，不能讓圖片的低質(zhì)量影響了整個(gè)網(wǎng)站的效果。圖片要做到：大氣、清晰、干凈、有層次感、符合平面視覺(jué)原理。
2. 內(nèi)容簡(jiǎn)明，準(zhǔn)確表達(dá)
網(wǎng)友總是希望在第一時(shí)間將所需要的內(nèi)容了解清楚，不希望花太多的時(shí)間在閱讀無(wú)關(guān)緊要的內(nèi)容上。將每條內(nèi)容都精煉再精煉，不要用太多的文字內(nèi)容打擾網(wǎng)友對(duì)整個(gè)網(wǎng)站整合風(fēng)格的欣賞和判斷。
3. 有擴(kuò)展性和升級(jí)性、可維護(hù)性
網(wǎng)站要充分考慮到今后的擴(kuò)展性，比如子欄目下的內(nèi)容要從網(wǎng)站的后臺(tái)可以直接添加、修改；網(wǎng)站設(shè)計(jì)采用模塊化設(shè)計(jì)，若網(wǎng)站增加新功能，也在保證在原有框架中直接接口，而不需要對(duì)網(wǎng)站結(jié)構(gòu)進(jìn)行大的調(diào)整。網(wǎng)站大部分內(nèi)容可實(shí)現(xiàn)從后臺(tái)添加更改，普通電腦操作人員，經(jīng)過(guò)短訓(xùn)即可學(xué)會(huì)自主修改、添加網(wǎng)站內(nèi)容。
一、概述
我的網(wǎng)站主題是關(guān)于家居裝修設(shè)計(jì)，我個(gè)人認(rèn)為，家是一個(gè)讓人放松的地方，而一個(gè)舒適的家居環(huán)境能讓我們釋放學(xué)習(xí)及工作的壓力，但現(xiàn)實(shí)中很多人對(duì)于家居的設(shè)計(jì)知識(shí)及裝修常識(shí)了解的不是很多。Smile家居網(wǎng)站的設(shè)計(jì)的目的不僅為了宣傳Smile家居公司，樹立企也公司高的知名度，宣傳企業(yè)的文化，吸引更多的公司和個(gè)人來(lái)我公司做業(yè)務(wù)，也是為了給需要了解家居知識(shí)，了解家居潮流，設(shè)計(jì)自己的舒適家居環(huán)境而設(shè)計(jì)的，更好的為顧客服務(wù)。
本網(wǎng)站主要使用Dreamweaver、firework、flash、ASP VBscript、IIS和Access等主要工具。網(wǎng)站中主要是ASP動(dòng)態(tài)網(wǎng)頁(yè)的設(shè)計(jì)，ASP動(dòng)態(tài)網(wǎng)站實(shí)現(xiàn)的用戶與服務(wù)器交互的功能，實(shí)現(xiàn)了通過(guò)網(wǎng)頁(yè)訪問(wèn)后臺(tái)數(shù)據(jù)庫(kù)的功能，更加方便的管理與更新網(wǎng)站。
在實(shí)現(xiàn)自己網(wǎng)站之前，做了大量的準(zhǔn)備工作。上網(wǎng)搜索素材，包括圖片、視頻、家居裝修的常識(shí)和方法，參考其他家居網(wǎng)站設(shè)計(jì)方案及模塊實(shí)現(xiàn)，如：新浪家居、宜家家居等；借閱相關(guān)書籍，參考各種功能實(shí)現(xiàn)所需掌握的知識(shí)及方法；同時(shí)，向老師了解網(wǎng)站建設(shè)的設(shè)計(jì)思想及具體實(shí)現(xiàn)過(guò)程。
網(wǎng)頁(yè)制作，首先是通過(guò)表格、框架、CSS、模板等實(shí)現(xiàn)主頁(yè)的簡(jiǎn)單設(shè)計(jì)，而后學(xué)習(xí)了ASP動(dòng)態(tài)網(wǎng)站建設(shè)的相關(guān)知識(shí)，通過(guò)安裝IIS，建立使用服務(wù)器的站點(diǎn)，連接數(shù)據(jù)庫(kù)，實(shí)現(xiàn)了用戶登錄，商品瀏覽、查看、修改、搜索的功能。這些功能的實(shí)現(xiàn)更加方便用戶購(gòu)買商品，讓公司對(duì)網(wǎng)站的管理更加方便。
二、項(xiàng)目需求分析
家居網(wǎng)站所面向的群體主要是需要裝修的群體、家居裝修設(shè)計(jì)師、想了解家居裝修知識(shí)及想與之進(jìn)行業(yè)務(wù)合作的群體等。
需要裝修的群體又會(huì)有不同的要求。有人喜歡簡(jiǎn)單淡雅的風(fēng)格，有人喜歡高貴典雅的風(fēng)格，也有人喜歡時(shí)尚非主流的風(fēng)格；還有的人消費(fèi)水平較低，希望商品實(shí)用便宜，有的人消費(fèi)水平較高，想要設(shè)計(jì)質(zhì)量各方面比較突出的產(chǎn)品；同時(shí)還有針對(duì)不同年齡段的人群也有不同的要求。
網(wǎng)站的建設(shè)根據(jù)不同用戶的需求，設(shè)計(jì)了不同的版塊。
三、項(xiàng)目總體設(shè)計(jì)
1、整體架構(gòu)及布局設(shè)計(jì)
網(wǎng)站的整體色彩以白色和綠色為主，配有點(diǎn)淡粉紅色，字體設(shè)置為10pt，色彩的搭配符合家給人帶來(lái)舒適的感覺(jué)，更容易讓不同風(fēng)格的顧客接受。
主頁(yè)中的各個(gè)模塊的布局主要是使用CSS實(shí)現(xiàn)的。主頁(yè)設(shè)計(jì)主要采用頂部導(dǎo)航、內(nèi)容左右分的布局。內(nèi)容的左側(cè)大致為具體的鏈接及提示信息等，右側(cè)主要是詳細(xì)的內(nèi)容介紹，包括新聞資訊、商品展示等。
2、網(wǎng)站的欄目設(shè)計(jì)
主頁(yè)中的欄目主要包括導(dǎo)航、用戶登錄、最新公告、最新資訊、收藏本店、寶貝分類、友情鏈接等詳細(xì)分類。導(dǎo)航包括首頁(yè)、案例展示、流行飾品、新品上架、視頻賞析和聯(lián)系我們七部分
3、數(shù)據(jù)庫(kù)設(shè)計(jì)
網(wǎng)站中的數(shù)據(jù)庫(kù)采用Access設(shè)計(jì)，數(shù)據(jù)庫(kù)名為data.mdb,包括下面圖中的6個(gè)表及其對(duì)應(yīng)關(guān)系：
四、項(xiàng)目詳細(xì)設(shè)計(jì)
1、前臺(tái)功能設(shè)計(jì)
(1) 導(dǎo)航是一個(gè)一行六列的表格，綠色的背景搭配白色的字體。“案例展示”鏈接跳轉(zhuǎn)到anli.asp頁(yè)面，此頁(yè)面是下載的代碼，通過(guò)添加圖片，實(shí)現(xiàn)自己網(wǎng)站家居裝修案例的展示；“流行飾品” 是頁(yè)面內(nèi)的跳轉(zhuǎn)，通過(guò)命名錨記實(shí)現(xiàn)；“新品上架”鏈接跳轉(zhuǎn)到newproduct.asp,此頁(yè)面是通過(guò)添加商品信息表的記錄集和服務(wù)器行為實(shí)現(xiàn)數(shù)據(jù)庫(kù)中商品的展示；“聯(lián)系我們”是電子郵件鏈接，用戶可以給我們發(fā)郵件實(shí)現(xiàn)交流，進(jìn)行業(yè)務(wù)的聯(lián)系。
(2) 用戶登錄是通過(guò)表單、添加記錄集“用戶信息表account”和服務(wù)器行為“用戶登錄”實(shí)現(xiàn)的。其中用戶有兩個(gè)級(jí)別限制(這是對(duì)數(shù)據(jù)庫(kù)中數(shù)據(jù)安全性的設(shè)計(jì))，包括顧客“user”和管理員“admin”，顧客登錄后可以查看數(shù)據(jù)庫(kù)中商品、搜索商品和查看購(gòu)物車，管理員在顧客實(shí)現(xiàn)的功能的基礎(chǔ)上還有修改商品信息。實(shí)現(xiàn)了前臺(tái)向后臺(tái)的跳轉(zhuǎn)。
設(shè)置用戶注冊(cè)的按鈕，方便顧客注冊(cè)成為網(wǎng)站的會(huì)員，使顧客能夠更多更方便的光臨本網(wǎng)站，查看自己的信息和最新的商品信息。
(3) 最新公告欄目是向顧客展示最近網(wǎng)站的活動(dòng)及注意事項(xiàng)。本欄目也是通過(guò)添加記錄集“news表”、服務(wù)器行為重復(fù)記錄來(lái)實(shí)現(xiàn)多條公告的顯示，同時(shí)，添加了
我們針對(duì)xx品牌服裝網(wǎng)站設(shè)計(jì)是個(gè)性化的貼身設(shè)計(jì)，將對(duì)xx品牌服裝的網(wǎng)站，進(jìn)行優(yōu)質(zhì)的建設(shè)和服務(wù)。xx品牌服裝的網(wǎng)站，總體風(fēng)格力求大氣，有品質(zhì)感、畫面精制藝術(shù)，并附有時(shí)尚感。具體的講，該網(wǎng)站制作(jinyejixie.com)的總體風(fēng)格設(shè)計(jì)需要遵循以下原則：
1. 設(shè)計(jì)應(yīng)凸現(xiàn)xx品牌的實(shí)力
xx作為服裝品牌的后起之秀，希望在服裝界有一席之力的愿望和能力都非常明顯。xx集設(shè)計(jì)、制作、銷售為一體，走中高檔職業(yè)女裝路線。所以網(wǎng)站設(shè)計(jì)要充分展示xx品牌服裝的時(shí)尚、潮流、營(yíng)銷方面的實(shí)力，設(shè)計(jì)力求準(zhǔn)確、大氣，畫面華麗，動(dòng)畫求緩，用色講究干凈整潔，以冷純色基調(diào)為主，彰顯優(yōu)雅的藝術(shù)氣息。
2. 設(shè)計(jì)應(yīng)體現(xiàn)xx品牌對(duì)品質(zhì)的追求
在網(wǎng)站中，將通過(guò)以下設(shè)計(jì)手段，實(shí)現(xiàn)xx品牌對(duì)質(zhì)量和品質(zhì)追求的表達(dá)：
● 參照xx品牌現(xiàn)有的VI設(shè)計(jì)方案，盡量實(shí)現(xiàn)網(wǎng)站風(fēng)格和VI的統(tǒng)一；
● 畫面要華麗，不要采用過(guò)多活潑動(dòng)感的設(shè)計(jì)，而flash動(dòng)畫則采用舒緩的運(yùn)動(dòng)模式；
● 平面設(shè)計(jì)要簡(jiǎn)潔、大氣、高雅，少許花哨的裝飾。
3. 色調(diào)和動(dòng)畫說(shuō)明
以xx品牌的基本宣傳為基調(diào)，定義網(wǎng)站的整體色調(diào)，以獲得用戶的統(tǒng)一視覺(jué)識(shí)別。要求線條簡(jiǎn)練、用色華麗。具體選色還需參考xx品牌的VI方案。整個(gè)網(wǎng)站色彩的基本統(tǒng)一相當(dāng)重要，它使網(wǎng)站顯得整體風(fēng)格統(tǒng)一、和諧。在主色調(diào)之外，采用較少的對(duì)比色彩作為補(bǔ)充、點(diǎn)綴，豐富頁(yè)面、版式的視覺(jué)效果。使整個(gè)網(wǎng)站在風(fēng)格上，顯得統(tǒng)一但富有變化。
網(wǎng)站需設(shè)計(jì)多個(gè)形式不一的、優(yōu)質(zhì)的FLASH動(dòng)畫圖片等，通過(guò)一系列和頁(yè)面有機(jī)結(jié)合的、輕柔、舒緩、內(nèi)斂而不張揚(yáng)的Flash動(dòng)畫，畫龍點(diǎn)睛的對(duì)頁(yè)面進(jìn)行適當(dāng)處理。通過(guò)這種方式，使頁(yè)面效果不至于呆板。圖形元素中，擬采用富有節(jié)奏的點(diǎn)、活潑流暢的弧線、豐富變化面相結(jié)合，剛?cè)岵?jì)，柔美而又有一定張力。
4. 標(biāo)志（LOGO）
根據(jù)xx品牌的現(xiàn)有LOGO（標(biāo)志）進(jìn)行修改后（或直接使用），制作成網(wǎng)站LOGO，要求線條、用色簡(jiǎn)潔。
二、網(wǎng)站整體信息架構(gòu)
1. 信息架構(gòu)圖信息架構(gòu)說(shuō)明
根據(jù)需求分析，網(wǎng)站前期的主要目的是為了加盟商對(duì)品牌進(jìn)行認(rèn)識(shí)與了解，對(duì)加盟進(jìn)行幫助和引導(dǎo)，用戶的互動(dòng)和參與放在較次要的位置。所以信息架構(gòu)如上圖，用戶的參與和互動(dòng)需要等到其它系統(tǒng)開通后，再逐一豐富上去。
關(guān)于我們：以品牌和企業(yè)介紹為主，對(duì)公司的概況和品牌路線向加盟商和用戶進(jìn)行描述。
產(chǎn)品展示：以大圖展示為主，按不同緯度對(duì)圖片進(jìn)行分類，用動(dòng)畫的方式展示和體現(xiàn)。
最新動(dòng)態(tài)：包括了品牌的最新資訊、新開店鋪信息、品牌內(nèi)刊與電子雜志。
市場(chǎng)營(yíng)銷：以地圖的形式展示品牌的營(yíng)銷網(wǎng)絡(luò)，對(duì)旗艦店進(jìn)行介紹，宣傳品牌形像。
招商加盟：服務(wù)與促進(jìn)加盟，提供下載加盟說(shuō)明書，在線提交加盟意向等服務(wù)，和加盟管理內(nèi)容。
人才招聘：一個(gè)單頁(yè)只列出需要招聘的內(nèi)容。
聯(lián)系我們：給出聯(lián)系方式，并有留言板
三、總體內(nèi)容把握
1. 圖片質(zhì)量要精致
網(wǎng)站是以服裝品牌的展示為主，服裝的體現(xiàn)就是最主要的部分。以圖片的形式對(duì)服裝進(jìn)行展示，每張圖片都應(yīng)該是專門進(jìn)行設(shè)計(jì)和制作的，不能讓圖片的低質(zhì)量影響了整個(gè)網(wǎng)站的效果。圖片要做到：大氣、清晰、干凈、有層次感、符合平面視覺(jué)原理。
2. 內(nèi)容簡(jiǎn)明，準(zhǔn)確表達(dá)
網(wǎng)友總是希望在第一時(shí)間將所需要的內(nèi)容了解清楚，不希望花太多的時(shí)間在閱讀無(wú)關(guān)緊要的內(nèi)容上。將每條內(nèi)容都精煉再精煉，不要用太多的文字內(nèi)容打擾網(wǎng)友對(duì)整個(gè)網(wǎng)站整合風(fēng)格的欣賞和判斷。
3. 有擴(kuò)展性和升級(jí)性、可維護(hù)性
網(wǎng)站要充分考慮到今后的擴(kuò)展性，比如子欄目下的內(nèi)容要從網(wǎng)站的后臺(tái)可以直接添加、修改；網(wǎng)站設(shè)計(jì)采用模塊化設(shè)計(jì)，若網(wǎng)站增加新功能，也在保證在原有框架中直接接口，而不需要對(duì)網(wǎng)站結(jié)構(gòu)進(jìn)行大的調(diào)整。網(wǎng)站大部分內(nèi)容可實(shí)現(xiàn)從后臺(tái)添加更改，普通電腦操作人員，經(jīng)過(guò)短訓(xùn)即可學(xué)會(huì)自主修改、添加網(wǎng)站內(nèi)容。
一、概述
我的網(wǎng)站主題是關(guān)于家居裝修設(shè)計(jì)，我個(gè)人認(rèn)為，家是一個(gè)讓人放松的地方，而一個(gè)舒適的家居環(huán)境能讓我們釋放學(xué)習(xí)及工作的壓力，但現(xiàn)實(shí)中很多人對(duì)于家居的設(shè)計(jì)知識(shí)及裝修常識(shí)了解的不是很多。Smile家居網(wǎng)站的設(shè)計(jì)的目的不僅為了宣傳Smile家居公司，樹立企也公司高的知名度，宣傳企業(yè)的文化，吸引更多的公司和個(gè)人來(lái)我公司做業(yè)務(wù)，也是為了給需要了解家居知識(shí)，了解家居潮流，設(shè)計(jì)自己的舒適家居環(huán)境而設(shè)計(jì)的，更好的為顧客服務(wù)。
本網(wǎng)站主要使用Dreamweaver、firework、flash、ASP VBscript、IIS和Access等主要工具。網(wǎng)站中主要是ASP動(dòng)態(tài)網(wǎng)頁(yè)的設(shè)計(jì)，ASP動(dòng)態(tài)網(wǎng)站實(shí)現(xiàn)的用戶與服務(wù)器交互的功能，實(shí)現(xiàn)了通過(guò)網(wǎng)頁(yè)訪問(wèn)后臺(tái)數(shù)據(jù)庫(kù)的功能，更加方便的管理與更新網(wǎng)站。
在實(shí)現(xiàn)自己網(wǎng)站之前，做了大量的準(zhǔn)備工作。上網(wǎng)搜索素材，包括圖片、視頻、家居裝修的常識(shí)和方法，參考其他家居網(wǎng)站設(shè)計(jì)方案及模塊實(shí)現(xiàn)，如：新浪家居、宜家家居等；借閱相關(guān)書籍，參考各種功能實(shí)現(xiàn)所需掌握的知識(shí)及方法；同時(shí)，向老師了解網(wǎng)站建設(shè)的設(shè)計(jì)思想及具體實(shí)現(xiàn)過(guò)程。
網(wǎng)頁(yè)制作，首先是通過(guò)表格、框架、CSS、模板等實(shí)現(xiàn)主頁(yè)的簡(jiǎn)單設(shè)計(jì)，而后學(xué)習(xí)了ASP動(dòng)態(tài)網(wǎng)站建設(shè)的相關(guān)知識(shí)，通過(guò)安裝IIS，建立使用服務(wù)器的站點(diǎn)，連接數(shù)據(jù)庫(kù)，實(shí)現(xiàn)了用戶登錄，商品瀏覽、查看、修改、搜索的功能。這些功能的實(shí)現(xiàn)更加方便用戶購(gòu)買商品，讓公司對(duì)網(wǎng)站的管理更加方便。
二、項(xiàng)目需求分析
家居網(wǎng)站所面向的群體主要是需要裝修的群體、家居裝修設(shè)計(jì)師、想了解家居裝修知識(shí)及想與之進(jìn)行業(yè)務(wù)合作的群體等。
需要裝修的群體又會(huì)有不同的要求。有人喜歡簡(jiǎn)單淡雅的風(fēng)格，有人喜歡高貴典雅的風(fēng)格，也有人喜歡時(shí)尚非主流的風(fēng)格；還有的人消費(fèi)水平較低，希望商品實(shí)用便宜，有的人消費(fèi)水平較高，想要設(shè)計(jì)質(zhì)量各方面比較突出的產(chǎn)品；同時(shí)還有針對(duì)不同年齡段的人群也有不同的要求。
網(wǎng)站的建設(shè)根據(jù)不同用戶的需求，設(shè)計(jì)了不同的版塊。
三、項(xiàng)目總體設(shè)計(jì)
1、整體架構(gòu)及布局設(shè)計(jì)
網(wǎng)站的整體色彩以白色和綠色為主，配有點(diǎn)淡粉紅色，字體設(shè)置為10pt，色彩的搭配符合家給人帶來(lái)舒適的感覺(jué)，更容易讓不同風(fēng)格的顧客接受。
主頁(yè)中的各個(gè)模塊的布局主要是使用CSS實(shí)現(xiàn)的。主頁(yè)設(shè)計(jì)主要采用頂部導(dǎo)航、內(nèi)容左右分的布局。內(nèi)容的左側(cè)大致為具體的鏈接及提示信息等，右側(cè)主要是詳細(xì)的內(nèi)容介紹，包括新聞資訊、商品展示等。
2、網(wǎng)站的欄目設(shè)計(jì)
主頁(yè)中的欄目主要包括導(dǎo)航、用戶登錄、最新公告、最新資訊、收藏本店、寶貝分類、友情鏈接等詳細(xì)分類。導(dǎo)航包括首頁(yè)、案例展示、流行飾品、新品上架、視頻賞析和聯(lián)系我們七部分
3、數(shù)據(jù)庫(kù)設(shè)計(jì)
網(wǎng)站中的數(shù)據(jù)庫(kù)采用Access設(shè)計(jì)，數(shù)據(jù)庫(kù)名為data.mdb,包括下面圖中的6個(gè)表及其對(duì)應(yīng)關(guān)系：
四、項(xiàng)目詳細(xì)設(shè)計(jì)
1、前臺(tái)功能設(shè)計(jì)
(1) 導(dǎo)航是一個(gè)一行六列的表格，綠色的背景搭配白色的字體。“案例展示”鏈接跳轉(zhuǎn)到anli.asp頁(yè)面，此頁(yè)面是下載的代碼，通過(guò)添加圖片，實(shí)現(xiàn)自己網(wǎng)站家居裝修案例的展示；“流行飾品” 是頁(yè)面內(nèi)的跳轉(zhuǎn)，通過(guò)命名錨記實(shí)現(xiàn)；“新品上架”鏈接跳轉(zhuǎn)到newproduct.asp,此頁(yè)面是通過(guò)添加商品信息表的記錄集和服務(wù)器行為實(shí)現(xiàn)數(shù)據(jù)庫(kù)中商品的展示；“聯(lián)系我們”是電子郵件鏈接，用戶可以給我們發(fā)郵件實(shí)現(xiàn)交流，進(jìn)行業(yè)務(wù)的聯(lián)系。
(2) 用戶登錄是通過(guò)表單、添加記錄集“用戶信息表account”和服務(wù)器行為“用戶登錄”實(shí)現(xiàn)的。其中用戶有兩個(gè)級(jí)別限制(這是對(duì)數(shù)據(jù)庫(kù)中數(shù)據(jù)安全性的設(shè)計(jì))，包括顧客“user”和管理員“admin”，顧客登錄后可以查看數(shù)據(jù)庫(kù)中商品、搜索商品和查看購(gòu)物車，管理員在顧客實(shí)現(xiàn)的功能的基礎(chǔ)上還有修改商品信息。實(shí)現(xiàn)了前臺(tái)向后臺(tái)的跳轉(zhuǎn)。
設(shè)置用戶注冊(cè)的按鈕，方便顧客注冊(cè)成為網(wǎng)站的會(huì)員，使顧客能夠更多更方便的光臨本網(wǎng)站，查看自己的信息和最新的商品信息。
(3) 最新公告欄目是向顧客展示最近網(wǎng)站的活動(dòng)及注意事項(xiàng)。本欄目也是通過(guò)添加記錄集“news表”、服務(wù)器行為重復(fù)記錄來(lái)實(shí)現(xiàn)多條公告的顯示，同時(shí)，添加了
猜你還喜歡下面的內(nèi)容
- 網(wǎng)站建設(shè)—PHP如何刪除數(shù)組中的重復(fù)元素 2023-02-04
- 網(wǎng)站建設(shè)流程之網(wǎng)站整體規(guī)劃 2023-02-04
- 網(wǎng)站建設(shè)在設(shè)計(jì)醫(yī)療網(wǎng)站時(shí)必要的設(shè)計(jì)元素有哪些？ 2023-02-04
- 上海網(wǎng)站建設(shè)解讀怎么挑選長(zhǎng)尾關(guān)鍵詞增加網(wǎng)站流量？ 2023-02-04
- 煙臺(tái)網(wǎng)站建設(shè)搜索引擎是如何抓取圖片信息的？ 2023-02-04
- 高端網(wǎng)站建設(shè)的設(shè)計(jì)要求 2023-02-04
- 網(wǎng)站建設(shè)切圖CSS代碼如何做到換行及方法？ 2023-02-04
- 企業(yè)網(wǎng)站建設(shè)時(shí)要把控好那些問(wèn)題？ 2023-02-04
- 網(wǎng)站建設(shè)要有利于搜索引擎優(yōu)化 2023-02-04
- 高端網(wǎng)站建設(shè)和低端網(wǎng)站性能的區(qū)別 2023-02-04
- 網(wǎng)站建設(shè)一般包括哪些費(fèi)用？ 2023-02-04
- 進(jìn)行營(yíng)銷型網(wǎng)站建設(shè)需要避免的三大誤區(qū) 2023-02-04
- 網(wǎng)站建設(shè)公司怎么選擇合適的一家 2023-02-04
- 成都企業(yè)型網(wǎng)站建設(shè)的營(yíng)銷策略 2023-02-04
- 天津網(wǎng)站建設(shè)移動(dòng)網(wǎng)頁(yè)設(shè)計(jì)中的七個(gè)注意事項(xiàng) 2023-02-04
- 企業(yè)網(wǎng)站建設(shè)怎么降低成本 2023-02-04
- 網(wǎng)站建設(shè)需要的相關(guān)工作 2023-02-04
- ?企業(yè)型網(wǎng)站建設(shè)開發(fā)需要經(jīng)歷那些步驟！ 2023-02-04
- 網(wǎng)站建設(shè)的基本要求及策劃事項(xiàng) 2023-02-04