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

精选8种类型,55个典型教学案例 网站首页、文本新闻浏览网页、旅游景点推荐网页、商品信息展示网页、注册登录与留言网页、音乐视频播放网页、网页图形绘制与游戏、复杂样式与网页特效 “实例探析－引导训练－同步训练－拓展训练”4个训练层次 来自真实网站或项目，代表移动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