網站設計

網站設計，要能充分吸引訪問者的注意力，讓訪問者產生視覺上的愉悅感。因此在網頁創作的時候就必須將網站的整體設計與網頁設計的相關原理緊密結合起來。網站設計是將策劃案中的內容、網站的主題模式，以及結合自己的認識通過藝術的手法表現出來；而網頁製作通常就是將網頁設計師所設計出來的設計稿，按照W3C規範用html（標準通用標記語言下的一個套用）將其製作成網頁格式。

基本介紹

• 中文名：網站設計
• 外文名：Web site design
• 別稱：網站建設,網頁設計，網站策劃
• 域名選擇：.com、.top、.cn、.cx、.cc等

網站介紹

簡單來說，網站設計的目的就是產生網站。簡單的信息如文字，圖片（GIFs， JPEGs，PNGs）和表格，都可以通過使超言、可擴展超文本標記語言等標示語言放置到網站頁面上。而更複雜的信息如矢量圖形、動畫、視頻、聲頻等多媒體檔案則需要外掛程式程式來運行，同樣地它們亦需要標示語言移植在網站內。網頁設計是設計過程的前端（客戶端）的設計通常用於描述一個網站，包括寫標記，但是這是一個灰色地帶，因為這還覆蓋了網路的發展。網頁設計師預計將有意識的可用性，如果他們的作用，需要創建標記，那么它們也有望成為最新的網頁易讀性指引。網站設計(Web Design)，網站設計是一個把軟體需求轉換成用軟體網站表示的過程，就是指在網際網路上，根據一定的規則，使用Dreamweaver、photoshop等工具製作的用於展示特定內容的相關網頁的集合。簡單地說，網站是一種通訊工具，就像布告欄一樣，人們可以通過網站來發布自己想要公開的資訊（信息），或者利用網站來提供相關的網路服務（網路服務）。人們可以通過網頁瀏覽器來訪問網站，獲取自己需要的資訊（信息）或者享受網路服務。網站它是由域名（俗稱網址），網站源程式和網站空間三部分構成。其中域名它是類似於網際網路上的門牌號碼，是用於識別和定位網際網路上計算機的層次結構式字元標識，與該計算機的網際網路協定（IP）地址相對應。而網站設計是設計師通過像Frontpage或Dreamweaver等工具來對網站進行編輯的！

設計原則

自適應網頁設計 也稱為 回響性的Web設計 -設計網頁，提供一個很好的感知上的各種設備連線到網際網路。
自適應網路設計的目的是為不同設備的多功能網站。網站是為了更方便地查看不同的解析度和格式的設備，技術，自適應網頁設計沒有為特定類型的設備創建一個單獨的版本的網站。一個網站可能無法在您的手機，平板電腦，筆記本電腦和電視上網，要滿足全範圍的設備最佳顯示。

設計著作權

可選擇融合和集成各種數字著作權技術和權威時間戳公證處公證信箱等可信第三方群支撐的支持的大眾著作權認證保護平台進行網站設計著作權自主存證和首次發布智慧型認證，取得作品歸屬權初步證明，需要時，通過司法鑑定，增強證據的法律效率是核心保障

建站過程

準備內容

在域名註冊查詢網址之前就應該先蒐集至少「一百頁」的內容，這些內容必須是有價值的、不違反著作權的內容。

網址

想個比較有意義，好記的網址。

網頁設計製作

對搜尋引擎來說，他們無法檢索到網站裡的flash、java applet和javascript，也無法檢索到你圖檔里寫的字，所以在網站設計上，只要儘量簡潔有力，讓內容可以好好的呈現，就是一個成功的seo網站頁面。頁要儘量符合w3c的標準。

每頁檔案大小

建議每個網頁儘量在15k以下，如果可以縮減到12k，甚至10k那就更好，但是不能在5k以下，以免影響內容的完整。其實我們都知道，搜尋引擎最佳化的目的，實際上是為了使用者，而不是為了搜尋引擎本身。

內容

每天建立一個500～1000字的網頁，當然這個網頁裡面必須包含你重要的關鍵字，如果想不出關鍵字來的話，可以使用Yahoo的關鍵字建議工具

關鍵字密度

拿出你的關鍵字，在下列六個地方各使用一次：

* 標題；

* meta標籤；

*網址；

* 粗體關鍵字 （就是寫出你的關鍵字，然後把他加粗）；

* 斜體關鍵字 （就是寫出你的關鍵字，然後把他斜體）；

* 頁面上半部 （網頁內容比較前面的地方，我是建議用個標題，像是h1）。

內部連結

內部連結就是在同一網站域名下的內容頁面之間的互相連結（自己網站的內容連結到自己網站的內部頁面，也稱之為站內連結）。合理的網站內連結構造，能提高搜尋引擎的收錄與網站權重。你的網站裡面可能有很多類的內容，請確定同類內容互相連結，而不同類內容千萬不要互相連結。例如講食品的頁面請連結到講水果的頁面這樣。

為什麼要這樣作呢？同類內容的內部連結可以讓google的pagerank在你的網頁里互相傳遞，如果你只對個別網頁作最佳化，有可能會發生的情況是，網站裡只有少數幾個頁面的排名可以往前，但是若是做好內部連結的話，可以讓每個網頁的排名都往前。

你想要五十個網頁每天都可以帶來一位訪客，還是只有一個網頁，每天帶來五十位訪客呢？前者還有機會可以努力，後者要再增加應該有其限度才對。

網站上線

最好不要用虛擬主機，若是能有自己的代管主機或者是固定ip位置就最好了。若是租用虛擬主機廠商的虛擬主機方案，你可能遇到的就是一台主機裡面放上萬個網站，儘管Yahoo和Google宣稱，他們對待虛擬主機一視同仁，但是我還是擔心要他們開始把同一主機ip數量加入排名公式的那天…

確認網站的每一頁都可以被搜尋引擎索引進去，網站裡的連結要做好。另外呢，在網站還稱不上是個「好網站」的時候，不要讓網站上線，若是隨便讓你的爛網站進入搜尋引擎，並且被打了低分之後，我想，要讓分數上升似乎就不是那麼容易了。

接著，把自己加入到odp（open directory project），這是一個大家可以手動加入的目錄索引，這樣至少你的網站已經在一個索引裡面了，接著，若是有錢的話，可以使用搜尋引擎快速付費登錄，這可以讓你的網站在一定的時間內排名增加到前幾名，若是沒錢的話也沒關係，慢慢等還是會被登錄進去的。

送交搜尋引擎

把你的網站登錄好後，接著，就放著不管了。別忘了，這篇文章的目的是建立成功的網站，過程是一年，所以把網站送交登錄之後，請耐心等待六個月。（最慘的情況下啦，不過一般來說，新網站最遲三～五個星期就會進入索引裡面了）

網站推廣

