HTML5+CSS3移动WEB开发实战(第2版)

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