靜態(tài)網頁（沒有后臺數據庫、不含程序和不可交互的網站）

簡介

靜態(tài)網頁有時也被稱為平面頁。靜態(tài)網頁的網址形式通常為htm（超文本標記語言）結尾，還有就是以超文本標記語言（.htm、.html）、.shtml、.xml（可擴展標記語言）等為后綴的。在超文本標記語言格式的網頁上，也可以出現各種動態(tài)的效果，如.GIF格式的動畫、FLASH、滾動字幕等，這些“動態(tài)效果”只是視覺上的，與下面將要介紹的動態(tài)網頁是不同的概念。靜態(tài)網頁面通常是超文本標記語言文檔存儲為文件在文件系統(tǒng)里頭，并且可以通過HTTP訪問網絡服務器。

靜態(tài)的特點

靜態(tài)網頁每個網頁都有一個固定的URL，且網頁URL以.htm、.html、.shtml等常見形式為后綴，而不含有“?”；（動態(tài)網頁中的“？”對搜索引擎檢索存在一定的問題，搜索引擎一般不可能從一個網站的數據庫中訪問全部網頁，或者出于技術方面的考慮，搜索蜘蛛不去抓取網址中“？”后面的內容。）

網頁內容一經發(fā)布到網站服務器上，無論是否有用戶訪問，每個靜態(tài)網頁的內容都是保存在網站服務器上的，也就是說，靜態(tài)網頁是實實在在保存在服務器上的文件，每個網頁都是一個獨立的文件；

靜態(tài)網頁的內容相對穩(wěn)定，因此容易被搜索引擎檢索；

靜態(tài)網頁沒有數據庫的支持，在網站制作和維護方面工作量較大，因此當網站信息量很大時完全依靠靜態(tài)網頁制作方式比較困難；

靜態(tài)網頁的交互性較差，在功能方面有較大的限制；

頁面瀏覽速度迅速，過程無需連接數據庫，開啟頁面速度快于動態(tài)頁面；

減輕了服務器的負擔，工作量減少，也就降低了數據庫的成本。

可以公開（即副本可以證明給任何人）；

托管沒得任何特殊的要求。（不需要特殊的中間軟件比如超文本預處理器、公共網關接口）；

沒得網絡服務器或應用服務器，比如直接從CD-ROM（激光唱片-只讀存儲器）或USB閃存驅動器讀取內容，可以通過網絡瀏覽器直接訪問；

網站更安全，HTML頁面不會受Asp相關漏洞的影響；而且可以減少攻擊，防SQL注入。數據庫出錯時，不影響網站正常訪問；

不需要編譯，所以速度快，節(jié)省服務器資源；

網址格式友好，搜索引擎容易識別。

內容是固定的，交互性差，內容更新維護復雜；

沒有自動化的工具，維護大量的靜態(tài)頁面文件是不現實的；

無法充分支持用戶/客戶的需求（外觀選擇，瀏覽器的支持，Cookie）。

區(qū)別與聯(lián)系

1、網頁制作使用的制作語言：

靜態(tài)網頁使用語言：超文本標記語言（標準通用標記語言的一個應用）；

動態(tài)網頁使用語言：超文本標記語言+ASP或超文本標記語言+PHP或超文本標記語言+JSP等。

2、程序是否在服務器端運行，是重要標志。

在服務器端運行的程序、網頁、組件，屬于動態(tài)網頁，它們會隨不同客戶、不同時間，返回不同的網頁，ASP、PHP、JSP、ASPnet、CGI等。運行于客戶端的程序、網頁、插件、組件，屬于靜態(tài)網頁，例如html頁、Flash、JavaScript、VBScript等等，它們是永遠不變的。

靜態(tài)網頁和動態(tài)網頁各有特點，網站采用動態(tài)網頁還是靜態(tài)網頁主要取決于網站的功能需求和網站內容的多少，如果網站功能比較簡單，內容更新量不是很大，采用純靜態(tài)網頁的方式會更簡單，反之一般要采用動態(tài)網頁技術來實現。

靜態(tài)網頁是標準的HTML文件，它的文件擴展名是.htm或.html，可以包含文本、圖像、聲音、FLASH動畫、客戶端腳本和ActiveX控件及JAVA小程序等。盡管在這種網頁上使用這些對象后可以使網頁動感十足，但是，這種網頁不包含在服務器端運行的任何腳本，網頁上的每一行代碼都是由網頁設計人員預先編寫好后，放置到Web服務器上的，在發(fā)送到客戶端的瀏覽器上后不再發(fā)生任何變化，因此稱其為靜態(tài)網頁。靜態(tài)網頁是網站建設的基礎，靜態(tài)網頁和動態(tài)網頁之間也并不矛盾，為了網站適應搜索引擎檢索的需要，即使采用動態(tài)網站技術，也可以將網頁內容轉化為靜態(tài)網頁發(fā)布。動態(tài)網站也可以采用靜動結合的原則，適合采用動態(tài)網頁的地方用動態(tài)網頁，如果必要使用靜態(tài)網頁，則可以考慮用靜態(tài)網頁的方法來實現，在同一個網站上，動態(tài)網頁內容和靜態(tài)網頁內容同時存在也是很常見的事情。

