項(xiàng)目一 營銷型企業(yè)網(wǎng)站建設(shè) 能力目標(biāo)能夠撰寫營銷型企業(yè)網(wǎng)站策劃方案； 能夠撰寫營銷型企業(yè)網(wǎng)站推廣與運(yùn)營方案； 能夠熟練使用常見的網(wǎng)站制作工具； 能夠進(jìn)行營銷型企業(yè)網(wǎng)站一般性的建設(shè)、運(yùn)營

項(xiàng)目一 營銷型企業(yè)網(wǎng)站建設(shè) 能力目標(biāo)

能夠撰寫營銷型企業(yè)網(wǎng)站策劃方案； 能夠撰寫營銷型企業(yè)網(wǎng)站推廣與運(yùn)營方案； 能夠熟練使用常見的網(wǎng)站制作工具； 能夠進(jìn)行營銷型企業(yè)網(wǎng)站一般性的建設(shè)、運(yùn)營與推廣。 知識(shí)目標(biāo)

了解營銷型企業(yè)網(wǎng)站的相關(guān)知識(shí)； 掌握營銷型企業(yè)網(wǎng)站建設(shè)的相關(guān)工具； 了解營銷型企業(yè)網(wǎng)站的評(píng)價(jià)元素； 掌握營銷型企業(yè)網(wǎng)站的建設(shè)方法； 掌握營銷型企業(yè)網(wǎng)站推廣與運(yùn)營的方法。

本項(xiàng)目的工作任務(wù)是通過詳細(xì)分析兩個(gè)企業(yè)網(wǎng)站案例，讓學(xué)生對(duì)營銷型企業(yè)網(wǎng)站建設(shè) 的理論知識(shí)有一個(gè)深入的認(rèn)識(shí)；通過學(xué)生親自動(dòng)手實(shí)踐營銷型企業(yè)網(wǎng)站的策劃、建站、推 廣等，讓學(xué)生體驗(yàn)到營銷型企業(yè)網(wǎng)站建設(shè)的整個(gè)過程，掌握營銷型企業(yè)網(wǎng)站建設(shè)的方法和 技巧。

模塊一 學(xué) 習(xí) 案 例

（一）支持企業(yè)

北京博導(dǎo)前程信息技術(shù)有限公司。其企業(yè)Logo 和博星卓越品牌Logo 如圖1-1所示。

（a ）北京博導(dǎo)前程信息技術(shù)有限公司Logo （b ）博星卓越品牌Logo

圖1-1 企業(yè)Logo

（二）企業(yè)背景

北京博導(dǎo)前程信息技術(shù)有限公司是國內(nèi)知名的教學(xué)軟件研發(fā)機(jī)構(gòu)和銷售商。其前身為陜西博星卓越資訊有限公司，于1999年在西安成立。作為國內(nèi)著名的教學(xué)軟件公司，北京博導(dǎo)前程信息技術(shù)有限公司為高校提供專業(yè)教學(xué)軟件產(chǎn)品，支持高校實(shí)訓(xùn)教學(xué)，致力于提升互聯(lián)網(wǎng)環(huán)境下學(xué)生的綜合競爭力，是國內(nèi)高校教學(xué)軟件的領(lǐng)跑者，代表著我國教學(xué)軟件開發(fā)與實(shí)驗(yàn)教學(xué)研究的最新動(dòng)向。

（三）案例詳解

