通用網站設計規范參考

❶ 個人網站設計參考文獻有哪些

個人網站設計論文期刊參考文獻

［1］名人個人網站設計欣賞．《電腦迷》．2015年2期；

［2］名人個人網站設計欣賞．《電腦迷》．2015年1期；

［3］個人網站設計的幾點思考．《黑龍江科技信息》．2010年15期．蔄福軍；

［4］淺談個人網站設計．《才智》．2011年2期．韓寶玉．沙繼東；

［5］基於ASP的個人網站設計及實現．《電腦與電信》．2010年9期．劉向華；

［6］個人網站設計之我見．《中國外資》．2009年2期．徐烈英；

［7］Cookie應用與個人信息安全研究．《計算機應用與軟體》．被中信所《中國科技期刊引證報告》收錄ISTIC．2007年3期．胡忠望．劉衛東；

［8］個人網站的自動化設計與開發．《企業技術開發（下半月）》．2014年3期．華志明；

［9］芻議水利網路網站設計．《黑龍江水利科技》．2014年7期．姜依彤．郝健超；

［10］談中職教師個人網站的設計．《成才之路》．2013年30期．王雪萍。

個人網站設計論文參考文獻學位論文類：

［1］麒麟視覺展示工作室網站的設計與實現．作者：楊婷．軟體工程山東大學2012（學位年度）

［2］面向高校教師的個人工作網站的設計與開發．被引次數：2作者：張培山．教育技術學華中科技大學2007（學位年度）

［3］基於SaaS模式的數字版權交易網站的設計與實現．被引次數：2作者：趙倪光．通信與信息系統南京理工大學2011（學位年度）

［4］基於雲計算技術的電子商務平台的設計與實現．被引次數：3作者：梁姝．軟體工程黑龍江大學2012（學位年度）

［5］基於前端模塊化開發思想的社區型知識型網站的設計與實現．作者：李敏．軟體工程北京交通大學2011（學位年度）

［6］B2C電子商務顧客價值與顧客忠誠度的關系研究．被引次數：128作者：查金祥．企業管理浙江大學2006（學位年度）

［7］基於信息構建（IA）的Web2．0網站研究．被引次數：22作者：陶青．情報學華東師范大學2007（學位年度）

［8］馬王堆後院藝術中心網站的設計與實現．被引次數：4作者：塗傑．軟體工程山東大學2009（學位年度）

［9］迪拜動漫網站web系統的設計與分析．被引次數：1作者：李紅松．軟體工程山東大學2009（學位年度）

［10］視覺元素在網頁設計中的應用——《拐點·攝影》個人網站設計．作者：朱月嬌．工業設計工程哈爾濱師范大學2015（學位年度）

(1)通用網站設計規范參考擴展閱讀：

一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。

網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。

一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。

網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。

網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。

盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。

網頁製作涉及的工具比較多，首先就是網頁製作工具了，大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。

除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫製作工具，如Flash、Cool3d、GifAnimator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟體，你可以根據需要靈活運用。

❷ 個人網站設計參考文獻有哪些

[1]吳濤主復編，網站全程設計制技術（修訂本），北京：清華大學出版社；北京交通大學出版社
[2] 張華、賈志娟主編，asp項目開發實踐，中國鐵道出版社
[3] 沈大林主編，中文Flash 8案例教程，中國鐵道出版社
[4]龍馬工作室編，ASP+SQL Server組建動態網站實例精講，北京：人民郵電出版社
[5] 趙增敏編，ASP動態網頁設計，電子工業出版社
[6] 任學文、范嚴編, 網頁設計與製作，中國科學技術出版社
[7] 武創、王惠主編,網頁設計探索之旅 ,電子工業出版社
[8] 杜巧玲等編, 網頁設計超級夢幻組合,清華大學出版社
[9] 吳黎兵、羅雲芳編，網頁設計教程， 武漢大學出版社
[10] 庄王健編，網頁設計三劍客白金教程，電子工業出版社
[11]葉汶華、程永靈主編，ASP.NET網頁製作教程，冶金工業出版社
[12]張軍、王佩楷主編，ASP動態網站設計經典案例，機械工業出版社
[13]魯宏偉、汪厚祥主編，多媒體計算機技術（第三版），電子工業出版社
[14] 趙小林、劉志強、鄭潔主編，網頁製作技術教程－動態網頁篇，北京：國防工業出版社

❸ 關於社區門戶網站頁面設計參考

天通苑

❹ 網站設計或網頁設計有行業或國家標准或規范

