目    录

第1章  Web开发概述   1

1.1  Web的基本概念   1

1.1.1  Web的历史   1

1.1.2  Web前端与后台的关系  3

1.1.3  移动端应用介绍   3

1.2  网站设计与开发   4

1.2.1  网站设计与开发的基本流程  4

1.2.2  网站设计与开发的主要技术  9

1.2.3  网站设计与开发的常用工具  10

1.3  本章小结   14

1.4  课后训练   14

第2章  HTML5基础   15

2.1  HTML5简介   15

2.1.1  HTML5的特点   15

2.1.2  HTML5文件结构   15

2.1.3  创建一个标准的

HTML5网页   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  <form>标签   40

2.3.2  <input>标签   41

2.3.3  列表控件   46

2.3.4  文本域标签<textarea>  48

2.4  本章小结   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  班级网站首页制作   55

3.2  CSS的构成   63

3.2.1  CSS中的模块   63

3.2.2  CSS选择器   74

3.2.3  盒模型   75

3.3  本章小结   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响应式网页设计   97

4.2.1  响应式网页设计概述   97

4.2.2  响应式网页设计用到的技术   98

4.3  使用HTML5与CSS3布局的综合案例   102

4.3.1  Web页面案例：企业网站   103

4.3.2  Web页面案例：教育信息网站   114

4.3.3  手机网站页面：旅游网站   125

4.4  本章小结   128

4.5  课后训练   128

第5章  JavaScript基础   129

5.1  JavaScript概述   129

5.2  JavaScript应用   130

5.2.1  JavaScript基本语法   130

5.2.2  JavaScript内置对象   139

5.3  本章小结   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  本章小结   184

6.5  课后训练   184

第7章  Bootstrap的应用   185

7.1  Bootstrap简介   185

7.1.1  Bootstrap的发展历史和组成   185

7.1.2  如何使用Bootstrap   186

7.2  Bootstrap组织与排版   188

7.2.1  Bootstrap的网格系统   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  本章小结   233

7.6  课后训练   233

参考文献   234