要做一個網(wǎng)站太簡單了，但把網(wǎng)站做好并不簡單。這句話一點都不假：
1. 首先看看美工方面：真正的強悍的美工在中國是很難找到了，即使找到那工資也高的嚇人，一般點的美工都基本模仿別人的網(wǎng)站然后改點顏色或結(jié)構(gòu)這樣的就變成自己的網(wǎng)站了。
2. 第二看看切圖方面：切圖是很講究的一項工作，圖片切好了能提高網(wǎng)站的訪問速度，所以這個是一個細活。如果仔細的話一個首頁一天的時間才能完全的切完，如果馬虎點的話那就是幾分鐘的事情，這其中的差別不懂網(wǎng)站的人是很難區(qū)分。前段時間我朋友給我看了一個網(wǎng)站，第一眼看上去效果還真不錯，韓國風(fēng)格，不過和韓國網(wǎng)站的區(qū)別就是別人別人做了很好看的動畫配套著整個網(wǎng)站，他這個沒有，不過這也沒關(guān)系了，畢竟中國的網(wǎng)速沒韓國的快，能不用大文件的盡量不用。但是我打開原文件一看，靠！這什么人啊。網(wǎng)站是一個大背景做的，然后用Table控制內(nèi)容顯示的地方。我也真佩服這個程序，能想到這樣好的點子，多省事啊。但是網(wǎng)站主就命苦了，花錢請別人做一個網(wǎng)站，瀏覽需要兩三分鐘。還有的是好多網(wǎng)站里面全是table，仔細點數(shù)的話可以數(shù)到第十層。
3. 第三我們看看后臺程序吧：現(xiàn)在網(wǎng)上好多開源的程序能提供給我們使用，還有CMS（文章管理系統(tǒng)），對程序不了解的人通過簡單的培訓(xùn)都能完成。哈哈，但是開源程序有好多內(nèi)容是我們不需要的，也就是垃圾文件，沒有幾個會注意這點，所以做出來的網(wǎng)站信噪比就不怎么符合要求，搜索引擎給的評價就不會很高。以為你沒洗臉就出來逛街呢。
4. 我們最后優(yōu)化方面：現(xiàn)在搜索引擎對關(guān)鍵字和標(biāo)題都比較重視，一些人根本就不管這項，特別是給別人做外包的，只要客戶不說明這項基本就是空的，最多就是一個公司的名字，里面的每個頁面標(biāo)題都一樣。網(wǎng)站描述關(guān)注的人更少了，這就像一篇文章的概要，好的描述能吸引更多的讀者。


二．工具介紹
現(xiàn)在我們介紹制作網(wǎng)站的常用工具：

