IDo婚慶網(wǎng)站說明書

1、 黃河水利職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì) I Do婚慶網(wǎng)站設(shè)計(jì)說明書學(xué)生姓名： 汪丹丹 學(xué)號(hào)： 2010030116 指導(dǎo)教師： 陳 萱 職稱： 副教授 專 業(yè)： 電子商務(wù)1001 系（部）： 管理系 2012年12月25日I Do婚慶網(wǎng)站設(shè)計(jì)說明書汪丹丹（黃河水利職業(yè)技術(shù)學(xué)院，河南 開封 475003）摘 要：I Do婚慶網(wǎng)站是靜態(tài)頁面與動(dòng)態(tài)頁面相結(jié)合的全面的網(wǎng)站系統(tǒng)。通過該網(wǎng)站向?yàn)g覽者展示公司的全部產(chǎn)品和服務(wù)信息，瀏覽者也可以通過網(wǎng)站與公司在線交流溝通。網(wǎng)站頁面設(shè)計(jì)簡潔大方、內(nèi)容編排得當(dāng)、觀賞性與實(shí)用性并存。關(guān)鍵詞：I Do婚慶網(wǎng)站 頁面設(shè)計(jì) 欄目布局一、設(shè)計(jì)背景與設(shè)計(jì)意義（一）設(shè)計(jì)背景中國結(jié)婚產(chǎn)業(yè)

2、發(fā)展調(diào)查報(bào)告顯示，我國最近5年來平均每年全國有811.36萬對(duì)新人登記結(jié)婚，其中僅城鎮(zhèn)新人在婚禮上的消費(fèi)就達(dá)4183億人民幣。目前全國每年結(jié)婚新人近1000萬對(duì)，僅北京市2011年就有17萬對(duì)新人注冊(cè)結(jié)婚。新婚人群愿意把積蓄的31%用于婚慶有關(guān)的消費(fèi)。近年來，我國婚慶消費(fèi)處在不斷地增長之中，婚慶產(chǎn)業(yè)雖然發(fā)展迅速，但也存在著一定的問題。中國婚慶公司品牌成長還處在蹣跚學(xué)步階段。市場的良莠不齊、誠信缺失，是許多新人對(duì)新婚消費(fèi)充滿不信任。因此，從行業(yè)規(guī)律看，婚慶市場洗牌在即，其市場有待于創(chuàng)新開發(fā)，要形成規(guī)?；?、有序化、全方位的婚慶市場，走品牌化的道路。其次，婚慶行業(yè)作為一個(gè)新興行業(yè)目前發(fā)展到了一個(gè)瓶頸

3、階段，由于網(wǎng)絡(luò)的發(fā)展，婚慶網(wǎng)站已經(jīng)成為了婚慶市場的另一個(gè)戰(zhàn)場，用好的網(wǎng)站來宣傳自己的產(chǎn)品是非常好的銷售模式。所以本次畢業(yè)設(shè)計(jì)，我所選的題目是設(shè)計(jì)網(wǎng)上婚慶公司。主要任務(wù)是根據(jù)相關(guān)資料及老師要求設(shè)計(jì)出一個(gè)美好的婚慶網(wǎng)站。(二) 設(shè)計(jì)意義俗話說：世上最美好的容顏是新娘的笑臉，人間最美好的時(shí)光是拜天地的那一刻。由此可見：“執(zhí)子之手，與子偕老”的承諾需要一個(gè)美好而隆重的儀式作為憑證。現(xiàn)在正值婚慶高峰，幾乎天天可以看到一對(duì)對(duì)的新人在這美好的季節(jié)里結(jié)成眷屬。但新人們或多或少都有那么一些因工作，因時(shí)間而無法將自己的婚禮辦得唯美時(shí)尚。而隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，許多人們都通過網(wǎng)絡(luò)來安排婚禮事務(wù)，所以在網(wǎng)上開設(shè)婚慶公司

