網(wǎng)站設(shè)計基本原則是什么?設(shè)計網(wǎng)站中有哪些關(guān)鍵技巧?有哪些陷阱?在這里，接下來小編告訴你：使網(wǎng)站賦予情趣的訣竅、應(yīng)該避免做什么、應(yīng)使用什么工具軟件以及他們喜愛和厭惡的網(wǎng)站等等。

　　網(wǎng)站設(shè)計一原則：明確內(nèi)容

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

　　網(wǎng)站設(shè)計二原則：抓住用戶

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

　　網(wǎng)站設(shè)計三原則：優(yōu)化內(nèi)容

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

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

　　網(wǎng)站設(shè)計四原則：快速下載

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

　　網(wǎng)站設(shè)計五原則：網(wǎng)站升級

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

　　網(wǎng)站設(shè)計六原則：堅持基本原則

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

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

　　網(wǎng)站設(shè)計七原則：學(xué)習(xí)HTML

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

　　網(wǎng)站設(shè)計八原則：用筆畫一個網(wǎng)站的框架

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

　　在計算機上永遠(yuǎn)也找不到好的方案

　　網(wǎng)站設(shè)計九原則：網(wǎng)站地圖

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

　　“睜大你的眼睛，留意所有的事情。對*不相關(guān)的東西的觀察可以得到*好的靈感。觀察一個站點的結(jié)構(gòu)和設(shè)計。理解站點結(jié)構(gòu)的關(guān)鍵元素，確保你的設(shè)計是圍繞站點瀏覽進(jìn)行的?！?——杭州網(wǎng)站設(shè)計公司阿凡達(dá)專家忠告

　　網(wǎng)站設(shè)計十原則：點擊規(guī)則

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

　　網(wǎng)站設(shè)計十一原則：特殊字體的應(yīng)用

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

　　網(wǎng)站設(shè)計十二原則：使用切合實際的簡便的命名規(guī)則

　　網(wǎng)站設(shè)計十三原則：檢查錯別字

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

　　網(wǎng)站設(shè)計十四原則：避免長文本頁面

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

　　網(wǎng)站設(shè)計十五原則：不要使用卷滾條

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

　　再來說說——網(wǎng)絡(luò)營銷角度下的網(wǎng)站設(shè)計

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

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

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

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

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

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

　　2、頁面設(shè)計以簡潔大方為宜，充分考慮訪問速度;

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

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

　　網(wǎng)站設(shè)計7CS

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

　　1 Context(組織)

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

　　2 Content(內(nèi)容)

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

　　3 Community(社群)

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

　　4 Customization(客制化)

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

　　5 Communication(溝通方式)

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

　　6 Connection( 結(jié))

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

　　7 Commerce(商務(wù))

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