北京博導(dǎo)前程的博星卓越品牌盡管已有教學(xué)產(chǎn)品網(wǎng)站（http://www.didida.com），但由于該站點(diǎn)為早期衍生而來的純靜態(tài)網(wǎng)站，在內(nèi)容更新方面十分麻煩。2009年，為了更廣泛地宣傳、推廣博星卓越教學(xué)產(chǎn)品，北京博導(dǎo)前程特建設(shè)博星卓越教學(xué)實(shí)驗(yàn)網(wǎng)（http://www.boxingzhuoyue.com）。博星卓越教學(xué)實(shí)驗(yàn)網(wǎng)是推廣北京博導(dǎo)前程旗下博星卓越品牌軟件產(chǎn)品的主要站點(diǎn)，除了對(duì)博星卓越系列教學(xué)產(chǎn)品宣傳介紹、提供教輔材料外，還詳細(xì)配給了大量貼合產(chǎn)品和教學(xué)實(shí)際需要的教學(xué)資源，是了解博星卓越品牌與教學(xué)產(chǎn)品，提高實(shí)踐教學(xué)內(nèi)容的重要網(wǎng)站。該網(wǎng)站的建設(shè)經(jīng)歷了網(wǎng)站分析、網(wǎng)站策劃、網(wǎng)站建設(shè)、優(yōu)化推廣與監(jiān)控分析四個(gè)階段。

本案例通過介紹博星卓越教學(xué)實(shí)驗(yàn)網(wǎng)的建設(shè)過程，全面涵蓋域名、空間、網(wǎng)站主題、策劃、樣式規(guī)劃、內(nèi)容添加、優(yōu)化推廣、效果監(jiān)控等層面，剖析營銷導(dǎo)向的網(wǎng)站建設(shè)的全過程，如圖1-2所示。

前期分析 前期策劃 實(shí)施計(jì)劃 效果監(jiān)控

（1）背景分析 （1）域名策劃 （1）時(shí)間安排 （1）搜索引擎

（2）原因分析 （2）空間選擇 （2）工作安排 （2）訪問量

（3）目的分析 （3）網(wǎng)站定位 （3）人員安排 （3）用戶體驗(yàn)

（4）資源分析 （4）風(fēng)格樣式 （4）具體實(shí)施 （4）網(wǎng)站指標(biāo)

（5）受眾分析 （5）欄目策劃

（6）布局策劃

（7）功能策劃

圖1-2 營銷型企業(yè)網(wǎng)站建設(shè)步驟

任務(wù)一 博星卓越教學(xué)實(shí)驗(yàn)網(wǎng)需求分析

1．博星卓越教學(xué)實(shí)驗(yàn)網(wǎng)實(shí)施背景

步入21世紀(jì)，互聯(lián)網(wǎng)已經(jīng)延伸至生活的方方面面，其影響力也逐漸擴(kuò)大到整個(gè)世界。而現(xiàn)代企業(yè)也靈敏地認(rèn)識(shí)到了這種現(xiàn)狀，紛紛選擇用網(wǎng)站來衍生服務(wù)。隨著網(wǎng)站建設(shè)與運(yùn)營的不斷深化與發(fā)展，營銷導(dǎo)向的企業(yè)網(wǎng)站漸漸地成為了推廣企業(yè)產(chǎn)品的一大陣地。

企業(yè)需求以市場、業(yè)務(wù)的需求為導(dǎo)向，企業(yè)的網(wǎng)站更是需要達(dá)到實(shí)施營銷型網(wǎng)站建設(shè)和運(yùn)營以及幫助企業(yè)實(shí)現(xiàn)經(jīng)營獲利的目標(biāo)。同時(shí)，經(jīng)過分析發(fā)現(xiàn)同類競爭對(duì)手在營銷型網(wǎng)站方面完善程度不夠，也為博星卓越教學(xué)實(shí)驗(yàn)網(wǎng)和品牌產(chǎn)品提供了更多機(jī)會(huì)。于是，為了讓更多的用戶了解并購買博星卓越的教學(xué)產(chǎn)品，使之服務(wù)于更多的學(xué)校與學(xué)生，博星卓越教學(xué)實(shí)驗(yàn)網(wǎng)站的建設(shè)顯得尤為必要。

2．博星卓越教學(xué)實(shí)驗(yàn)網(wǎng)實(shí)施原因

企業(yè)時(shí)刻以利潤最大化為目標(biāo)，希望能夠快速、高效地促進(jìn)產(chǎn)品銷售和品牌知名度的擴(kuò)大，同時(shí)有效地加強(qiáng)與客戶的聯(lián)系，幫助企業(yè)成長。建設(shè)博星卓越教學(xué)實(shí)驗(yàn)網(wǎng)可以幫助企業(yè)推廣和銷售產(chǎn)品，實(shí)現(xiàn)企業(yè)的經(jīng)營目標(biāo)計(jì)劃。