網站推廣毋庸置疑任何一個想盈利的網站都無法迴避付費推廣服務，推廣方面最主要的就是競價排名。網站推廣在建站之後是最重要的一步！

紀錄與追蹤

申請一個不錯的網頁計數器。

程式設計

網站設計包括前台用戶視覺體驗的設計和後台程式功能設計，兩個方面都是非常重要的；視覺設計對於客戶的閱讀帶來愉悅和信任，後台注重操作的方便行。

要點

重點項目主要指域名選擇、搜尋引擎推廣、網路廣告。選擇一個好的域名可對網站運營起到事半功倍的作用。如果要進行搜尋引擎最佳化，一方面涉及到費用，而最重要的，還是最佳化的質量。實際上，搜尋引擎最佳化通常只是一些個人行為而非公司行為，因為“搜尋引擎最佳化”並不是一個成熟的服務產品，而且效果常常與主觀努力大相逕庭。因此要找一個最佳化高手並非易事。

定製化網站

在高速發展的數位化資訊時代，網站在企業的品牌建設、信息發布、商務活動中占據著重要的地位，客群也越來越多的通過網路渠道與企業進行信息溝通。企業藉助定製化的網站建設，可以塑造個性化網路品牌形象，並通過數字平台上與客群形成個性化的互動，使客群對企業專屬數字品牌形成直觀的認知和體驗，實現企業線上線下品牌統一建設的目的。

圖片出自：yiyada

建設步驟

1. 明確企業網站建設目的，結合企業的定位，診斷網站現狀和行業市場競品表現，對企業客群進行用戶研究和分析，確定網站的定位策略；
2. 根據網站目的進行網站整體架構設計，為不同需求設定有效、清晰的功能結構，並以用戶的良好體驗進行易用性布局和互動流程設計；
3. 以企業整體品牌形象建設需求為基礎，對網站整體頁面品牌識別風格創意，結合各功能板塊特點進行相關頁面設計並精細處理頁面中運用的各種圖示和圖片；
4. 為了保證網站運行的兼容性和安全性，以國際W3C標準HTML進行頁面的製作，並以具有安全保障、兼容性強、功能表現完善的技術進行後台技術開發；
5. 以客戶的品牌架構為基準，開發高效的網站後台管理平台，易於網站各版塊的日常更新維護，有效控制網站管理許可權。

易被忽視環節

一、網站的定位策略

網站定位策略又稱網站策劃，網站策劃直接決定網站能否成功。缺乏整體策劃的網站建設很難達到預期的目標。網站策劃的好與壞是區分網站建設公司水準及專業化程度的重要因素。一個專業的站流程中，網站策劃是重要且不可忽視的環節。一個高質量的網站策劃方案，除了需要建站公司專業化的知識和豐富的經驗，還需要客戶的積極配合。建站公司與客戶互動，一起為網站制定目標，有效溝通，將這個目標貫穿於每個參與人員的思想，融入每個人員的勞動中。只有這樣，才能保證網站建設、實施以及運營的成功 。網站策劃的具體範圍包含以下幾個方面：

► 01客戶定位

客戶特徵

客戶習慣

客戶喜好

► 02網站的風格定位

網站的風格定位是網站建設的第一步，是網站走向成功的起點。其重要性應得到足夠的重視。影響網站風格定位的主要因素有，公司企業文化、行業特徵、產品定位、客戶定位等。在綜合考慮了這些因素之後，網站設計師、分析師以及策劃師聯合對網站進行風格定位。網站風格主要包括：

站點的CI（標誌，色彩，字型，標語）

版面布局

瀏覽方式

互動性

網頁表現形式

風格定位的準確性是網站成功與否的關鍵所在

► 03網站的欄目設定

網站的欄目是構成網站最重要的部分，可以說是網站的骨架，是承載網站內容的基礎。好的欄目設定，可以幫助用戶更好的了解和使用網站，提高用戶的停留時間，從而增加企業的商業機會。合理的欄目設定，可以更好的展示企業的文化、核心價值、產品信息、解決方案等客戶最關心的問題。

► 04網站的內容規劃

網際網路時代，內容為王是不變的真理。如果說欄目是網站的骨架，那內容就是網站的血肉，是網站真正的核心。網頁漂亮美觀固然重要，可是真正能吸引和留住客戶的是內容。所以，對內容的組織和提煉就變成了網站建設過程中最關鍵的一個環節。網站獨創的有價值的內容不但可以提高訪問用戶的黏貼度，更能有效的提高網站在搜尋引擎中的排名，從而吸引更多的用戶。對產品合理的分類和描述，對您公司產品的銷售起到無法估量的作用。網站內容更新頻率同樣是衡量一個網站水平的重要指標。

► 05網站的技術解決方案

技術解決方案是網站最終能夠被用戶使用的根本，不同的企業，對網站有不同的功能需求。技術解決方案主要包括網站的軟體環境、硬體環境，包括：

網站開發語言（ASP、JSP、PHP等）

資料庫類型（Oracle、SQL Server、MySql、Access等）

伺服器類型（虛擬主機、虛擬專機、主機託管等）

網站安全性方案（防黑、防病毒等）

技術方案沒有絕對的好壞，古奧思成網站建設認為：最適合企業的就是最好的。

► 06網頁的檔案名稱分析

網頁的檔案名稱是一個容易被網站設計者忽視的問題，可是，它的重要性卻是很高的，應給予足夠的重視。好的網頁檔案名稱命名不但利於網頁的後期維護，更加有利於被搜尋引擎搜尋。通過對網頁檔案名稱的分析提高網站的可維護性和利於搜尋引擎搜尋，網頁檔案名稱命名包括所在目錄名稱、使用中文還是英文、或者使用漢語拼音的縮寫形式。

► 07網站域名分析

隨著網路的發展，企業網站數量在爆炸性的增加，域名對於一個網站的重要性正在變得越來越重要，一個容易記憶的域名會使更多的人記住您的網站，從而形成重複訪問，域名的分析包括長度、字元之間是否有“-”、是否易於記憶、國內域名還是國際域名。

► 08網站結構分析

通過網站結構分析，古奧思成網站建設幫您設計高效、快捷的網站結構，提高網站的易操作性，讓客戶在最短的時間內找到想要的內容，改善客戶的操作體驗。

► 09網站外部連結分析

網站的向外連結，以及其他網站的連入，是提高網站活力的的好辦法，與何種網站互鏈，是網站外部連結分析的關鍵所在。

► 10網站內容分析

網站的內容是網站最重要的部分，是網站的靈魂。沒有內容的網站再漂亮也不會長久的吸引用戶。網站內容對用戶越有價值，就越能吸引更多的用戶。

► 11網站更新頻率分析

對網站的內容更新頻率進行分析，幫助企業尋找最適合的更新頻率，更新越快的網站，用戶黏貼度越高，網站價值發揮越大。

