HTML5+CSS3移动Web开发实战

HTML5+CSS3移动Web开发实战
分享
扫描下方二维码分享到微信
打开微信,点击右上角”+“,
使用”扫一扫“即可将网页分享到朋友圈。
作者:
2019-05
版次: 1
ISBN: 9787115502452
定价: 58.00
装帧: 平装
开本: 16开
纸张: 胶版纸
页数: 281页
正文语种: 简体中文
9人买过
  • 本书从跨平台的移动Web开发实际应用的角度阐述了HTML5和CSS3的新元素和新功能,设置了跨平台的网站首页设计、文本新闻浏览网页设计、旅游景点推荐网页设计、商品信息展示网页设计、注册登录与留言网页设计、音乐视频播放网页设计、网页图形绘制与游戏设计、复杂样式与网页特效设计8个教学单元,将HTML5和CSS3的相关知识合理地安排到各个教学单元中。

    本书优选了55个来自于真实网站或项目的典型教学案例,采用“任务驱动、精讲多练、理论实践一体化”的教学方法,每个教学单元设置“教学导航→实例探析→知识疏理→引导训练→同步训练→拓展训练→单元小结”7个教学环节,同时提供了丰富的配套教学资源。

    本书可以作为软件类专业跨平台的移动Web应用开发课程的教材,也可以作为移动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
  • 内容简介:
    本书从跨平台的移动Web开发实际应用的角度阐述了HTML5和CSS3的新元素和新功能,设置了跨平台的网站首页设计、文本新闻浏览网页设计、旅游景点推荐网页设计、商品信息展示网页设计、注册登录与留言网页设计、音乐视频播放网页设计、网页图形绘制与游戏设计、复杂样式与网页特效设计8个教学单元,将HTML5和CSS3的相关知识合理地安排到各个教学单元中。

    本书优选了55个来自于真实网站或项目的典型教学案例,采用“任务驱动、精讲多练、理论实践一体化”的教学方法,每个教学单元设置“教学导航→实例探析→知识疏理→引导训练→同步训练→拓展训练→单元小结”7个教学环节,同时提供了丰富的配套教学资源。

    本书可以作为软件类专业跨平台的移动Web应用开发课程的教材,也可以作为移动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
查看详情
12