授课主题
第1讲 课程概述 1、了解课程学习目标与学习内容； 2、了解跨平台移动开发框架； 3、了解HTML5； 4、熟悉Web前端开发的常用工具；
计划学时
2
教学目的 和要求
教学重点 和难点 教学内容 教学过程
重点：HTML5概念，跨平台移动开发框架，Web前端开发 的常用工具 难点：WebApp原理
配置开发环境； 使用Hbuilder 在自己手机运行一个HTML5网站。
《HTML5》 任课教师：颜一鸣
《HTML5》 任课教师：颜一鸣
1. 课程学习目标与学习内容

课程考核方式

研讨式+云平台作业+最终作品，每个月每人进行一次能 力测试与作品点评。 课程总评成绩由研讨式成绩（20%），云平台作业 （40%），作品分（30%），考勤（10%）组成。

《HTML5》 任课教师：颜一鸣
2. 移动开发


HTML5优点：网络标准（HTML5本身是由W3C推荐出 来的，它的开发是通过谷歌、苹果，诺基亚、中国移动等 几百家公司一起酝酿的技术）；多设备跨平台；自适应网：颜一鸣
3. Web前端开发框架


Bootstrap前端开发框架简介
Bootstrap是一个非常受欢迎的前端开发框架，由在 Twitter工作的Mark Otto和Jacob Thornton共同开发 的一个开源框架。Bootstrap的强大之处在于它对常见的 CSS布局小组件和JavaScript插件都进行了完整且完善的 封装，使得开发人员（不仅是前端开发人员）轻松使用。 它解决了广大后端开发人员的难题，使得在团队没有前端


Sencha Touch Framework；jQuery Mobile jQTouch；Dojo Mobile
《HTML5》 任课教师：颜一鸣
2. 移动开发


HTML5简介
HTML5：超文本标记语言（HTML）的第五次重大修改 2014年10月29日，万维网联盟宣布，经过几乎8年的艰 辛努力，该标准规范终于最终制定完成
开发人员的情况下独立开发一个规范且美观的Web系统。
《HTML5》 任课教师：颜一鸣
3. Web前端开发框架


APICloud
APICloud是一款“云端一体”的移动开发平台，信仰 “云端一体”的理念，重新定义了移动应用开发。

APICloud为开发者从“云”和“端”两个方向提供API， 简化移动应用开发技术，让移动应用的开发周期从一个月 缩短到7天。APICloud由“云API”和“端API”两部分 组成，可以帮助开发者快速实现移动应用的开发、测试、
《HTML5》 任课教师：颜一鸣
4. 总结

智能手机的飞速发展，我们的Web开发必须关注移动平台，
如何做到一次开发，适应多种设备，多种平台，是降低成 本的关键。了解各种Web前端框架，理解其工作原理，是 本门课程的主要内容。
《HTML5》 任课教师：颜一鸣
5.任务


确定作品主题，确定分组名单；
见目录 见课件
目录
1 课程学习目标与学习内容
2
3
移动开发
Web前端开发框架
《HTML5》 任课教师：颜一鸣
1. 课程学习目标与学习内容

学习目标：能独立开发一个基于HTML5的网站，网站前
台自适应PC、平板和智能手机屏幕，网站后台功能齐全。

学习内容：

HTML5 CSS3 JavaScript jQuery jQuery Mobile Bootstrap框架 Sencha Touch框架 PHP
发布、管理和运营的全生命周期管理。
《HTML5》 任课教师：颜一鸣
3. Web前端开发框架


PhoneGap
PhoneGap是一个免费且开源的开发环境，使开发者可以 开发出在Android、Palm、黑莓、iPhone、iTouch及 iPad等设备上运行的App。其使用的是HTML和 JavaScript等标准的Web开发语言。开发者使用 PhoneGap进行开发，可调用加速计、GPS/定位、照相 机、声音等功能。

移动开发也称为手机开发，或叫做移动互联网开发。
手机操作系统很多，要想克服不同手机平台的差异，实现 应用的统一覆盖异常困难。
《HTML5》 任课教师：颜一鸣
2. 移动开发


应用跨平台移动开发框架，做到一次开发，适应多个平台。
跨平台开发框架往往采用HTML5为开发语言，然后利用 Web执行，或者由专门的开发工具生成全部平台适应的安 装文件。 常见跨平台移动开发框架：