► 12網頁的動態和靜態分析

靜態網頁顯示速度比動態網頁要快很多，並且靜態網頁比動態網頁更容易被搜尋引擎檢索，也就更容易獲得較高的排名。把動態內容靜態化，從而提高網站的訪問速度，以及利於搜尋引擎搜尋。對於必須要用動態網頁實現的功能，對動態頁面進行最佳化，提高訪問速度以及更容易的被搜尋引擎搜尋。

► 13三大標題標籤分析

網頁標題（Title）、描述（Description）、關鍵字（Keywords）標籤是搜尋引擎對網頁進行檢索的關鍵要素，標籤太少，浪費了資源，標籤太長又容易被搜尋引擎看成是作弊，合理安排標籤內容，更好的組織和利用Title、Description、Keywords標籤，會使企業網站在同行業的競爭中處於領先地位。

► 14網站技術方案分析

技術實現是整個網站建設的根基，是網站能夠被客戶使用的基礎，所以，技術方案關係到網站的成敗。網站建設中可以用到的技術手段是多種多樣的。技術方案沒有最好的，只有最合適的。根據企業的實際情況，確定企業網站的技術方案，為客戶找到性價比最高的解決方案。

二、IA信息架構設計

1、IA架構的原則從網站建設角度提出信息構建應遵循：”以用戶為中心”、省力原則、Web可用性原則和經濟原則。

其核心內容包括由淺入深的兩個層面，一是“使信息可訪問”，二是“使信息可理解”。還有學者將信息構建的要素分為顯性和隱性兩類，認為IA的顯性要素是組織、導航、標識和檢索4大系統，隱性要素就是用戶體驗和可用性。基於用戶體驗和可用性的IA流程是目標規劃、用戶分析、設計建模、原型測試四個階段。

2、IA架構在網站設計中的套用

國外和我國台灣地區對網站IA的實踐進行了探討，認為“互動化”、“可視化”、“以用戶為中心”、“使信息清晰易查”是其主要特點。他們提出了網站IA的方法和設計步驟。認為從內容來看，網站IA的方法包括：搜尋記錄、站點統計、元數據、受控詞表；從用戶角度來看，包括：確定用戶類型、需求分析、可用性測試、人種學技術、IA測試；從套用環境角度來看，包括：明確目標、確定標準、理解組織政策、技術與人力資源。關於IA的設計步驟，他們認為應包括：①調研。②概念設計。③用戶測試。④重複設計。⑤修改反饋。

製作流程

以下是網站設計公司服務流程及圖示，並對所需注意的有 關事項提供專業和詳細的講解。

1、需求－客戶需求溝通分析 ；

2、簽約－簽署相關契約協定、客戶支付預付款；

3、實施－網站頁面設計、製作、程式開發；

4、驗收－網站測試及驗收；

5、維護－網站後期維護工作。

動態網站

概述

網路技術日新月異，細心的網友會發現許多網頁檔案擴展名不再只是“.htm”，還有“.php”、“.asp”等，這些都是採用動態網頁技術製作出來的。

早期的動態網頁主要採用CGI技術，CGI即Common Gateway Interface(公用網關接口)。您可以使用不同的程式編寫適合的CGI程式，如Visual Basic、Delphi或C/C++等。雖然CGI技術已經發展成熟而且功能強大，但由於編程困難、效率低下、修改複雜，所以有逐漸被新技術取代的趨勢。

技術

PHP

PHP 即Hypertext Preprocessor(超文本預處理器)，它是當今Internet上最為火熱的腳本語言，其語法借鑑了C、Java、PERL等語言，但只需要很少的編程知識你就能使用PHP建立一個真正互動的Web站點。

它與HTML語言具有非常好的兼容性，使用者可以直接在腳本代碼中加入HTML標籤，或者在HTML標籤中加入腳本代碼從而更好地實現頁面控制。PHP提供了標準的資料庫接口，資料庫連線方便，兼容性強；擴展性強；可以進行面向對象編程。

ASP

ASP 即Active Server Pages，它是微軟開發的一種類似HTML(超文本標識語言)、Script(腳本)與CGI(公用網關接口)的結合體，它沒有提供自己專門的程式語言，而是允許用戶使用許多已有的腳本語言編寫ASP的應用程式。ASP的程式編制比HTML更方便且更有靈活性。它是在Web伺服器端運行，運行後再將運行結果以HTML格式傳送至客戶端的瀏覽器。ASP程式語言最大的不足就是安全性不夠好。

ASP的最大好處是可以包含HTML標籤，也可以直接存取資料庫及使用無限擴充的ActiveX控制項，因此在程式編制上要比HTML方便而且更富有靈活性。通過使用ASP的組件和對象技術，用戶可以直接使用ActiveX控制項，調用對象方法和屬性，以簡單的方式實現強大的互動功能。

但ASP技術也非完美無缺，由於它基本上是局限於微軟的作業系統平台之上，主要工作環境是微軟的IIS應用程式結構，又因ActiveX對象具有平台特性，所以ASP技術不能很容易地實現在跨平台Web伺服器上工作。

JSP

JSP 即Java Server Pages，它是由Sun Microsystem公司於1999年6月推出的新技術，是基於Java Servlet以及整個Java體系的Web開發技術。

JSP和ASP在技術方面有許多相似之處，不過兩者來源於不同的技術規範組織，以至 ASP一般只套用於Windows NT/2000平台，而JSP則可以在85%以上的伺服器上運行，而且基於JSP技術的應用程式比基於ASP的應用程式易於維護和管理，所以被許多人認為是未來最有發展前途的動態網站技術。

.NET

.NET是ASP的升級版，也是由微軟開發，但是和ASP卻有天壤之別。NET的版本有1.1、2.0、3.0、3.5、4.0。是網站動態程式語言里最好用的語言，不過易學難精。NET2.0開始，NET把前台代碼和後台程式分為兩個檔案管理，使得NET表現和邏輯相分離。NET網站開發跟軟體開發差不多。NET的網站是編譯執行的，效率比ASP高很多。NET在功能性、安全性和面向對象方面都做的非常優秀，是非常不錯的網站程式語言。

ASP、.NET、JSP和PHP的優點和缺點

ASP

優點:

1. 無需編譯
2. 易於生成
3. 獨立於瀏覽器
4. 面向對象
5. 與任何ActiveX scripting 語言兼容
6. 源程式碼不會外漏

總結

雖然以上四種新技術在製作動態網頁上各有特色，但仍在發展中，不夠普及。對於廣大個人主頁的愛好者、製作者來說，建議儘量少用難度大的CGI技術。如果您對微軟的產品情有獨鐘，採用ASP技術會讓您得心應手；如果是Linux的追求者，運用PHP技術是最明智的選擇。當然，不要忽略了JSP和NET技術。

個性網站

