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

自適應網(wǎng)頁設計 也稱為 響應性的Web設計 -設計網(wǎng)頁，提供一個很好的感知上的各種設備連接到互聯(lián)網(wǎng)。
　　自適應網(wǎng)絡設計的目的是為不同設備的多功能網(wǎng)站。網(wǎng)站是為了更方便地查看不同的分辨率和格式的設備，技術，自適應網(wǎng)頁設計沒有為特定類型的設備創(chuàng)建一個單獨的版本的網(wǎng)站。一個網(wǎng)站可能無法在您的手機，平板電腦，筆記本電腦和電視上網(wǎng)，要滿足全范圍的設備最佳顯示。

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

在域名注冊查詢網(wǎng)址之前就應該先搜集至少「一百頁」的內(nèi)容，這些內(nèi)容必須是有價值的、不違反著作權的內(nèi)容。

想個比較有意義，好記的網(wǎng)址。

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

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

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

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

* 標題；

* meta標簽；

*網(wǎng)址；

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

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

* 頁面上半部 （網(wǎng)頁內(nèi)容比較前面的地方，我是建議用個標題，像是h1）。

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

為什么要這樣作呢？同類內(nèi)容的內(nèi)部鏈接可以讓google的pagerank在你的網(wǎng)頁里互相傳遞，如果你只對個別網(wǎng)頁作最佳化，有可能會發(fā)生的情況是，網(wǎng)站里只有少數(shù)幾個頁面的排名可以往前，但是若是做好內(nèi)部鏈接的話，可以讓每個網(wǎng)頁的排名都往前。

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

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

確認網(wǎng)站的每一頁都可以被搜索引擎索引進去，網(wǎng)站里的鏈接要做好。另外呢，在網(wǎng)站還稱不上是個「好網(wǎng)站」的時候，不要讓網(wǎng)站上線，若是隨便讓你的爛網(wǎng)站進入搜索引擎，并且被打了低分之后，我想，要讓分數(shù)上升似乎就不是那麼容易了。

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

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

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

申請一個不錯的網(wǎng)頁計數(shù)器。

網(wǎng)站設計包括前臺用戶視覺體驗的設計和后臺程序功能設計，兩個方面都是非常重要的；視覺設計對于客戶的閱讀帶來愉悅和信任，后臺注重操作的方便行。

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

在高速發(fā)展的數(shù)字化信息時代，網(wǎng)站在企業(yè)的品牌建設、信息發(fā)布、商務活動中占據(jù)著重要的地位，受眾也越來越多的通過網(wǎng)絡渠道與企業(yè)進行信息溝通。企業(yè)借助定制化的網(wǎng)站建設，可以塑造個性化網(wǎng)絡品牌形象，并通過數(shù)字平臺上與受眾形成個性化的互動，使受眾對企業(yè)專屬數(shù)字品牌形成直觀的認知和體驗，實現(xiàn)企業(yè)線上線下品牌統(tǒng)一建設的目的。

一、網(wǎng)站的定位策略

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

? 01客戶定位

客戶特征

客戶習慣

客戶喜好

? 02網(wǎng)站的風格定位

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

站點的CI（標志，色彩，字體，標語）

版面布局

瀏覽方式

交互性

網(wǎng)頁表現(xiàn)形式

風格定位的準確性是網(wǎng)站成功與否的關鍵所在

? 03網(wǎng)站的欄目設置

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

? 04網(wǎng)站的內(nèi)容規(guī)劃

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

? 05網(wǎng)站的技術解決方案

技術解決方案是網(wǎng)站最終能夠被用戶使用的根本，不同的企業(yè)，對網(wǎng)站有不同的功能需求。技術解決方案主要包括網(wǎng)站的軟件環(huán)境、硬件環(huán)境，包括：

網(wǎng)站開發(fā)語言（ASP、JSP、PHP等）

數(shù)據(jù)庫類型（Oracle、SQL Server、MySql、Access等）

服務器類型（虛擬主機、虛擬專機、主機托管等）

網(wǎng)站安全性方案（防黑、防病毒等）

技術方案沒有絕對的好壞，最適合企業(yè)的就是最好的。

? 06網(wǎng)頁的文件名分析

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

? 07網(wǎng)站域名分析

隨著網(wǎng)絡的發(fā)展，企業(yè)網(wǎng)站數(shù)量在爆炸性的增加，域名對于一個網(wǎng)站的重要性正在變得越來越重要，一個容易記憶的域名會使更多的人記住您的網(wǎng)站，從而形成重復訪問，域名的分析包括長度、字符之間是否有“-”、是否易于記憶、國內(nèi)域名還是國際域名。

? 08網(wǎng)站結構分析

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

? 09網(wǎng)站外部鏈接分析

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

? 10網(wǎng)站內(nèi)容分析

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