只有這種網頁才有標准！別的沒有！
標准編號:YD/T 1761-2008
標准名稱:信息無障礙 身體機能差異人群 網站設計無障礙技術要求
標准狀態:現行
英文標題:Information Accessibility for People With Physical Disabilities Technical REquirements for Web Accessibility
實施日期:2008-7-1
內容簡介:本標准規定了無障礙上網的網頁設計技術要求，其中包括網頁內容的可感知要求、介面組件的可操作要求、內容和控制的可理解要求、內容對現有和未來可能出現的技術的支持能力要求等。本標准適用於無障礙上網的網頁設計，也適用於公眾網站的擁有者，網站管理人員，網頁開發者設計、開發和管理無障礙網站。
出處: http://www.csres.com/detail/189654.html

❺ ．試述網頁設計的通用規則

1、HTML定義

2、網頁的分類

3、網頁的三要素

4、網頁三劍客包括什麼

5、框架的特點是什麼

6、設置各種超鏈接的方法

7、新建文檔的快捷鍵

8、層和表格可以相互轉換

9、對文檔中創建的層如何進行微調

10、站點地圖都包括哪幾個關系

11、表但的定義，表單中所包含的所有元素

12、行為的定義，行為在時間軸上所起到的作用（在網頁設計范圍內所起到的作用）

13、創建網站的時字體搭配 幾步（從開始到最終）

14、在網頁中插入的圖像都包含哪幾種格式，格式之間特點是什麼，用途是什麼。

15、設計網頁過程當中需要注意什麼，及通用的規則是什麼。（使用自己的語言，不可能完全一樣！！）

❻ 一般網站設計的風格規范有哪些內容

大多數設計模板有兩個部分：
文字標准
視覺標准
這兩個標准，是同等重要的，都是整體風格規范的一部分。把元素結合在一起將建立一個整體形象。每一個品牌或企業網站都有自己與眾不同的地方。選擇一個色調和風格，同步運用在字體和視覺畫面的效果上，把你的網站和用戶融為一體。
建立網站整理形象的時候，也正是品牌需求考慮到用戶和相關利益的人對此有何種期望的時候。是否被期待？是否有關聯，是否願意在這樣的網站上進行瀏覽使用等交互行為？
語言風格

雖然我們將主要精力集中於網站風格規范的視覺方面，但語言風格是非常重要的，是整體網站的一部分，也是你與用戶「交談」的方式。語言風格是正式還是輕松的？是冗長或更簡潔的？
用同樣的方式為網站格式寫你的風格規范。這將有助於提示你的團隊知道網站的初步設想，以及如何運用語言風格去協助於品牌標識。
語言風格是與每一位用戶溝通使用的。返回到MailChimp，我們通過他的品牌語言風格的塑造上全面審視。注意到公司談論及它的吉祥物，舉個例子：「Freddie是我們的吉祥物。我們不需要使用他與我們的logo組合。Freddie的臉右側面的，他的表情一直是眨著眼睛的。」
「准則」及用途

你的風格規范應該是你設計的「劇本」。（可能是比「規范」聽起來更通俗易懂？）
它應該概括了如何以及何時使用的字體、顏色和所有其他設計元素類型，讓人更容易理解。包括：
調色板，包括標准色和可適用的色彩
排版，可適用的字體、字型大小、縮進、行間距跳轉
LOGO，包括尺寸和位置
圖標或元素樣式（包括分享按鈕等）
拼寫，選項和格式風格（應該遵循哪種編輯格式？ APA格式？AP格式？或其他？）
照片格式，包括顏色、裁剪尺寸和視覺效果
SEO信息，如ALT標簽和關鍵詞
電網標准（適用於網路或列印）
間距方面的考慮（是否設計的太松或太緊）
反饋接觸信息（可以向團隊成員提問或建議的）
簡單而具體的概念

這可能是最困難的部分，你需要明白這些信息，並將其爛熟於心，理解成簡單、具體、可操作性強的概念：
當涉及到風格規范不能走極端，只是一個視覺參考，而通過這種方式去設計。
組合相關內容，並快速相關聯，比如頁面的顏色、已經跳轉進入另一頁的圖形和照片等。
為可以顯示的內容舉一些相似的例子，不需要解釋的部分用佔位符。
盡可能地提供細節，色彩樣式，例如，包括RGB（或HEX ）和CMYK值等，使顏色可以規范使用。
打破部分常用的元素案例去設計。
片段和實例