在我們的日常生活中個性化交流一直存在，網上個性化服務的概念也已經為大多數人所接受，例如個性化網頁和個性化電子郵件，但是，事實證明，從網路行銷的角度設計一個個性化網站並不象一般行銷人員想像的那么簡單，有時甚至可以說具有挑戰性。首先要研究顧客動機，在此基礎之上考慮個性化服務戰略會更加容易。個性化網站設計面臨的兩個挑戰是：應該在網站那些方面實現個性化；顧客是如何收集信息並做出購買決策的？

挑戰之一：將一個靜態網站轉化為個性化網站，可以個性化的方面可能很多，但如何決定哪些方面實際上具有個性化的價值。在計畫過程的開始，建立明確的目標非常重要，這樣才能指導你在眾多個性化因素中做出選擇。

在欄目編排注意

●儘可能刪除那些與主題無關的欄目；

●儘可能將網站內最有價值的內容列在欄目上；

●儘可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢；輔助內容，如站點簡介、版權資訊、個人信息等大可不必放在主欄目里，以免沖淡主題。

另外，板塊的編排設定也要合理安排與劃分。板塊比欄目的概念要大一些，每個板塊都有自己的欄目。舉個例子：ENET矽谷動力的站點分新聞、產品、遊戲、學院等板塊，每個板塊下面又各有自己的主欄目。一般來說，個人站點內容較少，只要分個欄目也就夠了，不需要設定板塊。如果有必要設定板塊的，應該注意：

●各板塊要有相對獨立性；

●各板塊要有相互關聯；

●各板塊的內容要圍繞站點主題。

基本原則

設計網站中有哪些關鍵技巧？有哪些陷阱？在這裡，世界上一流的網站設計專家，讓你共享他們的秘密，告訴你：使網站賦予情趣的訣竅、應該避免做什麼、應使用什麼工具軟體以及他們喜愛和厭惡的網站。

明確內容

如果你想成為一個網站設計者，並正想建一個網站的話，首先應該考慮網站的內容，包括網站功能和你的用戶需要什麼。你的整個設計都應該圍繞這些方面來進行。

抓住用戶

如果用戶不能夠迅速地進入你的網站，或操作不便捷，網站設計就是失敗的。不要讓用戶失望而轉向你的對手的網站。

最佳化內容

內容是核心。大約在兩年以前，企業網站就像一本廣告冊子，更槽糕的是，網站使用了大量的圖片，似乎要幾個世紀才能下載完。

網站在設計的某些方面是成功的，但是內容太貪乏，並且要花很長時間才能找到所要的東西，因此不能算是一個成功的網站。

快速下載

沒有什麼比要花很長時間下載頁面更槽糕的了。作為一條經驗，一個標準的網頁應不大於60K，通過56K數據機載入花30秒的時間。有的設計者說網頁載入應在15秒內。

網站升級

時刻注意網站的運行狀況。性能很好的主機隨著訪問人數的增加，可能會運行緩慢。但是，如果你不想失去訪問者的話，一定要仔細計畫好你的升級計畫。

堅持基本原則

即使你不懂HTML（標準通用標記語言下的一個套用），你只需購買一個有著作權的所見即所得的網頁設計工具，如Adobe PageMill 或 Microsoft FrontPage Express，就可以創建一個看起來很合理的網站。但是，在設計時，這些軟體包雖然不需要HTML，卻使網站速度下降。

為了成功地設計網站，你必須理解HTML是如何工作的。大多數的網站設計者建議網路新手應從有關HTML的書中去尋找答案，用Notepad製作網頁。

學習HTML

用HTML設計網站，可以控制設計的整個過程。但是，如果你僅僅是網站設計的新手，你應該尋找一個允許修改HTML的軟體包。HomeSite4是一個很好的Web設計工具。在設計過程中，HomeSite4能幫助你學習HTML。它還允許你切換到所見即所得的模式，以便你在把網站傳送到Web之前，預覽你的網站。

用筆畫一個網站的框架

聖人云：筆比劍更強大。在用計算機之前，用筆畫一個網站的框架，顯示出所有網頁的相互關係。計畫好你的用戶如何以最少的時間瀏覽你的網站。

在計算機上永遠也找不到好的方案

網站地圖

許多設計者把他們的網站地圖放在網站上，這種做法，卻是弊大於利。絕大部分的訪問者上網是尋找一些特別的信息，他們對於你的網站是如何工作的，並沒有興趣。如果你覺得你的網站需要地圖，那很可能是需要改進你的導航和工具條。

“睜大你的眼睛，留意所有的事情。對最不相關的東西的觀察可以得到最好的靈感。觀察一個站點的結構和設計。理解站點結構的關鍵元素，確保你的設計是圍繞站點瀏覽進行的。” ——專家忠告

點擊規則

聽說過3次點擊規則嗎？對於小型網站，在你的主頁上，沒有任何一條信息，需要點擊次數超過3次的。對於大型網站，使用導航和工具條來改善操作。

特殊字型的套用

雖然你可以在你的HTML中使用特殊的字型，但是，你不可能預測你的訪問者在他們的計算機上將看到什麼。在你的計算機里看起來相當好的頁面，在另一個不同的平台上看起來可能非常糟糕。一些網站設計員喜歡使用來定義特性，這雖然允許你使用特殊的字型，但是仍需要一些變通的方法，以免你所選擇的字型在訪問者的計算機上不能顯示。級聯風格表CSS有助於解決這些問題，但是只有最新版的瀏覽器才支持CSS。

使用切合實際的簡便的命名規則

檢查錯別字

好的拼寫是人們一生中重要的技能。但是遺憾的是，許多設計者都缺少這種技能。確保你拼寫正確，並且格外注意平常容易誤寫的錯別字。

避免長文本頁面

在一個站點上有許多只有文本的頁面，是令人乏味的，且也浪費Web的潛力。如果你有大量的基於文本的文檔，應當以Adobe Acrobat格式的檔案形式來放置，以便你的訪問者能離線閱讀。

不要使用卷滾條

人們厭惡在網上使用卷滾條。Trouble網站是一個典型的設計很差的網站。它基於一個浮動的架構，為了閱讀所有的文本，瀏覽者不得不使用卷滾條。

網路行銷角度下的網站設計

企業網站設計從某種角度來說也是企業形象的重要表現方式。很多企業網站的首頁千篇一律為一段讓人眼花繚亂的Flash動畫，或一張圖片，當然也不乏有部分設計的很有創意的動畫或圖片。如果把這種方式理解為企業網站形象設計，那么就太劍走偏鋒了。

既然是網站，那么網站的設計就離不開網站的基本元素：如導航、結構、按鈕等等，所以企業網站設計不能離開“網站”這個主體特性來為設計而設計，忽略網路的本質。

企業建網站的目的是什麼？我想應該是傳播信息。傳播企業供需信息、企業整體狀況、品牌信息等等，而不是單純的秀一把。

