本书以HTML5与CSS3知识点为主线，响应式布局项目为任务载体，采用迭代递增的网页设计方法，根据项目需求来逐步完成任务，实现学习相关知识与动手实操并重目的。全书按照网页设计的步骤，围绕HTML5与CSS3重要特性进行编写，通过详细讲解各个任务的实施来对知识点进行总结，使读者深入掌握网页设计制作技术。为适应应用型人才培养的需求，本书既强调理论知识的夯实、基本技能的训练，还注重拓展能力的培养，最终使学习者具备解决问题、分析问题的能力。内容编排以项目为载体，以任务实施为学习路径，结构清晰、内容翔实、难度渐进，达到学以致用的目标。本书编者由具有多年教学经验和实际项目开发经验的教师组成，书中大量教学实例，既有较强的理论性，又具有鲜明的实用性。本书即可作为高职院校和应用型本科院校网页设计课程的教材，也可作为信息技术培训机构的培训用书，还可以作为网页设计与制作人员的参考用书。
王庆桦，天津中德应用技术大学 教务处副处长，中国职业技术教育学会(CSTVE) 教学工作委员会 自动化技术类专业教学研究会 副秘书长，天津市"五一”劳动奖章获得者，从事相关专业和课程教学14年。先后在加拿大BC省理工学院参加计算机技术、教育教学技能培训、清华大学Web应用开发技术高级研修班、访问过澳大利亚和新西兰等国家，学校职业教育体系。主编或参与编写教材9册；参加国家级教改课题3项，市级教改课题3项；作为主要承担者参与国家级、市级精品课或资源共享课3门；指导学生参加天津市高职计算机技能大赛获一等奖1项，二等奖2项、三等奖2项。
项目1 认识HTML5 001
项目概述 001
项目导航 001
任务1.1 HTML5+CSS3网页设计概述 001
任务目标 001
任务准备 002
1.1.1 认识网页 002
1.1.2 HTML5简介 003
1.1.3 CSS层叠样式表 005
1.1.4 JavaScript简介 005
1.1.5 浏览器及浏览器内核 006
任务1.2 网页设计工具 008
任务目标 008
任务准备 008
1.2.1 前端开发的工具 008
1.2.2 WebStrom使用 009
任务实施 011
任务1.3 自适应网页设计 017
任务目标 017
任务准备 017
1.3.1 响应式布局设计 017
1.3.2 响应式网页部署 018
任务实施 019
项目总结 021
项目2 使用HTML5基本标签 022
项目概述 022
项目导航 022
任务2.1 “古诗词鉴赏”导航栏
页面制作 023
任务目标 023
任务准备 023
2.1.1 HTML文件的基本结构 023
2.1.2 HTML5基本结构 023
2.1.3 HTML5新增标签 024
2.1.4 HTML5废弃标签 024
2.1.5 HTML5废弃属性 025
2.1.6 基础标签 025
2.1.7 文本格式化标签 027
任务实施 032
任务2.2 “诗人与古诗大全”页面制作 034
任务目标 034
任务准备 034
2.2.1 有序列表 034
2.2.2 无序列表 035
2.2.3 定义列表 035
任务实施 036
任务2.3 “诗词详情”页面制作 039
任务目标 039
任务准备 039
2.3.1 图像标签 039
2.3.2 范围标签span 042
2.3.3 超链接标签a 042
2.3.4 div标签 044
任务实施 044
项目总结 048
项目3 表格与表单应用 049
项目概述 049
项目导航 049
任务3.1 制作校园学生论坛网站 050
任务目标 050
任务准备 050
3.1.1 表格的基本语法 050
3.1.2 跨行跨列 061
任务实施 063
任务3.2 制作论坛登录页面 069
任务目标 069
任务准备 070
3.2.1 表单的基本语法 070
3.2.2 基本元素介绍 071
任务实施 076
任务3.3 制作论坛注册页面 079
任务目标 079
任务准备 079
3.3.1 ＜datalist＞元素 079
3.3.2 HTML5新增input类型与属性 080
任务实施 085
项目总结 089
项目4 HTML5音视频标签 090
项目概述 090
项目导航 090
任务4.1 制作论坛音乐分区 090
任务目标 090
任务准备 091
4.1.1 ＜audio＞标签 091
4.1.2 ＜source＞标签 091
任务实施 092
任务4.2 制作论坛视频欣赏分区 095
任务目标 095
任务准备 095
4.2.1 ＜video＞标签 095
4.2.2 ＜track＞标签 097
任务实施 098
项目总结 102
项目5 CSS3基础应用 103
项目概述 103
项目导航 103
任务5.1 CSS基本知识 103
任务目标 103
任务准备 104
5.1.1 CSS样式表创建 104
5.1.2 基本语法 106
任务实施 107
任务5.2 选择器 109
任务目标 109
任务准备 109
5.2.1 常用选择器 109
5.2.2 CSS3新增选择器 114
任务实施 120
项目总结 129
项目6 CSS3美化网页 130
项目概述 130
项目导航 130
任务6.1 CSS核心属性 131
任务目标 131
任务准备 131
6.1.1 字体属性 131
6.1.2 文本属性 135
6.1.3 列表属性 139
6.1.4 文本溢出 141
6.1.5 背景图像 145
6.1.6 类型转换 149
6.1.7 指针属性 151
任务实施 152
任务6.2 浮动与定位 159
任务目标 159
任务准备 159
6.2.1 浮动属性 159
6.2.2 定位属性 162
任务实施 165
任务6.3 边框属性 168
任务目标 168
任务准备 168
6.3.1 盒子模型 168
6.3.2 边框属性 172
任务实施 179
任务6.4 自适应属性 186
任务目标 186
任务准备 186
6.4.1 宽高自适应 186
6.4.2 屏幕自适应 188
任务实施 189
项目总结 195
项目7 CSS3过渡变形与动画 196
项目概述 196
项目导航 196
任务7.1 CSS3过渡 197
任务目标 197
任务准备 197
7.1.1 transition-property属性 197
7.1.2 transition-duration属性 197
7.1.3 transition-timing-function 属性 198
7.1.4 transition-delay属性 199
7.1.5 transition属性 200
任务实施 202
任务7.2 CSS3变形 206
任务目标 206
任务准备 207
7.2.1 transform属性 207
7.2.2 transform-origin属性 212
7.2.3 3D变形其他属性 214
任务实施 215
任务7.3 动画 224
任务目标 224
任务准备 224
7.3.1 @keyframes 225
7.3.2 animation 225
任务实施 227
项目总结 231
项目8 绘图与数据存储 232
项目概述 232
项目导航 232
任务8.1 JavaScript概述 232
任务目标 232
任务准备 233
8.1.1 JavaScript引入 233
8.1.2 JavaScript基础知识 233
8.1.3 函数 234
8.1.4 Document对象 235
8.1.5 DOM事件机制 238
任务实施 239
任务8.2 Canvas 246
任务目标 246
任务准备 246
8.2.1 Canvas概述 246
8.2.2 Canvas绘制基本图形 247
8.2.3 绘制渐变图形 250
8.2.4 绘制变形图形 252
8.2.5 SVG 253
任务实施 254
任务8.3 数据存储 258
任务目标 258
任务准备 259
8.3.1 Cookie 259
8.3.2 Web Storage 259
任务实施 260
项目总结 262
参考文献 263
书单推荐