并非所有后綴為html htm的頁面都是靜態(tài)頁面，動態(tài)頁面也可以通過服務器端的技術實現采用靜態(tài)頁面的后綴，常見的是Apache的Rewrite技術，也就是通常稱作偽靜態(tài)的頁面，實際上還是動態(tài)頁面，只不過是靜態(tài)化了。

偽靜態(tài)是相對真實靜態(tài)來講的。通常我們?yōu)榱嗽鰪娝阉饕娴挠押妹?。都將文章內容生成靜態(tài)頁面。但是有的朋友為了實時地顯示一些信息?；蛘哌€想運用動態(tài)腳本來解決一些問題。不能用靜態(tài)的方式來展示網站內容。但是這就損失了對搜索引擎的友好面。怎么樣在兩者之間找個中間方法呢，這就產生了偽靜態(tài)技術。就是展示出來的是以html一類的靜態(tài)頁面形式，但其實是用ASP一類的動態(tài)腳本來處理的。

從URL結構以及頁面名稱看，偽靜態(tài)和靜態(tài)頁面是一樣的。偽靜態(tài)的頁面后綴可以是html htm或者是目錄格式偽靜態(tài)只是改變了URL的表現形式，實際上還是動態(tài)頁面靜態(tài)頁面可以節(jié)省服務器資源，而偽靜態(tài)嚴格說是增加服務器資源消耗的總結，在SEO方面，偽靜態(tài)和靜態(tài)頁面的功能是相同的，但是偽靜態(tài)本質上還是動態(tài)頁面，所以消耗資源是和動態(tài)頁面一樣的，而且因為Rewrite服務器還需要消耗額外的資源。

重要性

靜態(tài)網頁對用戶有多重要呢？普通用戶通過多瀏覽器發(fā)送指定的URL請求，Web服務器收到請求后定位到指定的文件，或者根據程序從數據庫中調出相應的數據返回到瀏覽器，經過瀏覽器請求處理后，用戶就可以看到一個完整的文件。整個過程中，動態(tài)頁面的話還需要多一個步驟，就是發(fā)送命令從數據庫中調出文件，如果用戶一多的時候，就會造成數據庫運行過慢，這樣就嚴重影響了用戶體驗；用戶體驗被影響了，也就影響了搜索引擎優(yōu)化中的一個最重要步驟，要記得網站優(yōu)化用戶體驗最重要。

開發(fā)工具

1、FrontPage，MSOffice自帶的、簡單易用；

2、DreamWeaver，一個強大的網頁制作軟件，從個人到門戶都可以使用，而且也很簡單；

3、Notepad、Vim，直接編寫HTML代碼。

網頁制作須知

不要先決定網頁的外觀，然后強迫自已去適應它，應該從你的訪客對像，你要傳達的訊息以及你的制網目標推導出一個最適合的網頁架構。

每頁排版不要太疏或用太大的字，盡量避免看你的網頁時需要作很大的卷動，要知道在一頁的上部分是顯眼而寶貴的地方，不要只放著幾個粗大的字或圖片。

最好不要用寬1024px（像素）以上的分辨率設計網頁。常用的分辨率是960px及980px。明智的網頁設計者是處處照顧瀏覽者，絕不會炫耀自己有專線、有17寸的顯示器等。

不要于每頁插入太多的廣告牌。相信你亦不喜歡瀏覽一些貼滿廣告的網頁吧，你要考慮到該頁內容與廣告的比例，擺放的位置亦很重要，不妨多參考別人的做法。廣告太多，只會令人煩厭。

不要每頁都采用不同的背景圖片，以免每次轉頁都要花時間去下載，采用相同的底色或背景圖片還可增加網頁一致性，樹立風格。

底色或背景圖片必須與文字對比強烈，易于閱讀，這并不是要求你永遠使用鮮亮的背景配搭深色的文字，但深色背景常要求與主題配合，有較多的顧慮，若你的網頁是文章式或包含大量文字，不妨在底色與文字的配搭上下些工夫，力求讓訪者能舒適閱讀你的文章。

太長的一頁要使用內部連結，明智的網頁設計者是不會讓瀏覽者看網頁時作太大的卷動。