1. Photoshop（PS）：制作網(wǎng)站效果圖和處理圖片的軟件，通常情況下都是先用PS來做好效果圖然后讓客戶確認效果圖后再繼續(xù)其他操作。
2. fireworks（FW）：和PS功能差不多，但這個有個優(yōu)點就是能定位圖片上某一個位置的坐標(biāo)，這個功能很有用，以后我們會介紹到。
3. Dreamweaver（DW）：HTML，JS，CSS，還有asp程序的編寫工具，我們之后會介紹到他的用法。
4. Flash（FL）:當(dāng)頁面需要動畫的時候一般就通過這個工具來處理的。網(wǎng)頁三劍客指的是（FW，DW，F(xiàn)L），如果有說網(wǎng)頁四劍客那么就是PS了，不過很少有人這么說的。
5. Access屬于桌面數(shù)據(jù)庫，優(yōu)點是購買空間的時候免費使用的。如果數(shù)據(jù)量很小這是個很不錯的選擇
6. sql ：分為mssql和mysql，其中MySQL一般和php配合著使用，其他語言都使用msSql的多，還有一個處理大量數(shù)據(jù)的Oracle數(shù)據(jù)庫，這個無論從哪方面講性能有由于前面三種，XML作為留言和論壇的存儲數(shù)據(jù)的介質(zhì)，文本也可以存，但這不能稱為數(shù)據(jù)庫。
7. 其他輔助工具：
i. SWFDecompiler：此工具是將swf格式轉(zhuǎn)化為fla格式。在網(wǎng)上看到有好的flash動畫，下載下來后通過此工具轉(zhuǎn)換成源文件然后改動一下變成自己的作品了，一般都能轉(zhuǎn)換。
ii. SWFText：文字flash制作軟件。簡單方便
iii. ftp：文件上傳下載工具，將制作好的網(wǎng)站程序傳送到服務(wù)器上，一般使用flashFTP和CuteFTP的多。
iv. ImageReady：和Photoshop一起安裝的，主要是制作gif動畫。
v. 其他開發(fā)工具：如果開發(fā)語言非asp，那么就需要其他相關(guān)開發(fā)環(huán)境了。如.net需要安裝Microsoft Visual Studio .net 。好多人覺得asp過時了？真的過時了嗎？你就說說其他語言能開發(fā)出來的asp有不能的嗎？微軟之所以不再更新asp是因為asp已經(jīng)沒有更新的了，如果你的網(wǎng)站不穩(wěn)定那請不要怪asp，只能怪程序員不精通而已。語言沒有好壞之分，主要看使用語言的是什么什么人了。
三．美工篇
美，一個很模糊的概念，在網(wǎng)站方面更顯然。你覺得自己做的頁面看上去很漂亮，給客戶看了總是有那么多地方要修改的。還有的是今天做好了覺得好看的過段時間來看怎么覺得不那么好看了？應(yīng)該所有做美工的都會這樣吧，這個可以根據(jù)客戶的審美觀點來確定網(wǎng)站風(fēng)格，多溝通幾次就能發(fā)現(xiàn)客戶喜歡什么類型的網(wǎng)站和什么樣的顏色。這樣改是肯定的，但是改的少。不同的人有不同的審美觀，同一個人在不同時期和不同的環(huán)境下審美觀也不一樣。所以具體怎么做網(wǎng)站好看并不能說清楚，但一定要細膩，怎么才算細膩？我們現(xiàn)在說說：
1. 網(wǎng)站的寬度是沒有規(guī)定的，主流的有幾個寬度，778px這個在800*600下面是全屏的，不過現(xiàn)在已經(jīng)淘汰了，因為現(xiàn)在大部分顯示屏都是超大液晶，所以看776px的時候感覺邊上太空了，當(dāng)時流行的時候是因為在17’顯示屏上看邊上剛好有一點空白，還能在加點廣告在邊上掛著，第二種寬度是1002px 這個在1024*768上面顯示剛好滿屏，現(xiàn)在流行的是960px或950px；還有910px的，這些能流行主要也更顯示器的換代有關(guān)，把800*600先顯示器淘汰了，而960px的網(wǎng)站在其他顯示上看上去都那么的好看。

2. 網(wǎng)站模塊之間的距離必須統(tǒng)一。具體來說就是 欄目與欄目之間的距離統(tǒng)一，文字和文字之間的距離統(tǒng)一，圖片和圖片見得距離統(tǒng)一。上下的距離統(tǒng)一。有時候為了美化也可以設(shè)置其個別的不統(tǒng)一，但要你要是每個地方的距離都不一樣那就不好了。
3. 圖片的處理，圖片當(dāng)然是越小越好了，但是前提是圖片保持清晰的情況下。做透明的圖片最好用png格式的，IE6下面并不支持圖片透明，但可以通過js代碼來處理。用gif的透明圖片會產(chǎn)生鋸齒。
4. 做效果圖的時候建議使用輔助線，把每條線都定位到一個刻度上，這樣切圖的時候就不會產(chǎn)生多切點少切點的毛病了。
5. 網(wǎng)站的顏色一般不要太多，一個主色，一個輔助色，一個點綴色，然后用白色和灰色做過渡色。如果你覺得你有能力駕馭多種色那可以試試。取色的時候最好用Web色，因為只有Web色在液晶屏上和普通純屏上顯示的色彩看上去沒多大誤差，能保證你的網(wǎng)站在什么顯示器上顯示都好看。
6. 不同行業(yè)的網(wǎng)站使用的配色方案也不一樣，這個建議做之前先尋找個配色方案。

效果圖做好后就是做切圖了，切圖要考慮的最多的是當(dāng)內(nèi)容比預(yù)計的要多的時候網(wǎng)站不要變形。這個的解決辦法就是把能做背景的做背景，圖片上顏色一樣的就不要圖片了直接加背景色。背景圖盡量要小。這個多切點圖就能慢慢明白，要說好的方法的話真不太好說，但做HTML的時候要記住Table最好別多過三層，那樣里面的table搜索引擎就不認了，那么里面的內(nèi)容就可能沒有被收錄，再說那樣顯示內(nèi)容的速度也慢。

