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

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

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

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

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

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

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

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

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

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

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

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

　　網(wǎng)站設(shè)計(jì)六原則：堅(jiān)持基本原則

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

　　1 Context(組織)

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

　　2 Content(內(nèi)容)

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

　　3 Community(社群)

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

　　4 Customization(客制化)

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

　　5 Communication(溝通方式)

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

　　6 Connection( 結(jié))

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

　　7 Commerce(商務(wù))

　　支援各種交之介面功能, 如線上掛號(hào),掛號(hào)查詢與取消,繳費(fèi)功能等。