|
|
|
書中詳細的講解步驟配合圖示，使得每個步驟清晰易懂、一目了然。同時通過大量實例對重點及難點進行深度剖析，並且結合作者多年的網頁設計與教學經驗進行點撥，從而使讀者達到學以致用的目的。本書還穿插講解了有關CSS 3、HTML 5、JavaScript和jQuery的相關知識。希望用戶通過本書的學習，能夠以符合標准的設計思維，采用實戰操作步驟完成網頁設計，進而全面掌握利用Div+CSS布局制作網頁的方法。
前言
第1章 網頁和網站的基礎知識
1.1 認識網頁
1.1.1 網頁和網站
1.1.2 網頁類型
1.1.3 網頁的基本構成
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 Div+CSS布局
1.3.6 Div+CSS布局的特點
1.3.7 Div+CSS布局的優缺點
1.4 網頁版式設計
1.4.1 網頁版式設計的特點
1.4.2 頁面尺寸
1.4.3 整體造型
1.4.4 網頁布局方法
1.4.5 網頁設計的構圖方法
1.4.6 版式設計的視覺流程
1.5 了解Web標准
1.5.1 Web標准的基礎概念
1.5.2 認識W3C
1.5.3 W3C發布的標准
1.5.4 網頁標准化的好處
1.6 網站開發流程
1.7 專家支招
1.7.1 確定域名注意事項
1.7.2 常用網頁編輯軟件
1.8 總結擴展
1.8.1 本章小結
1.8.2 舉一反三——制作簡單的HTML頁面
第2章 HTML、XHTML和HTML5基礎
2.1 HTML基礎
2.1.1 HTML概述
2.1.2 HTML文件的基本結構
2.1.3 HTML能做什麼
2.1.4 HTML的基本語法
2.2 HTML標簽
2.2.1 基本標簽
2.2.2 格式標簽
2.2.3 文本標簽
2.2.4 超鏈接標簽
2.2.5 圖像標簽
2.2.6 表格標簽和表單標簽
2.2.7 分區標簽
2.3 HTML基礎
2.3.1 XHTML概述
2.3.2 XHTML的頁面結構
2.3.3 XHTML代碼規范
2.3.43種不同的XHTML文檔類型
2.4 HTML和XHTML
2.4.1 HTML和XHTML的區別
2.4.2 使用XHTML的優點
2.4.3 HTML轉化成XHTML的方法
實例：制作簡單的HTML頁面
2.5 HTML 5基礎
2.5.1 HTML5概述
2.5.2 HTML5的簡化操作
2.5.3 HTML 5標簽
2.5.4 HTML 5標准屬性
2.5.5 HTML 5事件屬性
2.6 HTML 5的設計目的
2.6.1 ＜video＞標簽
實例：在網頁中嵌入視頻
2.6.2 ＜audio＞標簽
實例：在網頁中嵌入音頻
2.6.3 ＜canvas＞標簽
2.7 專家支招
2.7.1 在＜body＞標簽中如何設置網頁的字體和大小
2.7.2 網頁中默認的超鏈接文字效果是什麼樣的
2.8 總結擴展
2.8.1 本章小結
2.8.2 舉一反三——在網頁中實現繪圖效果
第3章 CSS樣式基礎
3.1 CSS概述
3.1.1 CSS的發展歷史
3.1.2 CSS的特點
3.1.3 CSS樣式的功能
3.1.4 CSS樣式的局限性
3.2 CSS語法
3.2.1 CSS的基本語法
3.2.2 CSS規則
3.3 CSS 選擇器
3.3.1 通配選擇器
實例：太空冒險網頁制作
3.3.2 標簽選擇器
3.3.3 類選擇器
實例：萬聖節網頁制作
3.3.4 ID選擇器
3.3.5 群選擇器
3.3.6 派生選擇器
實例：運動鞋網頁制作
3.3.7偽類選擇器
3.4 CSS3中新增的選擇器
3.4.1 結構偽類選擇器
3.4.2 UI元素狀態偽類選擇器
3.4.3 屬性選擇器
3.5 在網頁中應用CSS樣式
3.5.1 在HTML中插入樣式表的方法
3.5.2 內聯樣式
3.5.3 嵌入樣式表
實例：為網頁添加內部CSS樣式
3.5.4 鏈接外部樣式
實例：鏈接外部CSS樣式文件
3.5.5 導入樣式
3.6 CSS文檔結構
3.6.1 結構
3.6.2 繼承性
3.6.3 特殊性
3.6.4 層疊性
3.6.5 重要性
3.7 單位和值
3.7.1 顏色值
3.7.2 絕對單位
3.7.3 相對單位
3.8 專家支招
3.8.1 CSS和HTML的區別
3.8.2 導入CSS樣式與鏈接CSS樣式的區別
3.9 總結擴展
3.9.1 本章小結
3.9.2 舉一反三——在網頁中實現繪圖效果
第4章 Div+CSS布局入門
4.1 定義DiV
4.1.1 什麼是Div
4.1.2 插入Div
4.1.3 Div的嵌套和固定格式
4.2 可視化盒模型
4.2.1 盒模型
4.2.2 content（內容）
4.2.3 padding（填充）
實例：設置元素到元素的邊界距離
4.2.4 border（邊框）
實例：為圖片添加邊框
4.2：5 margin（邊界）
實例：調整網頁LOGO位置
4.3 常見的布局方式
4.3.1 居中布局設計
4.3.2 浮動布局
4.3.3 自適應高度
4.4 CSS布局定位
4.4.1 position屬性
4.4.2 相對定位
實例：圖像疊加
4.4.3 絕對定位
4.4.4 固定定位
實例：制作固定不動的導航條
4.4.5 浮動定位
4.4.6 空白邊疊加
4.5 流體網格布局
4.6 專家支招
4.6.1 CSS 3中有關盒模型的新增屬性
4.6.2 什麼是id
4.7 總結擴展
4.7.1 本章小結
4.7.2舉一反三——空白邊疊加在網頁中的應用
……
第5章 使用CSS控制背景和圖片
第6章 CSS控制頁面中的文本
第7章 使用CSS樣式控制列表
第8章 使用CSS控制表格及表單樣式
第9章 使用CSS控制超鏈接
第10章 應用CSS 3中的濾鏡
第11章 CSS 3新增屬性
第12章 jQuery在網頁中的應用
第13章 jQuery Mobile與jQuery Ul的應用
第14章 Div+CSS布局綜合案例
