跨平台的移动Web开发实战（HTML5+CSS3）

单元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】网页中实现相册效果
【任务描述】
【操作提示】
【任务8-13】网页中实现带有字体图标效果的下拉导航菜单
【任务描述】
【操作提示】
【单元小结】
附录A HTML5的新特性简介
附录B HTML5的常用标签及其属性、方法与事件
附录C CSS的属性
附录D CSS的选择器
参考文献