4、，既可以讓新人省時(shí)省力，又可以為他們提供多項(xiàng)選擇。婚慶網(wǎng)站,就是一個(gè)可在線瀏覽婚慶新聞、婚慶習(xí)俗、婚慶案例、婚慶產(chǎn)品、留言交流等功能的網(wǎng)站系統(tǒng)；在信息化的今天,用戶甚至可以足不出戶就能把自己的婚禮計(jì)劃得十分縝密。只要通過我們的網(wǎng)站，用戶就能達(dá)到自己想要的結(jié)婚效果，享受到結(jié)婚帶來的樂趣！二、 設(shè)計(jì)內(nèi)容（一）設(shè)計(jì)目標(biāo)1.充分利用互聯(lián)網(wǎng)的強(qiáng)大優(yōu)勢資源把企業(yè)的產(chǎn)品或服務(wù)信息247的發(fā)送給世界的各個(gè)角落，客戶可以通過網(wǎng)站隨時(shí)較全面的了解企業(yè)動(dòng)態(tài)；2.從銷售的角度來看，減少交易的中間環(huán)節(jié)，降低成本，同時(shí)也起到宣傳的作用；3.方便與客戶互動(dòng)來往，交流溝通，節(jié)省時(shí)間提高效率；4.網(wǎng)站建設(shè)后，再進(jìn)行有效的網(wǎng)絡(luò)營

5、銷推廣，可以進(jìn)一步的主動(dòng)搶占市場先機(jī)。（二）設(shè)計(jì)要求1.logo、flash及導(dǎo)航的設(shè)計(jì)，要求簡單大方又要緊扣網(wǎng)站主題，體現(xiàn)該網(wǎng)站的特色。 2.網(wǎng)站首頁要求內(nèi)容編排得當(dāng)、頁面設(shè)計(jì)美觀、觀賞性與實(shí)用性并存，能夠體現(xiàn)網(wǎng)站的首頁所能實(shí)現(xiàn)的基本功能。3.后臺(tái)設(shè)計(jì)要清晰明了，方便管理員對(duì)產(chǎn)品展示、新聞動(dòng)態(tài)等信息和服務(wù)的及時(shí)更新和管理。三、相關(guān)技術(shù)與開發(fā)工具介紹該網(wǎng)站的建設(shè)主要用到了Microsfot dreamwear、Adobe photoshop和Flash等網(wǎng)頁設(shè)計(jì)工具，另外，還用到了大量的Asp語言、Javascript語言、Access、Div+Css對(duì)網(wǎng)站進(jìn)行優(yōu)化設(shè)計(jì)。以下是主要設(shè)計(jì)工具的介

6、紹：Microsfot dreamwear 是一款可視化的網(wǎng)頁設(shè)計(jì)和網(wǎng)站管理工具，支持最新的Web技術(shù)，包含HTML檢查、HTML格式控制、HTML格式化選項(xiàng)、可視化網(wǎng)頁設(shè)計(jì)、圖像編輯、全局查找替換、全FTP功能、處理Flash等媒體格式和動(dòng)態(tài)HTML。Adobe photoshop 是由美國Adobe公司開發(fā)的圖象設(shè)計(jì)及處理軟件，以其強(qiáng)大的功能備受用戶的青睞。它是一個(gè)集圖像掃描、編輯修改、圖像制作、廣告創(chuàng)意、圖像合成、圖像輸入/輸出、網(wǎng)頁制作于一體的專業(yè)圖形處理軟件。Flash 是一種創(chuàng)作工具，設(shè)計(jì)人員和開發(fā)人員可使用它來創(chuàng)建演示文稿、應(yīng)用程序和其它允許用戶交互的內(nèi)容。Flash 可以包含簡

