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

項目一 營銷型企業(yè)網(wǎng)站建設 能力目標

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

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

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

模塊一 學 習 案 例

（一）支持企業(yè)

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

（a ）北京博導前程信息技術有限公司Logo （b ）博星卓越品牌Logo

圖1-1 企業(yè)Logo

（二）企業(yè)背景

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

（三）案例詳解

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

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

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

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

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

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

（4）資源分析 （4）風格樣式 （4）具體實施 （4）網(wǎng)站指標

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

（6）布局策劃

（7）功能策劃

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

任務一 博星卓越教學實驗網(wǎng)需求分析

1．博星卓越教學實驗網(wǎng)實施背景

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

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

2．博星卓越教學實驗網(wǎng)實施原因

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

3．博星卓越教學實驗網(wǎng)實施資源

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

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

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

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

4．博星卓越教學實驗網(wǎng)實施目的

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

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

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

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

5．博星卓越教學實驗網(wǎng)實施受眾

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

任務二 博星卓越教學實驗網(wǎng)項目策劃

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

博星卓越教學實驗網(wǎng)策劃步驟如圖1-3所示。

圖1-3 博星卓越教學實驗網(wǎng)策劃步驟

1．域名選擇

博星卓越教學實驗網(wǎng)選擇域名為boxingzhuoyue.com 。分為兩個部分，boxingzhuoyue 為域名的主體，.com 為域名的后綴。

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

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

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

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

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

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

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

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

2．空間的選擇

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

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

廣義的空間可通過獨立服務器、合租服務器和虛擬主機等多種途徑獲得。

（1）獨立服務器。獨立服務器可以簡單地理解為自己擁有并享有服務器的全部使用。博星卓越教學實驗網(wǎng)是存放在公司自己的服務器上的。之所以選擇獨立服務器是因為：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

● Boxing 的字母變形：原始、直接的拼音字母標識性；

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

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

● 魔方的抽象造型：魔方需要智慧，智慧引領科技，科技助推教育，教育成就夢想。

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

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

圖1-4 博星卓越Logo 釋義

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

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

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

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

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

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

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

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

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

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

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

以上幾個方面形成了站點的文字視覺要求，并已在設計中驗證了其可行性。

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

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

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

一般而言，我們在做任何一個網(wǎng)站前都會形成一定的認知，即網(wǎng)站上要放什么，要給

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

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

圖1-5 博星卓越教學實驗網(wǎng)前臺拓撲圖

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

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

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

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

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

● W=What（放什么）；

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

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

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

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

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

（3）設計引導性標志；

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

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

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