四．HTML代碼優(yōu)化
HTML（超文本標(biāo)記語言）這里的代碼優(yōu)化主要就是網(wǎng)頁的標(biāo)題，關(guān)鍵詞的設(shè)置，關(guān)鍵詞的描述，鏈接的Title屬性，圖片的Alt和Title屬性
1. 網(wǎng)站標(biāo)題：網(wǎng)站標(biāo)題不能所有頁面都一個標(biāo)題，標(biāo)題的字?jǐn)?shù)在25個左右最合適，里面用很通俗的話把重要的幾個關(guān)鍵詞包含進去。
2. 網(wǎng)站關(guān)鍵字：這里列出所有的關(guān)鍵字，其中用半角的逗號或空格區(qū)分，雖然好多搜索引擎對這個已經(jīng)不關(guān)注了，但是能在一定程度上提示搜索引擎。
3. 網(wǎng)站描述：這里對搜索引擎沒什么用，但對瀏覽者用戶非常大，好的描述能吸引更多的瀏覽者。
4. 網(wǎng)站圖片：如果網(wǎng)站定位為門戶型的網(wǎng)站，那訪問的人應(yīng)該不會少，那要盡量減少對服務(wù)器的請求次數(shù)，所以我推薦使用一張大的透明背景做背景，如果你用多張小的圖片做背景圖，那下載圖片的總大小和下載一張大背景圖差不多，但對服務(wù)器的請求次數(shù)增加了，如果訪問一次增加了30次，那么10000人訪問是不是要增加30*10000次？如果再多點那么你再好的服務(wù)器那也承受不了。現(xiàn)在好多門戶網(wǎng)都使用這種方法。

5. 網(wǎng)站的css樣式表：把所有的樣式表放在一個css文件中可以提高搜索引擎的友好度，但網(wǎng)頁解析這個文件需要一定的時間，反過來一樣，前期都是寫一個單獨的樣式表文件，想qq，taobao，sina這樣的網(wǎng)站注重的是瀏覽速度，所以都直接寫在網(wǎng)頁里。
6. Js文件：和Css一樣，但是搜索引擎都不認js文件，所以別把關(guān)鍵詞放在js文件里面。
7. 連接的Title屬性：這主要是給關(guān)鍵詞加權(quán)重而已。
8. 圖片的Alt和Title屬性： 和鏈接的Title一樣，可以放心大膽的使用，不用擔(dān)心網(wǎng)站被K，因為這是W3C標(biāo)準(zhǔn)規(guī)定的，百度，谷歌都要遵守的規(guī)范。
9. <h1>標(biāo)記對：搜索引擎對這個給的評價很高。所以關(guān)鍵詞可以用<h1>標(biāo)記，文章的標(biāo)題也是一樣。
10. table和div的區(qū)別：搜索引擎給table的評價要比div的高，但是div給瀏覽者帶來的瀏覽速度是很顯然的。所以制作的時候主要以div為主，某些重要信息可以用table。
11. 網(wǎng)站地圖：是一盞明燈，給黑夜里摸索道路的人指明道路。當(dāng)蜘蛛爬到你的網(wǎng)站的時候他就像一個瞎子，到處亂轉(zhuǎn)，說不轉(zhuǎn)什么時候不小心就跑出了你的網(wǎng)站，而你用網(wǎng)站地圖給他帶路，讓他跟著你走。

