本书从跨平台的移动Web实际应用的角度阐述了HTML5和CSS3的新元素和新功能，设置了跨平台的网站首页设计、文本新闻浏览网页设计、旅游景点**网页设计、商品信息展示网页设计、注册登录与留言网页设计、音乐视频播放网页设计、网页图形绘制与游戏设计、复杂样式与网页**设计8个教学单元，将HTML5和CSS3的相关知识合理地安排到各个教学单元中。 本书优选来自于真实网站或项目的典型教学案例，采用“任务驱动、精讲多练、理论实践一体化”的教学方法，每个教学单元设置“教学导航→实例探析→知识梳理→引导训练→同步训练→拓展训练→单元小结”7个教学环节，同时提供了丰富的配套教学资源。 本书可以作为软件类专业跨平台的移动Web应用开发课程的教材，也可以作为移动Web应用开发的培训用书及技术用书。

单元1 跨平台的网站首页设计 1 【教学导航】 1 【实例探析】 2 任务1-1 探析携程旅行网的首页 2 效果展示 2 网页探析 2 【知识梳理】 7 【引导训练】 18 任务1-2 设计苏宁易购网的首页 18 任务描述 18 任务实施 19 网页浏览 24 任务1-3 设计穷游网的首页 24 任务描述 24 任务实施 24 网页浏览 32 【同步训练】 32 任务1-4 设计同程旅游网的首页 32 任务描述 32 任务实施 32 网页浏览 35 【拓展训练】 35 任务1-5 设计酷狗音乐网的首页 35 任务描述 35 任务实施 35 【单元小结】 36 单元2 文本新闻浏览网页设计 37 【教学导航】 37 【实例探析】 38 任务2-1 探析手机搜狐网的名站导航网页 38 效果展示 38 网页探析 38 【知识梳理】 43 【引导训练】 52 任务2-2 设计手机搜狐网的站内导航网页 52 任务描述 52 任务实施 53 网��浏览 58 任务2-3 设计手机搜狐网的文本新闻网页 58 任务描述 58 任务实施 58 网页浏览 62 【同步训练】 62 任务2-4 设计新华网手机版的网址导航网页 62 任务描述 62 任务实施 62 网页浏览 65 任务2-5 设计新华网手机版的文本新闻网页 65 任务描述 65 任务实施 66 网页浏览 69 【拓展训练】 69 任务2-6 设计新华网手机版的标题新闻及导航网页 69 任务描述 69 操作提示 69 【单元小结】 71 单元3 旅游景点**网页设计 72 【教学导航】 72 【实例探析】 73 任务3-1 探析蚂蜂窝的**旅游目的地网页 73 效果展示 73 网页探析 73 【知识梳理】 77 【引导训练】 81 任务3-2 设计去哪儿旅行网的触屏版旅图网页 81 任务描述 81 任务实施 82 网页浏览 89 【同步训练】 89 任务3-3 设计携程旅行网的*佳旅游景区网页 89 任务描述 89 任务实施 90 网页浏览 92 【拓展训练】 92 任务3-4 设计路趣网手机版的热点景点**网页 92 任务描述 92 操作提示 92 【单元小结】 94 单元4 商品信息展示网页设计 95 【教学导航】 95 【实例探析】 96 任务4-1 探析麦包包网触屏版的**商品网页 96 效果展示 96 网页探析 96 【知识梳理】 103 【引导训练】 110 任务4-2 设计苏宁易购触屏版的促销商品列表网页 110 任务描述 110 任务实施 111 网页浏览 116 任务4-3 设计易购网的选用商品列表网页 116 任务描述 116 任务实施 116 网页浏览 119 【同步训练】 119 任务4-4 设计凡客诚品网触屏版的品牌墙网页 119 任务描述 119 任务实施 119 网页浏览 123 【拓展训练】 123 任务4-5 设计苏宁易购触屏版的家用电器精选商品导航网页 123 任务描述 123 任务实施 124 【单元小结】 125 单元5 注册登录与留言网页设计 126 【教学导航】 126 【实例探析】 127 任务5-1 探析手机麦包包网的用户注册网页 127 效果展示 127 网页探析 127 【知识梳理】 130 【引导训练】 135 任务5-2 设计同程旅游无线网的会员登录网页 135 任务描述 135 任务实施 135 网页浏览 140 任务5-3 设计去哪儿网的意见反馈网页 140 任务描述 140 任务实施 140 网页浏览 144 【同步训练】 144 任务5-4 设计掌上1号店的用户登录网页 144 任务描述 144 任务实施 144 网页浏览 148 【拓展训练】 148 任务5-5 设计手机搜狐网的留言反馈网页 148 任务描述 148 任务实施 148 任务5-6 设计易购网的个性化用户注册网页 151 任务描述 151 操作提示 151 【单元小结】 152 单元6 音乐视频播放网页设计 153 【教学导航】 153 【实例探析】 154 任务6-1 探析基于HTML5的网页音乐播放器 154 效果展示 154 网页探析 154 任务6-2 探析基于HTML5的网页视频播放器 160 效果展示 160 网页探析 160 【知识梳理】 161 【引导训练】 163 任务6-3 设计基于HTML5的网页音乐播放器之一 163 任务描述 163 任务实施 163 任务6-4 设计基于HTML5的网页视频播放器之一 164 任务描述 164 任务实施 164 【同步训练】 167 任务6-5 设计基于HTML5的网页音乐播放器之二/ 167 任务描述 167 任务实施 167 任务6-6 设计基于HTML5的网页音乐播放器之三 168 任务描述 168 任务实施 168 任务6-7 设计基于HTML5的网页视频播放器之二 170 任务描述 170 任务实施 170 【拓展训练】 171 任务6-8 设计基于HTML5的网页音乐播放器之四 171 任务描述 171 任务实施 172 任务6-9 设计基于HTML5的网页视频播放器之三 176 任务描述 176 操作提示 176 【单元小结】 176 单元7 网页图形绘制与游戏设计 177 【教学导航】 177 【实例探析】 178 任务7-1 在网页中绘制菊花图形 178 效果展示 178 网页探析 178 任务7-2 在网页中绘制精美挂钟 179 效果展示 179 网页探析 179 【知识梳理】 182 【引导训练】 189 任务7-3 在网页中绘制各种图形和文字 189 任务描述 189 任务实施 190 任务7-4 设计网页俄罗斯方块游戏 195 任务描述 195 网页探析 195 【同步训练】 204 任务7-5 在网页中绘制多种图形和图片 204 任务描述 204 任务实施 204 【拓展训练】 207 任务7-6 在网页中绘制多个五角星 207 任务描述 207 操作提示 207 任务7-7 设计HTML5版连连看网页游戏 209 任务描述 209 操作提示 209 【单元小结】 212 单元8 复杂样式与网页**设计 213 【教学导航】 213 【实例探析】 214 任务8-1 制作迷你音乐播放器面板 214 效果展示 214 网页探析 214 任务8-2 探析纯CSS3实现的焦点图切换效果 216 效果展示 216 网页探析 217 【知识梳理】 220 【引导训练】 228 任务8-3 在网页中绘制阴阳图和五角星 228 任务描述 228 任务实施 228 任务8-4 在网页中制作圆角按钮和圆角图片 230 任务描述 230 任务实施 230 任务8-5 设计网页中的圆形导航按钮 233 任务描述 233 任务实施 233 任务8-6 在网页中实现图片拖动操作 235 任务描述 235 任务实施 235 任务8-7 在网页中设计仿Office风格的多级菜单 237 任务描述 237 任务实施 238 【同步训练】 240 任务8-8 在网页中绘制各种几何图形 240 任务描述 240 任务实施 241 任务8-9 在网页中设计超酷导航菜单 243 任务描述 243 任务实施 243 任务8-10 在网页中模仿苹果iPhone的搜索框聚焦变长效果 245 任务描述 245 任务实施 245 【拓展训练】 246 任务8-11 在网页中实现相册效果 246 任务描述 246 操作提示 247 任务8-12 在网页中设计带有字体图标效果的下拉导航菜单 248 任务描述 248 操作提示 248 【单元小结】 250 附录A HTML5的常用标签及其属性、方法与事件 251 附录Ｂ CSS的属性 261 参考文献 268