HTML5+CSS3项目开发实战（第2版）

　　本书以HTML5与CSS3知识点为主线，响应式布局项目为任务载体，采用迭代递增的网页设计方法，根据项目需求来逐步完成任务，实现学习相关知识与动手实操并重目的。全书按照网页设计的步骤，围绕HTML5与CSS3重要特性进行编写，通过详细讲解各个任务的实施来对知识点进行总结，使读者深入掌握网页设计制作技术。为适应应用型人才培养的需求，本书既强调理论知识的夯实、基本技能的训练，还注重拓展能力的培养，最终使学习者具备解决问题、分析问题的能力。内容编排以项目为载体，以任务实施为学习路径，结构清晰、内容翔实、难度渐进，达到学以致用的目标。本书编者由具有多年教学经验和实际项目开发经验的教师组成，书中大量教学实例，既有较强的理论性，又具有鲜明的实用性。本书即可作为高职院校和应用型本科院校网页设计课程的教材，也可作为信息技术培训机构的培训用书，还可以作为网页设计与制作人员的参考用书。

　　王庆桦，天津中德应用技术大学 教务处副处长，中国职业技术教育学会（CSTVE） 教学工作委员会 自动化技术类专业教学研究会副秘书长，天津市\

项目1 认识HTML5\t001
项目概述\t001
项目导航\t001
任务1．1 HTML5+CSS3网页设计概述\t001
任务目标\t001
任务准备\t002
1．1．1 认识网页\t002
1．1．2 HTML5简介\t003
1．1．3 CSS层叠样式表\t005
1．1．4 JavaScript简介\t005
1．1．5 浏览器及浏览器内核\t006
任务1．2 网页设计工具\t008
任务目标\t008
任务准备\t008
1．2．1 前端开发的工具\t008
1．2．2 WebStrom使用\t009
任务实施\t011
任务1．3 自适应网页设计\t017
任务目标\t017
任务准备\t017
1．3．1 响应式布局设计\t017
1．3．2 响应式网页部署\t018
任务实施\t019
项目总结\t021
项目2 使用HTML5基本标签\t022
项目概述\t022
项目导航\t022
任务2．1 “古诗词鉴赏”导航栏
页面制作\t023
任务目标\t023
任务准备\t023
2．1．1 HTML文件的基本结构\t023
2．1．2 HTML5基本结构\t023
2．1．3 HTML5新增标签\t024
2．1．4 HTML5废弃标签\t024
2．1．5 HTML5废弃属性\t025
2．1．6 基础标签\t025
2．1．7 文本格式化标签\t027
任务实施\t032
任务2．2 “诗人与古诗大全”页面制作\t034
任务目标\t034
任务准备\t034
2．2．1 有序列表\t034
2．2．2 无序列表\t035
2．2．3 定义列表\t035
任务实施\t036
任务2．3 “诗词详情”页面制作\t039
任务目标\t039
任务准备\t039
2．3．1 图像标签\t039
2．3．2 范围标签span\t042
2．3．3 超链接标签a\t042
2．3．4 div标签\t044
任务实施\t044
项目总结\t048
项目3 表格与表单应用\t049
项目概述\t049
项目导航\t049
任务3．1 制作校园学生论坛网站\t050
任务目标\t050
任务准备\t050
3．1．1 表格的基本语法\t050
3．1．2 跨行跨列\t061
任务实施\t063
任务3．2 制作论坛登录页面\t069
任务目标\t069
任务准备\t070
3．2．1 表单的基本语法\t070
3．2．2 基本元素介绍\t071
任务实施\t076
任务3．3 制作论坛注册页面\t079
任务目标\t079
任务准备\t079
3．3．1 ＜datalist＞元素\t079
3．3．2 HTML5新增input类型与属性\t080
任务实施\t085
项目总结\t089
项目4 HTML5音视频标签\t090
项目概述\t090
项目导航\t090
任务4．1 制作论坛音乐分区\t090
任务目标\t090
任务准备\t091
4．1．1 ＜audio＞标签\t091
4．1．2 ＜source＞标签\t091
任务实施\t092
任务4．2 制作论坛视频欣赏分区\t095
任务目标\t095
任务准备\t095
4．2．1 ＜video＞标签\t095
4．2．2 ＜track＞标签\t097
任务实施\t098
项目总结\t102
项目5 CSS3基础应用\t103
项目概述\t103
项目导航\t103
任务5．1 CSS基本知识\t103
任务目标\t103
任务准备\t104
5．1．1 CSS样式表创建\t104
5．1．2 基本语法\t106
任务实施\t107
任务5．2 选择器\t109
任务目标\t109
任务准备\t109
5．2．1 常用选择器\t109
5．2．2 CSS3新增选择器\t114
任务实施\t120
项目总结\t129
项目6 CSS3美化网页\t130
项目概述\t130
项目导航\t130
任务6．1 CSS核心属性\t131
任务目标\t131
任务准备\t131
6．1．1 字体属性\t131
6．1．2 文本属性\t135
6．1．3 列表属性\t139
6．1．4 文本溢出\t141
6．1．5 背景图像\t145
6．1．6 类型转换\t149
6．1．7 指针属性\t151
任务实施\t152
任务6．2 浮动与定位\t159
任务目标\t159
任务准备\t159
6．2．1 浮动属性\t159
6．2．2 定位属性\t162
任务实施\t165
任务6．3 边框属性\t168
任务目标\t168
任务准备\t168
6．3．1 盒子模型\t168
6．3．2 边框属性\t172
任务实施\t179
任务6．4 自适应属性\t186
任务目标\t186
任务准备\t186
6．4．1 宽高自适应\t186
6．4．2 屏幕自适应\t188
任务实施\t189
项目总结\t195
项目7 CSS3过渡变形与动画\t196
项目概述\t196
项目导航\t196
任务7．1 CSS3过渡\t197
任务目标\t197
任务准备\t197
7．1．1 transition-property属性\t197
7．1．2 transition-duration属性\t197
7．1．3 transition-timing-function 属性\t198
7．1．4 transition-delay属性\t199
7．1．5 transition属性\t200
任务实施\t202
任务7．2 CSS3变形\t206
任务目标\t206
任务准备\t207
7．2．1 transform属性\t207
7．2．2 transform-origin属性\t212
7．2．3 3D变形其他属性\t214
任务实施\t215
任务7．3 动画\t224
任务目标\t224
任务准备\t224
7．3．1 @keyframes\t225
7．3．2 animation\t225
任务实施\t227
项目总结\t231
项目8 绘图与数据存储\t232
项目概述\t232
项目导航\t232
任务8．1 JavaScript概述\t232
任务目标\t232
任务准备\t233
8．1．1 JavaScript引入\t233
8．1．2 JavaScript基础知识\t233
8．1．3 函数\t234
8．1．4 Document对象\t235
8．1．5 DOM事件机制\t238
任务实施\t239
任务8．2 Canvas\t246
任务目标\t246
任务准备\t246
8．2．1 Canvas概述\t246
8．2．2 Canvas绘制基本图形\t247
8．2．3 绘制渐变图形\t250
8．2．4 绘制变形图形\t252
8．2．5 SVG\t253
任务实施\t254
任务8．3 数据存储\t258
任务目标\t258
任务准备\t259
8．3．1 Cookie\t259
8．3．2 Web Storage\t259
任务实施\t260
项目总结\t262
参考文献\t263