無論你的設計風格規范是用於印刷還是數字使用或基於Web的文檔，應該包含有用的工具。部分有用的元素品牌案例做得到也可能做不到，但他可以很容易把重點放在你想看到的品牌視覺上。
然後，創建一個易操作的目錄。創建原型組（或一組常見的元素，這取決於你使用的軟體） 。保存在一個常用的位置，使其容易操作並且生成容易修改的文件。
為參與該項目的每個人提供基於雲端軟體的工具列表。（這包括鏈接、用戶名等基本信息。）確保所有字體包、logo和圖像文件是在一個常用的位置，所有的使用者都知道他們在哪裡。 （在另一個地方保留備份，以防原文件、作品丟失。）
創建代碼片段，易於復制並粘貼到項目主列表。這樣不用每次重建，常見的元素需要被分享在一個每個人都可以訪問的共享位置。
最後一步是進化優化。每件事情都可能會變，而且必然要經歷蛻變。
執行風格規范

最後，最大的問題是「如何讓人們遵循風格規范呢？」按照以上這些列出的內容，你已經有一個很好的方式擁有了設計的輪廓，具有了簡單、具體的概念。
風格規范是很容易被追隨的，就像你寫的網站一樣。語言是簡單的和不生僻的，可以讓人們去追隨這些准則。
風格規范應該留下足夠的設計空間對於其靈活性和實際製作上。就像你的品牌，在一定范圍內，可以幫助團隊成員發揮他們設計的創造力，也同時創造新的東西。風格規范的所有者也是如此，這是指批准、更新和變化設計風格規范的人，並能回答有關設計決策問題的所有人。這個「所有者」可以是個人團隊，或者更大組織的規模。

❼ 網頁設計包含哪些規范 Xhtml規范 樣式命名規范 還有哪些

網頁設計規范大體包含如下幾個：（以下全部手打,可追問）
1.html方面的
1）html 4.01 現在的網頁設計員基本不在採用，但是主流的瀏覽器仍然支持他們；
2) xthml1.0 目前正在大面積使用的標准，主流瀏覽器都支持它；
3）html5.0 html的新標准，主流最新的瀏覽器支持它的一部分，目前沒有任何一個瀏覽器支持它的全部；
2.css方面的
1）css2.1 當前的主流，所有的主流瀏覽器都支持它，但各個瀏覽器在細節的實現的方式有差別；
2）css3.0 目前沒有任何一款瀏覽器支持它的全部；
3.javascript方面
官名叫ECMAScript，所有的主流瀏覽器都支持，微軟交js,普通使用者為了方便也稱為js
4.XML方面
因為目前AJAX很流行，建議掌握xml方面的規范及js方面的規范
5.sql方面
做網頁必然使用資料庫，sql就少不了；目前大部分的主流資料庫技術都採用ANSI 92規范，注意acces默認採用的是ansi89規范,但是可以設定；這個必須要掌握
6.正則表達式方面
做網頁後台編程離不開操作字元串，最好掌握正則表達式規范，這個一勞永逸
7.後台技術方面
後台技術千差萬別，由各個廠商而定，無統一規范可言；主流的後台技術為php、asp.net、jsp、asp；建議學習.net，它具有極強的繼承性和拓展性（開發者夢寐以求的）

❽ 網站界面設計規范有哪些

易用性規范

2.001 常用按鈕要支持快捷方式。

2.002 完成同一功能或任務的元素放在集中位置，減少滑鼠移動的距離。

2.003 界面要支持鍵盤自動瀏覽按鈕功能，即按Tab鍵的自動切換功能。

2.004 界面上首先應輸入的和重要信息的控制項在Tab順序中應當靠前,位置也應放在窗口上較醒目的位置。

2.005 分頁界面要支持在頁面間的快捷切換，常用組合快捷鍵Ctrl+Tab

2.006 默認按鈕要支持Enter和選操作，即按Enter後自動執行默認按鈕對應操作。

2.007 可寫控制項檢測到非法輸入後應給出說明並能自動獲得焦點。

2.008 Tab鍵的順序與控制項排列順序要一致，目前流行總體從上到下，同時行間從左到右的方式。

2.009 復選框和選項框，按選擇幾率的高底而先後排列。

2.010 復選框和選項框要有默認選項，並支持Tab選擇。

2.011 界面空間較小時使用下拉框而不用選項框。

2.012 選項數較少時使用選項框，相反使用下拉列表框。

