網(wǎng)頁(yè)設(shè)計(jì)是網(wǎng)站設(shè)計(jì)的基礎(chǔ)，也是傳遞信息的重要方式之一。對(duì)于很多網(wǎng)站來(lái)說(shuō)，網(wǎng)頁(yè)設(shè)計(jì)有很多要求和類型，其中最特別的要算靜態(tài)網(wǎng)頁(yè)了。有人覺得靜態(tài)網(wǎng)頁(yè)就是HTML文件，其實(shí)不然，靜態(tài)網(wǎng)頁(yè)還可以存在一些動(dòng)態(tài)的效果。今天就讓faceui為大家介紹什么是靜態(tài)網(wǎng)頁(yè)及靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)步驟。

　　什么是靜態(tài)網(wǎng)頁(yè)

　　靜態(tài)網(wǎng)頁(yè)有時(shí)也被稱為平面頁(yè)。在網(wǎng)站設(shè)計(jì)中，純粹HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用）格式的網(wǎng)頁(yè)通常被稱為“靜態(tài)網(wǎng)頁(yè)”，靜態(tài)網(wǎng)頁(yè)是標(biāo)準(zhǔn)的HTML文件，它的文件擴(kuò)展名是.htm、.html，可以包含文本、圖像、聲音、FLASH動(dòng)畫、客戶端腳本和ActiveX控件及JAVA小程序等。靜態(tài)網(wǎng)頁(yè)是網(wǎng)站建設(shè)的基礎(chǔ)，早期的網(wǎng)站一般都是由靜態(tài)網(wǎng)頁(yè)制作的。靜態(tài)網(wǎng)頁(yè)是相對(duì)于動(dòng)態(tài)網(wǎng)頁(yè)而言，是指沒有后臺(tái)數(shù)據(jù)庫(kù)、不含程序和不可交互的網(wǎng)頁(yè)。靜態(tài)網(wǎng)頁(yè)相對(duì)更新起來(lái)比較麻煩，適用于一般更新較少的展示型網(wǎng)站。容易誤解的是靜態(tài)頁(yè)面都是htm這類頁(yè)面，實(shí)際上靜態(tài)也不是完全靜態(tài)，他也可以出現(xiàn)各種動(dòng)態(tài)的效果，如GIF格式的動(dòng)畫、FLASH、滾動(dòng)字幕等。

靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)（圖片來(lái)自網(wǎng)絡(luò)）

　　特點(diǎn)：

　　1、靜態(tài)網(wǎng)頁(yè)每個(gè)網(wǎng)頁(yè)都有一個(gè)固定的URL，且網(wǎng)頁(yè)URL以.htm、.html、.shtml等常見形式為后綴，而不含有“?”；（動(dòng)態(tài)網(wǎng)頁(yè)中的“？”對(duì)搜索引擎檢索存在一定的問(wèn)題，搜索引擎一般不可能從一個(gè)網(wǎng)站的數(shù)據(jù)庫(kù)中訪問(wèn)全部網(wǎng)頁(yè)，或者出于技術(shù)方面的考慮，搜索蜘蛛不去抓取網(wǎng)址中“？”后面的內(nèi)容。）

　　2、網(wǎng)頁(yè)內(nèi)容一經(jīng)發(fā)布到網(wǎng)站服務(wù)器上，無(wú)論是否有用戶訪問(wèn)，每個(gè)靜態(tài)網(wǎng)頁(yè)的內(nèi)容都是保存在網(wǎng)站服務(wù)器上的，也就是說(shuō)，靜態(tài)網(wǎng)頁(yè)是實(shí)實(shí)在在保存在服務(wù)器上的文件，每個(gè)網(wǎng)頁(yè)都是一個(gè)獨(dú)立的文件。

　　3、靜態(tài)網(wǎng)頁(yè)的內(nèi)容相對(duì)穩(wěn)定，因此容易被搜索引擎檢索。

　　4、靜態(tài)網(wǎng)頁(yè)沒有數(shù)據(jù)庫(kù)的支持，在網(wǎng)站制作和維護(hù)方面工作量較大，因此當(dāng)網(wǎng)站信息量很大時(shí)完全依靠靜態(tài)網(wǎng)頁(yè)制作方式比較困難。

　　5、靜態(tài)網(wǎng)頁(yè)的交互性較差，在功能方面有較大的限制。

　　6、頁(yè)面瀏覽速度迅速，過(guò)程無(wú)需連接數(shù)據(jù)庫(kù)，開啟頁(yè)面速度快于動(dòng)態(tài)頁(yè)面。

　　7、減輕了服務(wù)器的負(fù)擔(dān)，工作量減少，也就降低了數(shù)據(jù)庫(kù)的成本。

靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)（圖片來(lái)自網(wǎng)絡(luò)）

　　靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)步驟

　　1、設(shè)計(jì)好要寫一個(gè)怎樣的靜態(tài)網(wǎng)頁(yè)畫面，然后到網(wǎng)上收集圖片素材或者其他資源。小編自己到網(wǎng)上找了個(gè)參考，然后用ps自己編輯了一張圖，同時(shí)很多需要用到的按鈕之類的背景圖片。

　　2、新建項(xiàng)目文件夾，這是個(gè)好習(xí)慣，將一個(gè)網(wǎng)頁(yè)的東西放在一個(gè)文件夾中以后方便找，這里小編的是moban1，然后在moban1文件夾里面再新建兩個(gè)文件夾style和images和一個(gè)html文件,style里面存放樣式文件test.css,images存放需要用到的圖片。

　　3、編寫test.html文件，小編的習(xí)慣是編寫完html文件一個(gè)div后，同時(shí)調(diào)整css樣式文件，下面是完整的html文件和css文件代碼。

　　4、在瀏覽器中打開，因?yàn)槭莌tml文件所以這里直接右鍵打開即可，右鍵--打開方式--（選擇你要在哪個(gè)瀏覽器中打開）或者直接點(diǎn)擊打開選項(xiàng)，就會(huì)用默認(rèn)瀏覽器打開。

　　以上就是faceui為大家介紹的關(guān)于靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)內(nèi)容。靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)不同于其他網(wǎng)頁(yè)設(shè)計(jì)，但是對(duì)于網(wǎng)站來(lái)說(shuō)是一種很好地保存數(shù)據(jù)和信息的方式。