深入瞭解網站中的靜態網頁和動態網頁的相關知識
根據網站的資料管理模式和應用技術,可以將網站分為靜態網站和動態網站。要理解靜態網站與動態網站,首先應當理解靜態網頁與動態網頁。
靜態網頁
在網站中,純粹HTML格式的網頁通常被稱為“靜態網頁”,早期的網站一般都是由靜態網頁組成的。靜態網頁的網址形式通常為:www.example.com/eg/eg.htm,也就是以.htm、.html、.shtml、.xml等為字尾的網頁。在HTML格式的網頁上,也可以出現各種動態的效果,如GIF動畫、Flash動畫、滾動字幕等“動態效果”只是視覺上的,與動態網頁是不同的概念。本書前面章節所講解的Dreamwever操作,均是靜態網頁製作方法。
靜態網頁具有以下特徵:
(1)每個靜態網頁都有一個固定的URL,且網頁URL以.htm、.html、.shtml等形式為字尾,而不含有“?”。
(2)網頁內容一經發布到網站伺服器上,即成為實際存在的儲存在伺服器上的檔案,每個網頁都是一個獨立的檔案。
(3)靜態網頁的內容相對固定,因此容易被搜尋引擎檢索。
(4)靜態網頁沒有資料庫的支援,採用靜態網頁技術的網站,在製作和維護方面工作量較大,因此當網站資訊量很大時完全依靠靜態網頁製作方式是很難進行後期的維護和管理的。
(5)靜態網頁的互動性較差,在功能方面有較大的限制。
動態網頁
動態網頁是與靜態網頁相對應的,動態網頁的網址字尾不是.htm、.html、.shtml、.xml等形式,而是以.asp、.jsp、.php、.perl、.cgi等形式為字尾,並且在動態網頁網址中有一個標誌性的符號“?”。
這裡說的動態網頁,與網頁上的各種動畫、滾動字幕等視覺上的“動態效果”沒有聯絡,動態網頁可以是純文字內容,也可以是包含各種動態效果內容,這些只是網頁的內容表現形式,無論網頁是否具有動態效果,採用動態網站技術生成的網頁都稱為動態網頁。
從網站瀏覽者的角度來看,無論是動態網頁還是靜態網頁,都可以展示基本的文字和圖片資訊,但從網站開發、管理、維護的角度來看就有很大的差別。動態網頁一般具有以下特點:
(1)動態網頁以資料庫技術為基礎,可以大大降低網站維護的工作量。
(2)採用動態網頁技術的網站可以實現更多的功能,如使用者註冊、使用者登入、線上調查、使用者管理、訂單管理等。
(3)動態網頁實際上並不是獨立存在於伺服器上的網頁檔案,只有當使用者請求時伺服器才生成一個完整的網頁。
(4)動態網頁中的“?”對搜尋引擎檢索存在問題,搜尋引擎一般不能從一個網站的資料庫中訪問全部網頁,或者出於技術方面的考慮,搜尋引擎不去檢索網址中“?”後面的內容,因此採用動態網頁的網站在進行搜尋引擎推廣時需要做一定的技術處理才能適應搜尋引擎的要求。
靜態網站
靜態網站都是由靜態網頁組成的,網頁中只有文字、圖形、影象等,使用者只能被動地接受這些資訊。網頁的核心是HTML格式的文件。
靜態站點僅提供單向的資訊服務。靜態網站是指網站中網頁內容是真實存在的網頁檔案。當使用者傳送請求時,只是將設計好的並存放在伺服器中的網頁傳送給使用者,這個網頁中的內容和形式任何使用者在檢視時都是相同的。
靜態網站具有以下特點:
(1)由靜態網頁組成。
(2)無法提供互動功能,只可以單向提供資訊。
(3)靜態網站中的所有網頁都是真實存的,這一點與動態網站有著本質區別。
靜態網站適合規模小、內容少的企業和個人建站需求。它具有響應客戶請求快,開啟迅速等特點。這是因為靜態網站中的網頁都是真實存在的檔案,當接受到客戶端的請求時,只需把目標網頁傳送到客戶端即可,避免動態網頁的查詢和生成網頁的過程。
動態網站
動態網站是指這個網站使用了動態網頁技術,如PHP、ASP和JSP等技術中的一種,網站中使用了資料庫管理網站的資訊。可以執行互動操作,如註冊使用者、發表文章。使用資料庫管理部分或全部的網站資訊。
注:動態網站並不是不包含靜態網頁,即HTML形式的文件(或是靜態網頁技術),通常動態網站是在靜態網頁或是HTML文件基礎之上加入動態網頁技術。它最核心的標誌是使用了動態網頁技術,應用了資料庫進行管理。對於大型網站來說,為了提高網站的效能,往往對於一些不用產生互動的內容,如單向的公告網頁、新聞頁面時使用靜態網頁技術直接生成一個真實存在的靜態網頁存放在伺服器中。
動態網站具有以下特點:
(1)網站中使用了動態網頁技術,如PHP、ASP和JSP等技術中的一種。
(2)網站中使用了資料庫管理資訊。
(3)網站提供了後臺管理系統、註冊使用者、線上調查和使用者登入等功能。
動態網站適合開發中型和大型網站,當使用者的目標網站是資訊量較大,更新工作頻繁的網站時,就需要將這個網站建立成動態網站。動態網站的更新維護比較方便,因為使用動態網頁技術和資料庫,可以根據需要開發出後臺維護系統,通過這個維護系統任何人都可以快速地對網站進行更新和維護。
動態網站與靜態網站的聯絡與區別
網站是資訊的載體,它將資訊按照一定的類別與順序組織起來,使資訊的流動、傳達、交流更加便捷。網站的表現形式是網頁,一般情況下,一個網站是由多個按照一定連結關係和邏輯關係組織在一起的網頁組成。
動態網站與靜態網站的聯絡:
(1)都是資訊的載體。
(2)建站的巨集觀過程相同,都需要策劃、設計和製作三個階段。
(3)組成網站的基本要素相同。
(4)存放網站的伺服器端和顯示網頁的客戶端基本相同。
靜態網站與動態網站的區別:
(1)製作網頁的形式不同。靜態網站的網頁在製作時就手動設定好所有的網頁的資訊和連結關係;動態網頁是製作好資訊的類別和連結關係,根據後期的輸入內容或請求生成靜態網頁或動態網頁。
(2)管理方式不同。靜態網站一般不存在後臺管理系統,這是因為內容少、連結關係簡單的原因,直接修改比使用管理系統修改要簡單容易得多;動態網站包含一個功能強大、完善的後臺管理系統,通過這個系統對網站進行管理和更新。這是因為動態網站資訊量大、更新頻繁,往往需要多人共同開發和維護,一個完善的後臺管理系統是必不可少的。
(3)資訊的管理方式不同。靜態網站不存在資訊管理問題,它只是靜態地展示內容;動態網站中運用了動態網頁技術和資料庫管理網站中的全部或部分資訊。
(4)互動方式不同。靜態網站無法提供互動操作;動態網站可以提供各種互動性很強的操作,如論壇、留言板等。
動態網站和靜態網站技術的關係
早期的網站都是靜態網站,網站中的網頁都是使用HTML語言(即超文字標記語言)製作的。HTML語言是因特網上製作網頁的基本語言(也是一種大家普遍遵守的一種標準)。
HTML沒有1.0版本是因為最初有很多不同的版本,在進行標準化的時候為了區分沒統一標準之前的各種版本,使用2.0作為最初版本號。HTML成為統一的標準經歷了一個漫長的過程,最終在HTML4.0規範中達到了一致。現在網頁開發工具都遵循HTML4.01這一標準。
新的HTML不會再出現了,XHTML 是當前 HTML 版的繼承者。HTML 語法要求比較鬆散,這樣對網頁編寫者來說,比較方便,但對於機器來說,語言的語法越鬆散,處理起來就越困難,對於傳統的計算機來說,還有能力相容鬆散語法,但對於許多其他裝置,比如手機,難度就比較大。因此產生了由DTD定義規則,語法要求更加嚴格的XHTML。
大部分常見的瀏覽器都可以正確地解析XHTML,即使較早版本的瀏覽器也可以。幾乎所有的網頁瀏覽器在正確解析HTML的同時,可相容XHTML。當然,從HTML發展到XHTML 還需要一個過程。
隨著資料庫和指令碼技術的發展,越來越多的站點建設和網頁開發開始使用這些技術。當前動態網頁的技術有PHP、ASP、JSP和ColdFusion技術。這些技術並不是獨立於靜態網頁技術的。它們都可以與靜態網頁緊密結合,可以直接在靜態網頁中使用這些動態網頁的命令,也可以直接在動態網頁中加入靜態網頁的部分。如果不是加以說明,是很難從網頁的顯示結果中分辨出這個網頁是否應用了動態網頁技術的。
動態網站的建設也是無法脫離靜態網頁技術的。從應用角度上看,動態網頁技術更像是靜態網頁技術的補充和擴充套件。它只是使開發的網頁擁有更符合實際需求的功能。
相關文章
- 靜態網頁和動態網頁的區別網頁
- 靜態網頁與動態網頁的區別網頁
- 前後端,靜態網站和動態網站, 的理解後端網站
- Django構建靜態網頁站點Django網頁
- echarts map靜態套用網頁Echarts網頁
- 用HTML+CSS編寫一個計科院網站首頁的靜態網頁HTMLCSS網站網頁
- 網頁靜態化之freemaker的使用網頁
- 一個簡單靜態網頁網頁
- 網站原始碼的相關知識網站原始碼
- 網站偽靜態和純靜態區別網站
- 【靜態化平臺】☞(一)網頁靜態化服務網頁
- PHP動態網頁設計與網站架設pdfPHP網頁網站
- 易優cms網站SEO模組URL配置偽靜態靜態頁面設定網站
- 靜態網頁簡易生成方法網頁
- 網站安全相關的基礎知識網站
- 靜態網頁高仿正方教育系統網頁(HTML+CSS)網頁HTMLCSS
- ferret 爬取動態網頁網頁
- [譯] 用 Workers 讓靜態網站動態化網站
- 超級漂亮的網上花店html靜態頁面HTML
- Asp.Net中動態頁面轉靜態頁面ASP.NET
- HTML+CSS編寫靜態網站-31 新增About頁面HTMLCSS網站
- 網站靜態化思想網站
- 網站偽靜態配置網站
- docker容器中佈置靜態網站Docker網站
- HTML+CSS編寫靜態網站-32 為關於頁面新增樣式HTMLCSS網站
- 提取動態html網頁內容HTML網頁
- php如何動態修改網頁titlePHP網頁
- Jsp動態網頁開發JS網頁
- 子網掩碼和網路ip的相關知識
- 關於網頁的一些小知識點網頁
- 網頁渲染方式-從靜態頁面到服務端渲染網頁服務端
- HTML+CSS編寫靜態網站-33 建立Contact頁面HTMLCSS網站
- HTML+CSS編寫靜態網站-39 調整About頁面HTMLCSS網站
- 關於大型網站技術演進的思考(十)--網站靜態化處理—動靜整合方案(2)網站
- 【知識分享】動態ip和靜態ip的區別
- C#爬取動態網頁上的資訊:B站主頁C#網頁
- 日記13(靜態網站)網站
- 網站提速-偽靜態(3)網站