21天學(xué)通HTML5+CSS3（第2版）

第1章 了解網(wǎng)頁(yè)
1．1 什么是網(wǎng)頁(yè)
1．1．1 網(wǎng)頁(yè)概述
1．1．2 靜態(tài)網(wǎng)頁(yè)
1．1．3 動(dòng)態(tài)網(wǎng)頁(yè)
1．1．4 動(dòng)態(tài)頁(yè)面和靜態(tài)頁(yè)面的聯(lián)系
1．1．5 網(wǎng)頁(yè)瀏覽器的工作原理
1．2 HTML和HTML5
1．2．1 超文本標(biāo)記語(yǔ)言HTML
1．2．2 可擴(kuò)展超文本標(biāo)記語(yǔ)言XHTML
1．2．3 HTML5的設(shè)計(jì)理念
1．2．4 HTML頁(yè)面的開(kāi)發(fā)工具
1．3 實(shí)戰(zhàn)：編寫一個(gè)簡(jiǎn)單的頁(yè)面（HTML和HTML5）
1．4 小結(jié)
1．5 本章習(xí)題
第2章 了解HTML網(wǎng)頁(yè)的結(jié)構(gòu)
2．1 用記事本打開(kāi)一個(gè)頁(yè)面
2．2 HTML基礎(chǔ)
2．2．1 HTML的基礎(chǔ)語(yǔ)法
2．2．2 HTML文檔的結(jié)構(gòu)
2．3 HTML文檔中的標(biāo)簽
2．3．1 樣本代碼DOCTYPE
2．3．2 開(kāi)始標(biāo)簽＜html＞
2．3．3 頭標(biāo)簽和頭標(biāo)簽的對(duì)象
2．3．4 標(biāo)題標(biāo)簽＜title＞
2．3．5 體標(biāo)簽＜body＞
2．3．6 美化HTML文檔
2．4 實(shí)戰(zhàn)：從無(wú)到有地設(shè)計(jì)一個(gè)頁(yè)面
2．5 小結(jié)
2．6 本章習(xí)題
第3章 網(wǎng)頁(yè)的文本設(shè)計(jì)
3．1 新舊方法對(duì)比
3．2 文本的排版格式
3．2．1 寫一行換一行
3．2．2 在頁(yè)面文本中空格
3．2．3 文本的段落要對(duì)齊
3．3 文本的屬性樣式
3．3．1 不一樣的文本字體樣式
3．3．2 奇妙的特殊符號(hào)
3．3．3 給文本加標(biāo)注
3．4 整齊的文本列表
3．4．1 無(wú)序列表
3．4．2 有序列表
3．4．3 定義列表
3．4．4 列表嵌套
3．5 實(shí)戰(zhàn)：制作一則HTML網(wǎng)頁(yè)版的通知
3．6 小結(jié)
3．7 本章習(xí)題
第4章 網(wǎng)頁(yè)中的圖像設(shè)計(jì)
4．1 圖像的基礎(chǔ)知識(shí)
4．1．1 最常用的位圖圖像
4．1．2 在頁(yè)面中常用的位圖格式
4．1．3 矢量圖
4．1．4 圖像的分辨率
4．1．5 了解一些網(wǎng)頁(yè)中常用的Banner尺寸
4．2 頁(yè)面中的圖像
4．2．1 理解圖像路徑
4．2．2 像設(shè)置文本對(duì)齊一樣在頁(yè)面中對(duì)齊圖片
4．2．3 圖像與文本的對(duì)齊方式
4．2．4 控制圖像與文本的距離
4．3 讓圖像更美觀
4．3．1 使用畫(huà)圖工具修改圖像
4．3．2 給圖像添加邊框
4．3．3 獨(dú)樹(shù)一幟的水平線
4．4 改變頁(yè)面的背景
4．5 實(shí)戰(zhàn)：把照片放到網(wǎng)頁(yè)上
4．6 小結(jié)
4．7 本章習(xí)題
第5章 網(wǎng)頁(yè)中的鏈接
5．1 網(wǎng)頁(yè)鏈接
5．1．1 初識(shí)頁(yè)面鏈接
5．1．2 理解鏈接地址
5．2 鏈接的種種不同
5．2．1 基本的文本鏈接
5．2．2 基本的圖像鏈接
5．2．3 把郵箱留給需要聯(lián)系你的人
5．2．4 在同一頁(yè)面中快速查找信息
5．3 提高頁(yè)面鏈接的友好度
5．3．1 美化鏈接的狀態(tài)
5．3．2 特殊的鏈接方式
5．3．3 熱點(diǎn)圖像區(qū)域的鏈接
5．4 在新窗口中顯示鏈接窗口
5．5 實(shí)戰(zhàn)：一個(gè)帶鏈接的電影排行榜頁(yè)面
5．6 小結(jié)
5．7 本章習(xí)題
第6章 網(wǎng)頁(yè)中的表單
6．1 表單的工作原理
6．1．1 ＜script＞標(biāo)記
6．1．2 創(chuàng)建表單
6．1．3 表單域
6．2 通過(guò)表單展示不一樣的頁(yè)面
6．2．1 input對(duì)象下的多種表單的表現(xiàn)形式
6．2．2 text：文本框的樣式表單
6．2．3 password：輸入密碼的樣式表單
6．2．4 checkbox：復(fù)選框的樣式表單
6．2．5 radio：?jiǎn)芜x框的樣式表單
6．2．6 submit：提交數(shù)據(jù)的樣式表單
6．2．7 hidden：隱藏域的樣式表單
6．2．8 image樣式的表單
6．2．9 file：上傳文件的樣式表單
6．2．10 textarea對(duì)象的表單
6．2．11 select對(duì)象的表單
6．2．12 表單域集合
6．3 HTML5表單的進(jìn)化
6．3．1 早期的表單發(fā)展
6．3．2 HTML5表單的出世
6．3．3 當(dāng)前的支持情況
6．3．4 增加的表單輸入類型
6．4 增加表單的特性及元素
6．4．1 form特性
6．4．2 formaction特性
6．4．3 formmethod、formenctype、formnovalidate、formtarget特性
6．4．4 placeholder特性
6．4．5 autofocus特性
6．4．6 autocomplete特性
6．4．7 list特性和datalist元素
6．4．8 keygen元素
6．4．9 output元素
6．5 表單驗(yàn)證API
6．5．1 與驗(yàn)證有關(guān)的表單元素特性
6．5．2 表單驗(yàn)證的屬性
6．5．3 ValidityState對(duì)象
6．5．4 表單驗(yàn)證的方法
6．5．5 表單驗(yàn)證的事件
6．6 實(shí)戰(zhàn)：表單構(gòu)成的HTML頁(yè)面
6．7 實(shí)戰(zhàn)：表單構(gòu)成的用戶注冊(cè)頁(yè)面（HTML5）
6．7．1 案例簡(jiǎn)介
6．7．2 頁(yè)面基本元素
6．7．3 實(shí)現(xiàn)表單驗(yàn)證
6．7．4 其他處理函數(shù)
6．8 小結(jié)
6．9 習(xí)題
第7章 音頻和視頻
7．1 audio和video的基礎(chǔ)知識(shí)
7．1．1 在線多媒體的發(fā)展
7．1．2 多媒體術(shù)語(yǔ)
7．1．3 HTML5多媒體文件格式
7．1．4 功能缺陷及未來(lái)趨勢(shì)
7．2 使用HTML5的audio和video元素
7．2．1 在頁(yè)面中加入音頻和視頻
7．2．2 使用source元素
7．2．3 使用腳本檢測(cè)瀏覽器的標(biāo)簽支持情況
7．2．4 audio和video的特性和屬性
7．2．5 audio和video的接口方法
7．2．6 audio和video的事件
7．3 實(shí)戰(zhàn)：自定義播放工具條
7．3．1 案例簡(jiǎn)介
7．3．2 網(wǎng)頁(yè)基本元素
7．3．3 定義全局的視頻對(duì)象
7．3．4 添加播放/暫停、前進(jìn)/后退功能
7．3．5 添加慢進(jìn)和快進(jìn)功能
7．3．6 添加靜音和調(diào)節(jié)音量的功能
7．3．7 添加進(jìn)度顯示功能
7．4 小結(jié)
7．5 本章習(xí)題
第8章 拖放功能
8．1 拖放API
8．1．1 draggable特性
8．1．2 光標(biāo)拖放事件
8．1．3 DataTransfer對(duì)象
8．1．4 實(shí)戰(zhàn)：拖放元素的內(nèi)容
8．2 文件API
8．2．1 增加的標(biāo)簽特性
8．2．2 FileList對(duì)象與File對(duì)象
8．2．3 Blob對(duì)象
8．2．4 FileReader接口
8．3 實(shí)戰(zhàn)：把圖片拖入瀏覽器
8．3．1 案例簡(jiǎn)介
8．3．2 設(shè)計(jì)網(wǎng)頁(yè)基本元素
8．3．3 基本函數(shù)的實(shí)現(xiàn)
8．3．4 頁(yè)面加載處理
8．4 小結(jié)
8．5 本章習(xí)題
第9章 本地存儲(chǔ)
9．1 本地存儲(chǔ)對(duì)象――Web Storage
9．1．1 Web Storage簡(jiǎn)介
9．1．2 localStorage和sessionStorage
9．1．3 設(shè)置和獲取Storage數(shù)據(jù)
9．1．4 Storage API的屬性和方法
9．1．5 存儲(chǔ)JSON對(duì)象的數(shù)據(jù)
9．1．6 Storage API的事件
9．1．7 實(shí)戰(zhàn)：在兩個(gè)窗口中實(shí)現(xiàn)通信
9．2 本地?cái)?shù)據(jù)庫(kù)――Web SQL Database
9．2．1 Web SQL Database簡(jiǎn)介
9．2．2 操作Web SQL數(shù)據(jù)庫(kù)
9．2．3 實(shí)戰(zhàn)：基本的數(shù)據(jù)庫(kù)操作實(shí)例
9．3 小結(jié)
9．4 本章習(xí)題
第10章 利用Canvas繪制圖形
10．1 認(rèn)識(shí)Canvas
10．1．1 Canvas的歷史
10．1．2 Canvas與SVG、VML之間的差異
10．2 Canvas的基本知識(shí)
10．2．1 構(gòu)建Canvas元素
10．2．2 使用JavaScript實(shí)現(xiàn)繪圖的流程
10．3 使用Canvas繪圖
10．3．1 繪制矩形
10．3．2 使用路徑
10．3．3 圖形組合
10．3．4 繪制曲線
10．3．5 使用圖像
10．3．6 剪裁區(qū)域
10．3．7 繪制漸變
10．3．8 描邊屬性
10．3．9 模式
10．3．10 變換
10．3．11 使用文本
10．3．12 陰影效果
10．3．13 狀態(tài)的保存與恢復(fù)
10．3．14 操作像素
10．4 實(shí)戰(zhàn)：在Canvas中實(shí)現(xiàn)動(dòng)畫(huà)
10．5 小結(jié)
10．6 本章習(xí)題
第11章 創(chuàng)建框架結(jié)構(gòu)的頁(yè)面
11．1 創(chuàng)建窗口框架頁(yè)面
11．1．1 創(chuàng)建窗口框架的＜frameset＞和＜frame＞標(biāo)簽
11．1．2 橫向分割窗口
11．1．3 縱向分割窗口
11．1．4 框架的嵌套
11．1．5 將頁(yè)面放入窗口框架中
11．2 修飾框架的細(xì)節(jié)
11．2．1 給無(wú)法處理框架的瀏覽器注釋說(shuō)明
11．2．2 固定框架的位置
11．2．3 在框架中設(shè)置滾動(dòng)條
11．3 修改框架邊框的樣式
11．3．1 判定邊框是否顯示
11．3．2 改變邊框的表現(xiàn)效果
11．3．3 邊框的邊距
11．4 框架集中頁(yè)面之間的鏈接
11．4．1 在指定的框架中打開(kāi)鏈接
11．4．2 框架內(nèi)的錨點(diǎn)鏈接
11．5 靈活的＜iframe＞框架
11．6 實(shí)戰(zhàn)：制作自己的鏈接主頁(yè)
11．7 小結(jié)
11．8 本章習(xí)題
第12章 CSS規(guī)則
12．1 如何學(xué)習(xí)CSS
12．2 CSS基本的規(guī)則寫法
12．2．1 基本的樣式表的寫法
12．2．2 使用類和標(biāo)志鏈接樣式表
12．2．3 創(chuàng)建選擇器
12．2．4 應(yīng)用CSS樣式表
12．3 用CSS修飾頁(yè)面文本
12．3．1 修飾頁(yè)面文本字體
12．3．2 文本的字號(hào)
12．3．3 文本段落的行高
12．3．4 禁止文本自動(dòng)換行
12．4 給頁(yè)面對(duì)象添加顏色
12．5 CSS3的發(fā)展
12．5．1 模塊化的發(fā)展
12．5．2 瀏覽器支持情況
12．5．3 CSS3新特性預(yù)覽
12．6 CSS3增強(qiáng)的選擇器功能
12．6．1 屬性選擇符
12．6．2 結(jié)構(gòu)偽類選擇符
12．6．3 UI元素狀態(tài)偽類選擇符
12．6．4 偽元素選擇符
12．7 實(shí)戰(zhàn)：使用CSS制作個(gè)人頁(yè)面
12．8 小結(jié)
12．9 本章習(xí)題
第13章 文本、背景、邊框不再單調(diào)
13．1 文本與字體
13．1．1 多樣化的文本陰影――text-shadow屬性
13．1．2 溢出文本處理――text-overflow屬性
13．1．3 對(duì)齊的文字才好看――word-wrap和word-break屬性
13．1．4 使用服務(wù)器端的字體――@font-face規(guī)則
13．1．5 實(shí)戰(zhàn)：豐富的文字樣式
13．2 色彩模式和不透明度
13．2．1 還在為配色發(fā)愁嗎――HSL色彩模式
13．2．2 HSLA色彩模式
13．2．3 RGBA色彩模式
13．2．4 opacity屬性
13．2．5 實(shí)戰(zhàn)：半透明的遮蔽層
13．3 背景
13．3．1 在元素中定義多張背景圖片
13．3．2 指定背景的原點(diǎn)位置
13．3．3 指定背景的顯示區(qū)域
13．3．4 指定背景圖像的大小
13．3．5 實(shí)戰(zhàn)：設(shè)計(jì)信紙的效果
13．4 邊框
13．4．1 設(shè)計(jì)圓角邊框――border-radius屬性
13．4．2 設(shè)計(jì)圖像邊框――border-image屬性
13．4．3 設(shè)計(jì)多色邊框――border-color屬性
13．4．4 實(shí)戰(zhàn)：使用新技術(shù)設(shè)計(jì)網(wǎng)頁(yè)
13．5 小結(jié)
13．6 本章習(xí)題
第14章 傳統(tǒng)的DIV+CSS設(shè)計(jì)
14．1 理解塊級(jí)的意義
14．2 頁(yè)面中的層
14．2．1 行＜span＞和層＜div＞
14．2．2 層的基本定位
14．2．3 層的疊加
14．3 框模型
14．3．1 理解框模型
14．3．2 padding屬性
14．3．3 border的擴(kuò)展屬性
14．3．4 margin屬性
14．3．5 框模型的溢出
14．4 定制層的display屬性
14．5 CSS Hack
14．6 實(shí)戰(zhàn)：簡(jiǎn)單的CSS+DIV
14．7 小結(jié)
14．8 本章習(xí)題
第15章 靈活的盒布局和界面設(shè)計(jì)
15．1 靈活的盒布局
15．1．1 開(kāi)啟盒布局
15．1．2 元素的布局方向――box-orient屬性
15．1．3 元素的布局順序――box-direction屬性
15．1．4 調(diào)整元素的位置――box-ordinal-group屬性
15．1．5 彈性空間分配――box-flex屬性
15．1．6 元素的對(duì)齊方式――box-pack屬性和box-align屬性
15．1．7 實(shí)戰(zhàn)：使用新型盒布局設(shè)計(jì)網(wǎng)頁(yè)
15．2 增強(qiáng)的盒模型
15．2．1 盒子陰影――box-shadow屬性
15．2．2 盒子尺寸的計(jì)算方法――box-sizing屬性
15．2．3 盒子溢出內(nèi)容處理――overflow-x和overflow-y屬性
15．2．4 實(shí)戰(zhàn)：設(shè)計(jì)網(wǎng)站服務(wù)條款頁(yè)面
15．3 增強(qiáng)的用戶界面設(shè)計(jì)
15．3．1 允許用戶改變尺寸――resize屬性
15．3．2 定義外輪廓線――outline屬性
15．3．3 偽裝的元素――appearance屬性
15．3．4 為元素添加內(nèi)容――content屬性
15．3．5 實(shí)戰(zhàn)：設(shè)計(jì)一個(gè)水果選擇盤
15．4 小結(jié)
15．5 本章習(xí)題
第16章 多列布局
16．1 多列布局基礎(chǔ)
16．1．1 多列屬性columns
16．1．2 列寬屬性column-width
16．1．3 列數(shù)屬性column-count
16．1．4 列間距屬性column-gap
16．1．5 定義列分隔線――column-rule屬性
16．1．6 定義橫跨所有列――column-span屬性
16．2 實(shí)戰(zhàn)：模仿雜志的多列版式
16．3 小結(jié)
16．4 本章習(xí)題
第17章 動(dòng)畫(huà)和漸變
17．1 CSS3變形基礎(chǔ)
17．1．1 元素的變形――transform屬性
17．1．2 旋轉(zhuǎn)
17．1．3 縮放和翻轉(zhuǎn)
17．1．4 移動(dòng)
17．1．5 傾斜
17．1．6 矩陣變形
17．1．7 同時(shí)使用多個(gè)變形函數(shù)
17．1．8 定義變形原點(diǎn)――transform-origin屬性
17．1．9 實(shí)戰(zhàn)：設(shè)計(jì)圖片畫(huà)廊
17．2 CSS3過(guò)渡效果
17．2．1 實(shí)現(xiàn)過(guò)渡效果――transition屬性
17．2．2 指定過(guò)渡的屬性――transition-property屬性
17．2．3 指定過(guò)渡的時(shí)間――transition-duration屬性
17．2．4 指定過(guò)渡延遲時(shí)間――transition-delay屬性
17．2．5 指定過(guò)渡方式――transition-timing-function屬性
17．2．6 實(shí)戰(zhàn)：制作滑動(dòng)的菜單
17．3 CSS3動(dòng)畫(huà)設(shè)計(jì)
17．3．1 關(guān)鍵幀動(dòng)畫(huà)――@keyframes規(guī)則
17．3．2 動(dòng)畫(huà)的實(shí)現(xiàn)――animation屬性
17．3．3 實(shí)戰(zhàn)：永不停止的風(fēng)車
17．4 CSS3漸變?cè)O(shè)計(jì)
17．4．1 CSS線性漸變
17．4．2 CSS徑向漸變
17．4．3 實(shí)戰(zhàn)：設(shè)計(jì)具有漸變效果的按鈕
17．5 小結(jié)
17．6 本章習(xí)題
第18章 CSS3的跨設(shè)備支持
18．1 媒體查詢
18．1．1 @media規(guī)則的語(yǔ)法
18．1．2 使用Media Queries鏈接的外部樣式表文件
18．2 實(shí)戰(zhàn)：自適應(yīng)屏幕的樣式表方案
18．3 小結(jié)
18．4 本章習(xí)題
第19章 案例1：制作主流網(wǎng)站界面
19．1 構(gòu)思基礎(chǔ)的布局
19．2 設(shè)計(jì)基礎(chǔ)模塊的樣式表
19．3 完善網(wǎng)站的子模塊
19．3．1 網(wǎng)站的導(dǎo)航欄
19．3．2 頁(yè)面的側(cè)欄
19．4 最終頁(yè)面
19．5 小結(jié)
第20章 案例2：設(shè)計(jì)復(fù)雜頁(yè)面
20．1 頁(yè)面的框架布局
20．1．1 定位頁(yè)面的內(nèi)容
20．1．2 頁(yè)面初級(jí)布局的代碼
20．2 細(xì)化頁(yè)面的局部
20．2．1 intro部分
20．2．2 頁(yè)面的左側(cè)部分
20．2．3 頁(yè)面的右側(cè)欄主體部分
20．3 小結(jié)
第21章 案例3：制作個(gè)人網(wǎng)站（HTML5+CSS3）
21．1 網(wǎng)站的整體規(guī)劃
21．1．1 網(wǎng)站結(jié)構(gòu)規(guī)劃
21．1．2 頁(yè)面的功能劃分
21．1．3 頁(yè)面的結(jié)構(gòu)布局
21．2 頁(yè)面設(shè)計(jì)效果圖
21．3 站點(diǎn)目錄規(guī)劃
21．3．1 規(guī)劃各種資源目錄
21．3．2 配置IIS虛擬目錄
21．4 構(gòu)建HTML結(jié)構(gòu)并用CSS布局
21．5 參照最終的效果圖美化頁(yè)面樣式
21．5．1 輸入所有的標(biāo)題和內(nèi)容
21．5．2 用CSS設(shè)置背景圖片
21．5．3 用CSS設(shè)置漸變背景
21．5．4 用CSS設(shè)置頁(yè)面垂直滾動(dòng)條樣式
21．6 在首頁(yè)中添加動(dòng)態(tài)行為
21．7 制作日志頁(yè)面
21．7．1 設(shè)計(jì)日志瀏覽功能的思路分析
21．7．2 日志頁(yè)面的代碼編寫
21．8 制作相冊(cè)頁(yè)面
21．8．1 設(shè)計(jì)相冊(cè)瀏覽功能的思路分析
21．8．2 相冊(cè)頁(yè)面的代碼編寫
21．9 注冊(cè)域名并發(fā)布網(wǎng)站
21．10 小結(jié)