網站設計技巧

⑴ 網頁設計有什麼技巧

網頁設計的技巧有：優化使用的圖片；明智和有條理地使用字體；理解色彩無障礙性；清楚的了解瀏覽器的兼容性；使設計有靈活性和可維護性。

⑵ 網站設計有什麼技巧或者說注意點

1、使用者優先的觀念

無論什麼時候，不管是著手准備設計HomePage之前。正在設計之中，或者已經設計完畢，有一個最高行動准則一定要牢記在心，那就是∶使用者優先。因為沒有使用者去光顧， 任何自認再好的HomePage都是沒有意義的。

2、考慮大多數人的連線狀況

您或許使用辦公室的ISDN，也可能使用學校的高速專線，但您都必須知道，目前大多數人所使用的還是14.4K或28.8KModem透過電話線路的緩慢連線方式 ，而且塞車塞得很嚴重。所以您在設計HomePage時就必需以這種普遍狀況為設計參考量，不要放置一堆會加重塞車情形或讓人等得發火的東西。最後，完成之後, 您最好自己透過遠端Modem撥接上網的方式來親自測試一下。

3、考慮使用者的瀏覽器

其次，必需考慮使用者的瀏覽器軟體，如果您想要讓所有的人都可以毫無障礙地觀看您的HomePage，那麼最好使用所有瀏覽器都可以閱讀的格式，不要使用只有部份瀏覽器可以支持的HTML格式或程序技巧。如果想要展現自己的高超技術又不想放棄一些潛在觀眾，可以考慮在主頁中設置幾種不同的觀賞模式選項（例如純文字模式、Frame模式、Java模式等等），供瀏覽者自行選擇。

4、內容第一

「內容永遠第一」，這句話適合書本，更適合網路上的HomePage，而且幾乎每個參與提供意見的人都舉雙手贊成這句話。沒有內容的書本已經夠令人討厭， 但至少您還可以很快判斷出來，而HomePage呢？您可能得耗費一整個晚上的時間與金錢，才會發現原來網站里根本沒有您要找的東西，這種痛苦真不是三言兩語可以形容。內容可以是任何東西，包括文字、圖片、影像、聲音等等，但請記住一點：一定要跟這個網站所要提供給人的訊息有關系。再提醒一次∶內容永遠第一！

一個好的網站在進行實際的HomePage建置之前，首先應該考慮什麼條件呢?它們包括有：牢記使用者優先的觀念、考慮大多數人的連線狀況、考慮使用者的瀏覽器，以及內容第一等等。再來看看在著手HomePage的實際建置過程中，所應該掌握的幾個重點原則。

5、著手規劃、確定特色、鎖定目標

不管做什麼事，一定要進行規劃，建置網站更是如 此。規劃時必須確定自己網站的性質、 提供內容、目標觀眾，然後根據本身的軟硬體條件來設置范圍。網路的特色是及時、新鮮、豐富、熱鬧，這是吸引大家上網的條件，如果本身條件強大，可以根據上述原則使自己網站成為一個全方位的信息提供者，如果不足，就成為單方面的提供者；此外，還可以在特殊議題或主題上加以突出，進一步鎖定目標觀眾。

6、第一頁很重要

第一頁是最重要的東西，因為它是別人認識這個網站的第一印象。如果是新開幕的站台，最好在第一頁就對這個網站的性質與所提供內容做個扼要說明與導引，讓別人判斷要不要繼續進入裡面。最好第一頁就有很清楚的類別選項，而且盡量符合人性化，讓參觀者可以很快找到需要的主題。在設計上，最好秉持干凈而清爽的原則。第一、若無需要，盡量不要放置大型圖形文件或加上不當的程序，因為它會增加下載時間，導致觀賞者失去耐心；第二、畫面不要散置得太過雜亂無序，因為觀賞者會找不到東西。記住：失敗的第一頁會讓許多人掉頭遠去，不可不慎。

7、分類

內容的分類很重要，可以按主題分類、按性質分類、按機關組織分類，或按人類思考直覺式地分類等等，一般而言，按人類的直覺式思考會比較親切。但無論哪一種分類方法，都要讓使用者可以很容易找到目標。而且分類方法最好盡量保持一致，若要混用多種分類方法也要掌握不讓使用者搞混的原則。此外，在每個分類選項的旁邊或下一行，最好也加上這個選項內容的簡要說明。

8、互動性

WWW的另一個特色就是互動。好的網站 HomePage必須與使用者有良好的互動性，包括在整個設計呈現、使用介面導引上等等，都應該掌握互動的原則，讓使用者感覺他的每一步都確實得到適當的回應，這部份需要一些設計上的技巧與軟硬體支持。事實上，好的網站HomePage設計必須加上個人技巧、經驗累積以及軟硬體技術的配合運用等。