2.013 根據用戶不同採用相應的詞語語氣語調，如專用軟體，可以出現很多專業詞彙;用戶為兒童：這可以語氣親切和藹;老年用戶則應該成熟穩重。

2.014 滑鼠為不可點擊狀態時顯示箭頭，可點擊狀態顯示手型;系統忙時顯示沙漏形狀
規范性規范

2.015 菜單前的圖標能直觀的代表要完成的操作。

2.016 工具欄要求可以根據用戶的要求自己選擇定製。

2.017 系統常用的工具欄設置默認放置位置。

2.018 工具箱要具有可增減性，由用戶自己根據需求定製。

2.019 狀態條要能顯示用戶切實需要的信息，常用的有、目前的操作、系統狀態、用戶位置、用戶信息、提示信息、錯誤信息等，如果某一操作需要的時間較長，還應該顯示進度條和進程提示。

2.020 滾動條的長度要根據顯示信息的長度或寬度能及時變換，以利於用戶了解顯示信息的位置和百分比。

2.021 狀態條的高度以放置五號字為宜，滾動條的寬度比狀態條的略窄。

2.022 菜單和工具條要有清楚的界限;菜單要求凸出顯示，這樣在移走工具條時仍有立體感。

2.023 工具條一般比菜單要寬，但不要寬的太多，否則看起來很不協調。

幫助規范

2.024 幫助文檔中的性能介紹與說明要與系統性能配套一致。

2.025 打包新系統時，對作了修改的地方在幫助文檔中要做相應的修改。

2.026 在界面上調用幫助時應該能夠及時定位到與該操作相對的幫助位置。也就是說幫助要有即時針對性。

2.027 用戶可以用關鍵詞在幫助索引中搜索所要的幫助，當然也應該提供幫助主題詞。

2.028 如果沒有提供書面的幫助文檔的話，最好有列印幫助的功能。

2.029 在幫助中應該提供我們的技術支持方式，一旦用戶難以自己解決可以方便的尋求新的幫助方式。

合理性規范

2.030 與正在進行的操作無關的按鈕應該加以屏蔽(Windows中用灰色顯示，沒法使用該按鈕)。

2.031 對可能造成數據無法恢復的操作必須提供確認信息,給用戶放棄選擇的機會。

2.032 非法的輸入或操作應有足夠的提示說明。

2.033 對運行過程中出現問題而引起錯誤的地方要有提示，讓用戶明白錯誤出處，避免形成無限期的等待。

2.034 提示、警告、或錯誤說明應該清楚、明了、恰當。

2.035 提交失敗後必須保存用戶已經輸入的內容，以便修改後再次提交。

美觀與協調規范

2.036 長寬接近黃金點比例，切忌長寬比例失調、或寬度超過長度。

2.037 布局要合理,不宜過於密集，也不能過於空曠，合理的利用空間。

2.038 按鈕大小基本相近，忌用太長的名稱，免得佔用過多的界面位置。

2.039 按鈕的大小要與界面的大小和空間要協調。

2.040 避免空曠的界面上放置很大的按鈕。

2.041 放置完控制項後界面不應有很大的空缺位置。

2.042 字體的大小要與界面的大小比例協調。

2.043 前景與背景色搭配合理協調，反差不宜太大，最好少用深色，如大紅、大綠等。如：安全軟體，根據工業標准，可以選取黃色，綠色體現環保，藍色表現時尚、紫色表現浪漫等等，淡色可以使人舒適，暗色做背景使人不覺得累等。

2.044 如果使用其他顏色，主色要柔和，具有親和力與磁力，堅決杜絕刺目的顏色。

2.045 界面風格要保持一致，字的大小、顏色、字體要相同，除非是需要藝術處理或有特殊要求的地方。

2.046 如果能給用戶提供自定義界面風格則更好，由用戶自己選擇顏色、字體等。

2.047 色盲、色弱用戶，即使使用了特殊顏色表示重點或者特別的東西，也應該使用特殊指示符。

2.048 顏色方案也需要測試，常常由於顯示器、顯卡的問題，色彩表現每台機器都不一樣，應該經過嚴格測試，不同機器進行顏色測試。

2.049 使用統一的語言描述，例如一個關閉功能按鈕，可以描述為退出、返回、關閉，則應該統一規定。

菜單設計規范

2.050 菜單通常採用"常用--主要--次要--工具--幫助"的位置排列，符合流行的Windows風格。

2.051 常用的有"文件"、"編輯"，"查看"等，幾乎每個系統都有這些選項，當然要根據不同的系統有所取捨。