3．博星卓越教學(xué)實(shí)驗(yàn)網(wǎng)實(shí)施資源

北京博導(dǎo)前程經(jīng)歷10余年的發(fā)展和積累，已獲得了業(yè)界與技術(shù)的雙重資源。

（1）系統(tǒng)資源。博導(dǎo)前程擁有高性能配置服務(wù)器、虛擬主機(jī)空間、郵件群發(fā)推廣系統(tǒng)、短信群發(fā)推廣系統(tǒng)、QQ 群營銷推廣系統(tǒng)、博客論壇營銷推廣系統(tǒng)等；

（2）技術(shù)資源。博導(dǎo)前程擁有眾多專業(yè)的軟件開發(fā)工程師、網(wǎng)站開發(fā)工程師、美工、SEO 工程師、網(wǎng)站編輯、網(wǎng)站策劃、系統(tǒng)管理員、網(wǎng)站運(yùn)營經(jīng)理、網(wǎng)絡(luò)營銷總監(jiān)等高級(jí)技術(shù)人才；

（3）營銷資源。博導(dǎo)前程下轄網(wǎng)絡(luò)營銷部，能夠充分運(yùn)用網(wǎng)絡(luò)營銷手段實(shí)現(xiàn)對(duì)博星卓越網(wǎng)站的提升與推廣。

4．博星卓越教學(xué)實(shí)驗(yàn)網(wǎng)實(shí)施目的

（1）全面展現(xiàn)企業(yè)實(shí)力與產(chǎn)品，促進(jìn)產(chǎn)品銷售及影響力，年銷售20萬元；

（2）提升企業(yè)形象；

（3）增強(qiáng)企業(yè)網(wǎng)絡(luò)溝通能力；

（4）加強(qiáng)客戶聯(lián)系。

5．博星卓越教學(xué)實(shí)驗(yàn)網(wǎng)實(shí)施受眾

高校經(jīng)濟(jì)管理專業(yè)相關(guān)教師、行業(yè)服務(wù)商、渠道商及媒體。

任務(wù)二 博星卓越教學(xué)實(shí)驗(yàn)網(wǎng)項(xiàng)目策劃

策劃是任何一個(gè)網(wǎng)站在動(dòng)手開發(fā)之前必經(jīng)的重要階段。沒有良好的策劃，就無法形成系統(tǒng)的流程，這樣一來不論是開發(fā)，還是美工、編輯都會(huì)喪失目標(biāo)，無所適從，最終延誤進(jìn)度。

博星卓越教學(xué)實(shí)驗(yàn)網(wǎng)策劃步驟如圖1-3所示。

圖1-3 博星卓越教學(xué)實(shí)驗(yàn)網(wǎng)策劃步驟

1．域名選擇

博星卓越教學(xué)實(shí)驗(yàn)網(wǎng)選擇域名為boxingzhuoyue.com 。分為兩個(gè)部分，boxingzhuoyue 為域名的主體，.com 為域名的后綴。

（1）域名主體：boxingzhuoyue 。該段主體是博星卓越的全拼，之所以這樣選擇有如下原因：

① 以品牌全拼為產(chǎn)品站域名好記、印象深刻；

② 以品牌全拼為產(chǎn)品站域名，和產(chǎn)品品牌統(tǒng)一，容易開展品牌營銷、口碑營銷； ③ 可以防止品牌被人假冒、仿效；

但這樣做也存在缺點(diǎn)——域名太長。很可能有用戶不愿意在地址欄內(nèi)敲這么多字母。

（2）域名后綴：.com 。選擇后綴也很重要。首先需要了解后綴都有哪些常見分類，分別代表了什么含義。常見的域名后綴包括：.com 、.cn 、.net 、.edu 、.org 、.gov 等。不同的域名后綴代表了不同的含義。博星卓越教學(xué)實(shí)驗(yàn)網(wǎng)選擇了.com 的域名，有如下原因：