9、圖形應用技巧

圖形是WWW網站的特色之一，它帶有醒目、吸引人以及傳達訊息的功能，好的圖形應用可以讓HomePage增色不少 ，但不當的圖形應用則會帶來反效果，而其中又以大量使用無意義及大型的圖形成為HomePage的敗筆。筆者建議，如果可以，應盡量縮小或省略圖形。目前國內的網路傳輸資源極為有限，因此使用圖形時一定要考慮傳輸時間的問題。根據經驗與統計，使用者可以忍受的最長等待時間大約是90秒鍾，如果您的HomePage無法在這段時間內傳輸並顯示完畢，那麼使用者就會毫不留情掉頭離去。因此必須依據HTML 文件、圖形文件的大小，考慮傳輸速率、延遲時間、網路交通狀況，以及服務端與使用者端的軟硬體條件，估算HomePage 的傳輸與顯示時間。在圖形使用上，盡量採用一般瀏覽器均可支持的壓縮圖形格式，例如JPEG與GIF等，而其中JPEG的壓縮效果較好，適合中大型的圖形，可以節省傳輸時間。如果真要放置大型圖形文件，最好將圖形文件與HomePage分開，在HomePage中先顯示一個具有連結功能的縮小圖檔或是一行說明文字，然後加上該圖形文件大小的說明（例如100KB），如此不僅加快HomePage的傳輸，而且可以讓使用者判斷是否繼續進入觀看。

10、圖形加上說明

此外，還有一點要特別提醒，許多網站建置者常常忽略了這件事。為了節省傳輸時間，許多人習慣採用「關閉圖形「 的模式再觀看您的HomePage（甚至有人使用純文字的瀏覽器 ）。因此當您在放置圖形時，一定要記得為每個圖形加上不顯示時的說明文字（也就是在HTML文件中的圖形文件後面加上alt文字說明），如此使用者才能知道這個圖形代表什麼意義，判斷要不要觀看。特別是如果這個圖形具有可連結的選項功能時，千萬記得一定 要加上說明文字，並給予同樣的可連結功能。

11、背景底色

不少人喜歡在HomePage中加上背景圖案，認為如此可以增加美觀，但卻不知這樣會耗費傳輸時間，而且容易影響閱讀視覺，反而給予使用者不好的印象。筆者建議，若沒有絕對必要，最好避免使用背景圖案，保持干凈清爽的本文。但如果真的喜歡使用背景，那麼最好使用單一色系，而且要跟前景的文字可以明顯區別，最忌諱使用花俏多色的背景，因為這樣不僅大量耗費傳輸與顯示時間，而且會嚴重混亂使用者的閱讀。

12、HTML格式的注意事項

有關HTML的撰寫方面，應注意以下的一些注意事項；不少人在撰寫HTML文件時，會簡略一些命令格式，但為了日後維護方便，撰寫HTML時最好架構完整，而且初學者也可以藉此對HTML語法有正確認識。另外，如果本身網站想讓別人可以透過搜尋站來找到， 那麼千萬不要忘了在〈Title〉指令中加上可供搜尋的關鍵字串。為了增加與使用者的互動，HomePage中最好也加上可供使用者表達意見的E－mail信箱，在HTML中一定要注意它的格式命令寫法，許多人在這個地方常常寫錯。另外，在PC系統下，文件的大小寫不分，但在UNIX系統下，則大小寫有區分，需要注意。

13、避免濫用技術

技術是令人著迷的東西，許多人也喜歡使用技術。專家普遍指出，好的技術運用會讓HomePage栩栩如生，令人嘆為觀止；但不當的技術則適得其反，反而成為HomePage的大敗筆。首先，使用技術時一定要考慮傳輸時間，不要成為他人觀看的沉重負擔；其次，技術一定要與本身網站的性質及內容相配合，不要耍了一大堆不相乾的技術。有一個最常見的技術應用，就是利用JavaScript撰寫一個走馬燈的功能，讓文字可以動態地顯示在窗口的最下一欄，這種方式看起來似乎很酷，但卻容易遮住該位置原本用來顯示地址及傳輸狀態的功能，反而造成使用者的不便。何況既然只是顯示一兩個文字，何不直接放在HTML本文中呢？Java小程序也是目前網路上的常見技術，它是一個好用的利器，擅長於動態物象的呈現，雖然只要瀏覽器支持就可以動，但同樣，也需要考慮傳輸時間，以及一般人的電腦系統負荷等問題。最後，技術最好不要用得太過多樣而復雜，有些人似乎不展現功力就不快樂，所以也不管合不合適，就把所有可用技術全部用在裡面，這時大家就會看到一個慘不忍睹的HomePage。

14、即時、更新、維護