2.052 下拉菜單要根據菜單選項的含義進行分組，並按照一定的規則進行排列，用橫線隔開。

2.053 一組菜單的使用有先後要求或有向導作用時，應該按先後次序排列。

2.054 沒有順序要求的菜單項按使用頻率和重要性排列，常用的放在開頭，不常用的靠後放置;重要的放在開頭，次要的放在後邊。

2.055 如果菜單選項較多，應該採用加長菜單的長度而減少深度的原則排列。

2.056 菜單深度一般要求最多控制在三層以內。

2.057 對與進行的操作無關的菜單要用屏蔽的方式加以處理，如果採用動態載入方式——即只有需要的菜單才顯示——最好。

2.058 菜單前的圖標不宜太大，與字高保持一直最好。

2.059 主菜單的寬度要接近，字數不應多於四個，每個菜單的字數能相同最好。

2.060 主菜單數目不應太多，最好為單排布置。

獨特性規范

2.061 安裝界面上應有單位介紹或產品介紹，並有自己的圖標。

2.062 主界面，最好是大多數界面上要有公司圖標。

2.063 登錄界面上要有本產品的標志，同時包含公司圖標。

2.064 幫助菜單的"關於"中應有版權和產品信息。

2.065 公司的系列產品要保持一直的界面風格，如背景色、字體、菜單排列方式、圖標、安裝過程、按鈕用語等應該大體一致。

安全性規范

2.066 應當注意盡可能避免用戶無意錄入無效的數據。

2.067 採用相關控制項限制用戶輸入值的種類。

2.068 當用戶作出選擇的可能性只有兩個時,可以採用單選框。

2.069 當選擇的可能再多一些時,可以採用復選框,每一種選擇都是有效的,用戶不可能輸入任何一種無效的選擇。

2.070 當選項特別多時，可以採用列表框，下拉式列表框。

2.071 在一個應用系統中,開發者應當避免用戶作出未經授權或沒有意義的操作。

2.072 對可能引起致命錯誤或系統出錯的輸入字元或動作要加限制或屏蔽。

2.073 對可能發生嚴重後果的操作要有補救措施。通過補救措施用戶可以回到原來的正確狀態。

2.074 對一些特殊符號的輸入、與系統使用的符號相沖突的字元等進行判斷並阻止用戶輸入該字元。

2.075 對錯誤操作最好支持可逆性處理，如取消系列操作。

2.076 在輸入有效性字元之前應該阻止用戶進行只有輸入之後才可進行的操作。

2.077 對可能造成等待時間較長的操作應該提供取消功能。

2.078 特殊字元常有;;'"><,`'、"["{、\|｝]+=)-(_*&&^%$ #@!~,.。?/還有空格。

2. 079 與系統採用的保留字元沖突的要加以限制。

2.080 讀入用戶所輸入的信息時，根據需要選擇是否去掉前後空格。

2.081 有些讀入資料庫的欄位不支持中間有空格，但用戶切實需要輸入中間空格，這時要在程序中加以處理。

輸入項規范

2.082 必輸項中不可為空，不可輸入空格

2.083 必輸項給出必輸項標識(*)。

2.084 非必輸項欄位，Null插入資料庫時不會出錯，在資料庫中設置默認值

2.085 日期顯示格式一致;或提供固定格式的選擇。

2.086 輸入區域輸入特殊字元，插入資料庫時不出錯或提示不允許輸入特殊字元。

2.087 英文輸入不區分大小寫，不可輸入漢字、數字及特殊字元

2.088 數值欄位只能輸入+ ，— ，0~9及功能鍵(BackSpace 游標) 。數值不能為負數。

2.089 單行文本框/多行文本框;長度合適，可以容納相應文字，但不能超過資料庫該欄位長度，最好將可以輸入的最大字元數標在旁邊。建議單行文本框中當輸入的字元超過一定長度時再輸入無效;對於多行文本框給出最大字元數標識

2.090 附件;可正常添加符合格式的附件; 附件可正常打開和保存，附件名較長時可正常操作;直接輸入錯誤的附件地址，保存時應給出提示信息;附件打開和保存到本地時，文件名要顯示原文件的文件名。

2.091 密碼輸入;在需求中定義密碼是否允許為空或空格;密碼是否允許特殊字元;是否區分大小寫，密碼的可輸入長度;程序中應給出文字說明密碼的可輸入長度。

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

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

送交搜索引擎

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

網站推廣

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

紀錄與追蹤

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

程序設計

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