7、單的動(dòng)畫、視頻內(nèi)容、復(fù)雜演示文稿和應(yīng)用程序以及介于它們之間的任何內(nèi)容。四、網(wǎng)站的需求分析（一）功能需求分析首頁功能需求：通過主頁版塊設(shè)置，瀏覽者可以初步對(duì)網(wǎng)站的結(jié)構(gòu)和主要內(nèi)容有所了解，也使瀏覽者對(duì)該網(wǎng)站的創(chuàng)意設(shè)計(jì)有所肯定，讓瀏覽者更加方便快捷的了解熟悉網(wǎng)站信息，將大體的網(wǎng)站情況一目了然的展示給瀏覽者。二級(jí)頁面功能需求：通過二級(jí)頁面將網(wǎng)站內(nèi)容更加條理、更加詳細(xì)、更加方便的展現(xiàn)給瀏覽者。二級(jí)頁面中將每個(gè)版塊的內(nèi)容具體化、深入化、詳細(xì)化，讓瀏覽者更加深入了解網(wǎng)站的相關(guān)服務(wù)和信息。（二）結(jié)構(gòu)化需求分析1.數(shù)據(jù)流程在數(shù)據(jù)流程圖中，I Do婚慶公司后臺(tái)處于頂層數(shù)據(jù)流程最高級(jí)，其次是該網(wǎng)站的前臺(tái)，前臺(tái)為瀏覽

8、者客提供各類婚慶信息。頂層數(shù)據(jù)流圖如圖4-1所示:婚慶網(wǎng)站 網(wǎng)站后臺(tái)瀏覽者 提供信息提供服務(wù)圖4-1頂層數(shù)據(jù)流圖2.軟件結(jié)構(gòu)制作網(wǎng)站過程中，需要使用ASP語言設(shè)計(jì)一部分的動(dòng)態(tài)頁面，使用dreamweaver來制作部分html靜態(tài)網(wǎng)頁，這樣可以優(yōu)化系統(tǒng)性能。使用Photoshop來對(duì)圖片進(jìn)行美化修飾使其符合網(wǎng)站的整體色彩、風(fēng)格效果。利用flash來進(jìn)行部分動(dòng)畫制作，插入網(wǎng)站中。使其更加生動(dòng)，更具吸引力。（三）用戶界面需求用戶界面的一致性很關(guān)鍵，界面的結(jié)構(gòu)必須清晰且所有的術(shù)語要保持一致。遵循對(duì)比原則，在淺色背景上使用深色文字，在深色背景上使用淺色文字。用戶界面必須清晰明了，與其他模塊區(qū)分開來。界面

9、對(duì)象在視覺上、感覺上和行為上應(yīng)與其在現(xiàn)實(shí)中的表現(xiàn)一致。彈出菜單不應(yīng)該是唯一的功能來源，要實(shí)現(xiàn)多功能的整合應(yīng)用。界面的切換、布局很重要。用戶要能夠自由快速的對(duì)界面上每一項(xiàng)做出選擇，并且所有選擇都是可逆的。此外，為了讓網(wǎng)站更具有吸引力還需插入一些簡單的flash動(dòng)畫或制作技術(shù)含量較高的動(dòng)態(tài)網(wǎng)站。（四）管理員界面需求管理員界面結(jié)構(gòu)要簡單清晰便于管理員管理登陸。后臺(tái)管理功能包括對(duì)前臺(tái)顯示模塊的內(nèi)容管理，以及對(duì)后臺(tái)管理員的添加與刪除的管理等。后臺(tái)設(shè)計(jì)合理可以方便管理員對(duì)網(wǎng)站新聞信息、產(chǎn)品信息等進(jìn)行及時(shí)更新，使公司能夠用最少的時(shí)間辦最多的事情。五、 網(wǎng)站總體設(shè)計(jì)（一）網(wǎng)站框架及布局設(shè)計(jì)網(wǎng)站的整體色彩以白色