不要忘記，大家都想看新鮮的東西，沒人對過時信息有興趣， 所以資料一定要注意即時性。有些網站半年沒更新，感覺就像一池死水。如果想要經營一個帶有即時性質的網站， 除了注意內容外，資料還要記得每日更新。筆者建議，不妨每隔一陣子就對頁面設計做一次小翻新，時時保持新鮮感。最後，須考量的就是事後維護管理的問題，寫HomePage很簡單，但維護管理就比較繁人，它的工作往往偏重屬重復而死板。個人性質的網站在維護管理上比較簡單，但公司網站如此不僅加快HomePage的傳輸，而且可以讓使用者判斷是否繼續進入觀看。

⑶ 網站建設過程中需要掌握的哪些技巧

1.前期分析定位
不管做什麼事情，都需要前期整理一個思路，我們想要什麼，必須要明確，不然網站怎麼做都做不完

2.溝通
網站建設不是一個產品，而是一個服務，對於服務來說，溝通是必要的，在與網路公司的合作中，保持良好的溝通，及時的溝通，有效的溝通

3.理解
溝通的下一步，就是理解，不然浪費時間浪費精力

⑷ 網站建設需要注意哪些技巧

網頁設計包含的內容很多
一個網頁的組成，頁面框架+美工+程序+資料庫。
頁面框架：也就是網站的結構設計，包括了UI和LOGO等，總體來說是為了方便用戶操作記性的界面，效果，已經頁面的流程進行的設計。
美工：要求會的最基本的幾個軟體PHOTOSHOP,FLASH,FIREWORKS ，一般網站設計用PS比較多。
程序：要求會的語言很多，包括客戶端的腳本語言和服務端的語言，客戶端語言包含HTML，JAVASCRIPT，VBSCRIPT，服務端語言包括，ASP，JSP，PHP，.net等等。 資料庫方面：用的資料庫也許有很多種，我見過有用ACCESS的，也有SQLSERVER的，還有DB2，ORECLE等等。一般對於網站來說如果不是象銀行這樣的大規模數據交換，SQLSERVER已經足以。
自己做網站建設需要會很多的知識，建議找公司做。
1、網站的主題，看是要做一個公司的官網還是一個產品品牌的網站。
2、網站的設計，就是視覺效果，客戶在進入網站的時候第一時間看見的就是網站的設計。
3、網站的整體架構，網站的信息一定要有清晰的邏輯，信息講的不清晰客戶根本就沒有興趣看下去。
4，數據分析，做網站一般都有數據分析，可以實時的跟蹤客戶的信息。

⑸ 網頁製作有哪些技巧

1.對比圖像，文字更具吸引力
2.眼球的第一運動聚焦於網頁的左上角
3.用戶瀏覽網頁時，首先觀察網頁的左上部和上層部分，之後再往下閱讀，瀏覽右邊的內容
4.讀者會忽視橫幅廣告
5.花哨的字體和格式被忽視
6.用數詞來代替數字
7.字體大小影響瀏覽行為
8.遇到感興趣的內容，用戶僅會多看一眼副標題
9.人們大都只瀏覽網頁的小部分內容
10.簡短的段落相對於長段落來說有更好的表現力
11.根據視覺鎖定，一欄格式比多欄格式擁有更好的表現力
12.網頁頂部和左邊的廣告更能吸引眼球
13.將廣告放置與最佳內容一旁也可以提升注意力
14.在各種測試中，人們閱讀文字廣告最為專心。
15.越大的圖像吸引越多的注意力
16.干凈、清晰的特寫圖片能吸引更多的視覺注意
17.標題能吸引眼球
18.用戶花費大量時間察看按鈕和菜單
19.表單格式可以延長讀者的注意時間
20.避免呈現大塊的文本
21.格式可以吸引注意力
22.利用好空白
23.放置於網頁頂部，導航工具的作用將更好的發揮

⑹ 網頁設計中的五則常用設計技巧有哪些

封面設計：小即是多

當你在設計時手頭上有三張照片，你會如何處理?你會將這三張照片都用上，對吧?其實沒必要!一張照片就已經能夠使設計信息有效傳達。

記住，在設計中，小即是多。學校的塔樓已經可以傳達很多信息。簡單的居中設計，就是直接讓這張照片「說話」，然後加上文字就行了。注意在上圖中，文字的背景區域並沒有橫跨整個版面，因為我們要讓圖片由上至下都可以流動。而上圖右，學校的主色(紫色)及褐色與樹的綠色形成吸引人的視覺效果，留意這三種顏色在色輪中的位置關系，綠色及褐色是紫色的補色的鄰近色，聽起來很復雜?紫色的補色是色輪中相隔 180 度的草綠色，而草綠色的兩邊鄰近色就是綠色及褐色(留意色輪中的線條)。我們將這種顏色關系稱之為「補色分割」( Split complementary )。