五．動態(tài)語言優(yōu)化（asp C# Jsp PHP 等）
動態(tài)語言優(yōu)化主要就是算法，結(jié)構(gòu)，對數(shù)據(jù)庫的操作。
1. 算法：算法要盡量讓服務(wù)器解釋時間減少，有的時候?qū)幵付鄬扅c代碼。比如request這個類，我們知道直接寫的時候可以獲得表單提交的內(nèi)容，網(wǎng)頁地址帶的參數(shù)，和緩存里面的內(nèi)容等。但是服務(wù)器解釋的時候需要尋找這個類所有函數(shù)來查看是否和你的需求匹配，所以你使用Request.Form,Request.QueryString這個的引用方法就好的多。
2. 結(jié)構(gòu)：結(jié)構(gòu)不好的網(wǎng)站也是你打開網(wǎng)站慢的原因之一，當(dāng)訪問人多的時候這個問題就會很突出。寫代碼的時候要避免一段Asp語言一段HTML語言，如：
<%
if Request.Form(“UserName”)=”” then
%>
你的用戶名不能為空
<%
else
%>
這個是判斷的內(nèi)容
<%end if%>
這樣是很不好的一種寫法，不要以為服務(wù)器資源是無限的。規(guī)范的寫法是：
<%
If Request.Form(“UserName”)=”” then
Response.Write(“你的用戶名不能為空”)
Else
Response.Write(“這個是判斷的內(nèi)容”)
End If
%>
當(dāng)然我這是舉個例子，因為判斷用戶名都是在客戶端用js判斷，如果在服務(wù)器判斷那不是要累死服務(wù)器么。
第二點是少用<!--#Include 文件，因為服務(wù)器解釋這個需要花費大量的時間，我看了好多人寫的代碼里面好像是想表現(xiàn)他的技術(shù)好吧，Include還有Include，里面還有Include。這個是不推薦的，有寫情況下是沒有辦法才這么做的。
3. 對數(shù)據(jù)庫的操作：數(shù)據(jù)庫中字段設(shè)計都使用對應(yīng)的數(shù)據(jù)類型，別總一個勁的用文本類型，因為數(shù)字類型占的空間比文本類型要小的多。數(shù)據(jù)庫打開后要及時關(guān)閉，最好的辦法是在top文件加上conn.open在end文件里面加conn.close set conn=nothing，查詢數(shù)據(jù)庫的時候別用select * from [User] 這樣的通配符，要使用 select UserName,PassWord,Level from [User]，即使你表里面也只有這三個字段，當(dāng)查詢出來的結(jié)果又多條記錄的時候才使用 set rs=server.createObject(“Adodb.Recordset”) ,如果只返回一行數(shù)據(jù)的時候用 set rs=conn.execute(“select UserName,PassWord,Level from User”)因為conn.execute 執(zhí)行速度別recordset 方式快得多，記得要及時關(guān)閉rs。

六．關(guān)于搜索引擎
搜索引擎在中國使用最多的是百度，其次就是谷歌，但一般優(yōu)化的時候都是針對google來優(yōu)化的，因為百度做的競價排名很不厚道，前十位基本都是花錢的，也就是及時能做到第一位那也排在第二頁了，所以程序員都不喜歡百度，其次是百度的算法確實沒有谷歌的好，但是百度對中文的分詞要比谷歌好，這就是谷歌在中國的市場占有率沒有百度的高，不過現(xiàn)在百度的競價在改版，具體以后改版得怎么樣還在等待中。
網(wǎng)站的優(yōu)化就兩個目的：第一是把網(wǎng)站的關(guān)鍵詞排到搜索引擎的前面，第二就是提高網(wǎng)站的收錄效果，讓更多的關(guān)鍵詞上去，一個屬于深度，一個屬于廣度，所以兩者都要做好，他們之間存在著依賴關(guān)系。
1. 關(guān)鍵詞優(yōu)化：關(guān)鍵詞優(yōu)化主要看搜索引擎對你網(wǎng)站的評分，谷歌的PR值就提供一個參考，但這不是絕對的，優(yōu)化PR值小的排在PR值大的前面，這還有看你自己的網(wǎng)頁對這個關(guān)鍵詞的權(quán)重大小，這就需要其他網(wǎng)站給你的網(wǎng)站的評分，所謂的反向鏈接，其次是你自己的網(wǎng)頁的標(biāo)題，網(wǎng)頁的關(guān)鍵詞以及內(nèi)容中的Title，Alt，<H1>來給關(guān)鍵詞的權(quán)重了。
2. 關(guān)鍵詞的選擇：選擇關(guān)鍵詞最好選用長關(guān)鍵詞，并且要符合人們搜索習(xí)慣，這樣關(guān)鍵詞很容易就上首頁了，當(dāng)長關(guān)鍵字上去了短關(guān)鍵字也上去了，具體的怎樣命名可以參看“關(guān)鍵詞的定位技巧和分類”