10、和淡灰色為主，色彩的搭配符合婚慶氣息，給人一種清新淡雅、純潔脫俗的感覺，更容易讓不同風(fēng)格的顧客接受。 主頁中的各個(gè)模塊的布局主要是使用CSS實(shí)現(xiàn)。主頁布局如圖5-1所示采用上中下結(jié)構(gòu)，上方為logo、banner、設(shè)為首頁和加入收藏等，中間是導(dǎo)航和flash,下方分左中右結(jié)構(gòu)，左面是成功案例和聯(lián)系我們，中間部分為企業(yè)簡介、新聞動(dòng)態(tài)和友情鏈接，右面是產(chǎn)品展示，最下方為版權(quán)信息。頁面基本上每個(gè)圖標(biāo)，每個(gè)關(guān)鍵字都設(shè)有鏈接。網(wǎng)站的整體設(shè)計(jì)美觀、大氣，布局合理。Logo設(shè)為首頁、加入收藏、聯(lián)系我們首頁 關(guān)于我們 新聞動(dòng)態(tài) 榮譽(yù)證書 產(chǎn)品展示 成功案例 在線留言 人才招聘 聯(lián)系我們Flash成功案例：關(guān)于

11、我們：產(chǎn)品展示：聯(lián)系我們：新聞動(dòng)態(tài)：友情鏈接：版權(quán)信息圖5-1主頁布局（二）網(wǎng)站的總體欄目設(shè)計(jì)作為一個(gè)婚慶網(wǎng)站，主要目的是希望能夠及時(shí)的向新人傳遞婚禮的相關(guān)服務(wù)和信息。這就要求我們所設(shè)計(jì)的網(wǎng)站的界面必須具備以下欄目：關(guān)于我們（企業(yè)簡介、總裁致辭、成長歷程、組織機(jī)構(gòu)、服務(wù)團(tuán)隊(duì)、聯(lián)系我們）、新聞動(dòng)態(tài)（行業(yè)新聞、I DO資訊、婚禮講堂、潮流風(fēng)尚）、榮譽(yù)證書、產(chǎn)品展示（婚紗造型、婚品定制、場地布置、攝影攝像、主持司儀）、成功案例、在線留言、友情鏈接及后臺(tái)管理登錄。如圖5-2、5-3所示：I DO婚慶首頁關(guān)于我們新聞動(dòng)態(tài)榮譽(yù)證書成功案例人才招聘產(chǎn)品展示聯(lián)系我們?cè)诰€留言行業(yè)新聞婚禮講堂IDO資訊婚紗造型潮

12、流風(fēng)尚婚品定制場地布置攝像攝影主持司儀企業(yè)簡介總裁致辭成長歷程組織機(jī)構(gòu)服務(wù)團(tuán)隊(duì)聯(lián)系我們圖5-2網(wǎng)站前臺(tái)欄目結(jié)構(gòu)圖I Do婚慶網(wǎng)站管理后臺(tái)系統(tǒng)管理企業(yè)信息產(chǎn)品管理成功案例新聞管理留言管理榮譽(yù)管理人才管理友情鏈接圖5-3網(wǎng)站后臺(tái)欄目結(jié)構(gòu)圖（三）數(shù)據(jù)庫設(shè)計(jì)網(wǎng)站中的數(shù)據(jù)庫采用Access設(shè)計(jì)，數(shù)據(jù)庫名為data.mdb,包括下5-4、5-5圖中的30個(gè)表及其對(duì)應(yīng)關(guān)系：圖5-4表圖5-5表之間的關(guān)系（四）網(wǎng)站特色設(shè)計(jì)1.logo的設(shè)計(jì)新穎獨(dú)特，給人耳目一新的感覺，體現(xiàn)出I Do婚慶網(wǎng)站的獨(dú)特之處。如圖5-6所示左側(cè)以囍字幻化的新郎新娘形象具體的表現(xiàn)了一對(duì)新人，紅紅的囍字則散發(fā)著喜慶的氣氛；右側(cè)I Do表

