《DIVCSS網站布局實錄》是2009年科學出版社、北京希望電子出版社出版的圖書，作者是楊陽。
基本介紹
- 書名：DIV CSS網站布局實錄
- 作者：楊陽
- ISBN：9787030249364
- 頁數：466
- 定價：49.00
- 出版社：科學出版社、北京希望電子出版社
- 出版時間：2009-8-1
- 裝幀：平裝
- 開本：16開
編輯推薦,內容簡介,作者簡介,目錄,
編輯推薦
從零開始，詳細介紹頁面布局的語法規則
打破傳統布局思維方式，採用新的DlV+CSS方法布局
8類商業網站的DlV+CSS布局與美化方案
全面展示CSS套用於各類網頁元素的方法與技巧
以Web2．0標；住為製作規範．分步指導16個商業綜合實例的頁面布局
以全新的視角詮釋網站布局的理念！
16個商業案例源檔案和素材
4個行業操作實例
200分鐘商業案例的視頻教程
8種常見網站的布局方式
打破傳統布局思維方式，採用新的DlV+CSS方法布局
8類商業網站的DlV+CSS布局與美化方案
全面展示CSS套用於各類網頁元素的方法與技巧
以Web2．0標；住為製作規範．分步指導16個商業綜合實例的頁面布局
以全新的視角詮釋網站布局的理念！
16個商業案例源檔案和素材
4個行業操作實例
200分鐘商業案例的視頻教程
8種常見網站的布局方式
內容簡介
《DIV+CSS網站布局實錄》介紹了Web標準以及目前流行的DIV+CSS布局的概念，提供多個實例以及大量的圖片來講解DIV+CSS布局製作頁面的方法。《DIV+CSS網站布局實錄》系統地介紹了CSS樣式的基礎理論和實際運用技術，並結合實例來講解層疊樣式表與層布局相結合製作網頁的方法。在實例的製作過程中介紹CSS樣式設計各方面知識的同時，還結合實際網頁製作中可能遇到的問題提供解決問題的思路、方法和技巧，使初學者也可以輕鬆掌握DIv+CSS布局的方式，製作出精美的網頁並搭建功能強大的網站。
全書力求以最簡單的方法探討Web標準進行網頁設計的方方面面，幫助讀者了解Web標準、CSS布局以及表現與內容分離的相關知識。希望通過《DIV+CSS網站布局實錄》的學習，幫助讀者改變傳統的網站設計思維，進入基於Web標準的網頁設計領域。《DIV+CSS網站布局實錄》內容豐富、結構清晰，注重思維鍛鍊與實踐套用，適合初、中級網頁設計愛好者以及希望學習Web標準對原有網站進行重構的網頁設計者。《DIV+CSS網站布局實錄》配套光碟中還提供了書中部分實例的檔案和相關視頻教程，供讀者學習和參考。
全書力求以最簡單的方法探討Web標準進行網頁設計的方方面面，幫助讀者了解Web標準、CSS布局以及表現與內容分離的相關知識。希望通過《DIV+CSS網站布局實錄》的學習，幫助讀者改變傳統的網站設計思維，進入基於Web標準的網頁設計領域。《DIV+CSS網站布局實錄》內容豐富、結構清晰，注重思維鍛鍊與實踐套用，適合初、中級網頁設計愛好者以及希望學習Web標準對原有網站進行重構的網頁設計者。《DIV+CSS網站布局實錄》配套光碟中還提供了書中部分實例的檔案和相關視頻教程，供讀者學習和參考。
作者簡介
本書作者楊陽有著多年的網頁教學以及網頁製作的工作經驗，先後在多家網路公司從事網頁設計工作積累了大量的網頁製作的經驗並精通網頁布局和美化的多種技巧。
目錄
第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.4 本章小結
第2章 使用Web標準設計和製作
2.1 表格布局
2.1.1 表格布局的特點
2.1.2 混亂的邏輯結構和冗餘的嵌套表格
2.2 了解Web標準
2.2.1 什麼是Web標準
2.2.2 什麼是W3C
2.2.3 W3C發布的標準
2.2.4 什麼是Ecma國際
2.2.5 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.l 關於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和XML基礎
3.1 HTML的基礎用法
3.1.1 HTML檔案的基本結構
3.1.2 HTML的主要功能
3.1.3 HTML的基本語法
3.1.4 常用的HTML標籤
3.1.5 段落和文字標籤
3.1.6 超連結標籤
3.1.7 圖像標籤
3.2 轉換到XHTML
3.2.1 升級到XHTML的好處
3.2.2 XHTML的頁面結構
3.2.3 xHTML代碼規範
3.2.4 選擇文檔類型
3.2.5 XHTML和HTML的比較
3.2.4 名字空間
3.3 XML的概述
3.3.1 XML的概念
3.3.2 HTML與XML的比較
3.3.3 為什麼要使用XML
3.3.4 什麼是“形式良好的”XML檔案
3.3.5 XML的結構
3.3.6 DTD的基本結構
3.3.7 定義元素及其後代
3.3.8 定義元素屬性
3.4 本章小結
第4章 CSS樣式入門
4.1 CSS概述
4.2 CSS的基本用法
4.2.1 在HTML內插入樣式表
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 屬性
4.6.1 類型
4.6.2 背景
4.6.3 區塊
4.6.4 方框
4.6.5 框線
4.6.6 列表
4.6.7 定位
4.7 本章小結
第5章 CSS布局入門——個性類網站設計
5.1 定義Div
5.1.1 什麼是Div
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 實例——設計製作個性類網站頁面
5.4.1 設計分析
5.4.2 布局分析
5.4.3 製作流程
5.4.4 製作步驟
5.4.5 案例小結
5.5 舉一反三
5.6 本章小結
第6章 設定頁面圖片——企業網站設計
6.1 圖片樣式控制
6.1.1 圖片框線
6.1.2 圖片定位
6.1.3 圖片縮放
6.1.4 圖片對齊方式
6.2 實例——設計製作企業網站
6.2.1 設計分析
6.2.2 布局分析
6.2.3 製作流程
6.2.4 製作步驟
6.2.5 案例總結
6.3 舉一反三
6.4 本章小結
第7章 設定頁面背景圖像——兒童類網站設計
7.1 背景控制概述
7.1.1 背景控制原則
7.1.2 背景控制屬性
7.2 背景顏色控制
7.2.1 控制頁面背景顏色
7.2.2 用背景顏色為頁面分塊
7.3 背景圖片控制
7.3.1 設定背景圖像
7.3.2 背景圖像的定位
7.3.3 背景圖像的滾動
7.3.4 添加多個背景圖像
7.4 實OQ——設計製作兒童教育類網站
7.4.1 設計分析
7.4.2 布局分析
7.4.3 製作流程
7.4.4 製作步驟
7.4.5 實例小結
7.5 舉一反三
7.6 本章小結
第8章 CSS文本內容排版——美容時尚網站設計
8.1 文本排版概述
8.1.1 文本排版原則
8.1.2 文本控制屬性
8.2 CSS文本樣式
8.2.1 字型
8.2.2 大小
8.2.3 粗細
8.2.4 樣式
8.2.5 顏色
8.2.6 修飾
8.2.7 英文字母大小寫
8.3 文本排版
8.3.1 通欄排版
8.3.2 分欄排版
8.3‘3 圖文混排
8.3.4 不規則文本繞圖
8.4 實例——設計製作美容類網站
8.4.1 設計分析
8.4.2 布局分析
8.4.3 製作流程
8.4.4 製作步驟
8.4.5 案例小結
8.5 舉一反三
8.6 本章小結
第9章 控制頁面超連結樣式——醫療保健網站設計
9.1 超連結概述
9.1.1 超連結樣式控制原則
9.1.2 超連結控制屬性
9.2 超連結樣式
9.2.1 文字連結
9.2.2 按鈕式連結
9.3 實例——設計製作醫療保健類網站
9.3.1 設計分析
9.3.2 布局分析
9.3.3 製作流程
9.3.4 製作步驟
9.3.5 案例總結
9.4 舉一反三
9.5 本章小結
第10章 設定頁面表單樣式——生活購物網站設計
10.1 表單設計概述
10.1.1 網頁表單設計原則
10.1.2 表單套用分類
10.2 表單設計
10.2.1 標籤的作用
10.2.2 文本框樣式設計
10.2.3 下拉列表樣式設計
10.2.4 複選框和單選按鈕設計
10.3 實例——設計製作生活購物類網站
10.3.1 設計分析
10.3.2 布局分析
10.3.3 製作流程
10.3.4 製作步驟
10.3.5 案例小結
10.4 舉一反三
10.5 本章小結
第11章 設定頁面列表樣式——影視音樂網站設計
11.1 列表控制概述
11.2 列表樣式控制
11.2.1 UL無序列表
11.2.2 OL有序列表
11.2.3 定義列表
11.2.4 更改列表項目樣式
11.3 實例——設計製作影視音樂類網站
11.3.1 設計分析
11.3.2 布局分析
11.3.3 製作流程
11.3.4 製作步驟
11.3.5 案例總結
11.4 舉一反三
11.5 本章小結
第12章 CSS布局高級運用——休閒遊戲網站設計
12.1 關於CSS選擇符
12.1.1 CSS選擇符
12.1.2 CSS選擇符的命名
12.2 id與class
12.2.1 id是什麼
12.2.2 什麼情況下使用id
12.2.3 class是什麼
12.2.4 什麼情況下使用class
12.3 Div與Span對象
12.4 實例——設計製作休閒遊戲網站
12.4.1 設計分析
12.4.2 布局分析
12.4.3 製作流程
12.4.4 製作步驟
12.4.5 案例小結
12.5 舉一反三
12.6 本章小結
第13章 CSS布局技巧
13.1 CSS代碼最佳化
13.1.1 增加代碼重用串
13.1.2 使用樣式覆蓋進行簡化
13.2 CSS代碼的簡寫
13.2.1 font樣式簡寫
13.2.2 color樣式簡寫
13.2.3 background樣式簡寫
13.2.4 margin和padding樣式簡寫
13.2.5 border樣式簡寫
13.2.6 list樣式簡寫
13.3 輔助圖片一律用背景處理
13.4 常見的瀏覽器兼容問題
13.5 本章小結
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.4 本章小結
第2章 使用Web標準設計和製作
2.1 表格布局
2.1.1 表格布局的特點
2.1.2 混亂的邏輯結構和冗餘的嵌套表格
2.2 了解Web標準
2.2.1 什麼是Web標準
2.2.2 什麼是W3C
2.2.3 W3C發布的標準
2.2.4 什麼是Ecma國際
2.2.5 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.l 關於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和XML基礎
3.1 HTML的基礎用法
3.1.1 HTML檔案的基本結構
3.1.2 HTML的主要功能
3.1.3 HTML的基本語法
3.1.4 常用的HTML標籤
3.1.5 段落和文字標籤
3.1.6 超連結標籤
3.1.7 圖像標籤
3.2 轉換到XHTML
3.2.1 升級到XHTML的好處
3.2.2 XHTML的頁面結構
3.2.3 xHTML代碼規範
3.2.4 選擇文檔類型
3.2.5 XHTML和HTML的比較
3.2.4 名字空間
3.3 XML的概述
3.3.1 XML的概念
3.3.2 HTML與XML的比較
3.3.3 為什麼要使用XML
3.3.4 什麼是“形式良好的”XML檔案
3.3.5 XML的結構
3.3.6 DTD的基本結構
3.3.7 定義元素及其後代
3.3.8 定義元素屬性
3.4 本章小結
第4章 CSS樣式入門
4.1 CSS概述
4.2 CSS的基本用法
4.2.1 在HTML內插入樣式表
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 屬性
4.6.1 類型
4.6.2 背景
4.6.3 區塊
4.6.4 方框
4.6.5 框線
4.6.6 列表
4.6.7 定位
4.7 本章小結
第5章 CSS布局入門——個性類網站設計
5.1 定義Div
5.1.1 什麼是Div
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 實例——設計製作個性類網站頁面
5.4.1 設計分析
5.4.2 布局分析
5.4.3 製作流程
5.4.4 製作步驟
5.4.5 案例小結
5.5 舉一反三
5.6 本章小結
第6章 設定頁面圖片——企業網站設計
6.1 圖片樣式控制
6.1.1 圖片框線
6.1.2 圖片定位
6.1.3 圖片縮放
6.1.4 圖片對齊方式
6.2 實例——設計製作企業網站
6.2.1 設計分析
6.2.2 布局分析
6.2.3 製作流程
6.2.4 製作步驟
6.2.5 案例總結
6.3 舉一反三
6.4 本章小結
第7章 設定頁面背景圖像——兒童類網站設計
7.1 背景控制概述
7.1.1 背景控制原則
7.1.2 背景控制屬性
7.2 背景顏色控制
7.2.1 控制頁面背景顏色
7.2.2 用背景顏色為頁面分塊
7.3 背景圖片控制
7.3.1 設定背景圖像
7.3.2 背景圖像的定位
7.3.3 背景圖像的滾動
7.3.4 添加多個背景圖像
7.4 實OQ——設計製作兒童教育類網站
7.4.1 設計分析
7.4.2 布局分析
7.4.3 製作流程
7.4.4 製作步驟
7.4.5 實例小結
7.5 舉一反三
7.6 本章小結
第8章 CSS文本內容排版——美容時尚網站設計
8.1 文本排版概述
8.1.1 文本排版原則
8.1.2 文本控制屬性
8.2 CSS文本樣式
8.2.1 字型
8.2.2 大小
8.2.3 粗細
8.2.4 樣式
8.2.5 顏色
8.2.6 修飾
8.2.7 英文字母大小寫
8.3 文本排版
8.3.1 通欄排版
8.3.2 分欄排版
8.3‘3 圖文混排
8.3.4 不規則文本繞圖
8.4 實例——設計製作美容類網站
8.4.1 設計分析
8.4.2 布局分析
8.4.3 製作流程
8.4.4 製作步驟
8.4.5 案例小結
8.5 舉一反三
8.6 本章小結
第9章 控制頁面超連結樣式——醫療保健網站設計
9.1 超連結概述
9.1.1 超連結樣式控制原則
9.1.2 超連結控制屬性
9.2 超連結樣式
9.2.1 文字連結
9.2.2 按鈕式連結
9.3 實例——設計製作醫療保健類網站
9.3.1 設計分析
9.3.2 布局分析
9.3.3 製作流程
9.3.4 製作步驟
9.3.5 案例總結
9.4 舉一反三
9.5 本章小結
第10章 設定頁面表單樣式——生活購物網站設計
10.1 表單設計概述
10.1.1 網頁表單設計原則
10.1.2 表單套用分類
10.2 表單設計
10.2.1 標籤的作用
10.2.2 文本框樣式設計
10.2.3 下拉列表樣式設計
10.2.4 複選框和單選按鈕設計
10.3 實例——設計製作生活購物類網站
10.3.1 設計分析
10.3.2 布局分析
10.3.3 製作流程
10.3.4 製作步驟
10.3.5 案例小結
10.4 舉一反三
10.5 本章小結
第11章 設定頁面列表樣式——影視音樂網站設計
11.1 列表控制概述
11.2 列表樣式控制
11.2.1 UL無序列表
11.2.2 OL有序列表
11.2.3 定義列表
11.2.4 更改列表項目樣式
11.3 實例——設計製作影視音樂類網站
11.3.1 設計分析
11.3.2 布局分析
11.3.3 製作流程
11.3.4 製作步驟
11.3.5 案例總結
11.4 舉一反三
11.5 本章小結
第12章 CSS布局高級運用——休閒遊戲網站設計
12.1 關於CSS選擇符
12.1.1 CSS選擇符
12.1.2 CSS選擇符的命名
12.2 id與class
12.2.1 id是什麼
12.2.2 什麼情況下使用id
12.2.3 class是什麼
12.2.4 什麼情況下使用class
12.3 Div與Span對象
12.4 實例——設計製作休閒遊戲網站
12.4.1 設計分析
12.4.2 布局分析
12.4.3 製作流程
12.4.4 製作步驟
12.4.5 案例小結
12.5 舉一反三
12.6 本章小結
第13章 CSS布局技巧
13.1 CSS代碼最佳化
13.1.1 增加代碼重用串
13.1.2 使用樣式覆蓋進行簡化
13.2 CSS代碼的簡寫
13.2.1 font樣式簡寫
13.2.2 color樣式簡寫
13.2.3 background樣式簡寫
13.2.4 margin和padding樣式簡寫
13.2.5 border樣式簡寫
13.2.6 list樣式簡寫
13.3 輔助圖片一律用背景處理
13.4 常見的瀏覽器兼容問題
13.5 本章小結