排版：文字應該與圖片緊密配合

我們經常會接觸到一些與電器、高科技產品，而設計一個描述式的版面其實充滿樂趣。

版面：差別產生層次

哈欽斯大街廣場酒店( Hutchins Street Square Hotel )是舉行會議、宴會、接待及其它活動的理想場所，但如果你只是看它的這張價格宣傳單張，沒有人會覺得這家酒店有什麼優點。它的版面缺乏生氣，字里上的文字同一種字體，同一種尺寸，同一種的樣式，同一種顏色，但都迷失在白色的海洋中——雖然頁里上寫滿信息，但毫無生命力。

這種低調的設計很容易讓人忽略，但你要記住，對於酒店來說，很多顧客第一個看到的東西就是它(也可能是最後!)。還是讓我們花點時間來設計，使人瞥上一眼就能知道它要說什麼。

版面：由外到內

要使設計的內部與外部有著相同的風格需要一定的技巧。怎麼做?簡單，將封面的字體、顏色、圖片風格及主要的版式都搬到裡面去。注意各種元素的比例，如綠色的使用比例及圖片的大小。

簽名 LOGO ：

還有什麼圖案比你自己的簽名顯得更獨一無二？它完全屬於你自己。所以當你有一項業務或項目是需要你最終來確認的一個典型的例子就是公證人——那你為什麼不直接用你的名字作為一個 LOGO?

相信大家已經對網頁設計技巧有了進一步的理解了。但是，要記住，用戶才是一個網站生存下去的根本，各位網頁設計者們千萬不能只專注於網頁設計的新穎度，卻忽視了網頁的基本作用。用戶是根本，就和顧客是上帝是一個道理。

⑺ 網站設計到底應該如何做

• div+css是網站布局方式

• Div：是一個常見網頁布局結構。它取代傳統的表格布局方式。（就相當於人的骨架和各個零件）

• Css :是給網站進行美化和修飾。（相當於人的衣服、鞋子、帽子等修飾自己的東西）

Div+css布局的優勢是什麼呢？

• 這樣寫代碼精簡，提高頁面的下載速度，有利於搜索引擎的優化。

• 一個網站開發完成後。用戶通過"網路搜索"的方式獲得該網站信息，若要用傳統的表格布局。會造成網頁頁面很亂，不利於網路的搜索和查找。

• 結構與樣式分離，方便前端開發人員與後台程序開發人員分工協調。

• 一個完整的網站由前端開發人員和後台程序開發人員相互配合來完成。

• 前端人員負責網站頁面的設計和布局。後台程序開發人員負責網站功能開發（如：文件上傳）

• 若結構和樣式沒有分開，不利於前端開發人員與後台程序開發人員的後續工作。

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

建站過程：

准備內容

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

網址

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

網頁設計製作

對搜索引擎來說，他們無法檢索到網站里的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），這是一個大家可以手動加入的目錄索引，這樣至少你的網站已經在一個索引裡面了，接著，若是有錢的話，可以使用搜索引擎快速付費登錄，這可以讓你的網站在一定的時間內排名增加到前幾名，若是沒錢的話也沒關系，慢慢等還是會被登錄進去的。

送交搜索引擎

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

網站推廣

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

紀錄與追蹤

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

程序設計

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

⑻ 讓網頁更吸引人的幾個網頁設計技巧

技巧談不上，只能說細節重要。
第一、版式。用戶打開網站，首先看到的是什麼？當然是排版，你要有一個吸引人的排版才能讓用戶有興趣往下看。
第二、顏色搭配。論重要性，它不比版式低，根據網站的內容性質，我們要適當使用與內容搭配的顏色，用戶以哪一種心情進入網站，設計師心裡要有數。
第三、必要的功能。用戶瀏覽到一半，想要資詢你，發現沒有聯系方式，那豈不是失去了這個一個客戶？當然不止聯系方式，還有返回頂部也很重要，特別是頁面很長的時候，總不能讓用戶一直撥動滾輪，滾輪壞了你給買啊？
第四、能進一步了解產品或者服務等的內容信息。拿淘寶為例，用戶看到某個商品，覺得喜歡，想要了解產品，這時候必須有產品詳情展示給用戶。
這只是一部分，當然還有很多。總之想要有一個高大上的網站，必須考慮到用戶體驗。

⑼ 網站製作有哪些小技巧

1. 優化圖片，獲得更好的頁面載入速度2. 保持干凈和簡單(即：簡潔)3. 導航(條/欄)是最重要的設計4. 明智和有條理地使用字體5. 理解色彩無障礙性6. 知道如何編寫代碼7. 不要忘記搜索引擎優化8. 理解人是沒有耐性的9. 了解(並意識到)瀏覽器的兼容性10. 使設計有靈活性和可維護性