1. 程式人生 > >Web前端開發學習1:靜態網頁

Web前端開發學習1:靜態網頁

       一靜態網頁概述

       在網站設計中,純粹HTML(標準通用標記語言下的一個應用)格式的網頁通常被稱為“靜態網頁”,靜態網頁是

標準的HTML檔案,它的副檔名是.htm、.html,可以包含文字、影象、聲音、FLASH動畫、客戶端指令碼和ActiveX

控制元件及JAVA小程式等。靜態網頁是網站建設的基礎,早期的網站一般都是由靜態網頁製作的。靜態網頁是相對於動態

網頁而言,是指沒有後臺數據庫、不含程式和不可互動的網頁。靜態網頁相對更新起來比較麻煩,適用於一般更新較

少的展示型網站。容易誤解的是靜態頁面都是htm這類頁面,實際上靜態也不是完全靜態,他也可以出現各種動態的

效果,如GIF格式的動畫、FLASH、滾動字幕等。

       二靜態網頁介紹

       靜態網頁有時也被稱為平面頁。靜態網頁的網址形式通常為htm(超文字標記語言)結尾 ,還有就是以超文字標

記語言(.htm、.html)、.shtml、.xml(可擴充套件標記語言)等為字尾的。在超文字標記語言格式的網頁上,也可以出現

各種動態的效果,如.GIF格式的動畫、FLASH、滾動字幕等,這些“動態效果”只是視覺上的,與下面將要介紹的動態

網頁是不同的概念。靜態網頁面通常是超文字標記語言文件儲存為檔案在檔案系統裡頭,並且可以通過HTTP訪問網

絡伺服器。

       三靜態網頁的特點

       1靜態網頁每個網頁都有一個固定的URL,且網頁URL以.htm、.html、.shtml等常見形式為字尾,而不含有“?”;

(動態網頁中的“?”對搜尋引擎檢索存在一定的問題,搜尋引擎一般不可能從一個網站的資料庫中訪問全部網頁,或

者出於技術方面的考慮,搜尋蜘蛛不去抓取網址中“?”後面的內容。)

       2網頁內容一經發布到網站伺服器上,無論是否有使用者訪問,每個靜態網頁的內容都是儲存在網站伺服器上的,

也就是說,靜態網頁是實實在在儲存在伺服器上的檔案,每個網頁都是一個獨立的檔案;

       3靜態網頁的內容相對穩定,因此容易被搜尋引擎檢索;

       4靜態網頁沒有資料庫的支援,在網站製作和維護方面工作量較大,因此當網站資訊量很大時完全依靠靜態網頁製作方式比較困難;

       5靜態網頁的互動性較差,在功能方面有較大的限制。

       6頁面瀏覽速度迅速,過程無需連線資料庫,開啟頁面速度快於動態頁面。

       7減輕了伺服器的負擔,工作量減少,也就降低了資料庫的成本。

       四靜態網頁的優點

       1可以公開(即副本可以證明給任何人)。

       2託管沒得任何特殊的要求。(不需要特殊的中間軟體比如超文字前處理器、公共閘道器介面)

       3沒得網路伺服器或應用伺服器,比如直接從CD-ROM(鐳射唱片-只讀儲存器)或USB快閃記憶體驅動器讀取內容,可

以通過網路瀏覽器直接訪問。

       4網站更安全,HTML頁面不會受Asp相關漏洞的影響;而且可以減少攻擊,防SQL注入。資料庫出錯時,不影響

網站正常訪問。

       五靜態網頁的缺點

       1任何個性化或互動都會執行在客戶端之上。

       2沒有自動化的工具,維護大量的靜態頁面檔案是不現實的。

       3無法充分支援使用者/客戶的需求(外觀選擇,瀏覽器的支援,Cookie)

       六靜態網頁與動態網頁的區別

       1網頁製作使用的製作語言:

       靜態網頁使用語言:超文字標記語言(標準通用標記語言的一個應用)

       動態網頁使用語言:超文字標記語言+ASP或超文字標記語言+PHP或超文字標記語言+JSP或超文字標記語言

+ASP.NET等。

       2程式是否在伺服器端執行,是重要標誌。

       在伺服器端執行的程式、網頁、元件,屬於動態網頁,它們會隨不同客戶、不同時間,返回不同的網頁, ASP、

PHP、JSP、ASP.NET、CGI等。運行於客戶端的程式、網頁、外掛、元件,屬於靜態網頁,例如 html 頁、Flash、

JavaScript、VBScript等等,它們是永遠不變的。

       七靜態網頁與動態網頁的聯絡

       1靜態網頁和動態網頁各有特點,網站採用動態網頁還是靜態網頁主要取決於網站的功能需求和網站內容的多

少,如果網站功能比較簡單,內容更新量不是很大,採用純靜態網頁的方式會更簡單,反之一般要採用動態網頁技術

來實現。靜態網頁是相對於動態網頁而言,是指沒有後臺數據庫、不含程式和不可互動的網頁。靜態網頁相對更新起

來比較麻煩,適用於一般更新較少的展示型網站。

        2靜態網頁是標準的HTML檔案,它的副檔名是.htm或.html,可以包含文字、影象、聲音、FLASH動畫、客

戶端指令碼和ActiveX控制元件及JAVA小程式等。儘管在這種網頁上使用這些物件後可以使網頁動感十足,但是,這種網頁

不包含在伺服器端執行的任何指令碼,網頁上的每一行程式碼都是由網頁設計人員預先編寫好後,放置到Web伺服器上

的,在傳送到客戶端的瀏覽器上後不再發生任何變化,因此稱其為靜態網頁。靜態網頁是網站建設的基礎,靜態網頁

和動態網頁之間也並不矛盾,為了網站適應搜尋引擎檢索的需要,即使採用動態網站技術,也可以將網頁內容轉化為

靜態網頁釋出。動態網站也可以採用靜動結合的原則,適合採用動態網頁的地方用動態網頁,如果必要使用靜態網

頁,則可以考慮用靜態網頁的方法來實現,在同一個網站上,動態網頁內容和靜態網頁內容同時存在也是很常見的事

情。

       想要有更詳細的靜態網頁瞭解可以在百度百科中學習:點選開啟連結