《DIV+CSS3.0網頁樣式與布局全程揭秘》是2012年清華大學出版社出版的圖書，作者是暢利紅。本書是一本介紹div+css網頁樣式與布局的經典之作，通過“系統的專業理論+詳細的實戰操作+真實的商業案例”全面系統地介紹了div+css布局製作網頁的方法和技巧。
基本介紹
- 書名：DIV+CSS 3.0網頁樣式與布局全程揭秘
- 作者：暢利紅
- 出版社：清華大學出版社
- 出版時間：2012-3-1
圖書簡介,內容簡介,目錄,第1章 網頁和網站的基礎知識,第2章 使用web標準設計和製作,第3章 html和xhtml基礎,第4章 css樣式基礎,第5章 div+css布局入門,第6章 設定頁面背景圖像,第7章 設定頁面中的圖像,第8章 css文本內容排版,第9章 設定表單樣式,第10章 設定列表樣式,第11章 設定頁面超連結樣式,第12章 使用javascript搭建動態效果,第13章 css與xml和ajax的綜合使用,第14章 html 5.0與css高級運用,
圖書簡介
版 次：1
頁 數：476
字 數：761000
印刷時間：2012-3-1
開 本：16開
紙 張：膠版紙
印 次：1
I S B N：9787302274377
包 裝：平裝
內容簡介
全書一共分為14章，內容包括網頁和網站的基礎知識、使用web標準設計和製作、html和xhtml基礎、css樣式基礎、div+css布局入門、設定頁面背景圖像、設定頁面中的圖像、css文本內容排版、設定表單樣式、設定列表樣式、設定頁面超連結樣式、使用javascript搭建動態效果、css與xml和ajax的綜合使用、html 5.0與css高級運用。
書中不僅套用大量的實例對重點、難點進行了深入的剖析，而且還結合作者多年的網頁設計和教學經驗進行了點撥，使讀者能夠學以致用。另外，書中還穿插介紹了css 3.0和html 5.0的相關知識，力求使讀者了解最新的網頁設計製作技術。
《div+css 3.0網頁樣式與布局全程揭秘》適合國中級網頁設計愛好者，以及希望學習web標準和對原有網站進行重構的網頁設計者，同時也可以作為高等院校相關專業的參考用書。
目錄
第1章 網頁和網站的基礎知識
1.1 認識網頁
1.1.1 網頁和網站
1.1.2 網頁的類型
1.1.3 靜態網頁與動態網頁
1.1.4 網頁的基本構成元素
1.2 如何設計網頁
1.2.1 網頁設計的基本原則
1.2.2 網頁設計成功要素
1.2.3 網頁的設計風格及色彩搭配
1.2.4 網頁設計的實現
1.3 網頁設計的要點
1.3.1 為用戶考慮
1.3.2 主題突出
1.3.3 整體原則
1.3.4 內容與形式相統一
1.3.5 更新和維護
1.4 網頁布局設計流程
1.4.1 前期策劃
1.4.2 收集素材
1.4.3 頁面的版式與布局分析
1.4.4 確定網站的主色調
1.4.5 設計頁面整體
1.4.6 其他頁面元素的設計
1.4.7 切割和最佳化頁面
1.4.8 製作html頁面
1.4.9 添加網頁後台程式
1.4.10 測試並上傳網站
1.5 本章小結
第2章 使用web標準設計和製作
2.1 html基礎
2.1.1 表格布局的優點
2.1.2 表格布局的缺點
2.2 了解web標準
2.2.1 什麼是web標準
2.2.2 什麼是w3c
2.2.3 w3c發布的標準
2.2.4 web標準的優勢
2.3 網路設計的標準時代
2.3.1 為什麼要建立網站標準
2.3.2 遵循標準的網站與傳統網站的區別
2.3.3 採用網站標準的優缺點
2.4 web標準三劍客
2.4.1 什麼是內容、結構、表現和行為
2.4.2 div與css結合的優勢
2.4.3 如何改善現有網站
2.5 關於web標準的思考與爭論
2.5.1 關於web標準的優點
2.5.2 關於布局
2.5.3 關於瀏覽器兼容
2.6 關於web標準的誤區
2.6.1 拋棄表格布局的思維方式
2.6.2 正確使用xhtml標籤
2.6.3 善於利用css
2.6.4 “通過驗證”並不是最終目的
2.7 本章小結
第3章 html和xhtml基礎
3.1 html基礎
3.1.1 html概述
3.1.2 html檔案的基本結構
3.1.3 html的主要功能
3.1.4 html的基本語法
3.2 html標籤
3.2.1 基本標籤
3.2.2 格式標籤
3.2.3 文本標籤
3.2.4 超連結標籤
3.2.5 圖像標籤
3.2.6 表格標籤
3.2.7 分區標籤
3.3 xhtml介紹
3.3.1 什麼是xhtml
3.3.2 升級到xhtml的好處
3.3.3 xhtml的頁面結構
3.3.4 xhtml的代碼規範
3.3.5 選擇文檔類型
3.3.6 xhtml和html的比較
3.3.7 名字空間
3.4 本章小結
第4章 css樣式基礎
4.1 css概述
4.1.1 css的特點
4.1.2 css的類型
4.1.3 css的基本語法
4.2 css樣式表的基本用法
4.2.1 在xhtml內插入樣式表
4.2.2 css樣式表的規則
4.3 css樣式表的分類
4.3.1 內聯樣式
4.3.2 內聯樣式
4.3.3 外部樣式表
4.4 css文檔結構
4.4.1 結構
4.4.2 繼承
4.4.3 特殊性
4.4.4 層疊
4.4.5 重要性
4.5 單位和值
4.5.1 顏色值
4.5.2 定義字型
4.5.3 群選擇符
4.5.4 派生選擇符
4.5.5 id選擇符
4.5.6 類選擇符
4.5.7 定義連結的樣式表
4.6 本章小結
第5章 div+css布局入門
5.1 定義div
5.1.1 css的特點
5.1.2 插入div
5.1.3 div的嵌套和固定格式
5.2 可視化模型
5.2.1 盒模型
5.2.2 視覺可視化模型
5.2.3 相對定位
5.2.4 絕對定位
5.2.5 浮動定位
5.2.6 空白變疊加
5.3 css布局方式
5.3.1 居中的布局設計
5.3.2 浮動的布局設計
5.3.3 高度自適應
5.4 css 3.0中盒模型的新增屬性
5.4.1 實戰1：overflow
5.4.2 實戰2：overflow-x
5.4.3 實戰3：overflow-y
5.4.4 實戰4：使用css 3.0實現滑鼠經過變換效果
5.5 商業案例——設計製作咖啡店網站頁面
5.5.1 設計分析
5.5.2 布局分析
5.5.3 製作流程
5.5.4 製作流程
5.5.5 案例小結
5.6 課後作業——製作個人網站頁面
5.6.1 案例分析
5.6.2 技能剖析
5.7 本章小結
第6章 設定頁面背景圖像
6.1 背景控制概述
6.1.1 背景控制原則
6.1.2 背景控制屬性
6.2 背景顏色控制
6.2.1 實戰5：控制頁面背景顏色
6.2.2 實戰6：設定塊背景顏色
6.3 背景圖像控制
6.3.1 實戰7：設定背景圖像
6.3.2 實戰8：背景圖像的重複方式
6.3.3 實戰9：背景圖像的定位
6.3.4 實戰10：背景圖像的滾動
6.4 css 3.0中背景的新增屬性
6.4.1 實戰11：background-origin
6.4.2 實戰12：background-clip
6.4.3 實戰13：background-size
6.4.4 multiple backgrounds
6.4.5 實戰14：使用css 3.0實現動態背景
6.5 商業案例——設計製作汽車租賃網站
6.5.1 設計分析
6.5.2 布局分析
6.5.3 製作流程
6.5.4 製作步驟
6.5.5 實例小結
6.6 課後作業——設計製作通信服務宣傳頁面
6.6.1 實例分析
6.6.2 技能剖析
6.7 本章小結
第7章 設定頁面中的圖像
7.1 背景控制概述
7.1.1 實戰15：圖像框線
7.1.2 實戰16：圖像定位
7.1.3 實戰17：圖像縮放
7.1.4 實戰18：圖像對齊方式
7.2 圖文混排
7.2.1 實戰19：文本混排
7.2.2 實戰20：設定混排間距
7.3 css 3.0中框線的新增屬性
7.3.1 實戰21：border-image
7.3.2 實戰22：border-radius
7.3.3 實戰23：border-color
7.3.4 實戰24：box-shadow
7.3.5 實戰25：使用css 3.0實現圖像滑過動畫效果
7.4 商業案例——設計製作休閒遊戲網站
7.4.1 設計分析
7.4.2 布局分析
7.4.3 製作流程
7.4.4 製作步驟
7.4.5 實例小結
7.5 課後作業——設計製作企業英文網站
7.5.1 案例分析
7.5.2 技能剖析
7.6 本章小結
第8章 css文本內容排版
8.1 文本排版概述
8.1.1 文本排版原則
8.1.2 文本控制屬性
8.2 css文本樣式
8.2.1 實戰26：字型
8.2.2 實戰27：大小
8.2.3 實戰28：粗細
8.2.4 實戰29：樣式
8.2.5 實戰30：顏色
8.2.6 實戰31：修飾
8.2.7 實戰32：英文字母大小寫
8.3 css段落樣式
8.3.1 實戰33：段落水平對齊
8.3.2 實戰34：段落垂直對齊
8.3.3 實戰35：行間距和字間距
8.3.4 實戰36：首字下沉
8.4 css 3.0中文字的新增屬性
8.4.1 實戰37：text-shadow
8.4.2 實戰38：text-overflow
8.4.3 實戰39：word-wrap
8.4.4 實戰40：使用css 3.0實現可摺疊欄目
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.7 本章小結
第9章 設定表單樣式
9.1 表單設計概述
9.1.1 網頁表單設計的原則
9.1.2 表單套用分類
9.2 表單設計
9.2.1 表單和表單元素
9.2.2 實戰41：(label)標籤的作用
9.2.3 實戰42：文本框樣式設計
9.2.4 實戰43：下拉列表樣式設計
9.3 實戰44：css 3.0中控制內容的新增屬性
9.4 css 3.0中顏色的新增屬性
9.4.1 實戰45：hsl colors
9.4.2 實戰46：hsla colors
9.4.3 實戰47：opacity
9.4.4 實戰48：rgba colors
9.4.5 實戰49：使用css 3.
實現動態堆疊卡效果
9.5 商業案例——設計製作遊戲網站的登錄頁
9.5.1 設計分析
9.5.2 布局分析
9.5.3 製作流程
9.5.4 製作步驟
9.5.5 案例小結
9.6 課後作業——製作網站搜尋欄
9.6.1 案例分析
9.6.2 技能剖析
9.7 本章小結
第10章 設定列表樣式
10.1 列表控制概述
10.1.1 列表控制的原則
10.1.2 列表標籤的使用
10.2 列表樣式控制
10.2.1 實戰50：ul無序列表
10.2.2 實戰51：ol有序列表
10.2.3 實戰52：dl定義列表
10.2.4 實戰53：更改列表項目樣式
10.3 使用列表製作選單
10.3.1 實戰54：無需表格的選單
10.3.2 實戰55：選單的橫豎轉換
10.4 css 3.0中其他模組的新增屬性
10.4.1 實戰56：@media
10.4.2 @font-face
10.4.3 實戰57：columns
10.4.4 speech
10.4.5 實戰58：使用css 3.0實現選項卡式新聞塊
10.5 商業案例——設計製作音樂網站頁面
10.5.1 設計分析
10.5.2 布局分析
10.5.3 製作流程
10.5.4 製作步驟
10.5.5 實例小結
10.6 課後作業——設計製作娛樂網站頁面
10.6.1 案例分析
10.6.2 技能剖析
10.7 本章小結
第11章 設定頁面超連結樣式
11.1 超連結概述
11.1.1 超連結樣式控制的原則
11.1.2 超連結控制的屬性
11.2 超連結特效
11.2.1 實戰59：文字式超連結
11.2.2 實戰60：按鈕式超連結
11.2.3 實戰61：浮雕式超連結
11.3 css 3.0中用戶界面的新增屬性
11.3.1 實戰62：box-sizing
11.3.2 實戰63：resize
11.3.3 實戰64：outline
11.3.4 nav-index
11.3.5 實戰65：使用css 3.0實現動態選單效果
11.4 商業案例——設計製作電子商務網站
11.4.1 設計分析
11.4.2 布局分析
11.4.3 製作流程
11.4.4 製作步驟
11.4.5 案例小結
11.5 課後作業——設計製作健康類網站頁面
11.5.1 案例分析
11.5.2 技能剖析
11.6 本章小結
第12章 使用javascript搭建動態效果
12.1 列表控制概述
12.1.1 列表控制的原則
12.1.2 javascript的特點
12.1.3 javascript的套用範圍
12.1.4 css與javascript
12.2 使用javascript設定圖像效果
12.2.1 實戰66：實現相冊效果
12.2.2 實戰67：實現圖像滑動切換效果
12.3 針對選單的javascript效果
12.3.1 實戰68：實現彈性快速導航效果
12.3.2 實戰69：製作動態十足的選單效果
12.4 針對文字的javascript效果
12.4.1 實戰70：選擇字型大小
12.4.2 實戰71：實現打字效果
12.5 商業案例——設計製作遊戲網站頁面
12.5.1 設計分析
12.5.2 布局分析
12.5.3 製作流程
12.5.4 製作步驟
12.5.5 案例小結
12.6 課後作業——設計製作購物網站頁面
12.6.1 案例分析
12.6.2 技能剖析
12.7 本章小結
第13章 css與xml和ajax的綜合使用
13.1 xml基礎
13.1.1 xml概念
13.1.2 xml的特點
13.1.3 xml的結構和基本語法
13.1.4 實戰72：html與xml
13.1.5 什麼是“形式良好的”xml檔案
13.2 xml與css的套用
13.2.1 實戰73：在xml中連結css樣式
13.2.2 實戰74：實現隔行變色的表格
13.3 ajax基礎
13.3.1 ajax簡介
13.3.2 ajax的關鍵元素
13.3.3 ajax的優勢
13.3.4 實現ajax的步驟
13.3.5 使用css的必要性
13.4 實戰75：ajax與css的綜合運用
13.5 商業案例——設計製作休閒樂園網站
13.5.1 設計分析
13.5.2 布局分析
13.5.3 製作流程
13.5.4 製作步驟
13.5.5 案例小結
13.6 課後作業——設計製作社區網站
13.6.1 案例分析
13.6.2 案例剖析
13.7 本章小結
第14章 html 5.0與css高級運用
14.1 html 5.0概述
14.1.1 html 5.0標籤
14.1.2 html 5.0事件屬性
14.1.3 html 5.0標準屬性
14.1.4 實戰76：使用html 5.0實現動感頁面效果
14.2 id與class
14.2.1 id是什麼
14.2.2 什麼情況下使用id
14.2.3 class是什麼
14.2.4 什麼情況下使用class
14.3 div與span對象
14.4 css代碼簡寫
14.4.1 font樣式簡寫
14.4.2 color樣式簡寫
14.4.3 background樣式簡寫
14.4.4 margin和padding樣式簡寫
14.4.5 border樣式簡寫
14.4.6 list樣式簡寫
14.5 商業案例——設計製作遊戲網站
14.5.1 設計分析
14.5.2 布局分析
14.5.3 製作流程
14.5.4 製作步驟
14.5.5 案例小結
14.6 課後作業——設計製作企業網站頁面
14.6.1 案例分析
14.6.2 技能剖析
14.7 本章小結