? 11網(wǎng)站更新頻率分析

對網(wǎng)站的內(nèi)容更新頻率進行分析，幫助企業(yè)尋找最適合的更新頻率，更新越快的網(wǎng)站，用戶黏貼度越高，網(wǎng)站價值發(fā)揮越大。

? 12網(wǎng)頁的動態(tài)和靜態(tài)分析

靜態(tài)網(wǎng)頁顯示速度比動態(tài)網(wǎng)頁要快很多，并且靜態(tài)網(wǎng)頁比動態(tài)網(wǎng)頁更容易被搜索引擎檢索，也就更容易獲得較高的排名。把動態(tài)內(nèi)容靜態(tài)化，從而提高網(wǎng)站的訪問速度，以及利于搜索引擎搜索。對于必須要用動態(tài)網(wǎng)頁實現(xiàn)的功能，對動態(tài)頁面進行優(yōu)化，提高訪問速度以及更容易的被搜索引擎搜索。

? 13三大標題標簽分析

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

? 14網(wǎng)站技術方案分析

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

二、IA信息架構設計

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

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

2、IA架構在網(wǎng)站設計中的應用

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

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

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

2、簽約－簽署相關合同協(xié)議、客戶支付預付款；

3、實施－網(wǎng)站頁面設計、制作、程序開發(fā)；

4、驗收－網(wǎng)站測試及驗收；

5、維護－網(wǎng)站后期維護工作。

網(wǎng)絡技術日新月異，細心的網(wǎng)友會發(fā)現(xiàn)許多網(wǎng)頁文件擴展名不再只是“.htm”，還有“.php”、“.asp”等，這些都是采用動態(tài)網(wǎng)頁技術制作出來的。

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

PHP

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

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

ASP

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

ASP的最大好處是可以包含HTML標簽，也可以直接存取數(shù)據(jù)庫及使用無限擴充的ActiveX控件，因此在程序編制上要比HTML方便而且更富有靈活性。通過使用ASP的組件和對象技術，用戶可以直接使用ActiveX控件，調(diào)用對象方法和屬性，以簡單的方式實現(xiàn)強大的交互功能。

但ASP技術也非完美無缺，由于它基本上是局限于微軟的操作系統(tǒng)平臺之上，主要工作環(huán)境是微軟的IIS應用程序結構，又因ActiveX對象具有平臺特性，所以ASP技術不能很容易地實現(xiàn)在跨平臺Web服務器上工作。

JSP

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

JSP和ASP在技術方面有許多相似之處，不過兩者來源于不同的技術規(guī)范組織，以至 ASP一般只應用于Windows NT/2000平臺，而JSP則可以在85%以上的服務器上運行，而且基于JSP技術的應用程序比基于ASP的應用程序易于維護和管理，所以被許多人認為是未來最有發(fā)展前途的動態(tài)網(wǎng)站技術。

.NET

.NET是ASP的升級版，也是由微軟開發(fā)，但是和ASP卻有天壤之別。NET的版本有1.1、2.0、3.0、3.5、4.0。是網(wǎng)站動態(tài)編程語言里最好用的語言，不過易學難精。NET2.0開始，NET把前臺代碼和后臺程序分為兩個文件管理，使得NET表現(xiàn)和邏輯相分離。NET網(wǎng)站開發(fā)跟軟件開發(fā)差不多。NET的網(wǎng)站是編譯執(zhí)行的，效率比ASP高很多。NET在功能性、安全性和面向對象方面都做的非常優(yōu)秀，是非常不錯的網(wǎng)站編程語言。

ASP、.NET、JSP和PHP的優(yōu)點和缺點

ASP

優(yōu)點:

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

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

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

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

●盡可能將網(wǎng)站內(nèi)最有價值的內(nèi)容列在欄目上；

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

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

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

●各板塊要有相互關聯(lián)；

●各板塊的內(nèi)容要圍繞站點主題。

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

明確內(nèi)容

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

抓住用戶

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

優(yōu)化內(nèi)容

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

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

快速下載

沒有什么比要花很長時間下載頁面更槽糕的了。作為一條經(jīng)驗，一個標準的網(wǎng)頁應不大于60K，通過56K調(diào)制解調(diào)器加載花30秒的時間。有的設計者說網(wǎng)頁加載應在15秒內(nèi)。

網(wǎng)站升級

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

堅持基本原則

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

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

學習HTML

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

用筆畫一個網(wǎng)站的框架

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

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

網(wǎng)站地圖

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

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

點擊規(guī)則

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

特殊字體的應用

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

使用切合實際的簡便的命名規(guī)則

檢查錯別字

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

避免長文本頁面

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

不要使用卷滾條

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

網(wǎng)絡營銷角度下的網(wǎng)站設計

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

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

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

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

