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

目 錄

第1章 Web開發(fā)概述 1
1.1 Web的基本概念 1
1.1.1 Web的歷史 1
1.1.2 Web前端與后臺的關(guān)系 3
1.1.3 移動端應(yīng)用介紹 3
1.2 網(wǎng)站設(shè)計與開發(fā) 4
1.2.1 網(wǎng)站設(shè)計與開發(fā)的基本流程 4
1.2.2 網(wǎng)站設(shè)計與開發(fā)的主要技術(shù) 9
1.2.3 網(wǎng)站設(shè)計與開發(fā)的常用工具 10
1.3 本章小結(jié) 14
1.4 課后訓(xùn)練 14
第2章 HTML5基礎(chǔ) 15
2.1 HTML5簡介 15
2.1.1 HTML5的特點 15
2.1.2 HTML5文件結(jié)構(gòu) 15
2.1.3 創(chuàng)建一個標(biāo)準(zhǔn)的
HTML5網(wǎng)頁 16
2.1.4 Dreamweaver CS6的使用 19
2.2 常用HTML5標(biāo)簽的應(yīng)用 21
2.2.1 頁面文字版式標(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簡介 52
3.1.2 在Dreamweaver中使用CSS 52
3.1.3 班級網(wǎng)站首頁制作 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)頁設(shè)計 97
4.2.1 響應(yīng)式網(wǎng)頁設(shè)計概述 97
4.2.2 響應(yīng)式網(wǎng)頁設(shè)計用到的技術(shù) 98
4.3 使用HTML5與CSS3布局的綜合案例 102
4.3.1 Web頁面案例：企業(yè)網(wǎng)站 103
4.3.2 Web頁面案例：教育信息網(wǎng)站 114
4.3.3 手機(jī)網(wǎng)站頁面：旅游網(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基本語法 130
5.2.2 JavaScript內(nèi)置對象 139
5.3 本章小結(jié) 143
5.4 課后訓(xùn)練 143
第6章 HTML5高級應(yīng)用 145
6.1 HTML5畫布的應(yīng)用 145
6.1.1 Canvas簡介 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簡介 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