Flash動畫雖然漂亮，但對搜尋引擎的友好度是比較差的，同時體積相對也比較大，會影響訪問速度，所以Flash動畫不妨作為小裝飾使用，效果會更佳。一個優秀的網站應該是有著良好的導航功能並易於訪問的，而不是捉迷藏式的“超級創意”。網站設計在追求美觀的同時，不能以犧牲正常和便捷的瀏覽為代價，同時更要考慮對搜尋引擎的友好性。

所以網站設計應該把握以下幾個原則：

1、具有較強的可識別性，充分體現企業的基本元素：如標誌、標準字型、標準色等；

2、頁面設計以簡潔大方為宜，充分考慮訪問速度；

3、要有良好的導航，符合絕大多數網民的訪問習慣；

4、要考慮與搜尋引擎的友好性，注意網站的結構和層次。

網站設計7CS

(Human-Computer Interface;HCI)在電腦資訊科技域中,是指電腦有關之硬體及軟體,其本身為提供使用者與電腦之間溝通與互動的通道或橋樑.也因為人機之間的往溝通非常強調以與使用者需求為主,也就是強調使用者導向(User-Oriented)與使用者中心(User-Centered),所以人機介面又稱為使用者介面(User- Interface).在電子商務環境中,使用者界面是企業與他們顧客之間的系互動管道,Rayport與Jaworski在2001提出7Cs模式,其主要是用於分析電子商務的顧客界面,提出網站商店的顧客介面應著重在讓顧客容操作與使其滿意.因此,一個成功的網站設計,取決於其介面是否能夠將顧客需求以及企業提供的服務加以整合,茲將7Cs架構的網站介面七項要素介紹如下：

1 Context(組織)

網站內容的設計與陳方式,要同時符合功能性與美觀性個需求.功能性是指網站內容以有組織的方式呈現,讓使用者可以方有效地瀏覽.而美觀性則包括網頁的色系及其他傳遞訊息的視覺題材。

2 Content(內容)

指網站上所傳遞的內容.包括產品與服務內容( 如各科室簡介,醫院地 位置等資訊),促銷方案,顧客支援,及時 新的資訊,各種與產品或服務相關的資訊, 用多媒體方式提供產品或服務資訊(如:以語音或動畫的方式描述產品或服務內容)。

3 Community(社群)

供網站使用者之間的互動空間,讓使用者有歸屬感或 與感.包括線上討版( 如疾病討園地),會員電子信箱清單或言板等。

4 Customization(客制化)

網站提供使用者自身訂做自己想閱的內容資訊之功能.每個使用者在登入後就可以享受與眾同,獨享的頁面能讓顧客有親近的感覺。

5 Communication(溝通方式)

網站與使用者之間的溝通管道,包括以電子郵件方式告知各式資訊( 如電子報),或是讓使用者可提供建議的管道( 如建言信箱)。

6 Connection( 結)

網站本身與其他外部相關網站的結.像醫網站可方的結到其他的醫資訊機構( 如醫資訊網), 政院衛生署,中央健康保險局,醫學術研究機構( 如台灣醫學會)等。

7 Commerce(商務)

支援各種交之介面功能, 如線上掛號,掛號查詢與取消,繳費功能等。

代碼語言

能讀懂普通網頁的原始碼，並能根據要求在文本編輯器中對原代碼作適當修改。具體要求如下：

基本信息標記

HTML標記：<html></html>

頭部信息：<head></head>

主體標記：<body></body>，常用屬性：background=”url”

，text=”#rrggbb”，link=”#rrggbb”， vlink=”#rrggbb” ，alink=”#rrggbb”，bgcolor=”#rrggbb”，leftmargin=n ，topmargin=n。

文字設定

標題級別 <hn></hn>；

對齊方式：align=對齊方式。三種方式：left ， right ， center 。

字型設定：<font> </font>，主要屬性：size=”n” ，color=”#rrggbb” ，face=”字型”。

其它標記：粗體<b></b>，下劃線<u></u>，斜體<i></i>。

表格設定

表格標記：<table></table>，常用屬性：border，width，bgcolor，background，cellpadding，cellspacing。 。

表格標題：<caption></caption>。

表頭：<th></th>。

單元格：<td></td>。

<th>和<td>標記的常用屬性：width，height，align，valign（取值top，middle，bottom），bgcolor，background，bordercolor，colspan，rowspan。

圖片設定

<img src=”圖片路徑及檔案名稱”>，常用屬性：width，height，align，border，hspace，vspace，alt。

背景聲音設定

<bgsound src=” 聲音檔案路徑及檔案名稱”>，常用屬性：loop。

視頻設定

<img dynsrc=” 視頻檔案路徑及檔案名稱”>，常用屬性：width，height，align，loop。

超級連結設定

通過文字連結到另一頁面：<a herf=”連結頁面路徑及檔案名稱”>連結文字</a>

通過圖片連結到另一頁面：

< a herf=”連結頁面路徑及檔案名稱”><img src=”圖片路徑及檔案名稱”></a>

定義錨點：<a name=”錨點名”>錨點文字</a>

連結錨點：<a herf=”URL#錨點名”>連結文字</a>

框架設定

① 縱向排列多個視窗示例

<frameset cols=30%,20%,50%>

<frame src="A.html">

<frame src="B.html">

<frame src="C.html">

</frameset>

② 橫向排列多個視窗示例

<frameset rows=25%,25%,50%>

<frame src="A.html">

<frame src="B.html">

<frame src="C.html">

</frameset>

③ 縱橫排列多個視窗示例

<frameset cols=20%,*>

<frame src="A.html">

<frameset rows=40%,*>

<frame src="B.html">

<frame src="C.html">

</frameset>

</frameset>

④ 框架常用屬性

frameborder，border，framespacing，bordercolor。

⑤ 子視窗常用屬性

frameborder，border，framespacing，bordercolor，scrolling，noresize，target。

CSS層疊樣式表

能讀懂簡單的CSS樣式表代碼，並能根據需要，選擇適當的方式（內聯樣式表，外部樣式表）和適當的層疊樣式表，插入到當前網頁的HTML代碼中。

JS特效使用

能讀懂常見的JavaScript代碼（也稱為“JS特效”）（如日期顯示、下拉選單、計數器、動態字幕、跟隨滑鼠的圖片、跟隨滑鼠的滾動文本、標題欄里的閃爍效果等）。並能根據需要，選擇適當的JavaScript代碼插入到當前網頁的HTML代碼中。

版式配色

在這個五彩斑斕的大幹世界裡，色彩使世界萬物充滿生機，也使我們感到眼花繚亂。網站的背景、文字、圖示、框線、超連結……應該採用什麼樣的色彩，如何進行搭配，才能最好地表達出預想的內涵，這都是我們而對的新課題。

