摘 要
人們每天上網瀏覽的網頁既有動態網頁,也有靜態網頁。不同的網頁狀態對應于不同的設計模式和理念。能夠快速打開瀏覽、有利于搜索引擎收錄和安全可靠的靜態網頁適合用于事業單位的網頁。
【關鍵詞】靜態網頁 動態網頁 模板 瀏覽網頁 安全
自1992年托尼·約翰遜(Tony Johnson)發布MidasWWW,允許用戶瀏覽Unix和VMS網頁上的文檔以來,網絡瀏覽器發展到今天,已今非昔比。上網快速瀏覽網頁已成為每個人每天生活、工作的一部分。對于一個事業單位來說,如何使做出的網頁既能夠快速打開瀏覽,有利于搜索引擎收錄,又能減少php相關漏洞,安全可靠是網站設計人員必須考慮的重要因素之一。
1 概述
在網站設計中,純粹html格式的網頁通常被成為靜態網頁,網頁url文件通常是以htm、html、shtml、xml等形式為后綴,靜態網頁內容一經發布到網站服務器上,即成為一個獨立的文件,在用戶瀏覽時,直接調用文件來進行交互式訪問。由于靜態網頁獨立的特性,所以靜態網站內容是無法被用戶隨意更改;用戶在瀏覽網頁時,不用擔心網站服務器端程序錯誤而產生的交互錯誤問題;靜態網頁的內容穩定,易于被搜索引擎收錄,利于對外宣傳推廣;由于靜態網頁是實際存在的文件,無需經過服務器的編譯,可以直接加載到客戶瀏覽器上,所以靜態網站訪問速度要優于動態網頁。
與靜態網頁相對應的是動態網頁,它的文件擴展名通常為aspx、asp、jsp、php等形式為后綴,它結合了html、高級程序設計語言和數據庫技術,在服務器端運行的程序、網頁、組件等,按照用戶的訪問需求返回不同的網頁。動態網頁在新聞發布、二次開發、日常維護等方面與靜態網頁相比工作量較小;動態網頁與用戶的交互性強,在論壇、大新聞量的門戶網站、網頁游戲上應用較多;動態網頁對瀏覽器緩存要求較少,由于每次訪問時候發送的特征碼不同,服務器在返回數據時,會重新被瀏覽器加載,使動態網頁具有實時的特性。
在2009年至2014年期間,是動態網頁高速發展的時期,在這期間,所有的新建網頁大多都做成動態的,一些靜態網頁也被要求更改為動態網頁,網頁所有者將內容展示給瀏覽者,并與瀏覽者達到互動,那個時期網頁的特點是強調互動,也誕生了很多網頁程序、網頁游戲等。
在近年開始,各大知名網站又開始“靜”下來了,紛紛由動態網頁轉換為靜態網頁,主要由安全性和用戶瀏覽體驗來決定的,在個別仍需互動的界面保留原有動態頁面,在新聞瀏覽頁面利用動態技術生成HTML靜態頁面。
2 靜態網頁制作的思路和方法
在靜態網頁制作過程中,首先要對每一個欄目頁面進行創建頁面、規劃欄目、頁面布局、定義函數變量等,操作十分繁瑣。為簡化操作,可嘗試使用模版化方法,對同類型的新聞界面使用同一個模板,對專題類新聞、宣傳類新聞可以再定義不同的模板,這樣可以讓網站整體界面風格統一,也減少了管理員的很多工作。
在制作靜態網頁過程中,會產生很多的文件,可以將以欄目的英文名稱在硬盤上生成一個目錄,以此欄目為主欄目內容的HTML靜態頁面將生成在此欄目下,例如欄目的英文名稱為news,以此欄目為主欄目的一條新增內容“歡迎瀏覽”的id為1,那么,在/Sections/www.test.com/Html/news/目錄下會生成名為1.htm的Html文件,內容的相對導航地址為:/news/1.htm,絕對導航地址為http://www.test.com/news/1.htm。通過這種方式的規劃可以使文件夾整潔有序,方便管理員進行修改、查找。
生成靜態頁面需要“數據”和“模板”,數據(包括欄目和內容數據)通過后臺界面錄入,“模板”負責前臺頁面的表現形式,“數據”替換掉模板中的標記,生成前臺靜態頁面。所以靜態網頁制作的很重要一個環節就是為各欄目和內容制作出模板,比如科研動態欄目建立一個kydt的模板,在模板中規定了站點的名稱(對應模板中的#global.logo-caption#)、首頁主題圖片(對應模板中的#global.home_page_image#)、首頁用于前臺表現的Html內容(對應模板中的#global.home_page_content#)、本欄目主題圖片(對應模板中的#this.mage#)、本欄目用于前臺表現的HTML內容(對應模板中的#this.content#)等元素內容。
在后臺將數據依次錄入,替換掉模板中的標記,就可以生成前臺靜態頁面了。筆者在操作過程中總結了兩個小技巧,下面與讀者分享一下,一是在頁面規劃的時候,首先將同類型或相近類型的網頁挑選出來,制作成一個模板,在頁面生成制作的時候,僅僅替換關鍵字,不用再逐一的制作了,大大減少了管理員的工作量;二是單獨制作頁眉頁腳文件,每一個子頁面直接調用該文件,可以使得每個子頁面的風格統一,并使程序簡化。
3 靜態網頁是網頁優化的主流
讓網頁“靜”下來,有以下好處:
(1)由于每個網頁都是真實存在的,可以加快頁面打開瀏覽速度,靜態頁面無需連接數據庫打開速度較動態頁面有明顯提高;
(2)無需調用數據庫,減輕了服務器的負擔;
(3)減少了php相關漏洞的影響,網頁更加安全;
(4)有利于搜索引擎的收錄,有利于對事業單位進行宣傳和介紹。
網站建設采用靜態網頁,還是動態網頁?哪一個更好?其實一個網站沒有絕對的靜態和動態之分,不同的頁面需根據實際情況來決定。目前互聯網上的主流趨勢是采用動態技術來構建網站后臺程序,前臺頁面再生成靜態網頁,整個網站都采用數據庫來驅動。對于大多數不以營銷產品為目的的事業單位,其網站也沒有像新浪、騰訊等網站那么多的新聞,事業單位的網站大多用來介紹本單位基本情況,業務情況,最新消息等,筆者認為事業單位的網頁采用靜態網頁更有利于快速打開網頁瀏覽、有利于搜索引擎收錄,且靜態網頁也更加安全可靠。雖然網頁由動態轉靜態在操作和程序實現上有些繁瑣,但從提升網頁瀏覽速度,便捷搜索引擎收錄等方面考慮,筆者認為該項工作還是很有必要的。
參考文獻
[1]徐白,宋玲,吳昊.JSP靜態網頁生成技術的研究[J].計算機技術與發展,2010,20(06):175.
[2]黃立冬.一種半靜態化網站的構建方法[J].軟件,2012,33(3):38.
[3]劉繼良.ASP生成靜態網頁技術的實現[J].電腦知識與技術,2014.
作者簡介
徐建宇(1983-),男,河北省廊坊市人。學士學位。現為中國地質科學院地球物理地球化學勘查研究所工程師。研究方向為信息管理和地球物理勘查。
作者單位
中國地質科學院地球物理地球化學勘查研究所 河北省廊坊市 065000