本節書摘來自異步社群《網站設計 開發 維護 推廣 從入門到精通》一書中的第1章，第1.1節，作者： 何新起 , 婁彥傑 更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。
■ 第1章 網頁設計基礎
■ 第2章 網站頁面配色和創意
利用dreamweaver cc中的可視化編輯功能，可以快速建立網頁而不需要編寫任何代碼，這對于網頁制作者來說，工作變得很輕松。文本是網頁中最基本和最常用的内容，是網頁資訊傳播的重要載體。學會在網頁中使用文本和設定文本格式對于網頁設計人員來說是至關重要的。
學習目标
網頁設計的相關術語
網頁美工常用工具
網頁版面布局設計
常見的版面布局形式
文字與圖像版式設計
在具體學習網頁設計與制作前，需要了解什麼是靜态網頁和動态網頁，動态網頁是怎麼互動的，為以後的學習打好基礎。
1.1.1 什麼靜态網頁
在網站設計中，純粹html格式的網頁通常稱為“靜态網頁”，早期的網站一般都是由靜态網頁制作的，靜态網頁是以.htm、.html、.shtml和.xml等為字尾。在html格式的網頁上，也可以出現各種動态的效果，如gif格式動畫、flash滾動字幕等。這些“動态效果”隻是視覺上的，與下面将要介紹的動态網頁不同。
靜态網頁的特點簡要歸納如下。
靜态網頁每個網頁都有一個固定的url，且網頁url以.htm、.html、.shtml等常見形式為字尾，而不含有“？”。
網頁内容一經釋出到網站伺服器上，無論是否有使用者通路，每個靜态網頁的内容都是儲存在網站伺服器上的，也就是說，靜态網頁是實實在在儲存在伺服器上的檔案，每個網頁都是一個獨立的檔案。
靜态網頁的内容相對穩定，是以容易被搜尋引擎檢索。
靜态網頁沒有資料庫的支援，在網站制作和維護方面工作量較大，是以當網站資訊量很大時，完全依靠靜态網頁制作方式比較困難。
靜态網頁的互動性較差，在功能方面有較大的限制。圖1-1所示為一個宣傳介紹性的靜态網頁。
1.1.2 什麼動态網頁
純粹的靜态網頁網站通常需要手工制作網頁，對于網站維護人員有一定的專業要求，并且當網站内容更新較多時，手工制作靜态網頁會顯得相當繁瑣，于是通過背景資訊釋出方式的動态網站技術很快在網站中得到普及應用。
所謂動态網頁，就是該網頁檔案不僅含有html标記，而且含有程式代碼，這種網頁的字尾一般根據不同的程式設計語言來定，如asp檔案的字尾為.asp。動态網頁能夠根據不同的時間、不同的來訪者而顯示不同的内容，還可以根據使用者的即時操作和即時請求，使動态網頁的内容發生相應的變化。如常見的bbs、留言闆、搜尋系統和聊天室等就是用動态網頁來實作的。圖1-2所示為交友網站中的會員搜尋系統。
如果在下拉清單中選擇不同的查詢條件，單擊“查詢”按鈕後會顯示不同的網頁内容，這就是動态網頁所具有的典型特征。這種互動式的行為利用單純的html語言是無法實作的，它需要将内容存儲在資料庫中，在伺服器端利用動态程式設計語言來實作，如asp、php、jsp等。這樣的程式不僅能處理從浏覽器端表單送出的資料，而且可以根據這些資料動态地回報給使用者。