所以網(wǎng)站設計應該把握以下幾個原則：

1、具有較強的可識別性，充分體現(xiàn)企業(yè)的基本元素：如標志、標準字體、標準色等；

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

3、要有良好的導航，符合絕大多數(shù)網(wǎng)民的訪問習慣；

4、要考慮與搜索引擎的友好性，注意網(wǎng)站的結構和層次。

網(wǎng)站設計7CS

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

1 Context(組織)

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

2 Content(內(nèi)容)

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

3 Community(社群)

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

4 Customization(客制化)

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

5 Communication(溝通方式)

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

6 Connection( 結)

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

7 Commerce(商務)

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

能讀懂普通網(wǎng)頁的源代碼，并能根據(jù)要求在文本編輯器中對原代碼作適當修改。具體要求如下：

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樣式表代碼，并能根據(jù)需要，選擇適當?shù)姆绞剑▋?nèi)聯(lián)樣式表，外部樣式表）和適當?shù)膶盈B樣式表，插入到當前網(wǎng)頁的HTML代碼中。

能讀懂常見的JavaScript代碼（也稱為“JS特效”）（如日期顯示、下拉菜單、計數(shù)器、動態(tài)字幕、跟隨鼠標的圖片、跟隨鼠標的滾動文本、標題欄里的閃爍效果等）。并能根據(jù)需要，選擇適當?shù)腏avaScript代碼插入到當前網(wǎng)頁的HTML代碼中。

在這個五彩斑斕的大干世界里，色彩使世界萬物充滿生機，也使我們感到眼花繚亂。網(wǎng)站的背景、文字、圖標、邊框、超鏈接……應該采用什么樣的色彩，如何進行搭配，才能最好地表達出預想的內(nèi)涵，這都是我們而對的新課題。

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

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

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

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

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

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

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

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

1．用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，這樣的頁面看起來色彩統(tǒng)一，有層次感；

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

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

1．不要將所有顏色都用到，盡量控制在三至五種色彩以內(nèi)；

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

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

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

Dreamweaver(網(wǎng)頁設計軟件)

Fireworks(圖像處理軟件)

Flash(flash動畫制作軟件)

HTML編輯器

雖然HTML代碼復雜，編輯和調(diào)試要花費大量的時間，但因HTML的穩(wěn)定性、廣泛支持性及可創(chuàng)建復雜的頁面效果，仍受高級網(wǎng)頁制作人員的青睞。現(xiàn)有眾多的編輯器供選擇，這些編輯器廣泛支持復雜頁面創(chuàng)建及高級HTML規(guī)范，使用較為普遍的有Macromedia Dreamweaver 8等專業(yè)HTML編輯器。

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

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

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

這一潮流的興起多少與Mac OS X圖標設計的流行有關。當程序員為自己的Mac 程序推出網(wǎng)站時，這樣配有超大號圖片、突出品牌的設計再常見不過。自然地，這一潮流后來也被iOS 開發(fā)者繼承了下來，成為現(xiàn)代設計文化的一部分。

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

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

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

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

以往在制作網(wǎng)站的時候做都是非常重視排名，但隨著網(wǎng)絡的發(fā)展，但是光有排名是遠遠不夠的，一個網(wǎng)站具有大量的流量能夠提高網(wǎng)站的權重，因網(wǎng)站制作來說一切排名都是浮云，唯有流量才是王道。

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

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

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

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

2、不恰當?shù)厥褂脠D片

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

3、內(nèi)容里特殊字體的運用

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

4、新窗口打開

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

5、無實際意義的特效

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

6、內(nèi)容滾動

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

7、用戶難以獲取自己想要的內(nèi)容

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

8、文件名命名不規(guī)范

不要忽視這一點，例如新聞頁面可以用：news.html，而不是類似2323123.html這樣的無規(guī)范的命名方式。使用規(guī)范的命名方式不僅有利于搜索引擎，而且有利于網(wǎng)站日后的維護管理。

9、長篇文章未設置分頁

長篇文章不分頁，會導致網(wǎng)頁加載速度慢，用戶閱讀疲勞。所以建議長篇文章設置分頁。

10、顏色搭配錯誤，網(wǎng)頁難于閱讀

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

11、沒有返回指向

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

12、顯眼的點擊計數(shù)器

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

13、使用框架

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

14、不恰當?shù)厥褂寐曇?/div> 來源：http://curryupcaters.com，網(wǎng)站建設★網(wǎng)站設計★網(wǎng)站制作★網(wǎng)頁設計-599元全包;企業(yè)網(wǎng)絡推廣☆網(wǎng)站優(yōu)化☆seo☆關鍵詞排名☆百度快照-2200元全年展示;做網(wǎng)站優(yōu)化排名-網(wǎng)站建設公司