① .com 從互聯(lián)網(wǎng)進(jìn)入中國以來一直深入人心，便于記憶；

② .com 能夠代表企業(yè)，若選擇.gov 、.org 則與企業(yè)的身份嚴(yán)重不符。

于是，經(jīng)過上述兩個(gè)步驟的融合，博星卓越教學(xué)實(shí)驗(yàn)網(wǎng)的域名確定為：boxingzhuoyue.com 。 域名確定好之后，就可以查詢并購買了。互聯(lián)網(wǎng)上有很多提供域名服務(wù)的商家，只要在百度或Google 上搜索“域名注冊(cè)”或“域名”就會(huì)得到很多結(jié)果。企業(yè)需要的是性能穩(wěn)定、服務(wù)好的域名供應(yīng)商，可以直接選擇萬網(wǎng)；個(gè)人著重的是性價(jià)比，價(jià)格是重要因素，可以選擇一些小型的IDC 進(jìn)行注冊(cè)。

2．空間的選擇

這里所說的空間是一個(gè)廣義的概念，網(wǎng)站終歸是一個(gè)個(gè)頁面，是文件，它們要放在一

個(gè)地方。如果域名是名字，是地址，那么存放網(wǎng)站頁面的空間就是家。

廣義的空間可通過獨(dú)立服務(wù)器、合租服務(wù)器和虛擬主機(jī)等多種途徑獲得。

（1）獨(dú)立服務(wù)器。獨(dú)立服務(wù)器可以簡單地理解為自己擁有并享有服務(wù)器的全部使用。博星卓越教學(xué)實(shí)驗(yàn)網(wǎng)是存放在公司自己的服務(wù)器上的。之所以選擇獨(dú)立服務(wù)器是因?yàn)椋?/p>

① 公司部署的網(wǎng)站越來越多，需要更多、更大的空間來放置網(wǎng)站文件和數(shù)據(jù)庫文件，進(jìn)行文件的上傳下載、FTP 文件系統(tǒng)的部署等。

② 因?yàn)楣臼擒浖_發(fā)公司，許多開發(fā)環(huán)境及組件是虛擬主機(jī)不能提供的，比如使用JAVA 開發(fā)的教學(xué)軟件產(chǎn)品，需要Tomcat 環(huán)境；ASP.NET 開發(fā)的軟件產(chǎn)品需要有.NET 的環(huán)境；需要用到的數(shù)據(jù)庫包括MySQL 、SQLServer 、Oracle 等。

③ 公司還承擔(dān)著中國互聯(lián)網(wǎng)協(xié)會(huì)網(wǎng)絡(luò)營銷的教學(xué)和培訓(xùn)工作，需要部署郵件服務(wù)供學(xué)員和高校師生進(jìn)行E-mail 營銷實(shí)訓(xùn)使用等。

④ 服務(wù)器獨(dú)享所有資源，在網(wǎng)站的訪問速度、同時(shí)在線人數(shù)、帶寬、應(yīng)用等方面遠(yuǎn)超過虛擬主機(jī)。在網(wǎng)站的數(shù)據(jù)的完整安全方面也是虛擬主機(jī)不能相比的。

考慮到上述種種原因，公司選擇使用獨(dú)立服務(wù)器。購買到獨(dú)立服務(wù)器后，還需要找到相應(yīng)的網(wǎng)絡(luò)運(yùn)營商，比如，電信、網(wǎng)通、鐵通、移動(dòng)等，一般這些網(wǎng)絡(luò)運(yùn)營商下面都有網(wǎng)絡(luò)帶寬資源合作代理，它們可以提供服務(wù)器的托管、租用服務(wù)。博星卓越因?yàn)橛歇?dú)立的服務(wù)器，選用了托管的合作方式，把服務(wù)器托管在電信機(jī)房里，費(fèi)用合適，自己維護(hù)管理方便、安全、放心。

