本書以Adobe Dreamweaver CS5作為設計工具，從如何建立站點、配置站點、管理站點、上傳站點所需的步驟，詳細介紹了網頁設計前的環境搭建。內容分為基礎篇、進階篇、高級應用篇和綜合案例篇五個部分。
《實用Web頁面設計》共10章，包括4大部分：基礎篇、進階篇、高級應用篇和綜合案例篇。
第一部分基礎篇側重介紹網站部署環境和熟悉DreamweaverCS6軟件及HTML的基本應用。
第二部分進階篇側重于CSS的頁面美化和布局及JavaScript的基本語法的實踐應用。
第三部分高級應用篇側重于最新的HTML5的各種特效和Photoshop網頁切圖的技巧，使Web更美觀，制作更節省時間。
第四部分綜合案例篇側重于一步步地引導讀者開始新的、符合Web標準的CSS布局及JavaScript動態圖片顯示的效果。
《實用Web頁面設計》主要有以下幾大特點：
(1)內容全面。詳細介紹了網頁設計軟件的應用、網頁美化和布局方法以及網頁設計的技巧，最終使讀者能夠設計出較為復雜、美觀的網頁。
(2)與時俱進。本書引進了網頁設計中較為流行的元素，詳細闡述了最新的HTML5的各種特效和Photoshop網頁切圖的技巧，用以美化頁面和節省時間。
(3)實例豐富，技術含量高，緊密與實踐相結合。每一個實例都有詳細的代碼支撐，傾注了作者多年的實踐經驗的積累；每一個頁面的實現都經過技術認證。
(4)語言通俗易懂、講解清晰、前后呼應。圖例清晰，具有針對性。每一個圖例都經過作者精心策劃和編輯。
21世紀是互聯網高速發展、信息無處不在的時代。1987年9月北京計算機應用技術研究所的錢天白教授向德國卡爾斯魯厄大學發出中國第一封電子郵件，首次實現與國外計算機網絡的聯通。20世紀90年代，網站幾乎是純文字的頁面，只要保證瀏覽者能夠獲取信息，網站的功能就算實現了。過去的二十多年，互聯網發生了翻天覆地的變化。
隨著網絡信息技術的更新換代，人們已經不能繼續滿足于千篇一律的“模板式”網站了。互聯網發展到今天，網站的數量已經無法估計了。截至2014年，我國登記在冊的網站總量已經突破350萬個。在浩瀚的網站中如何脫穎而出呢？
網頁制作技術發展到今天，已經不再是簡單的網頁制作了。作為一種新媒體的媒介主體，網站被賦予了太多的使命。環顧四周，計算機、電視、手機、平板、智能終端無一不是網頁瀏覽設備。今天的你我，在超市內的廣告機上輕輕一點，需要的商品或服務就立即送到家了。這一切的一切都是建立在網頁制作技術基礎上的。
本書共10章，包括4大部分： 第一部基礎篇側重于介紹網站部署環境和熟悉Dreamweaver CS6軟件及HTML的基本應用。第二部分進階篇側重于CSS的頁面美化和布局及JavaScript的基本語法的實踐應用。第三部分高級應用篇側重于最新HTML 5的各種特效和Photoshop網頁切圖的技巧，使Web更美觀，制作更節省時間。第四部分綜合案例篇側重于一步步地引導讀者開始新的、符合Web標準的CSS布局及JavaScript動態圖片顯示的效果。
本書對Web的介紹較為全面，從最基本的概念開始，步步深入。從開始的HTML的簡單呈現，后又初步地以CSS加以修飾，最終用JavaScript使靜態網頁顯示動態效果，使網頁美觀、生動。
盡管現在市面上有很多Web網頁制作的資源，但多是一些支離破碎的技巧和經驗，學習這樣的資料很容易產生身處山中卻不得山貌的困惑。另外，即使是有經驗的CSS開發人員也會遇到問題。這是因為很多Web開發人員是靠自學成才的，他們從網上的文章或代碼中學習經驗，并沒有全面系統地理解Web規范應用。加之瀏覽器的兼容性問題，如果沒有系統的參考資料，如同摸石頭過河，會嚴重影響開發速度。
本書結合本人多年來對Web網站前端技術的開發設計經驗、對網站的一些見解，較為系統地介紹動靜態網頁的制作及布局，相信初學者和網頁設計人員，都能從本書獲得很大的收益。本書涵蓋了大量的經驗案例和綜合布局示例，可以幫助讀者很好地理解和精通Web前端開發技術。
本書主要定位于初、中級用戶。不管你以前是否了解或學習過網頁設計相關知識，本書都非常適合。雖然我們在策劃、創造、編寫中致力于追求嚴謹、求實、高質量，但是錯誤和不足在所難免，懇請讀者不吝賜教，我們定會全力改進。
本書由張建波任主編，付湘瓊、殷群任副主編。第3、6章由張建波編寫，第7、8章由殷群編寫，第4、5章由付湘瓊編寫，第1、2章由朱凱編寫，第9、10章由李宇亮編寫。張建波負責全書的統稿和審定工作。
張懷寧教授在本書的編寫和審閱過程中，提出了許多指導性的意見； 清華大學出版社對本書的出版給予了積極的支持和幫助； 參與本書案例驗證工作的還有魏興、張曉云、王紅偉、趙波等。在此一并致以誠摯的感謝。
由于作者水平有限，書中缺點和疏漏之處在所難免，敬請讀者批評指正。
編者
2014年9月
第一部分基礎篇
第1章網站及網站部署環境概述
1．1萬維網概述
1．2網頁與HTML語言
1．3網頁設計與開發的過程
1．4常用網頁制作工具與選擇
1．5網站的運行環境
1．5．1Windows Server 2008安裝概述
1．5．2IIS配置概述
1．5．3FTP權限配置
1．6Web站點的建立與管理
1．6．1Web站點的建立
1．6．2網站的管理
1．6．3網站維護
1．7本章小結
1．8習題
第2章Adobe Dreamweaver CS6簡介
2．1Dreamweaver CS6簡介
2．1．1Dreamweaver CS6界面
2．1．2Dreamweaver CS6新增功能
2．2規劃站點結構
2．2．1創建站點
2．2．2建立遠程FTP站點
2．2．3搭建站點結構
2．2．4文件與文件夾的管理
2．3頁面的總體設置
2．4Dreamweaver的使用簡介
2．4．1文本的插入與編輯
2．4．2插入圖像
2．4．3插入并編輯表格
2．4．4插入Flash動畫
2．4．5嵌入音頻
2．4．6創建鏈接關系
2．4．7創建CSS樣式
2．4．8使用CSS樣式美化頁面
2．4．9CSS樣式表的其他操作
2．4．10CSS樣式表濾鏡實例
2．4．11創建模板
2．4．12制作框架網站
2．4．13創建層
2．4．14利用行為制作動態頁面
2．4．15網頁表格深層探密
2．5本章小結
2．6習題
第3章HTML基礎篇
3．1HTML標記語言介紹
3．1．1HTML概述
3．1．2HTML文件的基本框架
3．1．3HTML標記與HTML屬性
3．2文本排版標記
3．2．1標題標記
3．2．2字體控制標記
3．2．3段落標記
3．2．4換行標記
3．2．5字符樣式標記
3．2．6水平標記
3．3文字列表標記
3．3．1無序列表
3．3．2有序列表
3．3．3定義列表
3．4圖像標記
3．5超鏈接標記
3．6層標記
3．7表格標記
3．8框架標記
3．9表單
3．9．1表單標記
3．9．2表單域標記
3．9．3按鈕
3．9．4文本控件
3．9．5單選框
3．9．6復選框控件
3．9．7文件上傳控件
3．10HTML實例
3．11本章小結
3．12習題
第二部分進階篇
第4章層疊式表及頁面美化
4．1CSS的基本概念
4.2HTML與CSS的關系
4.3CSS語法
4.3.1標簽、類、ID和關聯選擇器
4.3.2組織標記
4.3.3繼承和層疊
4.3.4應用和維護
4.3.5Web標準與驗證
4.4CSS樣式
4.4.1CSS顏色和背景
4.4.2字體及文本樣式
4.4.3列表
4.4.4超鏈接
4.4.5邊框和輪廓
4.4.6表格
4.5頁面和瀏覽器標記及濾鏡
4.5.1鼠標
4.5.2滾動條
4.5.3CSS濾鏡
4.6CSS特效實例
4.7本章小結
4.8習題
第5章網頁布局與規劃
5.1網頁布局基本概念
5.2表格布局
5.2.1表格的基礎
5.2.2使用表格布局案例
5.3框架布局
5.3.1框架基礎
5.3.2使用框架布局案例
5.4DIV+CSS布局方式
5.4.1DIV的布局基礎
5.4.2CSS盒模型
5.4.3CSS標記定位
5.4.4CSS浮動與堆疊
5.5DIV+CSS布局的綜合示例
5.5.1CSS常用的布局樣式
5.5.2綜合實例
5.6本章小結
5.7習題
第6章JavaScript動態腳本語言
6.1JavaScript的介紹
6.1.1JavaScript的起源
6.1.2JavaScript語言的特點
6.1.3入門例子
6.2JavaScript語法基礎
6.2.1準備工作
6.2.2JavaScript的基本語法
6.2.3常量、變量以及關鍵字
6.2.4運算符
6.2.5JavaScript的程序結構
6.2.6條件語句
6.2.7switch選擇語句
6.2.8while和do…while循環語句
6.2.9for循環語句
6.2.10break與continue語句
6.3函數
6.3.1函數的定義
6.3.2函數的調用
6.3.3全局變量與局部變量
6.3.4參數個數可變的函數
6.3.5創建動態函數
6.3.6JavaScript的內置函數
6.4對象
6.4.1對象的概念
6.4.2對象的屬性
6.4.3對象的事件
6.4.4對象的方法
6.4.5對象的使用
6.4.6對象與對象實例
6.4.7常用JavaScript核心對象
6.5文檔對象模型
6.5.1DOM介紹
6.5.2Browser對象
6.5.3Document對象
6.5.4getElementById()方法
6.5.5getElementsByName()方法
6.5.6getElementsByTagName()方法
6.5.7getAttribute()方法
6.6JavaScript事件
6.6.1瀏覽器事件
6.6.2鍵盤事件
6.6.3鼠標事件
6.6.4表單事件
6.6.5文檔事件
6.6.6在JavaScript中動態指定事件處理程序
6.7JavaScript綜合實例
6.8本章小結
6.9習題
第三部分高級應用篇
第7章HTML 5的高級應用
7.1HTML 5的主要文檔結構標簽
7.1.1<header>標簽
7.1.2<footer>標簽
7.1.3<nav>標簽
7.1.4<section>標簽
7.1.5<article>標簽
7.1.6<aside>標簽
7.2音頻和視頻
7.2.1HTML 5的音頻和視頻格式
7.2.2音頻標簽<audio>
7.2.3視頻標簽<video>
7.3canvas繪圖
7.3.1創建<canvas>元素
7.3.2構建繪圖環境
7.3.3通過JavaScript繪制圖形
7.4HTML 5其他標簽
7.4.1<datalist>標簽
7.4.2<summary>標簽
7.4.3<figcaption>標簽和<figure>標簽
7.4.4<hgroup>標簽
7.4.5<time>標簽
7.4.6<mark>標簽
7.4.7<ruby>標簽和<rt>標簽
7.4.8<meter>標簽
7.4.9<command>標簽
7.4.10<menu>標簽
7.5本章小結
7.6習題
第8章Photoshop網頁切圖
8.1網頁切圖的基本概念
8.2Photoshop簡介
8.3切圖工具圖標的識別
8.4切圖基本操作
8.4.1切圖原則
8.4.2切圖的具體步驟
8.5班級網頁切圖實例
8.5.1網頁布局設計
8.5.2參數選擇
8.5.3定義站點
8.5.4制作頁面表格
8.5.5在網頁中添加圖片和內容
8.6博客網頁切圖實例
8.6.1背景切圖
8.6.2其他區域切圖
8.6.3logo切圖
8.6.4添加圖文代碼實現與CSS修飾
8.7本章小結
8.8習題
第四部分綜合案例篇
第9章綜合案例
9.1班級網站制作
9.1.1網站規劃與設計
9.1.2首頁布局
9.1.3首頁制作
9.1.4二級頁面的制作
9.2博客制作
9.2.1網頁的結構設計
9.2.2用CSS添加樣式
9.2.3內容區域與邊緣的風格化
9.2.4博客文章的風格化
9.2.5為評論設置斑馬紋
9.3在線考試
9.3.1在線考試系統的頁面設計
9.3.2在線考試系統的程序設計
9.3.3在線考試系統實現效果
9.4多級導航菜單制作
9.4.1多級導航菜單結構
9.4.2用CSS添加樣式
9.4.3多級導航菜單實現效果
9.5本章小結
9.6習題
第10章網頁設計與制作模擬試題和參考答案
10.1模擬試題(一)
10.2模擬試題(二)
10.3模擬試題（一）參考答案
10.4模擬試題(二)參考答案
10.5課后答案
參考文獻
新書資訊