HTML5课程概述.pptxVIP

HTML5 课程概述 授课主题 第1讲 计划学时 2 课程概述 教学目的 和要求 1、了解课程学习目标与学习内容； 2、了解跨平台移动开发框架； 3、了解HTML5； 4、熟悉Web前端开发的常用工具； 教学重点 和难点 重点：HTML5概念，跨平台移动开发框架，Web前端开发的常用工具 难点：WebApp原理 教学内容 见目录 教学过程 见课件 目录 1. 课程学习目标与学习内容 学习目标：能独立开发一个基于HTML5的网站，网站前台自适应PC、平板和智能手机屏幕，网站后台功能齐全。 学习内容： HTML5 CSS3 JavaScript jQuery jQuery Mobile Bootstrap框架 Sencha Touch框架 PHP 1. 课程学习目标与学习内容 课程考核方式 研讨式+云平台作业+最终作品，每个月每人进行一次能力测试与作品点评。 课程总评成绩由研讨式成绩（20%），云平台作业（40%），作品分（30%），考勤（10%）组成。 2. 移动开发 移动开发也称为手机开发，或叫做移动互联网开发。 手机操作系统很多，要想克服不同手机平台的差异，实现应用的统一覆盖异常困难。 2. 移动开发 应用跨平台移动开发框架，做到一次开发，适应多个平台。 跨平台开发框架往往采用HTML5为开发语言，然后利用Web执行，或者由专门的开发工具生成全部平台适应的安装文件。 常见跨平台移动开发框架： Sencha Touch Framework；jQuery Mobile jQTouch；Dojo Mobile 2. 移动开发 HTML5简介 HTML5：超文本标记语言（HTML）的第五次重大修改 2014年10月29日，万维网联盟宣布，经过几乎8年的艰辛努力，该标准规范终于最终制定完成 HTML5优点：网络标准（HTML5本身是由W3C推荐出来的，它的开发是通过谷歌、苹果，诺基亚、中国移动等几百家公司一起酝酿的技术）；多设备跨平台；自适应网页设计；即时更新。 3. Web前端开发框架 Bootstrap前端开发框架简介 Bootstrap是一个非常受欢迎的前端开发框架，由在Twitter工作的Mark Otto和Jacob Thornton共同开发的一个开源框架。Bootstrap的强大之处在于它对常见的CSS布局小组件和JavaScript插件都进行了完整且完善的封装，使得开发人员（不仅是前端开发人员）轻松使用。它解决了广大后端开发人员的难题，使得在团队没有前端开发人员的情况下独立开发一个规范且美观的Web系统。 3. Web前端开发框架 APICloud APICloud是一款“云端一体”的移动开发平台，信仰“云端一体”的理念，重新定义了移动应用开发。 APICloud为开发者从“云”和“端”两个方向提供API，简化移动应用开发技术，让移动应用的开发周期从一个月缩短到7天。APICloud由“云API”和“端API”两部分组成，可以帮助开发者快速实现移动应用的开发、测试、发布、管理和运营的全生命周期管理。 3. Web前端开发框架 PhoneGap PhoneGap是一个免费且开源的开发环境，使开发者可以开发出在Android、Palm、黑莓、iPhone、iTouch及iPad等设备上运行的App。其使用的是HTML和JavaScript等标准的Web开发语言。开发者使用PhoneGap进行开发，可调用加速计、GPS/定位、照相机、声音等功能。 4. 总结 智能手机的飞速发展，我们的Web开发必须关注移动平台，如何做到一次开发，适应多种设备，多种平台，是降低成本的关键。了解各种Web前端框架，理解其工作原理，是本门课程的主要内容。 5.任务 确定作品主题，确定分组名单； 配置开发环境； 使用Hbuilder 在自己手机运行一个HTML5网站。