（2）合租服務(wù)器。顧名思義就是和別人共同享有服務(wù)器的使用權(quán)限。關(guān)于合租服務(wù)器的內(nèi)容詳見本節(jié)相關(guān)術(shù)語。

（3）虛擬主機(jī)。虛擬主機(jī)就是把一臺(tái)運(yùn)行在互聯(lián)網(wǎng)上的服務(wù)器劃分成多個(gè)“虛擬”的服務(wù)器，每一個(gè)虛擬主機(jī)都具有獨(dú)立的域名和完整的Internet 服務(wù)器功能。關(guān)于虛擬主機(jī)的內(nèi)容詳見本節(jié)相關(guān)術(shù)語。

3．網(wǎng)站主題定位

網(wǎng)站主題定位是指明確網(wǎng)站到底是干什么的，由做網(wǎng)站的目的衍生而來。

博星卓越教學(xué)實(shí)驗(yàn)網(wǎng)主要的內(nèi)容包括：經(jīng)濟(jì)管理類專業(yè)教育教學(xué)軟件、各專業(yè)實(shí)驗(yàn)室解決方案、各專業(yè)教學(xué)教育資源等。網(wǎng)站主題：重點(diǎn)是宣傳經(jīng)管類專業(yè)的教育教學(xué)軟件產(chǎn)品，次重點(diǎn)是提供教育教學(xué)資源。這樣定位主題的原因如下。

（1）該主題與企業(yè)經(jīng)營相關(guān)。博星卓越系列教學(xué)軟件為公司的主營業(yè)務(wù)，以此網(wǎng)站來宣傳公司產(chǎn)品，可以促進(jìn)公司的業(yè)務(wù)。

（2）該主題與客戶需求相關(guān)。公司的主要客戶為學(xué)校、老師、學(xué)生，博星卓越教學(xué)實(shí)驗(yàn)網(wǎng)站提供產(chǎn)品知識(shí)，教學(xué)案例、資源，實(shí)驗(yàn)室方案等，在很大程度上為學(xué)校的實(shí)驗(yàn)室建設(shè)、學(xué)校的教育提供了指導(dǎo)和支持。

（3）該主題與網(wǎng)站運(yùn)作相關(guān)。設(shè)置這樣的主題，可以不斷地使網(wǎng)站資源更加全面，內(nèi)容更加充實(shí)，可以集中更多的網(wǎng)絡(luò)營銷資源，共享更多的信息。

4．網(wǎng)站視覺風(fēng)格策劃

習(xí)慣會(huì)促使人眼對(duì)色彩和圖片的認(rèn)知度優(yōu)先于文字，因此需要在不打破習(xí)慣的前提下

把握視覺元素的傳達(dá)。網(wǎng)站視覺方面就包含了Logo 、色彩、文字、分辨率等多個(gè)元素。

（1）Logo 。Logo 可以簡單地理解為一個(gè)標(biāo)識(shí)。對(duì)用戶而言，當(dāng)他們看到這個(gè)標(biāo)識(shí)后能夠第一時(shí)間識(shí)別出該Logo 所代表的企業(yè)。對(duì)企業(yè)而言，Logo 需要體現(xiàn)出企業(yè)的經(jīng)營理念、文化特色等。

博星卓越的Logo 設(shè)計(jì)經(jīng)過了調(diào)研、要素挖掘、設(shè)計(jì)開發(fā)、提案修正、出稿等五個(gè)階段。 ① 調(diào)研：廣泛地聯(lián)系企業(yè)員工、合作伙伴與專業(yè)設(shè)計(jì)人員，就博星卓越主營業(yè)務(wù)、發(fā)展愿景與企業(yè)特色概括出定義性詞匯或短語，并按類別區(qū)分。如行業(yè)類：軟件、教育、科技、“國內(nèi)實(shí)驗(yàn)軟件領(lǐng)先品牌”、“教育成就夢(mèng)想、軟件引領(lǐng)未來”等；企業(yè)文化類：活力、拼搏、激情、昂揚(yáng)等。