網站是信息內容的存儲空間模式，頁面設計得好壞直接關係到一個網站的成敗，它的色彩表現更是視覺傳達的重要因素。所以，了解一些網站設計的色彩知識是很重要的。在這個競爭日趨激烈的商業社會中，不懂色彩設計理論的設計師不可能成為一名合格的設計師。 色彩是大自然的外衣，網站設計者當然可以參考大自然的色彩。我們學習網站設計、色彩搭配是一般網友感到頭疼的問題。色彩作為一種最普遍的審美形式，存在於我們日常生活的各個方面，例如衣、食、住、行等。網站可以採用藍天的顏色，用平面構成的方法加以設計，以點、線、面作為設計要素，表現高科技、理性的感說，再通過黃綠色和藍色產生對比，效果極性。

同時設定好網站的配色與版式，美術很重要，在日常生日中我們眼球所能看到的地方，都是由不同的點、線、面構成。你可以通過眼球來搜尋和判斷它們的色彩。如何才能讓你達到想的視覺效果。你的眼睛就是你的裁判師。看一些成功的網站案例也是一樣的，要讓整個網站活潑起來，生動起來，就是你需要用你的思維和眼睛來觀察。 多看一些色彩感強烈的物體，讓眼睛多吸收一些，才能讓你正確的設定好你的網站顏色與版式。

說到版式，很多人都很頭痛，往往無從下手。在做這樣一個版面的時候，你不用想怎么讓它空，白，亮。你只要抓住一個視覺點，然後從這個視覺進行擴散，就像一顆墨水一樣。讓整個網頁隨著這個視覺點來散開。除了這個視覺點以外的東西，只能是承托它的物體或顏色。這樣你的網頁版式就不會零散和空洞了。這樣也就可以把色彩和版式都排成自己想要的效果，從而完成設計。

設計步驟

一、用“原型法”細化網站設計需求
二、網頁連結的深度、廣度和耦合程度
三、網頁基本布局
四、網頁空間中的視覺導向
五、網頁空間的秩序及運動趨勢
六、網頁中的留白
七、文字信息的設計和編排
八、圖片和動畫
九、網頁空間中的運動趨勢線
十、使用Web標準設計網頁

設計要點

確定網站風格

網站的整體風格及其創意設計是最難以學習的。難就難在沒有一個固定的模式可以參照和模仿。給你一個主題，任何兩人都不可能設計出完全一樣的網站。

風格(style)是抽象的。是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI（標誌、色彩、字型、標語）、版面布局、瀏覽方式、互動性、文字、語氣、內容價值、存在意義、站點榮譽等等諸多因素。舉個例子：我們覺得網易是平易近人的，迪斯尼是生動活潑的，IBM是專業嚴肅的。這些都是網站給人們留下的不同感受。

網站色彩搭配

無論是平面設計，還是網頁設計，色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候，我們看到的不是優美的版式或美麗的圖片，而是網頁的色彩。

關於色彩的原理有許多，在此我們不可能一一闡述，大家可以看看相關設計書籍，有利於系統地理解。在此我們僅僅想告訴大家一些網頁配色時的小技巧。

1．用一種色彩。這裡是指先選定一種色彩，然後調整透明度或者飽和度，這樣的頁面看起來色彩統一，有層次感；

2．用兩種色彩。先選定一種色彩，然後選擇它的對比色；

3．用一個色系。簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，藍。

網頁配色誤區

1．不要將所有顏色都用到，儘量控制在三至五種色彩以內；

2．背景和前文的對比儘量要大(絕對不要用花紋繁複的圖案作背景)，以便突出主要文字內容；

3．色彩的鮮明性。網頁的色彩要鮮艷，容易引人注目。

如果大家對於上述理論部分還不能充分理解，我就結合一種實戰經驗－疊柔配色技巧，用圖文並茂的展現形式逐步分析講解，促進最快速有效的學習。

設計軟體

Dreamweaver(網頁設計軟體)

Fireworks(圖像處理軟體)

Flash(flash動畫製作軟體)

HTML編輯器

雖然HTML代碼複雜，編輯和調試要花費大量的時間，但因HTML的穩定性、廣泛支持性及可創建複雜的頁面效果，仍受高級網頁製作人員的青睞。現有眾多的編輯器供選擇，這些編輯器廣泛支持複雜頁面創建及高級HTML規範，使用較為普遍的有Macromedia Dreamweaver 8等專業HTML編輯器。

設計方向

單頁面

單個長頁面的設計一度不受人待見(無論是客戶還是設計師)，但如今整個網際網路隨處可見。一個合理的解釋是，用戶如今早已習慣於使用滑鼠滾輪了，比起在多個頁面間來回查看，用滾輪上下瀏覽要省事得多。包括蘋果在內的一些知名大公司也使用了相當長的頁面來展示產品，獲得了很不錯的效果。

用照片做背景

出於品牌或展示的目的，把照片用作網站的背景，這樣可以形成強烈的視覺表達效果。這也是為何你能在時尚、服裝品牌、旅遊業等等行業看到這樣的設計辦法。

色塊設計

這一設計方法主要是引入了方塊的格線設計，這些方塊要么是純色塊配上文字，要么是方形照片配上文字。“簡潔”是吸引用戶的一大原因。不同的色塊放在一起形成強烈的對比，容易引起用戶的視覺興趣，進而繼續探索下去。

超大號的圖片

這一潮流的興起多少與Mac OS X圖示設計的流行有關。當程式設計師為自己的Mac 程式推出網站時，這樣配有超大號圖片、突出品牌的設計再常見不過。自然地，這一潮流後來也被iOS 開發者繼承了下來，成為現代設計文化的一部分。

聚焦簡潔

對簡潔的追求貫穿了整個2012年，許多的網站開始尋求明快、直觀的設計。極簡設計旨在通過整合或是刪除多餘的頁面實現簡化，只給用戶需要的東西。極簡設計通常會用到大號的加粗字型、以及超大號的圖片，清晰地把重要的東西傳達出來。

回響式設計

隨著手機和平板設備越來越多地進入人們的生活，回響式設計也成為了當下網站開發不可忽視的一股力量。一個可自適應任何設備的網頁是很了不起的。回響式設計能確保用戶無論是在移動設備還是在PC上都能按你的意願瀏覽內容。

視差滾動

所謂“視差滾動(Parallax Scrolling)”就是讓多層背景以不同的速度移動，形成運動視差 3D 效果。隨著越來越多的瀏覽器增加對視差的支持，這一技術也很有可能會更加流行。

強調字型

從前設計師所能使用的字型受用戶電腦本地已有的字型所限。如今藉助Google fonts 和Typekit 等服務，從理論上說，能使用的字型是無限多的，極大增強了網站設計的吸引力。設計師利用這一機會也已有了一段時間了，越來越多的網站也體現了對字型的重視。甚至有些網站如Typographica，字型就占了整個網站設計的絕大部分，出來的效果也相當不錯。

