HTML5+CSS3网页设计案例教程

目 录

第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 标签 40
2.3.2 标签 41
2.3.3 列表控件 46
2.3.4 文本域标签 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