13、明這對(duì)新人的心聲及信誓，被設(shè)計(jì)成婚禮鉆戒的O字母更是使人眼前一亮。圖5-6 logo2.flash設(shè)計(jì)采用圖片輪播的效果展示網(wǎng)站的主要產(chǎn)品信息，給瀏覽者視覺沖擊力，起到宣傳的作用。3.各頁面在線交流功能的設(shè)計(jì)，給網(wǎng)站與瀏覽者創(chuàng)造了一個(gè)很好的網(wǎng)絡(luò)條件，瀏覽者可以通過QQ了解企業(yè)的更多信息和服務(wù)。六、網(wǎng)站詳細(xì)設(shè)計(jì)（一）首頁設(shè)計(jì)首頁布局簡潔，并有所創(chuàng)意，將所有版塊項(xiàng)目都整齊排列，這樣既可以賞心悅目，又可以讓瀏覽者不產(chǎn)生視覺上的疲勞。通過主要板塊的設(shè)置是瀏覽者初步對(duì)I Do婚慶網(wǎng)站結(jié)構(gòu)有所了解，讓瀏覽者更加方便快捷的熟悉I Do婚慶網(wǎng)站！將大體的新聞動(dòng)態(tài)、產(chǎn)品展示、成功案例等一目了然的展現(xiàn)給瀏覽者。如

14、圖6-1所示：圖6-1網(wǎng)站首頁設(shè)計(jì)圖1.欄目設(shè)計(jì)首頁欄目主要包括首頁、關(guān)于我們、新聞動(dòng)態(tài)、榮譽(yù)證書、產(chǎn)品展示、成功案例、在線留言、人才招聘、聯(lián)系我們九大模塊。還有其他一些小欄目，諸如友情鏈接、版權(quán)信息等。2.logo及banner設(shè)計(jì)采用灰白漸變色條狀banner為背景，logo居左，右邊則是服務(wù)熱線、設(shè)為首頁和加入收藏。logo的設(shè)計(jì)新穎獨(dú)特，體現(xiàn)出I Do婚慶網(wǎng)站的獨(dú)特之處。如圖6-2所示：圖6-2 logo及banner設(shè)計(jì)圖3.導(dǎo)航設(shè)計(jì)導(dǎo)航設(shè)計(jì)上采用淡灰色條狀為背景，黑色字體居中，分隔符都為白色，加上凹凸設(shè)計(jì)，給人以簡明大方的感覺。如圖6-3所示：圖6-3導(dǎo)航設(shè)計(jì)4.風(fēng)格與色彩搭配主要

15、采用淺灰色和白色作為整個(gè)首頁的基調(diào)，輔助色為綠色和紅色，體現(xiàn)生機(jī)活力和喜慶的氣氛。5.特效與代碼在本網(wǎng)頁的右上方，瀏覽者可以把本網(wǎng)站設(shè)為首頁，或是加入收藏 ，以便操作。使用flash制作圖片輪播的效果。當(dāng)打開該網(wǎng)頁時(shí)導(dǎo)航欄下的圖片將自動(dòng)輪轉(zhuǎn)，循環(huán)播放圖片。在左下方的聯(lián)系我們一欄中，添設(shè)了在線QQ聯(lián)系，方便瀏覽者溝通交流。6.友情鏈接在此欄目中，為友情鏈接網(wǎng)址，通過鏈接可以直接訪問相關(guān)網(wǎng)站，如百合婚禮、佳麗攝影、重慶婚慶、費(fèi)加羅策劃、花海閣、喜事網(wǎng)等，如圖6-4所示：圖6-4友情鏈接7.版權(quán)信息圖6-5版權(quán)信息（二）二級(jí)頁面設(shè)計(jì)二級(jí)頁面設(shè)計(jì)采用簡單明了的布局，將每個(gè)板塊的內(nèi)容具體化、深入化、詳細(xì)

