跨平台的移动Web开发实战 HTML5+CSS3PDF电子书下载

单元1 跨平台的网站首页设计 1

【教学导航】 1

【实例探析】 1

【任务1-1】探析携程旅行网的首页 1

【效果展示】 1

【网页探析】 2

【知识疏理】 8

【引导训练】 20

【任务1-2】设计苏宁易购网的首页 20

【任务描述】 20

【任务实施】 21

【网页浏览】 27

【任务1-3】设计穷游网的首页 27

【任务描述】 27

【任务实施】 28

【网页浏览】 36

【同步训练】 37

【任务1-4】设计同程旅游网的首页 37

【任务描述】 37

【任务实施】 37

【网页浏览】 41

【拓展训练】 41

【任务1-5】设计酷狗音乐网的首页 41

【任务描述】 41

【任务实施】 41

【单元小结】 42

单元2 文本新闻浏览网页设计 43

【教学导航】 43

【实例探析】 43

【任务2-1】探析手机搜狐网的名站导航网页 43

【效果展示】 43

【网页探析】 44

【知识疏理】 50

【引导训练】 60

【任务2-2】设计手机搜狐网的站内导航网页 60

【任务描述】 60

【任务实施】 60

【网页浏览】 67

【任务2-3】设计手机搜狐网的文本新闻网页 67

【任务描述】 67

【任务实施】 67

【网页浏览】 71

【同步训练】 71

【任务2-4】设计新华网手机版的网址导航网页 71

【任务描述】 71

【任务实施】 72

【网页浏览】 75

【任务2-5】设计新华网手机版的文本新闻网页 75

【任务描述】 75

【任务实施】 76

【网页浏览】 80

【拓展训练】 80

【任务2-6】设计新华网手机版的标题新闻及导航网页 80

【任务描述】 80

【操作提示】 80

【单元小结】 82

单元3 旅游景点推荐网页设计 83

【教学导航】 83

【实例探析】 83

【任务3-1】探析蚂蜂窝的推荐旅游目的地网页 83

【效果展示】 83

【网页探析】 84

【知识疏理】 90

【引导训练】 95

【任务3-2】设计去哪儿旅行网的Touch版旅图网页 95

【任务描述】 95

【任务实施】 95

【网页浏览】 104

【同步训练】 104

【任务3-3】设计携程旅行网的最佳旅游景区网页 104

【任务描述】 104

【任务实施】 105

【网页浏览】 108

【拓展训练】 108

【任务3-4】设计路趣网手机版的热点景点推荐网页 108

【任务描述】 108

【操作提示】 108

【单元小结】 110

单元4 商品信息展示网页设计 111

【教学导航】 111

【实例探析】 111

【任务4-1】探析手机麦包包网触屏版的热销商品网页 111

【效果展示】 111

【网页探析】 112

【知识疏理】 120

【引导训练】 127

【任务4-2】设计苏宁易购触屏版的促销商品列表网页 127

【任务描述】 127

【任务实施】 127

【网页浏览】 133

【任务4-3】设计易购网的选用商品列表网页 133

【任务描述】 133

【任务实施】 133

【网页浏览】 136

【同步训练】 136

【任务4-4】设计凡客诚品网触屏版的品牌墙网页 136

【任务描述】 136

【任务实施】 137

【网页浏览】 140

【拓展训练】 141

【任务4-5】设计苏宁易购触屏版的家用电器精选商品导航网页 141

【任务描述】 141

【任务实施】 141

【单元小结】 142

单元5 注册登录与留言网页设计 143

【教学导航】 143

【实例探析】 143

【任务5-1】探析手机麦包包网的用户注册网页 143

【效果展示】 143

【网页探析】 144

【知识疏理】 148

【引导训练】 153

【任务5-2】设计同程旅游无线网的会员登录网页 153

【任务描述】 153

【任务实施】 153

【网页浏览】 159

【任务5-3】设计去哪儿网的意见反馈网页 159

【任务描述】 159

【任务实施】 159

【网页浏览】 164

【同步训练】 164

【任务5-4】设计掌上1号店的用户登录网页 164

【任务描述】 164

【任务实施】 164

【网页浏览】 169

【拓展训练】 169

【任务5-5】设计手机搜狐网的留言反馈网页 169

【任务描述】 169

【任务实施】 169

