[建站入門]如何做好一個網站
作者:晉城網站建設 日期:2012-02-16
要做一個網站太簡單了,但把網站做好并不簡單。這句話一點都不假:
1. 首先看看美工方面:真正的強悍的美工在中國是很難找到了,即使找到那工資也高的嚇人,一般點的美工都基本模仿別人的網站然后改點顏色或結構這樣的就變成自己的網站了。
2. 第二看看切圖方面:切圖是很講究的一項工作,圖片切好了能提高網站的訪問速度,所以這個是一個細活。如果仔細的話一個首頁一天的時間才能完全的切完,如果馬虎點的話那就是幾分鐘的事情,這其中的差別不懂網站的人是很難區分。前段時間我朋友給我看了一個網站,第一眼看上去效果還真不錯,韓國風格,不過和韓國網站的區別就是別人別人做了很好看的動畫配套著整個網站,他這個沒有,不過這也沒關系了,畢竟中國的網速沒韓國的快,能不用大文件的盡量不用。但是我打開原文件一看,靠!這什么人啊。網站是一個大背景做的,然后用Table控制內容顯示的地方。我也真佩服這個程序,能想到這樣好的點子,多省事啊。但是網站主就命苦了,花錢請別人做一個網站,瀏覽需要兩三分鐘。還有的是好多網站里面全是table,仔細點數的話可以數到第十層。
3. 第三我們看看后臺程序吧:現在網上好多開源的程序能提供給我們使用,還有CMS(文章管理系統),對程序不了解的人通過簡單的培訓都能完成。哈哈,但是開源程序有好多內容是我們不需要的,也就是垃圾文件,沒有幾個會注意這點,所以做出來的網站信噪比就不怎么符合要求,搜索引擎給的評價就不會很高。以為你沒洗臉就出來逛街呢。
4. 我們最后優化方面:現在搜索引擎對關鍵字和標題都比較重視,一些人根本就不管這項,特別是給別人做外包的,只要客戶不說明這項基本就是空的,最多就是一個公司的名字,里面的每個頁面標題都一樣。網站描述關注的人更少了,這就像一篇文章的概要,好的描述能吸引更多的讀者。
二.工具介紹
現在我們介紹制作網站的常用工具:
1. Photoshop(PS):制作網站效果圖和處理圖片的軟件,通常情況下都是先用PS來做好效果圖然后讓客戶確認效果圖后再繼續其他操作。
2. fireworks(FW):和PS功能差不多,但這個有個優點就是能定位圖片上某一個位置的坐標,這個功能很有用,以后我們會介紹到。
3. Dreamweaver(DW):HTML,JS,CSS,還有asp程序的編寫工具,我們之后會介紹到他的用法。
4. Flash(FL):當頁面需要動畫的時候一般就通過這個工具來處理的。網頁三劍客指的是(FW,DW,FL),如果有說網頁四劍客那么就是PS了,不過很少有人這么說的。
5. Access屬于桌面數據庫,優點是購買空間的時候免費使用的。如果數據量很小這是個很不錯的選擇
6. sql :分為mssql和mysql,其中MySQL一般和php配合著使用,其他語言都使用msSql的多,還有一個處理大量數據的Oracle數據庫,這個無論從哪方面講性能有由于前面三種,XML作為留言和論壇的存儲數據的介質,文本也可以存,但這不能稱為數據庫。
7. 其他輔助工具:
i. SWFDecompiler:此工具是將swf格式轉化為fla格式。在網上看到有好的flash動畫,下載下來后通過此工具轉換成源文件然后改動一下變成自己的作品了,一般都能轉換。
ii. SWFText:文字flash制作軟件。簡單方便
iii. ftp:文件上傳下載工具,將制作好的網站程序傳送到服務器上,一般使用flashFTP和CuteFTP的多。
iv. ImageReady:和Photoshop一起安裝的,主要是制作gif動畫。
v. 其他開發工具:如果開發語言非asp,那么就需要其他相關開發環境了。如.net需要安裝Microsoft Visual Studio .net 。好多人覺得asp過時了?真的過時了嗎?你就說說其他語言能開發出來的asp有不能的嗎?微軟之所以不再更新asp是因為asp已經沒有更新的了,如果你的網站不穩定那請不要怪asp,只能怪程序員不精通而已。語言沒有好壞之分,主要看使用語言的是什么什么人了。
三.美工篇
美,一個很模糊的概念,在網站方面更顯然。你覺得自己做的頁面看上去很漂亮,給客戶看了總是有那么多地方要修改的。還有的是今天做好了覺得好看的過段時間來看怎么覺得不那么好看了?應該所有做美工的都會這樣吧,這個可以根據客戶的審美觀點來確定網站風格,多溝通幾次就能發現客戶喜歡什么類型的網站和什么樣的顏色。這樣改是肯定的,但是改的少。不同的人有不同的審美觀,同一個人在不同時期和不同的環境下審美觀也不一樣。所以具體怎么做網站好看并不能說清楚,但一定要細膩,怎么才算細膩?我們現在說說:
1. 網站的寬度是沒有規定的,主流的有幾個寬度,778px這個在800*600下面是全屏的,不過現在已經淘汰了,因為現在大部分顯示屏都是超大液晶,所以看776px的時候感覺邊上太空了,當時流行的時候是因為在17’顯示屏上看邊上剛好有一點空白,還能在加點廣告在邊上掛著,第二種寬度是1002px 這個在1024*768上面顯示剛好滿屏,現在流行的是960px或950px;還有910px的,這些能流行主要也更顯示器的換代有關,把800*600先顯示器淘汰了,而960px的網站在其他顯示上看上去都那么的好看。
2. 網站模塊之間的距離必須統一。具體來說就是 欄目與欄目之間的距離統一,文字和文字之間的距離統一,圖片和圖片見得距離統一。上下的距離統一。有時候為了美化也可以設置其個別的不統一,但要你要是每個地方的距離都不一樣那就不好了。
3. 圖片的處理,圖片當然是越小越好了,但是前提是圖片保持清晰的情況下。做透明的圖片最好用png格式的,IE6下面并不支持圖片透明,但可以通過js代碼來處理。用gif的透明圖片會產生鋸齒。
4. 做效果圖的時候建議使用輔助線,把每條線都定位到一個刻度上,這樣切圖的時候就不會產生多切點少切點的毛病了。
5. 網站的顏色一般不要太多,一個主色,一個輔助色,一個點綴色,然后用白色和灰色做過渡色。如果你覺得你有能力駕馭多種色那可以試試。取色的時候最好用Web色,因為只有Web色在液晶屏上和普通純屏上顯示的色彩看上去沒多大誤差,能保證你的網站在什么顯示器上顯示都好看。
6. 不同行業的網站使用的配色方案也不一樣,這個建議做之前先尋找個配色方案。
效果圖做好后就是做切圖了,切圖要考慮的最多的是當內容比預計的要多的時候網站不要變形。這個的解決辦法就是把能做背景的做背景,圖片上顏色一樣的就不要圖片了直接加背景色。背景圖盡量要小。這個多切點圖就能慢慢明白,要說好的方法的話真不太好說,但做HTML的時候要記住Table最好別多過三層,那樣里面的table搜索引擎就不認了,那么里面的內容就可能沒有被收錄,再說那樣顯示內容的速度也慢。
四.HTML代碼優化
HTML(超文本標記語言)這里的代碼優化主要就是網頁的標題,關鍵詞的設置,關鍵詞的描述,鏈接的Title屬性,圖片的Alt和Title屬性
1. 網站標題:網站標題不能所有頁面都一個標題,標題的字數在25個左右最合適,里面用很通俗的話把重要的幾個關鍵詞包含進去。
2. 網站關鍵字:這里列出所有的關鍵字,其中用半角的逗號或空格區分,雖然好多搜索引擎對這個已經不關注了,但是能在一定程度上提示搜索引擎。
3. 網站描述:這里對搜索引擎沒什么用,但對瀏覽者用戶非常大,好的描述能吸引更多的瀏覽者。
4. 網站圖片:如果網站定位為門戶型的網站,那訪問的人應該不會少,那要盡量減少對服務器的請求次數,所以我推薦使用一張大的透明背景做背景,如果你用多張小的圖片做背景圖,那下載圖片的總大小和下載一張大背景圖差不多,但對服務器的請求次數增加了,如果訪問一次增加了30次,那么10000人訪問是不是要增加30*10000次?如果再多點那么你再好的服務器那也承受不了。現在好多門戶網都使用這種方法。
5. 網站的css樣式表:把所有的樣式表放在一個css文件中可以提高搜索引擎的友好度,但網頁解析這個文件需要一定的時間,反過來一樣,前期都是寫一個單獨的樣式表文件,想qq,taobao,sina這樣的網站注重的是瀏覽速度,所以都直接寫在網頁里。
6. Js文件:和Css一樣,但是搜索引擎都不認js文件,所以別把關鍵詞放在js文件里面。
7. 連接的Title屬性:這主要是給關鍵詞加權重而已。
8. 圖片的Alt和Title屬性: 和鏈接的Title一樣,可以放心大膽的使用,不用擔心網站被K,因為這是W3C標準規定的,百度,谷歌都要遵守的規范。
9. <h1>標記對:搜索引擎對這個給的評價很高。所以關鍵詞可以用<h1>標記,文章的標題也是一樣。
10. table和div的區別:搜索引擎給table的評價要比div的高,但是div給瀏覽者帶來的瀏覽速度是很顯然的。所以制作的時候主要以div為主,某些重要信息可以用table。
11. 網站地圖:是一盞明燈,給黑夜里摸索道路的人指明道路。當蜘蛛爬到你的網站的時候他就像一個瞎子,到處亂轉,說不轉什么時候不小心就跑出了你的網站,而你用網站地圖給他帶路,讓他跟著你走。
五.動態語言優化(asp C# Jsp PHP 等)
動態語言優化主要就是算法,結構,對數據庫的操作。
1. 算法:算法要盡量讓服務器解釋時間減少,有的時候寧愿多寫點代碼。比如request這個類,我們知道直接寫的時候可以獲得表單提交的內容,網頁地址帶的參數,和緩存里面的內容等。但是服務器解釋的時候需要尋找這個類所有函數來查看是否和你的需求匹配,所以你使用Request.Form,Request.QueryString這個的引用方法就好的多。
2. 結構:結構不好的網站也是你打開網站慢的原因之一,當訪問人多的時候這個問題就會很突出。寫代碼的時候要避免一段Asp語言一段HTML語言,如:
<%
if Request.Form(“UserName”)=”” then
%>
你的用戶名不能為空
<%
else
%>
這個是判斷的內容
<%end if%>
這樣是很不好的一種寫法,不要以為服務器資源是無限的。規范的寫法是:
<%
If Request.Form(“UserName”)=”” then
Response.Write(“你的用戶名不能為空”)
Else
Response.Write(“這個是判斷的內容”)
End If
%>
當然我這是舉個例子,因為判斷用戶名都是在客戶端用js判斷,如果在服務器判斷那不是要累死服務器么。
第二點是少用<!--#Include 文件,因為服務器解釋這個需要花費大量的時間,我看了好多人寫的代碼里面好像是想表現他的技術好吧,Include還有Include,里面還有Include。這個是不推薦的,有寫情況下是沒有辦法才這么做的。
3. 對數據庫的操作:數據庫中字段設計都使用對應的數據類型,別總一個勁的用文本類型,因為數字類型占的空間比文本類型要小的多。數據庫打開后要及時關閉,最好的辦法是在top文件加上conn.open在end文件里面加conn.close set conn=nothing,查詢數據庫的時候別用select * from [User] 這樣的通配符,要使用 select UserName,PassWord,Level from [User],即使你表里面也只有這三個字段,當查詢出來的結果又多條記錄的時候才使用 set rs=server.createObject(“Adodb.Recordset”) ,如果只返回一行數據的時候用 set rs=conn.execute(“select UserName,PassWord,Level from User”)因為conn.execute 執行速度別recordset 方式快得多,記得要及時關閉rs。
六.關于搜索引擎
搜索引擎在中國使用最多的是百度,其次就是谷歌,但一般優化的時候都是針對google來優化的,因為百度做的競價排名很不厚道,前十位基本都是花錢的,也就是及時能做到第一位那也排在第二頁了,所以程序員都不喜歡百度,其次是百度的算法確實沒有谷歌的好,但是百度對中文的分詞要比谷歌好,這就是谷歌在中國的市場占有率沒有百度的高,不過現在百度的競價在改版,具體以后改版得怎么樣還在等待中。
網站的優化就兩個目的:第一是把網站的關鍵詞排到搜索引擎的前面,第二就是提高網站的收錄效果,讓更多的關鍵詞上去,一個屬于深度,一個屬于廣度,所以兩者都要做好,他們之間存在著依賴關系。
1. 關鍵詞優化:關鍵詞優化主要看搜索引擎對你網站的評分,谷歌的PR值就提供一個參考,但這不是絕對的,優化PR值小的排在PR值大的前面,這還有看你自己的網頁對這個關鍵詞的權重大小,這就需要其他網站給你的網站的評分,所謂的反向鏈接,其次是你自己的網頁的標題,網頁的關鍵詞以及內容中的Title,Alt,<H1>來給關鍵詞的權重了。
2. 關鍵詞的選擇:選擇關鍵詞最好選用長關鍵詞,并且要符合人們搜索習慣,這樣關鍵詞很容易就上首頁了,當長關鍵字上去了短關鍵字也上去了,具體的怎樣命名可以參看“關鍵詞的定位技巧和分類”
3. 網站描述:網站描述是用非常通俗的話描述一下網站的主要信息,但是在通俗中求精,當瀏覽者搜索某個關鍵詞的時候顯示格式是 標題+網站描述(沒有描述的就獲取網頁的部分內容)+連接地址,所以瀏覽者是否會點擊你的網站很多情況下是看描述。
4. 網站的提交sitemap:網站提交文件時sitemap文件名全是小寫,對不同的搜索引擎提交不同的的sitemap ,因為要求的格式不一樣,好一點的Cms都支持不同的sitemap生成,還有放在本站上的網站地圖最好自己設計一個清晰的導航,不要把所有的地址都生成在一個文件里面,多做幾個分頁無所謂,蜘蛛會跟著連接地址去抓取,如果全在一個頁面上蜘蛛抓了一部分就放棄了,可能是因為厭煩了吧。
5. robots.txt文件:這里設置需要抓取的文件和不需要抓取的文件,不要因為你想讓蜘蛛全部抓取你就不寫這個文件。下面是基本格式
a) User-agent: *
b) Disallow: /Admin
c) Disallow: /AD
d) Disallow: /API
g) 其中 User_agent * 意思是全部允許,Disallow:不允許其他的是連接,蜘蛛爬行網站的時候第一件事就是查找這個文件是否存在而不是查找你的網站首頁,通過這個地址把網站地圖連接上去,蜘蛛就優先爬行網站地圖,因為網站地圖里面的鏈接不首頁的要全得多。
6. 網站靜態處理:搜索引擎最喜歡htm的后綴,所以生成靜態頁的時候盡量選用htm,別選html,而并不是搜索引擎不喜歡其他后綴,只是W3C標準定義的就是htm,所以先查找它然后再找其他擴展的。但能肯定的一點是他絕對不喜歡后面帶參數的,如果參數有3個以上那可能就不會收錄了。我的網站沒有做靜態轉化時因為我想更進一步證明一下具體是幾個參數不收錄,俗話說我不如地域誰入地獄。 網站靜態處理的方法一般有兩種,一是生成靜態文件,二是重寫軟件(ISAPI_Rewrite)兩個的區別是:生成靜態文件的需要編寫復雜的代碼,生成文件的時候對硬盤的損傷大,占用空間大,但訪問速度快,因為他不需要服務器解釋就能直接發送個客戶端,重寫方式必須要自己對服務器有操作權限,因為要安裝軟件,優點是他不用寫復雜的代碼就能轉換成靜態頁面,對網站內容的更新及時,而生成方法有更新了必須手動更新才能顯示,對搜索引擎的友好度和靜態頁面的一樣。.net可以自定義靜態頁面的,這個我沒有深入了解過。
7. 網站的推廣:做好網站后不管是什么目的都是想要更多人看到,最多的是金錢目的,那就需要推廣自己的網站了,方法當然是多種的了,其中做百度競價是最直接的效果,不過投入太大,并且現在百度競價也正改版,還不知道以后出來的效果是什么樣的。其次就是做廣告,這里的廣告包括所有媒體上的,不只限于某個網站或某個電視節目。但這些都是有錢人干的事,這就是用錢賺錢的方法。對我們沒錢的人來說只能用勞動力賺錢了,那就是發帖,寫軟文,發帖是個累活,我是做不了的,整天要和其他站的站長打拉鋸戰,你睡覺我發帖,你起來刪帖我就睡覺。寫軟文是推廣的最好途徑,但前提是要寫的好,別人覺得好了就會轉帖,這樣無形中就成為你的推廣會員了。
好了就這樣了,我再想如果你看了這篇文章你還想用幾百塊錢來做個網站嗎?不知道什么時候能才能有個我想象中的那種效果啊。