② 要素挖掘：就搜集到的各類詞匯或短語進(jìn)行匯總，并剔除與博星卓越相關(guān)性不高的要素，只留下教育、軟件和活力三個(gè)核心要素。

③ 設(shè)計(jì)開發(fā)：此階段分為兩個(gè)環(huán)節(jié)，首先，根據(jù)核心要素充分發(fā)揮創(chuàng)意與想象，手繪出來。其次，將手繪轉(zhuǎn)為計(jì)算機(jī)出圖的簡單黑白稿，并去除手繪稿件的一些隨意性元素。此過程中，博星卓越的Logo 進(jìn)行了四種不同的嘗試。

● Boxing 的字母變形：原始、直接的拼音字母標(biāo)識(shí)性；

● 軟件光盤與書本的抽象結(jié)合：前者包含軟件，后者引申為教育的象征；

● 博士帽的卡通造型：博士帽構(gòu)造卡通化，是對(duì)教育行業(yè)的引申；

● 魔方的抽象造型：魔方需要智慧，智慧引領(lǐng)科技，科技助推教育，教育成就夢(mèng)想。

抽選出魔方的四個(gè)模塊，前三個(gè)平面化，每一個(gè)看上去都像俯視的博士帽。

在四種不同的選擇中，最后選擇了魔方抽象的造型，如圖1-4所示。

圖1-4 博星卓越Logo 釋義

最后，在基礎(chǔ)圖形上添加色彩。根據(jù)核心要素的判斷，博星卓越的Logo 會(huì)包含如表1-1所示的色彩訴求。

表1-1 博星卓越Logo 色彩訴求

最后，形成目前正在使用的博星卓越品牌Logo ，如圖1-1（b ）所示。

（2）色彩。Logo 色塊之一的橙色充滿了活力與健康、快樂與時(shí)尚，容易引起食欲和購買欲。因此，橙色能夠成為網(wǎng)站的主色調(diào)。當(dāng)然，任何一個(gè)物體沒有色彩搭配，渾然一色，都會(huì)顯得非常單調(diào)。橙色優(yōu)勢(shì)明顯，其缺憾也明顯——色彩相對(duì)艷麗，易對(duì)視覺產(chǎn)生刺激，從而引發(fā)視覺疲勞，降低用戶瀏覽網(wǎng)站的時(shí)間。故而還需要在主色調(diào)外增加輔助色彩。

在輔色方面，博星卓越教學(xué)實(shí)驗(yàn)網(wǎng)選擇了網(wǎng)站配色中可以搭配萬色的白色。白色平和，最能夠撫平橙色帶來的刺激。

（3）文字。這里的文字需要考慮以下幾方面的內(nèi)容。

① 字體：中文字體多樣，對(duì)于絕大多數(shù)的段落文本來說，傳統(tǒng)宋體是最為保守和穩(wěn)固的字體，且不會(huì)因?yàn)橛脩粲?jì)算機(jī)沒有預(yù)裝特定字體而造成頁面變形。

② 字號(hào)：需根據(jù)頁面效果圖進(jìn)行調(diào)配，段落文字采用12~14px便于閱讀，標(biāo)題則選擇16px 較為適宜。

③ 粗細(xì)：對(duì)于需要重點(diǎn)閱讀的標(biāo)題或文字可選擇性地使用加粗，一般文字則不用。 ④ 普通文本顏色：由于站點(diǎn)的文字是內(nèi)容的核心，是用戶閱讀和理解的關(guān)鍵，需要用戶將視覺進(jìn)行聚焦，因此不能選擇特別明亮和刺激的顏色，傳統(tǒng)的黑色、深灰色是普通文本的首選。

⑤ 鏈接懸停文本顏色：鏈接文字需要吸引用戶的點(diǎn)擊行為，懸停的文字顏色既要能夠在用戶隨意性地滑動(dòng)鼠標(biāo)時(shí)吸引用戶注意，同時(shí)又不能影響用戶的閱讀，因此，選擇跟普通文本對(duì)比不強(qiáng)烈的藍(lán)色最為穩(wěn)妥。

