HTML5+CSS3移动Web开发实战（第2版）

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

本书作者为湖南铁道职业技术学院教务处长陈承欢，三级教授，高级工程师，软件设计师，湖南省省级专业带头人，国家精品课程与精品共享课程《网页设计与制作》主持人，国家资源库课程《计算机维护与维修》和《网页样式设计与应用》主持人，湖南省教育科学重点研究课题主持人，湖南省教学改革项目主持人。主持开发高职特色教材20多本，其中“十一五”规划教材4本，“十二五”规划教材11本。

单元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