16、化。讓感興趣的瀏覽者詳細(xì)了解I Do婚慶網(wǎng)站?？梢苑奖銥g覽者及時(shí)快捷的與我們公司取得聯(lián)系，獲取最新的動(dòng)態(tài)。1.各二級(jí)頁面的欄目設(shè)計(jì)（1）關(guān)于我們：網(wǎng)頁頂部仍由logo、導(dǎo)航、flash構(gòu)成。網(wǎng)頁的左側(cè)為關(guān)于我們的子目錄，包括企業(yè)簡介、總裁致辭、成長歷程、組織機(jī)構(gòu)、服務(wù)團(tuán)隊(duì)、聯(lián)系我們六個(gè)板塊，右側(cè)為企業(yè)簡介。顯示公司的一些簡介，擴(kuò)充了瀏覽者對(duì)公司的了解，增加用戶對(duì)公司的信任感。如圖6-6所示：圖6-6關(guān)于我們（2）新聞動(dòng)態(tài)：發(fā)布網(wǎng)站的一些最新新聞動(dòng)態(tài)，包括行業(yè)新聞、I DO資訊、婚禮講堂和潮流風(fēng)尚四個(gè)板塊。如圖6-7所示：圖6-7新聞動(dòng)態(tài)（3）榮譽(yù)證書：主要顯示公司所獲得的各種榮譽(yù)證書，用以證明

17、公司在婚慶行業(yè)的實(shí)力，增加信譽(yù)度和說服力。如圖6-8所示：圖6-8榮譽(yù)證書（4）產(chǎn)品展示：顯示公司目前的一些服務(wù)產(chǎn)品及項(xiàng)目信息，可以讓用戶擁有更多的選擇權(quán)。由婚紗造型（婚紗禮服、首飾發(fā)飾、婚禮跟妝）、婚品定制（婚車、請(qǐng)柬、蛋糕、禮炮、新娘捧花）、場地布置（場地選址、場地布置、色系風(fēng)格）、攝像攝影（攝影師、婚紗影像、婚禮全程跟拍）、主持司儀（金牌司儀、銀牌司儀、銅牌司儀）等構(gòu)成。如圖6-9所示：圖6-9產(chǎn)品展示（5）成功案例：展示公司舉辦的成功婚慶典禮圖片，顯示公司之前的一些婚慶實(shí)例，使瀏覽者從中可以感受到在本公司可以享受到的服務(wù)，并且對(duì)自己以后的婚慶有一個(gè)基本的認(rèn)識(shí)。如圖6-10所示：圖6-1

18、0成功案例（6）在線留言：用戶可以在留言板上留言，也可以查看別人的留言。留言板給公司與瀏覽者的交流創(chuàng)造了一個(gè)很好的網(wǎng)絡(luò)條件。由我要留言、查看留言兩個(gè)板塊構(gòu)成。如圖6-11所示：圖6-11在線留言（7）人才招聘：由人才招聘、人才策略兩個(gè)板塊構(gòu)成。設(shè)計(jì)了在線求職，方便瀏覽者求職。如圖6-12所示：圖6-12人才招聘（8）聯(lián)系我們：提供了公司地址、聯(lián)系方式等，方便瀏覽者訪問。給其帶來更大的方便，也使瀏覽者與公司的溝通更加及時(shí)。如圖6-13所示：圖6-13聯(lián)系我們2.導(dǎo)航設(shè)計(jì)與首頁相同，導(dǎo)航設(shè)計(jì)上依舊采用淺灰色條狀圖片為背景，設(shè)計(jì)簡單，給人以眼目一新的感覺，在二級(jí)頁面中添加一些小的導(dǎo)航欄，采用綠色和白

