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