簡介
靜态網頁有時也被稱為平面頁。靜态網頁的網址形式通常為htm(超文本标記語言)結尾,還有就是以超文本标記語言(.htm、.html)、.shtml、.xml(可擴展标記語言)等為後綴的。在超文本标記語言格式的網頁上,也可以出現各種動态的效果,如.GIF格式的動畫、FLASH、滾動字幕等,這些“動态效果”隻是視覺上的,與下面将要介紹的動态網頁是不同的概念。靜态網頁面通常是超文本标記語言文檔存儲為文件在文件系統裡頭,并且可以通過HTTP訪問網絡服務器。
靜态的特點
特點
靜态網頁每個網頁都有一個固定的URL,且網頁URL以.htm、.html、.shtml等常見形式為後綴,而不含有“?”;(動态網頁中的“?”對搜索引擎檢索存在一定的問題,搜索引擎一般不可能從一個網站的數據庫中訪問全部網頁,或者出于技術方面的考慮,搜索蜘蛛不去抓取網址中“?”後面的内容。)
網頁内容一經發布到網站服務器上,無論是否有用戶訪問,每個靜态網頁的内容都是保存在網站服務器上的,也就是說,靜态網頁是實實在在保存在服務器上的文件,每個網頁都是一個獨立的文件。應運而生的網頁設計與制作的市場需求也正逐漸擴大,并且趨向于多元化、跨界化和綜合型的發展方向。這種趨勢的發展對高校的教育帶來了新的挑戰,提出了新的要求。
靜态網頁的内容相對穩定,因此容易被搜索引擎檢索;
靜态網頁沒有數據庫的支持,在網站制作和維護方面工作量較大,因此當網站信息量很大時完全依靠靜态網頁制作方式比較困難;
靜态網頁的交互性較差,在功能方面有較大的限制。
頁面浏覽速度迅速,過程無需連接數據庫,開啟頁面速度快于動态頁面。
減輕了服務器的負擔,工作量減少,也就降低了數據庫的成本。
優點
可以公開(即副本可以證明給任何人)。
托管沒得任何特殊的要求。(不需要特殊的中間軟件比如超文本預處理器、公共網關接口)
沒得網絡服務器或應用服務器,比如直接從CD-ROM(激光唱片-隻讀存儲器)或USB閃存驅動器讀取内容,可以通過網絡浏覽器直接訪問。
網站更安全,HTML頁面不會受Asp相關漏洞的影響;而且可以減少攻擊,防SQL注入。數據庫出錯時,不影響網站正常訪問。
不需要編譯,所以速度快,節省服務器資源。
網址格式友好,搜索引擎容易識别。
缺點
内容是固定的,交互性差,内容更新維護複雜。
沒有自動化的工具,維護大量的靜态頁面文件是不現實的。
無法充分支持用戶/客戶的需求(外觀選擇,浏覽器的支持,Cookie)。
區别與聯系
與動态的區别
1、網頁制作使用的制作語言:
靜态網頁使用語言:超文本标記語言(标準通用标記語言的一個應用)
動态網頁使用語言:超文本标記語言+ASP或超文本标記語言+PHP或超文本标記語言+JSP等。
2、程序是否在服務器端運行,是重要标志。
在服務器端運行的程序、網頁、組件,屬于動态網頁,它們會随不同客戶、不同時間,返回不同的網頁,ASP、PHP、JSP、ASPnet、CGI等。運行于客戶端的程序、網頁、插件、組件,屬于靜态網頁,例如html頁、Flash、JavaScript、VBScript等等,它們是永遠不變的。
與動态的聯系
靜态網頁和動态網頁各有特點,網站采用動态網頁還是靜态網頁主要取決于網站的功能需求和網站内容的多少,如果網站功能比較簡單,内容更新量不是很大,采用純靜态網頁的方式會更簡單,反之一般要采用動态網頁技術來實現。靜态網頁是相對于動态網頁而言,是指沒有後台數據庫、不含程序和不可交互的網頁。靜态網頁相對更新起來比較麻煩,适用于一般更新較少的展示型網站。
靜态網頁是标準的HTML文件,它的文件擴展名是.htm或.html,可以包含文本、圖像、聲音、FLASH動畫、客戶端腳本和ActiveX控件及JAVA小程序等。盡管在這種網頁上使用這些對象後可以使網頁動感十足,但是,這種網頁不包含在服務器端運行的任何腳本,網頁上的每一行代碼都是由網頁設計人員預先編寫好後,放置到Web服務器上的,在發送到客戶端的浏覽器上後不再發生任何變化,因此稱其為靜态網頁。靜态網頁是網站建設的基礎,靜态網頁和動态網頁之間也并不矛盾,為了網站适應搜索引擎檢索的需要,即使采用動态網站技術,也可以将網頁内容轉化為靜态網頁發布。動态網站也可以采用靜動結合的原則,适合采用動态網頁的地方用動态網頁,如果必要使用靜态網頁,則可以考慮用靜态網頁的方法來實現,在同一個網站上,動态網頁内容和靜态網頁内容同時存在也是很常見的事情。
僞靜态
并非所有後綴為html htm的頁面都是靜态頁面,動态頁面也可以通過服務器端的技術實現采用靜态頁面的後綴,常見的是Apache的Rewrite技術,也就是通常稱作僞靜态的頁面,實際上還是動态頁面,隻不過是靜态化了。
僞靜态是相對真實靜态來講的。通常我們為了增強搜索引擎的友好面。都将文章内容生成靜态頁面。但是有的朋友為了實時的顯示一些信息。或者還想運用動态腳本解決一些問題。不能用靜态的方式來展示網站内容。但是這就損失了對搜索引擎的友好面。怎麼樣在兩者之間找個中間方法呢,這就産生了僞靜态技術。就是展示出來的是以。html一類的靜态頁面形式,但其實是用ASP一類的動态腳本來處理的。
僞靜态與靜态頁面的區别
從URL結構以及頁面名稱看,僞靜态和靜态頁面是一樣的。僞靜态的頁面後綴可以是html htm或者是目錄格式僞靜态隻是改變了URL的表現形式,實際上還是動态頁面靜态頁面可以節省服務器資源,而僞靜态嚴格說是增加服務器資源消耗的總結,在SEO方面,僞靜态和靜态頁面的功能是相同的,但是僞靜态本質上還是動态頁面,所以消耗資源是和動态頁面一樣的,而且因為Rewrite服務器還需要消耗額外的資源。
重要性
靜态網頁對用戶有多重要呢?普通用戶通過多浏覽器發送指定的URL請求,Web服務器收到請求後定位到指定的文件,或者根據程序從數據庫中調出相應的數據返回到浏覽器,經過浏覽器請求處理後,用戶就可以看到一個完整的文件。整個過程中,動态頁面的話還需要多一個步驟,就是發送命令從數據庫中調出文件,如果用戶一多的時候,就會造成數據庫運行過慢,這樣就嚴重影響了用戶體驗;用戶體驗被影響了,也就影響了搜索引擎優化中的一個最重要步驟,要記得網站優化用戶體驗最重要。
靜态網頁開發工具
1、FrontPage,MSOffice自帶的、簡單易用。
2、DreamWeaver,一個強大的網頁制作軟件,從個人到門戶都可以使用,而且也很簡單。
3、Notepad、Vim,直接編寫HTML代碼。
網頁制作須知
不要先決定網頁的外觀,然後強迫自已去适應它,應該從你的訪客對像,你要傳達的訊息以及你的制網目标推導出一個最适合的網頁架構。
每頁排版不要太疏或用太大的字,盡量避免看你的網頁時需要作很大的卷動,要知道在一頁的上部分是顯眼而寶貴的地方,不要隻放着幾個粗大的字或圖片。
最好不要用寬1024px(像素)以上的分辨率設計網頁。常用的分辨率是960px及980px。明智的網頁設計者是處處照顧浏覽者,絕不會炫耀自己有專線、有17寸的顯示器等。
不要于每頁插入太多的廣告牌。相信你亦不喜歡浏覽一些貼滿廣告的網頁吧,你要考慮到該頁内容與廣告的比例,擺放的位置亦很重要,不妨多參考别人的做法。廣告太多,隻會令人煩厭。
不要每頁都采用不同的背景圖片,以免每次轉頁都要花時間去下載,采用相同的底色或背景圖片還可增加網頁一緻性,樹立風格。
底色或背景圖片必須與文字對比強烈,易于閱讀,這并不是要求你永遠使用鮮亮的背景配搭深色的文字,但深色背景常要求與主題配合,有較多的顧慮,若你的網頁是文章式或包含大量文字,不妨在底色與文字的配搭上下些工夫,力求讓訪者能舒适閱讀你的文章。
太長的一頁要使用内部連結,明智的網頁設計者是不會讓浏覽者看網頁時作太大的卷動。



