設計目的

排名轉化為流量

以往在製作網站的時候做都是非常重視排名，但隨著網路的發展，但是光有排名是遠遠不夠的，一個網站具有大量的流量能夠提高網站的權重，因網站製作來說一切排名都是浮雲，唯有流量才是王道。

流量轉化為質量

有流量不一定有銷量，原因何在?有流量沒有質量，流量能否轉換為銷量，根源在於網站製作本身。以往由於網站最佳化的方式方法失誤，長時間的努力帶來了很多無關核心關鍵字的詞語排名靠前，但是這些詞語與目標關鍵字相關性並不大，雖然有相當流量，但是質量度卻不高，也自然談不上什麼銷量了。還有一種情況是，網站域名DNS、網站主機及網站程式開發問題，導致用戶尚未完全打開網站，已經心生浮躁而放棄繼續瀏覽。而潛在流量及銷量，就在無聲無息的漫長等待中消逝。知道問題癥結所在，就好對症下藥採取正確的方法傳換成有質量的流量。首先是選準關鍵字，即使不能是核心詞，也應該是圍繞著核心詞的延展詞，或者一些與之相關的長尾詞。其次，認真把握網站製作的每一個細節，讓網站能夠得以安全無虞的運行。要知道載入速度快的網站，自然會吸引用戶進一步去瀏覽。

質量轉化為銷量

一個企業進行網站製作唯一目的是帶來訂單，推廣自己的產品，現實生活中很多網站流量轉換率不高，使得用戶打開網站瀏覽幾秒鐘就放棄，不再深入瀏覽，更不用說主動諮詢了。正確的方法是應該從網站設計的美觀、內容的翔實、線上溝通工具的運用，只有這樣，才能為一個網站帶來大量的人氣，從而提高網站大的流量，進而實現企業的行銷。

注意事項

常犯錯誤

1、導航選單使用圖片、flash

導航選單使用圖片、flash當然比純文本來得好看一些，但是搜尋引擎並不認識你的圖片和flash。如果你非要使用漂亮的圖片來做導航的話，可以使用背景替換的方法。建議做一個導航選單連結的xml文提交到搜尋引擎。

2、不恰當地使用圖片

為了網頁美觀，經常會到處貼滿圖片，這樣做是不正確的，與內容無關的圖片能少就少吧。我們可以把這些圖片做成容器的背景。

3、內容里特殊字型的運用

楷體很漂亮，草書也不遜色於宋體。但是不是所有人的電腦都安裝有這些字型。如果使用這些特殊字型的話，在別人的電腦里看到的網頁將會是不堪入目。

4、新視窗打開

設計者打開新視窗的本意是要讓用戶留在他的站點上。但是卻忽略了控制用戶的機器所帶來的負面效應，這種策略恰恰弄巧成拙，因為當用戶想通過“後退”按鈕返回先前的站點時，已經做不到了。用戶通常注意不到新視窗已經被打開，尤其當他們的顯示器很小，而視窗又正好是最大化時。因此，當用戶想要返回原來的站點時，面對的卻只是一個不可用的灰色 “後退”按鈕。

5、無實際意義的特效

避免使用炫耀的技巧。這些特效對你的網頁沒有任何實際意義。

6、內容滾動

內容滾動可以在比較小的空間裡展示比較多的內容。這是它的一個好處。但內容滾動卻是弊大於利的。不是所有平台和瀏覽器都支持滾動的;在w3c看來，內容滾動會降低用戶體驗。

7、用戶難以獲取自己想要的內容

如果一個用戶訪問你的網站跟走入迷宮一樣，會有什麼後果?聽說過3次點擊規則嗎?對於小型網站，在你的主頁上，沒有任何一條信息，需要點擊次數超過3次的。對於大型網站，使用導航和工具條來改善操作。

8、檔案名稱命名不規範

不要忽視這一點，例如新聞頁面可以用：news.html，而不是類似2323123.html這樣的無規範的命名方式。使用規範的命名方式不僅有利於搜尋引擎，而且有利於網站日後的維護管理。

9、長篇文章未設定分頁

長篇文章不分頁，會導致網頁載入速度慢，用戶閱讀疲勞。所以建議長篇文章設定分頁。

10、顏色搭配錯誤，網頁難於閱讀

如無必要，你應當堅持使用白色的背景和黑色的文本，另外還應當堅持使用通用字型。

11、沒有返回指向

“返回指向”是網路用戶的生命線，同時也是繼超文本連線後最常使用的導航特徵。用戶可以隨意嘗試網頁所指向的任何地方，而只需點擊一兩次“返回”按鈕就可以回到先前的頁面。

12、顯眼的點擊計數器

不要輕易考慮在你的網站上放置一個醒目的點擊記數器。你設計網站是為了給訪問者提供服務，而不是推銷你自己認為重要的東西。大多數瀏覽者認為計數器毫無意義，它們很容易被做假，瀏覽者也不想看廣告。如果你顯示你的網站是多么受歡迎，你最好提供一個連結，顯示訪問日誌。

13、使用框架

與記數器一樣，框架在網頁上越來越流行。在大多數網站上，在螢幕的左邊有一個框架。但是設計者立刻就發現，在使用框架時產生了許多的問題。使用框架時如果沒有17英寸的顯示屏幾乎不可能顯示整個網站。框架也使得網站內個人主頁不能夠成為書籤。也許更重要的是，搜尋引擎常常被框架混淆，從而不能列出你的網站。

14、不恰當地使用聲音

聲音的運用也應得到警惕。內聯聲音是網頁設計者的另一個禁地。因為過多地使用聲音會使下載速度很慢，同時並沒有帶給瀏覽者多少好處。首次聽到滑鼠發出聲音可能會很有趣，但是多次以後肯定會很煩人。使用聲音前，應該仔細考慮聲音將會給你帶來什麼。

15、兼容性不佳

你的網頁在1024下看得順眼么?那么換成1280看呢?不是所有人的顯示器都用同一種解析度的。無論是誰，都無法做出所有解析度下完美的網頁，但我們要做出能確保所有解析度下不出錯的網頁。還有兩點就是：不要以為只有電腦才能看網頁!不要以為世界上只有一種瀏覽器!

17、急於發布網站

網站沒有內容、網站程式bug，這些問題解決後再發布吧。內容較為充實、程式bug基本沒有的網站才會讓用戶流連。

18、發布網站後未登錄搜尋引擎

有客戶問，是不是我的網站已發布就可以在百度搜到了?但是百度不是我家開的，也不是你家開的，你發布網站時百度他是不知道的。所以，你發布網站後要到各大搜尋引擎的登錄口提交一下你的網站信息。

19、不留空白

