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

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

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

靜態(tài)網(wǎng)頁設計（圖片來自網(wǎng)絡）

　　特點：

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

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

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

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

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

　　6、頁面瀏覽速度迅速，過程無需連接數(shù)據(jù)庫，開啟頁面速度快于動態(tài)頁面。

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

靜態(tài)網(wǎng)頁設計（圖片來自網(wǎng)絡）

　　靜態(tài)網(wǎng)頁設計步驟

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

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

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

　　4、在瀏覽器中打開，因為是html文件所以這里直接右鍵打開即可，右鍵--打開方式--（選擇你要在哪個瀏覽器中打開）或者直接點擊打開選項，就會用默認瀏覽器打開。

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