网站建设的一般原则及网站推广技巧
? 本人多年來一直從事網站建設，并從事網頁制作課程的教學，現總結出幾條網站建設應遵循的一般性原則和網站推廣的常用方法，供大家參考，希望能讓同行們少走彎路、提高工作效率。當然大家還可以在此基礎上再進行一些修正、補充，使之更加完善，更具有指導性。網站開發與其他軟件的開發性質上一致的，因此本人認為以軟件工程的方法來進行網站建設，在網站建設過程中應遵循一定的規范并形成一系列文檔。為名稱開設目錄，將客戶陸續提供的資料進行歸類整理。文件按一定的規則命名，如:欄目名稱~提供時間滿拱者址內容說明。
?????? 除非有特殊情況，目錄、文件的名稱全部用小寫英文字母、數字、下劃線的組合，其中不應包含漢字、空格和特殊字符;目錄的命名請盡量以英文為指導，不到萬不得已不要以拼音作為目錄和文件的名稱，經驗證明，用拼音命名的目錄往往連一個月后的自己都看不懂并且欄目多了以后容易導致重名。
網站目錄規劃原則
??? ? (1)在網站根目錄中應開設img, common, source三個子目錄，根據需要再開設media子目錄。11119目錄用于存放頁面用到的圖片，例如公司的標志、banner條、菜單、按鈕等等;Com'二子目錄用于存放css,js以及include等公用文件，如asp,php,JSP中公用的數據庫連接文件等可以放在include目錄中;source子目錄用于存放客戶提供的各種文字圖片等原始資料;media子目錄用于存放flash, avi, quick time等多媒體文件。
????? (2)在根目錄中原則上應該按照首頁的欄目結構，給每一個欄目開設一個目錄，根據需要在每一個欄目的目錄下開設一個img和media的子目錄用以放置此欄目專用的圖片和多媒體文件，如果這個欄目的內容特別多，又分出很二級欄目、三級欄目……，可以為相應欄目再開設子目錄。
????? (3) source目錄中的文件會逐漸增多，建議以首頁一級欄目2代碼編寫原則
????? ?編寫網頁代碼時，我們應盡可能保持一個相對不變的風格，這樣方便日后自己或他人維護網站或進行改版。一個大型的網站可能由多人合作，這時這個工作組中不同的開發人員編寫的代碼風格也應保持一致。在站點開發初期應制作一個主頁框架并建立一個與主頁顏色、格調和諧的HT ML通用模板、一個CSS樣式表并確定一個合理的代碼編寫風格。還可以創建基于通用模板二級或三級欄目的模板。C SS和SCRIPT代碼最好保存成獨立的文件(如style. css, head. is),并存放在。ommon目錄下供其他頁面調用。
2.1 Html文件的通用模板
??? 下面是-一個簡單的H I 'ML.模板，讀者可以對其進行充實。
??? <html>
??? <!一一Generator: Center of Modern Education Tech-
????????????????? nology, Quzhou College一一>
<head>
<title;)文檔標題<八itle>
<meta http一equlv二”content一type" content=”text/
??????????? html; charset=gb2312">
<meta name= "author" content= "babara">
<!一一鏈接樣式表文件一一>
<link rel="stylesheet" type= "text/css" href="com-
??????? mon/style. css">
< script language ="JavaScript" src=”common/head.
??????????????? js">
</script></head>
<body>
??? </body>
??? </html>
??? 另外，為了使Internet上的搜索引擎能夠有效檢索，網頁的html的<head></head>之間應該加人Keywords和De-
scription元標記，以便提高網頁被搜索引擎收錄幾率更好地宣傳和推廣網站，例如:
??? <meta name= "keywords"content=”浙江，街州，衙州學院”>
??? <meta name= "description"content="街州學院">
2. 2 HTML代碼編寫注意事項
??? 為了保證網站能夠與下一代的web語言xml標準兼容，所有的HTML標簽的屬性都要用單引號或者雙引號括起，
即我們應該寫<a href="url">而不是<a href=url>o
??? 表格在頁面的布局中使用相當廣泛，< table>標記互相嵌套時，嚴格按照常規進行縮進，對于單獨的一個<table>來說，<table><tr>對齊，<td>縮進兩個半角空格，< td>中如果還有嵌套的表格，<table>也縮進兩個半角空格，如果<td>中沒有任何嵌套的表格，</td>結束標記應該與<td>處于同一行，不要換行，注意在源代碼中不應有這樣的代碼:
??? <td><img src=“二/images/sample. gif ">
??? </td>
??? 而應該是這樣:
??? <td><img src=“二/images/sample. gif"></td>
??? 這是因為瀏覽器認為換行相當于一個半角空格，以上不規范的寫法相當于無意中增加一個半角空格，如果確實有必要增加一個半角空格，也應該這樣寫:
??? <td><img src=“二/images/ sample. gif"></記>
??? 屬于同一個級別的<table>一定是左首對齊的，另外不允許沒有任何內容的空的單元格存在，高度大于等于12px的
單元格應該在<td>和<八d>之間寫一個“.”，如果高度小于12px，則應該在<td>和<八d>之間插人一個1X1大小
的透明的gif圖片，這是因為某些瀏覽器認為空單元格非法而不會予以解釋。如果代碼順序較亂，在Dreamweaver中可以通過command->apply soucre formatting進行重新整理。
??? width和height的寫法也有統一的規范，一般情況下只有一列的表格，width寫在<table>的標簽內，只有一行的表
格，height寫在<table>的標簽內，多行多列的表格，width和 height寫在第一行或者第一列的<td>標簽內。總之遵
循一條原則:不出現多于一個的控制同一個單元格大小的height和width，保證任何一個width和height都是有效的，
也就是你改動代碼中任何一個width和height的數值，都應該在瀏覽器中看到變化。做到這一條不容易，需要較長時間的練習和思考。
2. 3 (SS代碼編寫注意事項
??? 下面是一個較規范的CSS樣式文件:
??? <style type="text/css0>
????? <!一
??? p{text-indent: gem;}
??? body{font-family:”宋體”;font-size: 9pt; color:#
????????? 000000; margin-top: Opx; margin-right: Opx;
????????? margin-bottom: Opx; margin-left: Opx}
??? table t font一family:”宋體”;font一size: 9pt; line一
????????? height: 20px; color:#000000}
??? a: link{font-size: 9pt; color:#FFFFFF; text-deco-
??????????? ration: none}
??? a:visited {font-size: 9pt; color:#99FFFF; text-dec-
????????????? oration: none}
??? a: hover{font-size: 9pt; color:#FF9900; text-dec-
????????????? oration: none}
??? a: active{font-size: 9pt; color:#FF9900; text一dec-
????????????? oration: none}
??? menu: link{font一size: 9pt; color:#3366cc; text一
????????????????? decoration: none}
??? menu: visited{font-size: 9pt; color:#3366cc; text-
????????????????? decoration: none}
??? menu: hover{font-size: 9pt; color:并FF9900; text-
????????????????? decoration: none}
??? menu: active{font-size: 9pt; color:#FF9922; text-
????????????????? decoration: none}
??? .blue{font- family:”宋體’‘;font一size: 10.5pt; line
????????? 一height: 20px; color: 4$ 0099FF; letter-spac-
????????? ing: 5em}
????? 一一>
??? </style>
????? 這里尤其要注意的是a: link a: visited a: hover a: actived的排列順序一定要嚴格按照上面的樣例代碼，否則或多或少會出問題。另外我們規定重定義的最先，偽類其次，自定義最后，便于自己和他人閱讀。
??? 為了保證不同瀏覽器上字號保持一致，字號建議用點數pt和像素px來定義，pt一般使用中文宋體的9pt和l lpt, px一般使用中文宋體12px和14. 7px這是經過優化的字號，黑體字或宋體字加粗時，一般選用llpt和14. 7px的字號比較合適。
3文件命名原則
??? (1)每一個目錄中應該包含一個缺省的html文件，文件名統一用index htm或default. htmo
??? (2)文件名稱統一用小寫的英文字母、數字和下劃線的組合。實踐證明，中文文件名非常容易出問題。
??? (3)命名原則的指導思想一是使得你自己和工作組的每一個成員能夠方便的理解每一個文件的意義，二是當我們在文件夾中使用“按名稱排列”的命令時，同一種大類的文件能夠排列在一起，以便我們查找、修改、替換、計算負載量等操作。
??? (4)圖片的命名原則遵循以下幾條規范:①名稱分為頭尾兩兩部分，用下劃線隔開。②頭部分表示此圖片的大類性
質，例如廣告、標志、菜單、按鈕等等。一般來說有如下規范:
??? 放置在頁面頂部的廣告、裝飾圖案等長方形的圖片我們
取名:banner;標志性的圖片我們取名為:logo;
??? 在頁面上位置不固定并且帶有鏈接的小圖片我們取名為button;
??? 在頁面上某一個位置連續出現，性質相同的鏈接欄目的圖片我們取名:menu;
??? 裝飾用的照片我們取名:pic;
??? 不帶鏈接表示標題的圖片我們取名:title;
??? ③尾部分用來表示圖片的具體含義。
4其他原則
??? (1)在用表格布局之前，請大家一定要好好思考一個最佳的方案，表格的嵌套盡量控制在三層以內，并且應該盡量避免Gcolspan> <rowspan>兩個標記，經驗表明，這兩個標記會帶來許多麻煩。
??? (2)一個網頁要盡量避免用整個一張大表格，所有的內容都嵌套在這個大表格之內，因為瀏覽器在解釋頁面的元素時，是以表格為單位逐一顯示，如果一張網頁是嵌套在一個大表格之內，那么很可能造成的后果就是，當瀏覽者敲人網址，他要先面對一片空白很長時間，然后所有的網頁內容同時出現。如果必須這樣做，請使用<tbody>標記，以便能夠使這個大表格分塊顯示。
??? (3)排版中我們經常會遇到需要進行首行縮進的處理，盡可能不要使用半角或全角空格來達到效果，規范的做法是在樣式表中定義p{text-indent: gem;}然后給每一段加上<p>標記，注意，一般情況下，請不要省略</p>結束標記。
??? (4)原則上，我們禁止用<img width=? height=?>來人為干預圖片顯示的尺寸，而且建議<img>標簽中不要帶
上width和height兩個屬性，這是因為制作過程中，圖片往往需要反復的修改，這樣可以避免人為干預圖片顯示的尺寸，盡可能的發揮瀏覽器自身的功能;但是這樣的一個副作用是當網頁還未加載圖片時，不會留出圖片的站位大小，可能會造成網頁在加載過程中抖動(如果圖片是插在一個固定大小的表格里的，不會有這個現象)，尤其是當圖片的尺寸較大時，這種現象會很明顯，所以當預料到這種會明顯導致網頁抖動的情況會發生時，請大家務必在最后給<img>附上width和height屬性。
??? (5)為了最大限度地發揮瀏覽器自動排版的功能，在一段完整的文字中請盡量不要使用<br::}》來人工干預分段。
??? (6)不同語種的文字之間應該有一個半角空格，除外漢字之間的標點要用全角標點，英文字母和數字周圍的括號應該使用半角括號。
??? (7)所有的字號都應該用樣式表來實現，禁止在頁面中出現<font size=?>標記。
??? (8)請盡量不要在網頁中連續出現多于一個的半角空格和全角空格也盡量少使用全角空格(英文字符集下，全角空格會變成亂碼)，空白應該盡量使用text - indent, padding,margin, hspace, vspace以及透明的gif圖片來實現。
??? (9)中英文混排時，我們盡可能的將英文和數字定義為
verdana和arial兩種字體。
??? (10)行距建議用百分比來定義，常用的兩個行距的值是Iine- height: 120 Yo八5000.
??? (11)網站中的路徑全部采用相對路徑，一般鏈接到某一目錄下的缺省文件的鏈接路徑不必寫全名，如我們不必這樣:<a href="aboutus八ndeac, htm">而應該這樣:< a href二”aboutus/">
??? (12)建議不要在圖形中包括文本。
??? <13)“網頁大小”定義為網頁的所有文件大小的總和，包括HTML文件和所有的嵌人的對象。用戶喜歡快的而不是新奇的站點。對于解調器用戶，網頁大小保持在34K以下為合適。
5網站推廣的常用方法
??? 眾所周知建好一個網站不是目的，目的是要能吸引眾多的訪問者。Internet網上的WEB站點多如牛毛，如果一個網站做好之后不做一定的推廣，那網站建設得再好就不會有多
少人來訪問，如同錦衣夜行。
??? (1)登錄知名網站或搜索引擎。推廣網站的方法有很多，其中對網站進行搜索引擎推廣是必不可少的。為了提升在搜索引擎上的排名，可用<meta>標簽設置keyword和de-script，關鍵字的選擇需要一定的技巧。要仔細揣摩你的潛在用戶的心理，絞盡腦汁設想他們在查詢與你有關的信息時最可能使用的關鍵詞，不用提心關鍵詞會太多，關鍵詞越多，用戶覆蓋面也越大。
??? (2)與盡可能多的網站鏈接。在相關網站或門戶站點上進行鏈接也是一條推廣網站的捷徑。如在本地的電信公司、
聯通公司的主頁上進行鏈接，在本地的推廣效果頗佳，而且這通常都是免費的。
??? (3)在熱門BB S上發信息。最好選擇一些人氣旺盛的BBS發布你的信息。BIS的時效性強，因此一般要定期發布。
??? (4)加人免費互換廣告。
??? (5)發送電子郵件。采用這種方式時，注意不能不顧社會
公德，發垃圾郵件，而應針對你潛在的客戶群做適量的宣傳。
??? (6)借助網上和傳統媒體進行推廣。如把公司網址印到你的產品包裝、使用說明書以及各種宣傳資料上。資金允許
的話還可利用廣播、電視等等傳統媒體做一些廣告。還可以在一些知名網站上做一些廣告。
蒸網關服務器網卡故障應急方案的研究當局域網的代理服務器的網卡發生故障時，我們可以配置服務器的另一塊好的網卡來支持多IP地址，讓一塊網卡完成兩塊網卡的工作，維持網絡工作正常。
??? 在Windows系列平臺下，W1nNT4.0,W1ndOWS 2000,Windows XP都可以為單個網絡接口分配任意多的IP地址，而Win-dows9X系列則需要手動的修改注冊表來實現。
??? (1) Windows 2000和Windows XP下的解決方案。我們以Windows XP為例來加以說明(Windows 2000類似)。
??? 在Windows XP中選擇【開始1，再選擇【設置]，進入【控制面板]，打開[網絡連接l，選擇本地連接，單擊右鍵，從彈出的菜單中選擇[屬性】，從[屬性]窗口的列表中選擇[Internet協議(TCP/IP)，再點擊【屬性l按鈕，再單擊[高級]，打開l高級TCP/IP設置】對話框。點擊【添加】，添加對應的IP地址即可。
??? (2)Windows 9x系列下的解決方案。在Windows 9x系列下需要手動的修改注冊表來實現多IP地址的綁定。選擇【開始l，選擇l運行】，敲人Regedit. exe，運行。找到:
??? HKEY_LOCAL_MACHINE\System\CurrentControlSet\Services\Class\NetTrans
??? 在此目錄下能找到多個名為。000,0001,0002…的目錄。此目錄用于記錄協議的安裝的情況。在它們中間找到Driver-Desc。為其中的“TCP/IP”目錄修改其中的IPAddress和IPMask。其中的IPAddress和IPMask分別用逗號隔開多個地址。
??? 如:原來的IPAddress為“192. 268. 0. 1", IPMask為“255. 255. 255.0"0
??? 現在添加一個新的IP地址192. 168.2. 1，地址掩碼為“255. 255. 255.0" o
??? 則修該后的IPAddress為“192. 268. 0.1,192. 168.2.1" , IPMask為，"255. 255. 255.0, 255. 255. 255.0" o
??? 修改后保存，重新啟動系統即可。
??? 在Linux下為單個網絡接口分配任意多的IP地址，需要通過修改設置配置文件來實現。
??? 在//etc/sysconfig/network-scripts里面，對于以太網的第一個網絡設備，配置文件名一般為ifcfg-eth0。如果需要為第一個網絡設備分配一個IP地址。只需要在目錄里面創建一個名為ifc壇-eth0:0的文件。此文件的內容為
??? DEVICE="eth0: 0" NETMASK="255. 255. 235.0"
??? IPADDR二“192.268.0.1" ONBOOT="yes"
??? 其中,DEVICE為此設備的名稱，II'ADDR為設備的IP地址，NE'TMAN<為地址掩碼，ONIIOOT表示系統重起時自動的啟用。
??? 如果需要再為此設備在添加一個LP地址，只需要創建一個名為ifc館-eth0:1的文件。內容改為相應的內容。如:
??? DEVICE="eth0:1" IN ETMASK="255. 255. 255.0"
??? IPADDR="192.168.2.1 " ONBOOT="yes"
??? 注意:DEVICE中的內容必須和文件名稱相同。
??? 修改后保存，重新啟動系統，登陸即可。最大支持的數目為255個。
下面是一位從事網站推廣工作人員對一般網站推廣的基本流程的總結，拿來和大家分享一下。
??1、知己知彼：不管那個行業都會存在著競爭對手，我們不應該把他們當作敵人，應該當作一個能夠促進自己成功的朋友，因為有了競爭你才會有進步，我們應該利用他，去分析對手，分析對手的網站內部頁面的設計、程序、目錄、一些特殊的標識、關鍵詞的分布，分析他們的外部鏈接的建設的情況，去其長處，完善自己!超越他們!?
??2、優化自己：我做的站有很多個了，除了一些更新比較頻繁的網站之外，我把網站的關鍵詞密度都嚴格按著關鍵詞密度值2%-8%之間，有的甚至我把關鍵詞的密度值增加到了17%，但強調一些，關鍵詞必須與網站內容相關，要不你就完蛋了!關鍵詞在網頁內加粗顯示，圖片加alt標識，大圖片我會把他分割成好多小圖片，這樣加速的速度就會快一些!?
??站內添加網站地圖文件，網上可以下載到sitemap生產文件;定期檢查網站內部是否有死鏈，及時做出處理;對一些js文件、javascript腳本等應該把代碼重新放到一個文件里，然后在相關頁面內調用!?
??3、網址推廣：現在我的電腦里存放了注冊過的300多個友情鏈接平臺，420個免費提交網址的網址站，50個目錄類網站，40個網絡收藏夾，加入這些我都用過了，而且百度也都抓取了，加起來就有近一千的單項導入連接了!相當有效果的!?
??4、問答推廣：現在在問答平臺里自問自答的的審核力度加大了，在提問和回答的時候都需要一些小技巧，這些平臺有，百度知道，天涯問答，新浪愛問，搜搜問問，等等，像我現在經常會這樣問一些問題：www.xxxx.net這里的商品怎么樣啊??
??5、無聊推廣：呵呵，為什么這么說呢，相當好的方法，給我的感覺卻很無聊，拿論壇推廣來說吧，把網址加在自己的個性簽名了，做網址簽名檔，然后在貼吧里肆意的發帖，頂帖，留下連接!無聊!貼吧也是一樣，個人博客要稍微的好一點，我猜每個人都在養著自己的博客吧，的確博客的權重真的很高，時常更新總會給你帶來意想不到的驚喜!我是無聊的時候才做這些工作的!?
??6、歷史痕跡：站長工具類網站我這里也有一個專門的文檔，每天我都會去一些網站去查詢網站，然后留下歷史痕跡，獲得導入連接!?
??7、友情連接：友情連接交換不僅可以增加自己的網站權重，而且可以來一定的流量，獲得一定的知名度，友情連接的形式有文字連接，圖片連接，還有就是互換廣告的文字連接/圖片連接等!?
??8、軟文推廣：軟文推廣是我感覺最好的一種方法，但是文采有限，經驗有限，沒有那么多的東西要寫，所以只有少數的網站享受到我軟文推廣的待遇!?
??9、觀察統計：添加流量統計代碼，觀察流量情況，來源、關鍵詞、瀏覽深度、回頭客情況，來確定自己網站那些是比較受歡迎的，那些是有潛力被做上來的，通過觀察流量，分析流量來完善自己的網站，獲得更多的流量，更大的客戶量!?
??10、后期維護：定期觀察自己的網站流量、排名情況、收錄情況、遇到意外及時解決問題!一般情況下，到了這部就不用擔心太多了!?
總結
以上是生活随笔為你收集整理的网站建设的一般原则及网站推广技巧的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： appserv安装
- 下一篇： 十天冲刺---Day8