【任务5-6】设计易购网的个性化用户注册网页 172

【任务描述】 172

【操作提示】 172

【单元小结】 174

单元6 音乐视频网页播放设计 175

【教学导航】 175

【实例探析】 175

【任务6-1】探析基于HTML5的网页音乐播放器之一 175

【效果展示】 175

【网页探析】 176

【任务6-2】探析基于HTML5的网页视频播放器之一 183

【效果展示】 183

【网页探析】 184

【知识疏理】 185

【引导训练】 186

【任务6-3】设计基于HTML5的网页音乐播放器之二 186

【任务描述】 186

【任务实施】 187

【任务6-4】设计基于HTML5的网页视频播放器之二 187

【任务描述】 187

【任务实施】 188

【同步训练】 191

【任务6-5】设计基于HTML5的网页音乐播放器之三 191

【任务描述】 191

【任务实施】 191

【任务6-6】设计基于HTML5的网页音乐播放器之四 192

【任务描述】 192

【任务实施】 192

【任务6-7】设计基于HTML5的网页视频播放器之三 195

【任务描述】 195

【任务实施】 195

【拓展训练】 196

【任务6-8】设计基于HTML5的网页音乐播放器之五 196

【任务描述】 196

【任务实施】 197

【任务6-9】设计基于HTML5的网页视频播放器之四 202

【任务描述】 202

【操作提示】 202

【任务6-10】设计基于HTML5的网页视频播放器之五 203

【任务描述】 203

【操作提示】 203

【单元小结】 204

单元7 网页图形绘制与游戏设计 205

【教学导航】 205

【实例探析】 205

【任务7-1】探析网页中菊花图形的绘制 205

【效果展示】 205

【网页探析】 206

【任务7-2】探析网页中精美挂钟的绘制 207

【效果展示】 207

【网页探析】 207

【知识疏理】 209

【引导训练】 217

【任务7-3】在网页中绘制各种图形和文字 217

【任务描述】 217

【任务实施】 218

【任务7-4】设计网页俄罗斯方块游戏 223

【任务描述】 223

【网页探析】 223

【同步训练】 232

【任务7-5】网页中绘制多种图形和图片 232

【任务描述】 232

【任务实施】 233

【拓展训练】 236

【任务7-6】网页中绘制多个五角星 236

【任务描述】 236

【操作提示】 236

【任务7-7】设计HTML5版连连看网页游戏 238

【任务描述】 238

【操作提示】 238

【单元小结】 241

单元8 复杂样式与网页特效设计 242

【教学导航】 242

【实例探析】 242

【任务8-1】探析迷你音乐播放器面板制作 242

【效果展示】 242

【网页探析】 243

【任务8-2】探析纯CSS3实现的焦点图切换效果 246

【效果展示】 246

【网页探析】 246

【知识疏理】 249

【引导训练】 257

【任务8-3】网页中绘制阴阳图和五角星 257

【任务描述】 257

【任务实施】 257

【任务8-4】网页中制作圆角按钮和圆角图片 259

【任务描述】 259

【任务实施】 259

【任务8-5】设计网页中的圆形导航按钮 263

【任务描述】 263

【任务实施】 263

【任务8-6】网页中实现图片拖动操作 265

【任务描述】 265

【任务实施】 265

【任务8-7】网页中实现仿Office风格的多级菜单 267

【任务描述】 267

【任务实施】 268

【同步训练】 271

【任务8-8】网页中绘制各种几何图形 271

【任务描述】 271

【任务实施】 271

【任务8-9】网页中实现超酷导航菜单 273

【任务描述】 273

【任务实施】 273

【任务8-10】网页中模仿苹果iPhone的搜索框聚焦变长效果 276

【任务描述】 276

【任务实施】 276

【任务8-11】网页中实现拖动选择多张景点图片 277

【任务描述】 277

【任务实施】 278

【拓展训练】 280

【任务8-12】网页中实现相册效果 280

【任务描述】 280

【操作提示】 281

【任务8-13】网页中实现带有字体图标效果的下拉导航菜单 282

【任务描述】 282

【操作提示】 282

【单元小结】 285

附录A HTML5的新特性简介 286

附录B HTML5的常用标签及其属性、方法与事件 291

附录C CSS的属性 301

附录D CSS的选择器 308

参考文献 319