WEB前端开发及HTML5基础知识.pptxVIP

软件系列培训课程之xx WEB前端开发及HTML5基础知识研发中心系统软件部 2014-10-10一、Web前端开发介绍二、HTML5 简介三、HTML5多媒体应用介绍四、HTML5存储应用介绍五、HTML5的其他特性目录 一、WEB前端开发 1.1什么是WEB前端开发主要是通过html、css 、 javascript 等前端技术，实现网站在客户端的正确显示及交互功能。1.1.1 WEB 时代1.1.2WEB前端开发工作1.1.3WEB前端开发的技能一、WEB前端开发 1.1.1 WEB 时代1、Web1.0时代 – 1993年 ： 网络—人 （展示）以内容展示为主技术主要是简单的Html+css主要表现为静态的html页面，用户是被动接收服务商的信息 2、Web2.0时代 – 2003 ： 人—人（分享） 以分享为主技术主要是javascript、ajax、falsh等用户主动参与所有网页内容的编写、发布、传播如微博、博客blog、社交网站SNS3、Web3.0时代（HTML5时代）- 2010年： 人—网络—人(定制)丰富的图像、多媒体技术主要是Html5本地存储、LBS（位置定位）实时通信一、WEB前端开发 1.1.2WEB 前端开发的工作1、Web1.0时代 静态页面 (Photoshop+Dreamweaver)2、Web1.0以后 动态页面、网站性能优化、兼容各种浏览器一、WEB前端开发 1.1.3 WEB 前端开发的技能1、基本技能 HTML、CSS和Javascript 2、进阶技能 Flash/Flex、XML3、辅助技能 SEO、网站性能优化、服务器端知识、一定的审美能力 file:///C:\Users\Administrator\Desktop\html5\HTML应用领域前景.jpg前端技术的发展一、Web前端开发介绍二、HTML5 简介三、HTML5多媒体应用介绍四、HTML5存储应用介绍五、HTML5的其他特性目录 二、HTML5简介 2.1什么是HTML5 HTML5 是 HTML、XHTML 以及 HTML DOM 的新标准，由W3C 与 WHATWG合作创建的。 W3C ： 指 World Wide Web Consortium，万维网联盟。WHATWG： 指 Web Hypertext Application Technology Working Group。 随着HTML5的到来，WEB前端的应用将会更加灵活。最大的好处就是可实现客户端更加友好的用户体验而不会对服务器带来过重的负担。2.1.1 Html5的发展趋势2.1.2 Html5的应用2.1.3Html5的新特性2.1.4浏览器支持情况二、HTML5简介 2.1.1 HTML5发展趋势 HTML5规范开发完成时，将成为主流。 据统计2013年全球将有10亿手机浏览器支持HTML5，同时HTML Web开发者数量将达到200万。毫无疑问，HTML5将成为未来5-10年内，移动互联网领域的主宰者。 据IDC的调查报告统计，截至2012年5月，有79%的移动开发商已经决定要在其应有程序中整合HTML5技术。 备注：IDC (Internet Date Center) 即互联网数据中心 HTML应用领域前景.jpg未来趋势 二、HTML5简介 2.1.2 HTML5的应用 就目前来说，基于信息流方式及类似方式的应用最适合使用HTML5进行开发。如：微博、社交、新闻等。 其他适合使用HTML5开发的应用类型：地图、导航等二、HTML5简介 2.1.2 HTML5的应用—移动应用开发google+新浪微博二、HTML5简介 2.1.2 HTML5的应用—移动应用开发百度小说 终端上实现素描效果二、HTML5简介 2.1.2HTML5的应用—移动应用开发吃豆游戏iphone版 图表实时绘制应用二、HTML5简介 2.1.3浏览器支持情况注：IE8支持某一部分，如本地离线存储（sessionstorage 与localstorage）二、HTML5简介 2.1.4 HTML5的新特性多媒体：Video/Audio +Canvas 存储：LocalStorage/ SessionStorage应用：Web Application（离线）+WebWorker通讯：WebSocket + Geolocation(地理定位)新的表单控件: calendar、date、time、email、url、search新的特殊内容元素: article、footer、header、nav、section一、Web前端开发介绍二、HTML5 简介三、HTML5多媒体应用介绍四