注意留空白。不要用圖像、文本和不必要的動畫gifs來充斥網頁，即使有足夠的空間，在設計時也應該避免使用。

20、缺乏互動性

讓用戶與網站能夠互動，讓用戶與用戶之間能夠互動。所以最少要有一個留言本，這能激勵訪問者再次回到你的網站，還有助於擴充網站內容。這個是極其重要的，web 2.0的核心思想。

21、存在死鏈

有死鏈的網站對對蛛蛛爬動不順利，同時影響網站的正規性、虧損網站關鍵字名次、虧損網站權重值，而且會造成不良好的用戶體驗。

網站最佳化

在網站設計中，最關鍵的，就是如何能夠讓跟多的人能夠看到你的網站。尤其是商業性站點，更加注重通過搜尋引擎最佳化手段推廣自己的網站。

流量，頁面質量，外鏈，權重，關鍵字質量，關鍵字密度，百度，Google，等等因素都會影響到網站在某一個關鍵字上的排名情況。建議大家在操作的過程中多注意為搜尋引擎收錄網站做準備。

用戶體驗

感官體驗

指呈現給用戶視聽上的體驗，強調舒適度。

1 設計風格

2 網站logo

3 頁面打開速度

4 字型大小

5 搜尋框

互動體驗

呈現給用戶操作上的體驗，強調易用/可靠性。

1 會員申請

2 會員註冊

3 填寫表單

4 提交表單

瀏覽體驗

呈現給用戶瀏覽上的體驗，強調吸引力。

1 導航的清新度。

2 欄目的層級

3 內容分類

4 內容的豐富度

5 內容的原創性

6 信息的更新頻率

情感體驗

呈現給用戶心理上的體驗，強調友好性。

1 客戶分類

2 友好提示

3 會員交流

信任體驗

呈現給用戶的信任體驗，強調可靠性。

1 公司介紹

2 服務保障

3 網站備案

4 認證資質

發展趨勢

在網頁設計中，總是有傾向的特定技術來觀察，或跟蹤的網頁設計師加強的趨勢。這裡有專有和開源和免費的技術專用的支持者。然而，增加自由和開放源碼技術，包括由W3C和WHATWG進行監控和批准，監督和實施增加。
趨勢可以發現，不僅在看在時尚領域的使用的技術，如網站和匹配的標誌是清晰的喜好確定。著名的藝術字Web 2.0至今的重要作用的幫助。幾乎每個網路公司都在開展網站建設業務，同時，因發展方向的不同，產生了三大塊主體網站建設群體：

第一類

行業入口網站。許多行業入口網站，在其VIP會員服務項目當中，包含了為VIP企業會員提供網站建設的服務，行業入口網站的企業建站服務占到所有企業網站建設服務市場的20%；這類網站以模板型居多。

第二類

網路服務公司。指提供包括網路基礎套用服務（如域名、主機、信箱）和網路增值套用服務（如網站建設和推廣）等業務在內的綜合套用服務公司，企業網站建設是重要業務之一，業務總量占到所有企業網站建設市場的60%。通過網路綜合套用服務業務的宣傳與拓展，在業界具有良好的形象和口碑，提供的網站建設服務也普遍為客戶所接受。

第三類

專業網站建設服務公司，以個性化網站建設業務為主，大多體現在製作出3D全景網站，FLASH全景網站等，突出個性化製作和客戶長期跟蹤服務，業務總量占到所有企業網站建設市場的20%。

總結

在這三類中，第一類行業入口網站需要長期的客戶資源積累，大量的資本運作，操作起來資金門檻不低。而第三類專業網站個性化設計需要高端技術人才，從而提高了技術成本門檻。

如何突破

經過調查發現網際網路也並不單純由技術所決定，更重要的是需要市場創新，如果一味重複別人的模式將很難生存下去，隨著市場區隔領域的日漸成熟，各網路公司都需要細分定位和尋求全新的商業模式，並不斷創新提升核心競爭力，從而才能在市場站穩腳跟。

客戶要求越來越高。已經說過了，一分錢一分貨，便宜沒好貨。低質量的網站自然得不到客戶的認可，服務不好或者根本就沒有服務，網站做出來就像是一個 花瓶那樣只做到擺設的作用，客戶收不到實際的效果，自然抱怨就會多，客戶的滿意度低了，自然會對建站公司失去信心，因此，到最後就不再消費或者是把業務轉 走了，而建站公司面臨的就是客戶的大量流失，以及企業信譽度的降低，到最後實際還保存下來的基本上都是一些新開拓的業務，續費率很低，整體都是在低端來做。

網站設計思路

架構

網站首頁是兵家必爭之地，每個頻道負責人都想在顯眼的位置推薦自己的產品或者資訊來增加曝光率，總是希望把所有東西一下子讓用戶看到，但最後我們就發現你放的東西越多，用戶就根本找不到他想要的東西，快速離開的可能性很大。在國內的入口網站都習慣了資訊多、頁面長，什麼都往首頁堆，感覺內容越多會顯的越大氣，但用戶的耐性是有限的，所以網頁的通透性對國區域網路站很重要，每一屏的架構變化不宜太多，適當就好，主次內容信息位置保持一致性，不然用戶每瀏覽到下一屏都需要重新去解讀架構，思考該從那裡開始閱讀，不但用戶的耐性被消耗掉還會增加用戶的瀏覽成本，所以網站首頁的架構必須清晰明了，保持較好的通透性，減少用戶的瀏覽成本。

風格

能用一根線表現出效果就沒有必要使用2根線，能用文字表示清楚的就不需要用圖片。頁面設計如果使用過多裝飾元素，會造成頁面龐大下載速度緩慢，不要高估網民的耐性，大部分網民都是沒有耐性的。瀏覽大量信息的時候需要一個簡潔無阻礙的界面，過多的色彩和裝飾反而會分散用戶的注意力，影響到用戶瀏覽效果和減少對資訊的點擊。網站需要用戶看到的是網站提供的信息內容和服務而不是花俏的裝飾(個性產品網站除外)。這也是網易門戶一直沿用簡潔風格原因之一。

信息排布

網站首頁一般都會承載大量的資訊信息，密密麻麻的信息會讓用戶瀏覽網頁的時候會產生壓迫感，如何能讓用戶順暢的瀏覽成為設計中重要的一環。

視覺順序

在一個信息版塊里，會有第一視覺區、第二視覺區、第三視覺區，就是說當用戶看到這一信息版塊時第一眼會落到圖片的位置，第2眼會落到大標題上，第3眼會落到其他地方。這樣有順序的引導用戶瀏覽，可減少用戶的瀏覽成本，增加頁面的視覺效果。在這個信息版塊里第1視覺和第2視覺有可能會因為選材方面而轉換視覺，按常理圖型視覺衝擊力是大於文字的，但當選用的圖片素材不優的時候也會被文字所吸引過去。