HTML5+CSS3移动WEB开发实战/陈承欢

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