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

目 錄

第1章 Web開發(fā)概述 1
1.1 Web的基本概念 1
1.1.1 Web的歷史 1
1.1.2 Web前端與后臺的關系 3
1.1.3 移動端應用介紹 3
1.2 網(wǎng)站設計與開發(fā) 4
1.2.1 網(wǎng)站設計與開發(fā)的基本流程 4
1.2.2 網(wǎng)站設計與開發(fā)的主要技術(shù) 9
1.2.3 網(wǎng)站設計與開發(fā)的常用工具 10
1.3 本章小結(jié) 14
1.4 課后訓練 14
第2章 HTML5基礎 15
2.1 HTML5簡介 15
2.1.1 HTML5的特點 15
2.1.2 HTML5文件結(jié)構(gòu) 15
2.1.3 創(chuàng)建一個標準的
HTML5網(wǎng)頁 16
2.1.4 Dreamweaver CS6的使用 19
2.2 常用HTML5標簽的應用 21
2.2.1 頁面文字版式標簽 21
2.2.2 圖像標簽 28
2.2.3 列表標簽 31
2.2.4 超鏈接標簽 34
2.2.5 表格標簽 36
2.3 常用HTML5表單 40
2.3.1 標簽 40
2.3.2 標簽 41
2.3.3 列表控件 46
2.3.4 文本域標簽 48
2.4 本章小結(jié) 50
2.5 課后訓練 50
第3章 CSS基礎 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 課后訓練 78
第4章 CSS進階 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響應式網(wǎng)頁設計 97
4.2.1 響應式網(wǎng)頁設計概述 97
4.2.2 響應式網(wǎng)頁設計用到的技術(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 手機網(wǎng)站頁面：旅游網(wǎng)站 125
4.4 本章小結(jié) 128
4.5 課后訓練 128
第5章 JavaScript基礎 129
5.1 JavaScript概述 129
5.2 JavaScript應用 130
5.2.1 JavaScript基本語法 130
5.2.2 JavaScript內(nèi)置對象 139
5.3 本章小結(jié) 143
5.4 課后訓練 143
第6章 HTML5高級應用 145
6.1 HTML5畫布的應用 145
6.1.1 Canvas簡介 145
6.1.2 繪制基本圖形 147
6.1.3 使用特效 164
6.2 綜合應用案例 174
6.2.1 繪制卡通頭像 174
6.2.2 制作小游戲 177
6.3 HTML5的其他應用 180
6.4 本章小結(jié) 184
6.5 課后訓練 184
第7章 Bootstrap的應用 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導航 217
7.4 BootStrap綜合案例 226
7.5 本章小結(jié) 233
7.6 課后訓練 233
參考文獻 234