⑥ 單擊鏈接后文本顏色：合適的字體顏色用于告知用戶曾經(jīng)單擊過，便于用戶有跡可循。不需要選擇與普通文本對(duì)比強(qiáng)烈的顏色引發(fā)用戶閱讀不暢，默認(rèn)紫色即可。

以上幾個(gè)方面形成了站點(diǎn)的文字視覺要求，并已在設(shè)計(jì)中驗(yàn)證了其可行性。

（4）分辨率。800×600分辨率的使用量在逐年遞減，而1024×768分辨率的使用量在逐年遞增。隨著液晶屏幕覆蓋范圍的擴(kuò)大，越來越多的用戶接受了更大的分辨率，所以博星卓越教學(xué)實(shí)驗(yàn)網(wǎng)在分辨率的考慮上傾向于1024×768。

5．網(wǎng)站欄目策劃

網(wǎng)站欄目是網(wǎng)站傳遞內(nèi)容的核心。

一般而言，我們?cè)谧鋈魏我粋€(gè)網(wǎng)站前都會(huì)形成一定的認(rèn)知，即網(wǎng)站上要放什么，要給

用戶展示什么，但對(duì)于哪些內(nèi)容是重點(diǎn)、哪些內(nèi)容是次重點(diǎn)、哪些內(nèi)容不重要可能并不明確。這時(shí)就要形成欄目，通過欄目來完善內(nèi)容構(gòu)思和策略。

博星卓越教學(xué)實(shí)驗(yàn)網(wǎng)共分為9個(gè)欄目，每個(gè)欄目都有核心且相互關(guān)聯(lián)，共同推廣教學(xué)產(chǎn)品，如圖1-5及表1-2所示。

圖1-5 博星卓越教學(xué)實(shí)驗(yàn)網(wǎng)前臺(tái)拓?fù)鋱D

表1-2 網(wǎng)站基本欄目設(shè)置

6．網(wǎng)站布局策劃

如果說欄目還有些寬泛，那么布局就是實(shí)在的部署了。

根據(jù)網(wǎng)站欄目，定義首頁以及每個(gè)欄目頁、列表頁和內(nèi)容頁的頁面布局是一門很有講究的學(xué)問，布局好、用戶瀏覽舒適，用戶體驗(yàn)好，則網(wǎng)站整體效果好；反之，則效果不佳。同時(shí)，布局設(shè)置詳細(xì)也能幫助美工更好地完成頁面的設(shè)計(jì)與制作。

首頁是網(wǎng)站的臉面。絕大多數(shù)的訪問者都會(huì)從這里開始瀏覽網(wǎng)站。首頁布局的原則是從用戶出發(fā)——一切以用戶為中心，多問4個(gè)W ，即：

● W=What（放什么）；

● W=Why（為什么這么布局）；

● W=Whom（這么布局給誰看）；

● W=What Effect（這么布局能達(dá)到什么效果）。

（1）最核心內(nèi)容（主題）、最能吸引用戶（內(nèi)容）、最能引導(dǎo)用戶（鏈接）為主要內(nèi)容；

（2）不要放置太多促銷廣告，除非你的網(wǎng)站能夠媲美網(wǎng)易、新浪等門戶網(wǎng)站；

（3）設(shè)計(jì)引導(dǎo)性標(biāo)志；

（4）不同板塊之間要有明顯界限；

（5）重點(diǎn)內(nèi)容或核心內(nèi)容以加粗或鏈接形式導(dǎo)入；

（6）明確用戶瀏覽網(wǎng)站習(xí)慣，呈現(xiàn)出Z 字型，因此頭部、左側(cè)為重，右側(cè)略弱。 了解了以上內(nèi)容，我們來看一下博星卓越教學(xué)實(shí)驗(yàn)網(wǎng)首頁的布局，如圖1-6所示。 欄目頁是著重對(duì)企業(yè)形象的集中展示，增強(qiáng)用戶信任的重要方式，博星卓越教學(xué)實(shí)驗(yàn)網(wǎng)“關(guān)于博星卓越”欄目頁布局如圖1-7所示。