单元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

本书从跨平台的移动Web开发实际应用的角度阐述HTML5和CSS3的新元素和新功能，合理选取教学内容。本书设置了跨平台的网站首页设计、文本新闻浏览网页设计、旅游景点推荐网页设计、商品信息展示网页设计、注册登录与留言网页设计、音乐视频播放网页设计、网页图形绘制与游戏设