3. 網(wǎng)站描述：網(wǎng)站描述是用非常通俗的話描述一下網(wǎng)站的主要信息，但是在通俗中求精，當(dāng)瀏覽者搜索某個關(guān)鍵詞的時候顯示格式是 標(biāo)題+網(wǎng)站描述（沒有描述的就獲取網(wǎng)頁的部分內(nèi)容）+連接地址，所以瀏覽者是否會點擊你的網(wǎng)站很多情況下是看描述。
4. 網(wǎng)站的提交sitemap：網(wǎng)站提交文件時sitemap文件名全是小寫，對不同的搜索引擎提交不同的的sitemap ，因為要求的格式不一樣，好一點的Cms都支持不同的sitemap生成，還有放在本站上的網(wǎng)站地圖最好自己設(shè)計一個清晰的導(dǎo)航，不要把所有的地址都生成在一個文件里面，多做幾個分頁無所謂，蜘蛛會跟著連接地址去抓取，如果全在一個頁面上蜘蛛抓了一部分就放棄了，可能是因為厭煩了吧。
5. robots.txt文件：這里設(shè)置需要抓取的文件和不需要抓取的文件，不要因為你想讓蜘蛛全部抓取你就不寫這個文件。下面是基本格式
a) User-agent: *
b) Disallow: /Admin
c) Disallow: /AD
d) Disallow: /API
g) 其中 User_agent * 意思是全部允許，Disallow：不允許其他的是連接，蜘蛛爬行網(wǎng)站的時候第一件事就是查找這個文件是否存在而不是查找你的網(wǎng)站首頁，通過這個地址把網(wǎng)站地圖連接上去，蜘蛛就優(yōu)先爬行網(wǎng)站地圖，因為網(wǎng)站地圖里面的鏈接不首頁的要全得多。
6. 網(wǎng)站靜態(tài)處理：搜索引擎最喜歡htm的后綴，所以生成靜態(tài)頁的時候盡量選用htm，別選html，而并不是搜索引擎不喜歡其他后綴，只是W3C標(biāo)準(zhǔn)定義的就是htm，所以先查找它然后再找其他擴展的。但能肯定的一點是他絕對不喜歡后面帶參數(shù)的，如果參數(shù)有3個以上那可能就不會收錄了。我的網(wǎng)站沒有做靜態(tài)轉(zhuǎn)化時因為我想更進一步證明一下具體是幾個參數(shù)不收錄，俗話說我不如地域誰入地獄。 網(wǎng)站靜態(tài)處理的方法一般有兩種，一是生成靜態(tài)文件，二是重寫軟件（ISAPI_Rewrite）兩個的區(qū)別是：生成靜態(tài)文件的需要編寫復(fù)雜的代碼，生成文件的時候?qū)τ脖P的損傷大，占用空間大，但訪問速度快，因為他不需要服務(wù)器解釋就能直接發(fā)送個客戶端，重寫方式必須要自己對服務(wù)器有操作權(quán)限，因為要安裝軟件，優(yōu)點是他不用寫復(fù)雜的代碼就能轉(zhuǎn)換成靜態(tài)頁面，對網(wǎng)站內(nèi)容的更新及時，而生成方法有更新了必須手動更新才能顯示，對搜索引擎的友好度和靜態(tài)頁面的一樣。.net可以自定義靜態(tài)頁面的，這個我沒有深入了解過。
7. 網(wǎng)站的推廣：做好網(wǎng)站后不管是什么目的都是想要更多人看到，最多的是金錢目的，那就需要推廣自己的網(wǎng)站了，方法當(dāng)然是多種的了，其中做百度競價是最直接的效果，不過投入太大，并且現(xiàn)在百度競價也正改版，還不知道以后出來的效果是什么樣的。其次就是做廣告，這里的廣告包括所有媒體上的，不只限于某個網(wǎng)站或某個電視節(jié)目。但這些都是有錢人干的事，這就是用錢賺錢的方法。對我們沒錢的人來說只能用勞動力賺錢了，那就是發(fā)帖，寫軟文，發(fā)帖是個累活，我是做不了的，整天要和其他站的站長打拉鋸戰(zhàn)，你睡覺我發(fā)帖，你起來刪帖我就睡覺。寫軟文是推廣的最好途徑，但前提是要寫的好，別人覺得好了就會轉(zhuǎn)帖，這樣無形中就成為你的推廣會員了。



好了就這樣了，我再想如果你看了這篇文章你還想用幾百塊錢來做個網(wǎng)站嗎？不知道什么時候能才能有個我想象中的那種效果啊。