单元1　跨平台的网站首页设计　1
教学导航　1
实例探析　1
任务1-1　探析携程旅行网的首页　1
【效果展示】　1
【网页探析】　2
知识梳理　7
引导训练　18
任务1-2　设计苏宁易购网的首页　18
【任务描述】　18
【任务实施】　18
【网页浏览】　24
任务1-3　设计穷游网的首页　24
【任务描述】　24
【任务实施】　24
【网页浏览】　32
同步训练　32
任务1-4　设计同程旅游网的首页　32
【任务描述】　32
【任务实施】　33
【网页浏览】　36
拓展训练　36
任务1-5　设计酷狗音乐网的首页　36
【任务描述】　36
【任务实施】　36
单元小结　38
单元2　文本新闻浏览网页设计　39
教学导航　39
实例探析　39
任务2-1　探析手机搜狐网的名站导航网页　39
【效果展示】　39
【网页探析】　40
知识梳理　45
引导训练　54
任务2-2　设计手机搜狐网的站内导航网页　54
【任务描述】　54
【任务实施】　55
【网页浏览】　60
任务2-3　设计手机搜狐网的文本新闻网页　60
【任务描述】　60
【任务实施】　61
【网页浏览】　65
同步训练　65
任务2-4　设计新华网手机版的网址导航网页　65
【任务描述】　65
【任务实施】　65
【网页浏览】　69
任务2-5　设计新华网手机版的文本新闻网页　69
【任务描述】　69
【任务实施】　69
【网页浏览】　73
拓展训练　73
任务2-6　设计新华网手机版的标题新闻及导航网页　73
【任务描述】　73
【操作提示】　73
单元小结　75
单元3　旅游景点推荐网页设计　76
教学导航　76
实例探析　76
任务3-1　探析蚂蜂窝的推荐旅游目的地网页　76
【效果展示】　76
【网页探析】　76
知识梳理　82
引导训练　86
任务3-2　设计去哪儿旅行网的Touch版旅图网页　86
【任务描述】　86
【任务实施】　86
【网页浏览】　95
同步训练　95
任务3-3　设计携程旅行网的最佳旅游景区网页　95
【任务描述】　95
【任务实施】　96
【网页浏览】　98
拓展训练　99
任务3-4　设计路趣网手机版的热点景点推荐网页　99
【任务描述】　99
【操作提示】　99
单元小结　101
单元4　商品信息展示网页设计　102
教学导航　102
实例探析　102
任务4-1　探析麦包包网触屏版的热销商品网页　102
【效果展示】　102
【网页探析】　103
知识梳理　111
引导训练　117
任务4-2　设计苏宁易购触屏版的促销商品列表网页　117
【任务描述】　117
【任务实施】　118
【网页浏览】　123
任务4-3　设计易购网的选用商品列表网页　123
【任务描述】　123
【任务实施】　123
【网页浏览】　126
同步训练　127
任务4-4　设计凡客诚品网触屏版的品牌墙网页　127
【任务描述】　127
【任务实施】　127
【网页浏览】　131
拓展训练　131
任务4-5　设计苏宁易购触屏版的家用电器精选商品导航网页　131
【任务描述】　131
【任务实施】　131
单元小结　132
单元5　注册登录与留言网页设计　133
教学导航　133
实例探析　133
任务5-1　探析手机麦包包网的用户注册网页　133
【效果展示】　133
【网页探析】　133
知识梳理　137
引导训练　142
任务5-2　设计同程旅游无线网的会员登录网页　142
【任务描述】　142
【任务实施】　142
【网页浏览】　147
任务5-3　设计去哪儿网的意见反馈网页　147
【任务描述】　147
【任务实施】　147
【网页浏览】　151
同步训练　151
任务5-4　设计掌上1号店的用户登录网页　151
【任务描述】　151
【任务实施】　151
【网页浏览】　155
拓展训练　156
任务5-5　设计手机搜狐网的留言反馈网页　156
【任务描述】　156
【任务实施】　156
任务5-6　设计易购网的个性化用户注册网页　159
【任务描述】　159
【操作提示】　159
单元小结　161
单元6　音乐视频播放网页设计　162
教学导航　162
实例探析　162
任务6-1　探析基于HTML5的网页音乐播放器之一　162
【效果展示】　162
【网页探析】　163
任务6-2　探析基于HTML5的网页视频播放器之一　170
【效果展示】　170
【网页探析】　170
知识梳理　171
引导训练　172
任务6-3　设计基于HTML5的网页音乐播放器之二　172
【任务描述】　172
【任务实施】　173
任务6-4　设计基于HTML5的网页视频播放器之二　173
【任务描述】　173
【任务实施】　174
同步训练　177
任务6-5　设计基于HTML5的网页音乐播放器之三　177
【任务描述】　177
【任务实施】　177
任务6-6　设计基于HTML5的网页音乐播放器之四　178
【任务描述】　178
【任务实施】　178
任务6-7　设计基于HTML5的网页视频播放器之三　180
【任务描述】　180
【任务实施】　180
拓展训练　181
任务6-8　设计基于HTML5的网页音乐播放器之五　181
【任务描述】　181
【任务实施】　182
任务6-9　设计基于HTML5的网页视频播放器之四　187
【任务描述】　187
【操作提示】　187
任务6-10　设计基于HTML5的网页视频播放器之五　188
【任务描述】　188
【操作提示】　188
单元小结　189
单元7　网页图形绘制与游戏设计　190
教学导航　190
实例探析　190
任务7-1　在网页中绘制菊花图形　190
【效果展示】　190
【网页探析】　191
任务7-2　在网页中绘制精美挂钟　192
【效果展示】　192
【网页探析】　192
知识梳理　194
引导训练　201
任务7-3　在网页中绘制各种图形和文字　201
【任务描述】　201
【任务实施】　202
任务7-4　设计网页俄罗斯方块游戏　207
【任务描述】　207
【网页探析】　207
同步训练　215
任务7-5　在网页中绘制多种图形和图片　215
【任务描述】　215
【任务实施】　216
拓展训练　219
任务7-6　在网页中绘制多个五角星　219
【任务描述】　219
【操作提示】　219
任务7-7　设计HTML5版连连看网页游戏　220
【任务描述】　220
【操作提示】　221
单元小结　224
单元8　复杂样式与网页特效设计　225
教学导航　225
实例探析　225
任务8-1　制作迷你音乐播放器面板　225
【效果展示】　225
【网页探析】　226
任务8-2　探析纯CSS3实现的焦点图切换效果　228
【效果展示】　228
【网页探析】　229
知识梳理　232
引导训练　239
任务8-3　在网页中绘制阴阳图和五角星　239
【任务描述】　239
【任务实施】　239
任务8-4　在网页中制作圆角按钮和圆角图片　241
【任务描述】　241
【任务实施】　241
任务8-5　设计网页中的圆形导航
按钮　244
【任务描述】　244
【任务实施】　245
任务8-6　在网页中实现图片拖动操作　247
【任务描述】　247
【任务实施】　247
任务8-7　在网页中设计仿Office风格
的多级菜单　249
【任务描述】　249
【任务实施】　249
同步训练　253
任务8-8　在网页中绘制各种几何图形　253
【任务描述】　253
【任务实施】　253
任务8-9　在网页中设计超酷导航菜单　255
【任务描述】　255
【任务实施】　255
任务8-10　在网页中模仿苹果iPhone的搜索框聚焦变长效果　258
【任务描述】　258
【任务实施】　258
拓展训练　259
任务8-11　在网页中实现相册效果　259
【任务描述】　259
【操作提示】　260
任务8-12　在网页中设计带有字体图标效果的下拉导航菜单　261
【任务描述】　261
【操作提示】　262
单元小结　264
附录A　HTML5的常用标签及其属性、方法与事件　265
附录B　CSS的属性　274
参考文献　281