- HTML5+CSS3+JavaScript+Bootstrap網站開發實用技術(第3版)
- 張大為 劉德山 崔曉松 張也非主編
- 1691字
- 2025-04-02 16:24:59
1.3 網站設計中的基本概念
前面介紹了瀏覽器與服務器的概念,還介紹了IP地址和域名的概念。下面進一步學習網站(頁)制作過程中涉及的網站、網頁、靜態網頁和動態網頁的概念。
1.網站
網站即Website,也稱作站點,是指在互聯網上根據一定的規則使用HTML語言編寫的用于展示內容的網頁的集合。在本地計算機上,網站體現為一組文件夾。網站是一種信息交流工具,人們可以通過網站來發布信息,或者通過瀏覽器來訪問網站,獲取自己需要的信息或者享受其他網絡服務。
網站由域名、網站空間、網頁3部分組成。域名就是訪問網站時在瀏覽器地址欄中輸入的網址(URL),多個網頁、網頁所需資源由超鏈接聯系起來組成網站。網站空間可以是專門的獨立服務器或租用的虛擬主機,網站需要上傳到服務器的網站空間中,才可以被瀏覽者訪問。
2.網頁
網站是一個整體,網站為用戶(瀏覽者)提供的內容是通過網頁展示出來的,用戶瀏覽網站其實就是瀏覽網頁。網頁實際上是用HTML語言編寫的文本文件。在瀏覽網頁時,瀏覽器將HTML語言“翻譯”成用戶看到的網頁。
例如,使用Chrome瀏覽器瀏覽網頁時,在Chrome瀏覽器的窗口中單擊鼠標右鍵,執行快捷菜單命令【查看網頁源代碼】,即可在瀏覽器中查看該網頁的HTML代碼,如圖1-4所示。

圖1-4 查看網頁的HTML代碼
不同的網頁雖然內容有差別,但都是由網頁基本元素組成的,一般包括圖片、文字、動畫、視頻、音頻等元素中的一種或多種。網頁文件的擴展名一般為htm或html,但與Word、PDF等文件不同,一個網頁實際上并不是由一個單獨的文件構成的,網頁顯示的圖片、聲音以及其他多媒體文件都是單獨存放的。
在Chrome瀏覽器下,執行控制菜單中的【網頁另存為】命令,并選擇保存類型為“網頁,全部”,如圖1-5所示,會將網頁下載到本地計算機,生成一個網頁文件和一個資源文件夾。

圖1-5 保存網頁
網站中最重要的是主頁(Home Page),它是網站的門戶網頁,通常命名為index.html或者index.htm。主頁可以是一個單獨的網頁,同一般網頁一樣,可以存放各種信息;還可以是一個特殊的網頁,作為訪問者瀏覽網站的入口。主頁中一般會給出網站的概述,包括網站的主要內容、各種信息的向導。訪問者在看到主頁后,便會對這個網站有一個大致的了解,以確定要瀏覽的內容。
根據網頁的功能,還可以將網頁分為靜態網頁和動態網頁。
3.靜態網頁
靜態網頁是指在瀏覽器中運行、不需要到后臺數據庫檢索數據、不含有程序的純HTML格式的網頁文件,其文件后綴一般為.html、.htm、.shtml等。靜態網頁并不是指網頁中的所有元素都靜止不動,而是指瀏覽器與服務器不發生交互,但是在網頁中可能會包含各種動態效果,如GIF格式的動畫、Flash動畫、JavaScript腳本等。
靜態網頁的特點如下。
?靜態網頁不需要數據庫的支持,網站信息量很大時,查找網頁內容比較困難,維護工作量較大。
?靜態網頁的內容相對穩定,因此容易被搜索引擎檢索。
?靜態網頁的交互性差,在功能方面有較大的限制。
?網頁內容一經發布到網站服務器上,無論是否有用戶訪問,每個靜態網頁的內容都是保存在網站服務器上的。也就是說,靜態網頁是實實在在保存在服務器上的文件,每個網頁都是一個獨立的HTML文件。
4.動態網頁
動態網頁是指網頁文件中不僅包含HTML標記,還包含需要在服務器上執行的程序代碼。動態網頁需要后臺數據庫與Web服務器交互,利用數據庫實現數據更新和查詢服務。動態網頁的擴展名一般是.asp、.jsp、.php等,在動態網頁網址中通過符號“?”表明查詢條件,如http://news.lnnu.edu.cn/showoa.php?id=27362。
動態網頁這個概念與網頁上的各種動畫、滾動字幕等視覺上的動態效果沒有直接關系,無論網頁最終是否具有動態效果,采用動態網站技術生成的網頁都可以被稱為動態網頁。動態網頁的特點如下。
?動態網頁以數據庫技術為基礎,可以大大降低網站維護的工作量。
?采用動態網頁技術的網站可以實現更多功能,如用戶注冊、用戶登錄、在線調查、用戶管理、訂單管理等。
?動態網頁實際上并不是獨立存在于服務器上的網頁文件,只有當收到用戶請求時服務器才動態生成一個完整的頁面,并以靜態的形式返回客戶端瀏覽器。
可以根據使用的編程語言來判斷網頁是動態網頁還是靜態網頁,靜態網頁使用HTML語言;動態網頁除使用HTML語言外,還需要使用編程語言(PHP、JSP、ASP等的一種)。靜態網頁是網站建設的基礎,在同一網站,動態網頁和靜態網頁可以同時存在。
- Mobile Web Performance Optimization
- Android Jetpack開發:原理解析與應用實戰
- Three.js開發指南:基于WebGL和HTML5在網頁上渲染3D圖形和動畫(原書第3版)
- Oracle數據庫從入門到運維實戰
- Mastering macOS Programming
- 零基礎學Python數據分析(升級版)
- 數據結構習題解析與實驗指導
- SQL經典實例(第2版)
- Mastering Xamarin.Forms(Second Edition)
- MySQL從入門到精通(軟件開發視頻大講堂)
- Python計算機視覺和自然語言處理
- Mastering SciPy
- Kotlin語言實例精解
- 大話代碼架構:項目實戰版
- 測試工程師Python開發實戰