整合營銷服務商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁之間的區(qū)別
什么是靜態(tài)網(wǎng)頁
所謂”靜態(tài)”指的是網(wǎng)頁內(nèi)容”固定不變”，當瀏覽者通過互聯(lián)網(wǎng)的HTTP協(xié)議向Web服務器請求替換網(wǎng)頁內(nèi)容時，服務器僅僅是將原來已經(jīng)設計好的靜態(tài)HTML文檔傳送給用戶的流量器，其頁面的內(nèi)容使用僅僅是標準的HTML代碼，靜態(tài)網(wǎng)頁文件通常以htm、html等為后綴名。
什么是動態(tài)網(wǎng)頁
所謂”動態(tài)”，并不是指在網(wǎng)頁中放幾個帶動畫的GIF或者SWF圖片和動畫，而是指用戶在瀏覽此網(wǎng)頁時，可以根據(jù)本身的需求在網(wǎng)頁中進行操作，而網(wǎng)頁根據(jù)用戶的輸入，能夠產(chǎn)生相應的結(jié)果來響應用戶，那樣的網(wǎng)頁才叫動態(tài)網(wǎng)頁，動態(tài)網(wǎng)頁文件通常以.asp、.php等為后綴。
靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁的區(qū)別
1、編程技術(shù)不同
很多人容易將動態(tài)網(wǎng)頁與頁面的動態(tài)內(nèi)容混為一談，其實，動態(tài)網(wǎng)頁與網(wǎng)頁中的動態(tài)內(nèi)容，如flash動畫、滾動字幕等并沒有直接關(guān)系。所謂的動態(tài)網(wǎng)頁是指利用HTML程序語言、其他高級程序設計語言和數(shù)據(jù)庫技術(shù)編程生成的網(wǎng)頁。靜態(tài)網(wǎng)頁是指利用HTML程序語言編程生成的網(wǎng)頁，隨著HTML代碼的生成，頁面內(nèi)容和顯示效果不會再在發(fā)生改變，除非修改代碼。而動態(tài)網(wǎng)頁不容，頁面代碼雖然不發(fā)生變化，但顯示的內(nèi)容可以根據(jù)數(shù)據(jù)庫操作的結(jié)果發(fā)生改變。
2、被搜索引擎收錄的狀況不同
由于編程技術(shù)不容，靜態(tài)網(wǎng)頁是純粹HTML格式的網(wǎng)頁，頁面內(nèi)容穩(wěn)定，不論是網(wǎng)頁是否被訪問，頁面都被保存在網(wǎng)站服務器上，很容易被搜索引擎收錄。而動態(tài)網(wǎng)頁的內(nèi)容是當用戶點擊請求時才從數(shù)據(jù)庫中調(diào)出返回給用戶一個網(wǎng)頁的內(nèi)容，并不是存放在服務器上的獨立文件，相比較于靜態(tài)網(wǎng)頁而言，動態(tài)網(wǎng)頁很難被搜索引擎收錄。
3、用戶訪問速度不同
用戶訪問動態(tài)網(wǎng)頁時，網(wǎng)頁在獲得搜索指令后經(jīng)過數(shù)據(jù)庫的調(diào)查匹配，再將與指令相符的內(nèi)容傳遞給服務器，通過服務器的編譯將網(wǎng)頁編譯成標準的HTML代碼，從而傳遞給用戶瀏覽器，多個讀取過程大大降低了用戶的訪問速度。而靜態(tài)網(wǎng)頁不同，由于網(wǎng)頁內(nèi)容直接存取在服務器上，省去了服務器的編譯過程，用戶訪問網(wǎng)頁速度很快。
4、制作和后期維護工作量不同
動態(tài)網(wǎng)頁的設計以數(shù)據(jù)庫技術(shù)為基礎，可以實現(xiàn)多種功能，降低了網(wǎng)站維護的工作量。而靜態(tài)網(wǎng)頁由于沒有數(shù)據(jù)庫的支持，網(wǎng)頁內(nèi)容更改時需要直接修改代碼，在網(wǎng)站內(nèi)容制作和維護中，所需的工作量更大。
動態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁各有特點，網(wǎng)站設計師在網(wǎng)頁設計時，主要根據(jù)網(wǎng)站的功能需求和網(wǎng)站內(nèi)容多少選擇不同網(wǎng)頁。如，網(wǎng)站包含信息量太大時，就需要選擇動態(tài)網(wǎng)頁，反之，則選擇靜態(tài)網(wǎng)頁。
GDCA（數(shù)安時代）擁有國內(nèi)自主簽發(fā)信鑒易 TrustAUTH SSL證書以及是國際多家知名品牌：GlobalSign、Symantec、GeoTrust SSL證書指定的國內(nèi)代理商。為了讓國內(nèi)更多的網(wǎng)站升級到安全的https加密傳輸協(xié)議。近日，GDCA推出多種國際知名SSL證書優(yōu)惠活動，實現(xiàn)HTTPS加密并展示網(wǎng)站真實身份信息。詳情請資訊GDCA產(chǎn)品官網(wǎng)在線客服https://www.trustauth.cn/。
文章轉(zhuǎn)載：https://www.trustauth.cn/news/wiki/15753.html
者有話要說：此文是作者自己的學習總結(jié)，供大家參考，不足之處還請見諒和指正~
在學習完了基本的HTML+CSS標簽之后，就可以嘗試寫一些簡單的靜態(tài)網(wǎng)頁啦~練習的過程是充滿成就感的，值得反復體會和思考！
網(wǎng)頁結(jié)構(gòu)
簡單提一下常用于表示網(wǎng)頁機構(gòu)的標簽：
header 整個頁面的標題（也可表示一個內(nèi)容區(qū)塊）
main 頁面主體部分
footer 整個頁面的腳注（也可表示一個內(nèi)容區(qū)塊）
article 一塊與上下文無關(guān)的獨立內(nèi)容
section 表示一個內(nèi)容區(qū)塊，常嵌套于article中
aside 在article之外與其內(nèi)容相關(guān)的輔助信息
nav 頁面中的導航欄
figure 表示一段獨立的流內(nèi)容
基本網(wǎng)站結(jié)構(gòu)
三欄布局
一個網(wǎng)頁最少由header、main、footer三部分組成，那么從三欄布局開始練習吧。無論是上-中-下結(jié)構(gòu)還是左-中-右結(jié)構(gòu)，關(guān)鍵都在于設置中間部分的寬高或位置。我們知道網(wǎng)頁的主體內(nèi)容（版心）是處于居中位置、隨網(wǎng)頁縮放而縮放的。那么左右（或上下）兩欄固定后，須使中間部分自適應。以下總結(jié)了幾種三欄布局的方法，以左-中-右結(jié)構(gòu)為例：
先寫左中右三個盒子。
body部分
1.使用float
利用float使左右脫離文檔流
需要注意的是，使用float方法需要在body部分改一下center盒子的位置，把center盒子放在right盒子之后（否則right盒子會跑到下一行右側(cè)）。以上代碼中，設置center盒子的左右外邊距來實現(xiàn)寬度自適應，若父盒子layout無高度要求，可用min-height實現(xiàn)高度自適應。不加高度自適應也可，在未設置center盒子高度的情況下本身高度會隨文本內(nèi)容的擴充而自動增加。
2.使用position
利用絕對定位脫離文檔流
三個盒子都分別使用絕對定位，left、right分別距離窗口左右端為0，center距離窗口左端的間距為left盒子的寬度，距離窗口右端的間距為right盒子的寬度。
3.使用flex
利用彈性盒固有屬性
須給父盒子layout加上彈性盒屬性，給center盒子設置大于0的flex值，利用彈性盒自動拉伸效果實現(xiàn)center盒子的寬度自適應。
4.使用table
設置為表格
給父盒子layout設置為table，寬度為整個窗口，給三個子盒子都設置為table-cell，此時三個盒子就有了表格的屬性。固定left、right盒子的寬度，center盒子自動占滿父盒子剩余寬度。需要注意的是，因為父盒子具有表格屬性，當left、center、right三者中任意一個盒子高度改變時，其他兩個盒子會跟著改變。
5.使用grid
設置為網(wǎng)格
將父盒子layout設置為grid，寬度為整個窗口，用template-rows設置行高，用template-columns分別設置三個盒子的寬度，其中auto實現(xiàn)center盒子的寬度自適應。需要注意的是，這里用template-rows設置了固定的行高，因此center的高度不會自適應。
仿寫練習
適合初學者練習的網(wǎng)頁有很多，可以打開網(wǎng)址之家去里面挑一挑，以靜態(tài)頁面為主的網(wǎng)站。作者自己是以豆瓣首頁（局部）進行練習的。練習過程中，千萬不要去看網(wǎng)站源碼（此時你也有很多地方看不懂），先試著自己分析和思考，用所學的知識看看能做到哪一步。
筆者學習時的仿寫
放上對比圖，還是有很多不一樣的地方，網(wǎng)頁也沒有功能，作為初學者這都是正常的。靜態(tài)網(wǎng)頁練習的主要目的是熟悉HTML+CSS布局，培養(yǎng)做網(wǎng)頁的思維。具體細節(jié)隨著學習的深入，可以讓網(wǎng)頁更還原、頁面更精美，網(wǎng)頁功能也能逐步完善起來，實現(xiàn)真正的網(wǎng)站開發(fā)。
頁可以分為靜態(tài)網(wǎng)頁、動態(tài)網(wǎng)頁兩種類型。關(guān)于這兩種網(wǎng)頁的介紹如下。
1.靜態(tài)網(wǎng)頁
靜態(tài)網(wǎng)頁包含的諸如文本、圖像、Flash動畫、超鏈接等內(nèi)容，在編寫網(wǎng)頁源代碼時已經(jīng)確定。除非網(wǎng)頁源代碼被重新修改，否則這些內(nèi)容不會發(fā)生變化。例如，某汽車品牌的網(wǎng)站首頁就是一個靜態(tài)網(wǎng)頁，具體如圖所示。
靜態(tài)網(wǎng)頁具有以下幾個特點。
? 靜態(tài)網(wǎng)頁的內(nèi)容相對穩(wěn)定，一旦上傳至網(wǎng)站服務器，無論是否有用戶訪問，內(nèi)容都會一直保存在網(wǎng)站服務器上。
? 靜態(tài)網(wǎng)頁被訪問的速度快，訪問過程中無須連接數(shù)據(jù)庫。
? 靜態(tài)網(wǎng)頁沒有數(shù)據(jù)庫的支持，內(nèi)容更新與維護比較復雜。
? 靜態(tài)網(wǎng)頁的交互性較差，在功能方面有較大的限制。
值得一提的是，靜態(tài)網(wǎng)頁上展示的內(nèi)容并非完全靜止的，它也可以有各種視覺上的動態(tài)效果，如GIF動圖、Flash動畫、滾動字幕等。
2.動態(tài)網(wǎng)頁
相比靜態(tài)網(wǎng)頁，動態(tài)網(wǎng)頁有數(shù)據(jù)庫支撐、包含程序以及提供與用戶交互的功能，如用戶登錄、用戶注冊、信息查詢等功能，根據(jù)用戶傳入的不同參數(shù)，網(wǎng)頁會顯示不同的數(shù)據(jù)。例如，登錄某網(wǎng)站后查詢百度公司信息的頁面是一個動態(tài)網(wǎng)頁，如圖所示。
動態(tài)網(wǎng)頁具有以下一些特點。
? 動態(tài)網(wǎng)頁一般以數(shù)據(jù)庫技術(shù)為基礎。
? 動態(tài)網(wǎng)頁并不是獨立存在于服務器上的網(wǎng)頁文件，只有當用戶發(fā)送請求時，服務器才會返回完整的網(wǎng)頁。
? 采用動態(tài)網(wǎng)頁技術(shù)的網(wǎng)站可以實現(xiàn)更多的功能，如用戶注冊、用戶登錄、在線調(diào)查、用戶管理、訂單管理等。
對于網(wǎng)絡爬蟲來說，靜態(tài)網(wǎng)頁的內(nèi)容都寫在源代碼中，比較容易抓取;動態(tài)網(wǎng)頁的內(nèi)容不一寫在網(wǎng)頁源代碼中，可能需要用戶登錄后才能顯示完整，這增加了抓取難度。
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
