HTML5+CSS3網(wǎng)頁(yè)設(shè)計(jì)案例教程

目 錄

第1章 Web開發(fā)概述 1
1.1 Web的基本概念 1
1.1.1 Web的歷史 1
1.1.2 Web前端與后臺(tái)的關(guān)系 3
1.1.3 移動(dòng)端應(yīng)用介紹 3
1.2 網(wǎng)站設(shè)計(jì)與開發(fā) 4
1.2.1 網(wǎng)站設(shè)計(jì)與開發(fā)的基本流程 4
1.2.2 網(wǎng)站設(shè)計(jì)與開發(fā)的主要技術(shù) 9
1.2.3 網(wǎng)站設(shè)計(jì)與開發(fā)的常用工具 10
1.3 本章小結(jié) 14
1.4 課后訓(xùn)練 14
第2章 HTML5基礎(chǔ) 15
2.1 HTML5簡(jiǎn)介 15
2.1.1 HTML5的特點(diǎn) 15
2.1.2 HTML5文件結(jié)構(gòu) 15
2.1.3 創(chuàng)建一個(gè)標(biāo)準(zhǔn)的
HTML5網(wǎng)頁(yè) 16
2.1.4 Dreamweaver CS6的使用 19
2.2 常用HTML5標(biāo)簽的應(yīng)用 21
2.2.1 頁(yè)面文字版式標(biāo)簽 21
2.2.2 圖像標(biāo)簽 28
2.2.3 列表標(biāo)簽 31
2.2.4 超鏈接標(biāo)簽 34
2.2.5 表格標(biāo)簽 36
2.3 常用HTML5表單 40
2.3.1 標(biāo)簽 40
2.3.2 標(biāo)簽 41
2.3.3 列表控件 46
2.3.4 文本域標(biāo)簽 48
2.4 本章小結(jié) 50
2.5 課后訓(xùn)練 50
第3章 CSS基礎(chǔ) 52
3.1 CSS概述 52
3.1.1 CSS簡(jiǎn)介 52
3.1.2 在Dreamweaver中使用CSS 52
3.1.3 班級(jí)網(wǎng)站首頁(yè)制作 55
3.2 CSS的構(gòu)成 63
3.2.1 CSS中的模塊 63
3.2.2 CSS選擇器 74
3.2.3 盒模型 75
3.3 本章小結(jié) 77
3.4 課后訓(xùn)練 78
第4章 CSS進(jìn)階 79
4.1 CSS彈性盒模型 79
4.1.1 CSS3彈性盒模型 79
4.1.2 背景和邊框 85
4.1.3 文字特效 90
4.1.4 其他 94
4.2 CSS3響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì) 97
4.2.1 響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)概述 97
4.2.2 響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)用到的技術(shù) 98
4.3 使用HTML5與CSS3布局的綜合案例 102
4.3.1 Web頁(yè)面案例：企業(yè)網(wǎng)站 103
4.3.2 Web頁(yè)面案例：教育信息網(wǎng)站 114
4.3.3 手機(jī)網(wǎng)站頁(yè)面：旅游網(wǎng)站 125
4.4 本章小結(jié) 128
4.5 課后訓(xùn)練 128
第5章 JavaScript基礎(chǔ) 129
5.1 JavaScript概述 129
5.2 JavaScript應(yīng)用 130
5.2.1 JavaScript基本語(yǔ)法 130
5.2.2 JavaScript內(nèi)置對(duì)象 139
5.3 本章小結(jié) 143
5.4 課后訓(xùn)練 143
第6章 HTML5高級(jí)應(yīng)用 145
6.1 HTML5畫布的應(yīng)用 145
6.1.1 Canvas簡(jiǎn)介 145
6.1.2 繪制基本圖形 147
6.1.3 使用特效 164
6.2 綜合應(yīng)用案例 174
6.2.1 繪制卡通頭像 174
6.2.2 制作小游戲 177
6.3 HTML5的其他應(yīng)用 180
6.4 本章小結(jié) 184
6.5 課后訓(xùn)練 184
第7章 Bootstrap的應(yīng)用 185
7.1 Bootstrap簡(jiǎn)介 185
7.1.1 Bootstrap的發(fā)展歷史和組成 185
7.1.2 如何使用Bootstrap 186
7.2 Bootstrap組織與排版 188
7.2.1 Bootstrap的網(wǎng)格系統(tǒng) 188
7.2.2 Bootstrap表單 204
7.3 Bootstrap布局組件 211
7.3.1 Bootstrap菜單 211
7.3.2 Bootstrap按鈕組 214
7.3.3 Bootstrap導(dǎo)航 217
7.4 BootStrap綜合案例 226
7.5 本章小結(jié) 233
7.6 課后訓(xùn)練 233
參考文獻(xiàn) 234