秀野堂-HTML5 CSS3实例标签页面精解共六章32讲（无水印）

地点：中国传媒大学动画与数字艺术学院三楼小报告厅
HTML5研究小组 秀野堂主
中国讲座网www.bxb2b.com

秀野堂-HTML5 CSS3实例标签页面精解共六章32讲（无水印）
回顾：过去十年
1999-2003
兴起破灭
2004-2009
web2.0(flash抢占大量市场应用)
非死不可 推特
2010-now()
WHATWG小组——抛弃了W3C组织，又被招安了……
HTML5
Jobs说网页为你的手指设计
让兼容IE6，IE7统统滚蛋！！！好！！！鼓掌！！！

全新的Web概念
传统的网页：各种插件+DIV+CSS+JS，枯燥的……马上就要死了……JS将会是HTML5的底层语言……大家快去学啊~~~~无法进行长链(long poling)

HEML5
特点：1、像桌面应用程序  2、跨平台  3、代码开源，共享一切  4、表现更强劲API与CSS3
API工作模式：1、全新的form表单支持  2、全新的鼠标拖拽事件支持 3、音视频无插件六支持 4、canvas支持，完全矢量出图，动画 5、webGL用于3D、localstorage本地化存储、web socket。

标准：HTML标记（27新标签，废16标签）ECMA标准（JS、AS）CSS3

HTML5前景与应用
微软也很想杀死IE6-7-8……但是IE9也很差……
迪斯尼收购HTML5游戏引擎开发公司
IE9.0不支持web socket的API应用……
网页2D游戏
网页3D游戏《3D 管线导论》
办公软件，图形报表，地震示波，数据挖掘，3D模型分析，虚拟现实结合，全球地理定位，LBS（location based service）等强大的客户端应用，聊天，监控，全能型。。。

学习HTML5的方法
参阅标准（理论）查看W3C标准
照做例子（练习）20多个~
广结善缘（交流）
选对教材（参考）-推荐：图灵教育出版的书     -秀野堂小组正在编写HTML5的书~

编辑HTML5
-编辑器：-editplus（可以自定义语法）
               -webStorm（有机会下载玩一玩）
-调试环境：chrome，safari，opera

-学习目标：-写一个表单
                  -写CSS3的滤镜和样式
                  -Canvas的应用
                  -Websocket、localstorage、webworker、webGL
 

表单<form action="">
       < label >email</label><input type="email" required>
       < label >name</label><input type="name" required>
       < label > URL </label><input type="url" required>

此例子已应用在豆瓣的首页登录框上，用chrome可以测试，测试方法：在登陆框上随便输入然后确定，会有比愚人节豆瓣电台暂停有趣的效果~~~

堂主给大家的
追求完美的实现会害了你和你的作品
不迷信专家，目前没有真正懂html5的页面视觉设计师，应该由你们来填补这个空白
做一些前瞻性研究，哪怕不赚钱，钱是很自然的那个
不要封闭自己，改革开放适用于本国和本国的的技术。
面对一个未来极为广阔的技术，谦虚聆听，身心健康
正确对待你和行业技术标准的关系，一个人可以影响到整个行业的标准的。
却大部分大公司的工作适合养老，不适合激情和创新（虽然他们号称创新，那个“做出一个艰难决定的公司”号称微创新），就业要慎重……
一定要跨项目

最后堂主说~~~
开源，共享，平等
付出共享用心
你觉得好玩吧，那就行动起来~~