单元1　跨平台的网站首页设计　1
【教学导航】　1
【实例探析】　2
任务1-1　探析携程旅行网的首页　2
效果展示　2
网页探析　2
【知识梳理】　7
【引导训练】　18
任务1-2　设计苏宁易购网的首页　18
任务描述　18
任务实施　19
网页浏览　24
任务1-3　设计穷游网的首页　24
任务描述　24
任务实施　24
网页浏览　32
【同步训练】　32
任务1-4　设计同程旅游网的首页　32
任务描述　32
任务实施　32
网页浏览　35
【拓展训练】　35
任务1-5　设计酷狗音乐网的首页　35
任务描述　35
任务实施　35
【单元小结】　36
单元2　文本新闻浏览网页设计　37
【教学导航】　37
【实例探析】　38
任务2-1　探析手机搜狐网的名站导航网页　38
效果展示　38
网页探析　38
【知识梳理】　43
【引导训练】　52
任务2-2　设计手机搜狐网的站内导航网页　52
任务描述　52
任务实施　53
网页浏览　58
任务2-3　设计手机搜狐网的文本新闻网页　58
任务描述　58
任务实施　58
网页浏览　62
【同步训练】　62
任务2-4　设计新华网手机版的网址导航网页　62
任务描述　62
任务实施　62
网页浏览　65
任务2-5　设计新华网手机版的文本新闻网页　65
任务描述　65
任务实施　66
网页浏览　69
【拓展训练】　69
任务2-6　设计新华网手机版的标题新闻及导航网页　69
任务描述　69
操作提示　69
【单元小结】　71
单元3　旅游景点推荐网页设计　72
【教学导航】　72
【实例探析】　73
任务3-1　探析蚂蜂窝的推荐旅游目的地网页　73
效果展示　73
网页探析　73
【知识梳理】　77
【引导训练】　81
任务3-2　设计去哪儿旅行网的触屏版旅图网页　81
任务描述　81
任务实施　82
网页浏览　89
【同步训练】　89
任务3-3　设计携程旅行网的最佳旅游景区网页　89
任务描述　89
任务实施　90
网页浏览　92
【拓展训练】　92
任务3-4　设计路趣网手机版的热点景点推荐网页　92
任务描述　92
操作提示　92
【单元小结】　94
单元4　商品信息展示网页设计　95
【教学导航】　95
【实例探析】　96
任务4-1　探析麦包包网触屏版的热销商品网页　96
效果展示　96
网页探析　96
【知识梳理】　103
【引导训练】　110
任务4-2　设计苏宁易购触屏版的促销商品列表网页　110
任务描述　110
任务实施　111
网页浏览　116
任务4-3　设计易购网的选用商品列表网页　116
任务描述　116
任务实施　116
网页浏览　119
【同步训练】　119
任务4-4　设计凡客诚品网触屏版的品牌墙网页　119
任务描述　119
任务实施　119
网页浏览　123
【拓展训练】　123
任务4-5　设计苏宁易购触屏版的家用电器精选商品导航网页　123
任务描述　123
任务实施　124
【单元小结】　125
单元5　注册登录与留言网页设计　126
【教学导航】　126
【实例探析】　127
任务5-1　探析手机麦包包网的用户注册网页　127
效果展示　127
网页探析　127
【知识梳理】　130
【引导训练】　135
任务5-2　设计同程旅游无线网的会员登录网页　135
任务描述　135
任务实施　135
网页浏览　140
任务5-3　设计去哪儿网的意见反馈网页　140
任务描述　140
任务实施　140
网页浏览　144
【同步训练】　144
任务5-4　设计掌上1号店的用户登录网页　144
任务描述　144
任务实施　144
网页浏览　148
【拓展训练】　148
任务5-5　设计手机搜狐网的留言反馈网页　148
任务描述　148
任务实施　148
任务5-6　设计易购网的个性化用户注册网页　151
任务描述　151
操作提示　151
【单元小结】　152
单元6　音乐视频播放网页设计　153
【教学导航】　153
【实例探析】　154
任务6-1　探析基于HTML5的网页音乐播放器　154
效果展示　154
网页探析　154
任务6-2　探析基于HTML5的网页视频播放器　160
效果展示　160
网页探析　160
【知识梳理】　161
【引导训练】　163
任务6-3　设计基于HTML5的网页音乐播放器之一　163
任务描述　163
任务实施　163
任务6-4　设计基于HTML5的网页视频播放器之一　164
任务描述　164
任务实施　164
【同步训练】　167
任务6-5　设计基于HTML5的网页音乐播放器之二/ 167
任务描述　167
任务实施　167
任务6-6　设计基于HTML5的网页音乐播放器之三　168
任务描述　168
任务实施　168
任务6-7　设计基于HTML5的网页视频播放器之二　170
任务描述　170
任务实施　170
【拓展训练】　171
任务6-8　设计基于HTML5的网页音乐播放器之四　171
任务描述　171
任务实施　172
任务6-9　设计基于HTML5的网页视频播放器之三　176
任务描述　176
操作提示　176
【单元小结】　176
单元7　网页图形绘制与游戏设计　177
【教学导航】　177
【实例探析】　178
任务7-1　在网页中绘制菊花图形　178
效果展示　178
网页探析　178
任务7-2　在网页中绘制精美挂钟　179
效果展示　179
网页探析　179
【知识梳理】　182
【引导训练】　189
任务7-3　在网页中绘制各种图形和文字　189
任务描述　189
任务实施　190
任务7-4　设计网页俄罗斯方块游戏　195
任务描述　195
网页探析　195
【同步训练】　204
任务7-5　在网页中绘制多种图形和图片　204
任务描述　204
任务实施　204
【拓展训练】　207
任务7-6　在网页中绘制多个五角星　207
任务描述　207
操作提示　207
任务7-7　设计HTML5版连连看网页游戏　209
任务描述　209
操作提示　209
【单元小结】　212
单元8　复杂样式与网页特效设计　213
【教学导航】　213
【实例探析】　214
任务8-1　制作迷你音乐播放器面板　214
效果展示　214
网页探析　214
任务8-2　探析纯CSS3实现的焦点图切换效果　216
效果展示　216
网页探析　217
【知识梳理】　220
【引导训练】　228
任务8-3　在网页中绘制阴阳图和五角星　228
任务描述　228
任务实施　228
任务8-4　在网页中制作圆角按钮和圆角图片　230
任务描述　230
任务实施　230
任务8-5　设计网页中的圆形导航按钮　233
任务描述　233
任务实施　233
任务8-6　在网页中实现图片拖动操作　235
任务描述　235
任务实施　235
任务8-7　在网页中设计仿Office风格的多级菜单　237
任务描述　237
任务实施　238
【同步训练】　240
任务8-8　在网页中绘制各种几何图形　240
任务描述　240
任务实施　241
任务8-9　在网页中设计超酷导航菜单　243
任务描述　243
任务实施　243
任务8-10　在网页中模仿苹果iPhone的搜索框聚焦变长效果　245
任务描述　245
任务实施　245
【拓展训练】　246
任务8-11　在网页中实现相册效果　246
任务描述　246
操作提示　247
任务8-12　在网页中设计带有字体图标效果的下拉导航菜单　248
任务描述　248
操作提示　248
【单元小结】　250
附录A　HTML5的常用标签及其属性、方法与事件　251
附录Ｂ　CSS的属性　261
参考文献　268