HTML5+CSS3移动Web开发实战电子书

扉页

版权页

内容提要

前言

HTML5+CSS3移动Web开发实战课程设计

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

教学导航

实例探析

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

【效果展示】

【网页探析】

知识梳理

引导训练

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

【任务描述】

【任务实施】

【网页浏览】

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

【任务描述】

【任务实施】

【网页浏览】

同步训练

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

【任务描述】

【任务实施】

【网页浏览】

拓展训练

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

【任务描述】

【任务实施】

单元小结

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

教学导航

实例探析

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

【效果展示】

【网页探析】

知识梳理

引导训练

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

【任务描述】

【任务实施】

【网页浏览】

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

【任务描述】

【任务实施】

【网页浏览】

同步训练

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

【任务描述】

【任务实施】

【网页浏览】

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

【任务描述】

【任务实施】

【网页浏览】

拓展训练

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

【任务描述】

【操作提示】

单元小结

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

教学导航

实例探析

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

【效果展示】

【网页探析】

知识梳理

引导训练

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

【任务描述】

【任务实施】

【网页浏览】

同步训练

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

【任务描述】

【任务实施】

【网页浏览】

拓展训练

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

【任务描述】

【操作提示】

单元小结

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

教学导航

实例探析

任务4-1 探析麦包包网触屏版的热销商品网页

【效果展示】

【网页探析】

知识梳理

引导训练

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

【任务描述】

【任务实施】

【网页浏览】

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

【任务描述】

【任务实施】

【网页浏览】

同步训练

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

【任务描述】

【任务实施】

【网页浏览】

拓展训练

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

【任务描述】

【任务实施】

单元小结

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

教学导航

实例探析

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

【效果展示】

【网页探析】

知识梳理

引导训练

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

【任务描述】

【任务实施】

【网页浏览】

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

【任务描述】

【任务实施】

【网页浏览】

同步训练

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

【任务描述】

【任务实施】

【网页浏览】

拓展训练

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

【任务描述】

【任务实施】

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

【任务描述】

【操作提示】

单元小结

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

教学导航

实例探析

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

【效果展示】

【网页探析】

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

【效果展示】

【网页探析】

知识梳理

引导训练

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

【任务描述】

【任务实施】

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

【任务描述】

【任务实施】

同步训练

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

【任务描述】

【任务实施】

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

【任务描述】

【任务实施】

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

【任务描述】

【任务实施】

拓展训练

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

【任务描述】

【任务实施】

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

【任务描述】

【操作提示】

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

【任务描述】

【操作提示】

单元小结

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

教学导航

实例探析

任务7-1 在网页中绘制菊花图形

【效果展示】

【网页探析】

任务7-2 在网页中绘制精美挂钟

【效果展示】

【网页探析】

知识梳理

引导训练

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

【任务描述】

【任务实施】

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

【任务描述】

【网页探析】

同步训练

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

【任务描述】

【任务实施】

拓展训练

任务7-6 在网页中绘制多个五角星

【任务描述】

【操作提示】

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

【任务描述】

【操作提示】

单元小结

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

教学导航

实例探析

任务8-1 制作迷你音乐播放器面板

【效果展示】

【网页探析】

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

【效果展示】

【网页探析】

知识梳理

引导训练

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

【任务描述】

【任务实施】

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

【任务描述】

【任务实施】

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

【任务描述】

【任务实施】

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

【任务描述】

【任务实施】

任务8-7 在网页中设计仿Office风格的多级菜单

【任务描述】

【任务实施】

同步训练

任务8-8 在网页中绘制各种几何图形

【任务描述】

【任务实施】

任务8-9 在网页中设计超酷导航菜单

【任务描述】

【任务实施】

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

【任务描述】

【任务实施】

拓展训练

任务8-11 在网页中实现相册效果

【任务描述】

【操作提示】

任务8-12 在网页中设计带有字体图标效果的下拉导航菜单

【任务描述】

【操作提示】

单元小结

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

附录B CSS的属性

参考文献