19、色搭配的風(fēng)格，體現(xiàn)網(wǎng)站偏向生機(jī)活力、自然親切的特點(diǎn)。 3.風(fēng)格與色彩搭配二級(jí)頁面在風(fēng)格色彩上采用與首頁一致的色調(diào)，以灰白色為主，輔助色為綠色和紅色，體現(xiàn)生機(jī)活力和喜慶的氣氛。頁面的設(shè)計(jì)效果也與首頁保持一致。4.首頁與二級(jí)頁面之間的鏈接在導(dǎo)航欄完成首頁與二級(jí)頁面之間的鏈接。再點(diǎn)擊鏈接文字時(shí)將會(huì)在文字四周出現(xiàn)虛線框。在導(dǎo)航欄中，每一個(gè)鏈接都能與二級(jí)頁面進(jìn)行鏈接，使瀏覽者更方便的瀏覽。 5.二級(jí)頁面與二級(jí)頁面之間的鏈接圖6-14二級(jí)頁面與二級(jí)頁面之間的鏈接在二級(jí)頁面中，往往都能看到圖6-14上的文字，在點(diǎn)擊上一頁或下一頁時(shí)，將會(huì)進(jìn)入下一個(gè)子網(wǎng)頁，從而完成子網(wǎng)頁之間的鏈接。以上情況在本網(wǎng)頁上屢見不鮮。

20、當(dāng)鼠標(biāo)移動(dòng)到文字或圖片上時(shí)變成小手狀態(tài)時(shí)，就意味著該字體或圖片存在一個(gè)鏈接，可以使您鏈接到新的網(wǎng)頁。在導(dǎo)航欄中，每一個(gè)欄目都對(duì)應(yīng)著一個(gè)鏈接，每一個(gè)鏈接到的網(wǎng)頁中，都存在的新的鏈接，使瀏覽者用起來方便，看起來舒心。（三）后臺(tái)管理設(shè)計(jì)1.數(shù)據(jù)庫備份數(shù)據(jù)庫是輔助于后臺(tái)管理的，數(shù)據(jù)庫的作用是非常強(qiáng)大，在設(shè)計(jì)過程當(dāng)中可以運(yùn)用數(shù)據(jù)庫來備份數(shù)據(jù)庫，以免數(shù)據(jù)的丟失。數(shù)據(jù)庫備份圖如圖6-15所示:圖6-15數(shù)據(jù)庫備份圖2.后臺(tái)整體框架網(wǎng)站后臺(tái)的內(nèi)容分為2部分，左側(cè)是各類導(dǎo)航，右側(cè)是版權(quán)信息和要修改的內(nèi)容。后臺(tái)整體框架如圖6-16所示:圖6-16 后臺(tái)整體框架3.后臺(tái)特色后臺(tái)當(dāng)中最有特色的部分就是產(chǎn)品管理這一板塊

21、，各類產(chǎn)品信息都可以通過這個(gè)模塊來添加和修改。在這個(gè)模塊分為四部分，產(chǎn)品類別、產(chǎn)品管理、添加產(chǎn)品、審核產(chǎn)品。后臺(tái)特色板塊如圖6-17所示:圖6-17后臺(tái)特色板塊（四）基本操作流程1.前臺(tái)操作流程對(duì)前臺(tái)的操作主要從網(wǎng)站的首頁開始瀏覽，首頁中向大家展示的也是這個(gè)網(wǎng)站的重點(diǎn)內(nèi)容，可以通過點(diǎn)擊首頁的導(dǎo)航來實(shí)現(xiàn)各個(gè)頁面的跳轉(zhuǎn)，導(dǎo)航包括：關(guān)于我們、新聞動(dòng)態(tài)、榮譽(yù)證書、產(chǎn)品展示、成功案例、人才招聘、在線留言、聯(lián)系我們等。點(diǎn)擊這些內(nèi)容就可以跳轉(zhuǎn)到相應(yīng)的二級(jí)頁面。點(diǎn)擊左側(cè)的產(chǎn)品系列按鈕還可以跳轉(zhuǎn)到各類產(chǎn)品的頁面。前臺(tái)操作流程圖如圖6-18所示:關(guān)于我們新聞動(dòng)態(tài)榮譽(yù)證書成功案例人才招聘產(chǎn)品展示聯(lián)系我們?cè)诰€留言開始

22、登錄網(wǎng)站首頁瀏覽各二級(jí)頁面退出圖6-18前臺(tái)操作流程圖2.后臺(tái)操作流程進(jìn)入后臺(tái)時(shí)直接在前臺(tái)首頁網(wǎng)址的基礎(chǔ)之上添加admin/login,回車之后出現(xiàn)登陸界面。輸入賬號(hào)：admin；密碼：admin，輸入系統(tǒng)給出的驗(yàn)證碼，然后點(diǎn)擊登錄按鈕。進(jìn)入后臺(tái)可以根據(jù)自己的需要，在后臺(tái)對(duì)頁面進(jìn)行相應(yīng)的修改等一系列的操作。后臺(tái)管理登錄窗口如圖6-19所示:圖6-19后臺(tái)管理登錄窗口后臺(tái)管理操作流程圖：開始登錄中心管理員身份認(rèn)證管理員Yes系統(tǒng)管理企業(yè)信息產(chǎn)品管理成功案例新聞管理留言管理榮譽(yù)管理人才管理友情鏈接結(jié)果退出后臺(tái)結(jié)束No進(jìn)行相關(guān)的操作圖6-20后臺(tái)管理流程圖七、 網(wǎng)站優(yōu)化推廣（一）網(wǎng)站優(yōu)化1.關(guān)鍵字的

23、相關(guān)優(yōu)化：選取適當(dāng)?shù)年P(guān)鍵字，關(guān)鍵字密度要把握好。2.網(wǎng)站內(nèi)容的更新：網(wǎng)站內(nèi)容更新要及時(shí)準(zhǔn)確，保證是公司的最新動(dòng)態(tài)。3.網(wǎng)站的友情鏈接交換：要選擇質(zhì)量好，PR值高的網(wǎng)站交換鏈接。4.頁面、細(xì)節(jié)的調(diào)整：要及時(shí)對(duì)網(wǎng)站的頁面和細(xì)節(jié)進(jìn)行更新和調(diào)整。5.網(wǎng)站內(nèi)鏈的建設(shè)：網(wǎng)站的內(nèi)鏈建設(shè)要清晰明了、方便準(zhǔn)確。（二）網(wǎng)站推廣1.論壇推廣：在一些本地比較知名、人氣旺的論壇去宣傳，特別是針對(duì)性比較強(qiáng)的論壇，宣傳效果會(huì)更好。2.企業(yè)博客推廣：建立公司企業(yè)博客，特別實(shí)用于婚慶公司網(wǎng)站，需要注意的是博客平臺(tái)選擇以及博客內(nèi)容更新，要及時(shí)準(zhǔn)確。3.百度互動(dòng)社區(qū)推廣：這里主要指的是百度的幾個(gè)重要產(chǎn)品：分別是百度百科、知道及貼吧

24、，眾所周知，他們?cè)诎俣葯?quán)重極高，合理用好這三個(gè)百度的產(chǎn)品，可以借力發(fā)力，會(huì)有意想不到的收獲。4.QQ群推廣：加入本地的新人QQ群或者自己建立結(jié)婚QQ群，讓更多的本地新人加入進(jìn)來，要成為QQ群的活躍分子及活動(dòng)發(fā)起者，另外，要利用好QQ群郵件這一很好的宣傳手段。5. 競價(jià)廣告：這里說的競價(jià)廣告主要指百度及google廣告，在設(shè)置廣告前多看看別家的廣告內(nèi)容是什么，自己的標(biāo)題要怎么寫，描述要怎么寫，才有針對(duì)性。6.搜索引擎優(yōu)化：首先要選好關(guān)鍵詞，其次標(biāo)題描述要精練而又要與關(guān)鍵詞相照應(yīng)，然后網(wǎng)站內(nèi)容、層次分明，內(nèi)鏈清晰，最后加強(qiáng)網(wǎng)站外鏈，不求多，只求精。7.本地門戶網(wǎng)站推廣：尋找本地知名婚慶類網(wǎng)站投放廣告或合作舉辦活動(dòng)，來增加網(wǎng)站的知名度。八、網(wǎng)站的更新維護(hù)網(wǎng)站維