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

大能猫

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

文件大小：

地点：中国传媒大学动画与数字艺术学院三楼小报告厅


HTML5研究小组 秀野堂主


大能猫被动收入学院

秀野堂-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的页面视觉设计师，应该由你们来填补这个空白


做一些前瞻性研究，哪怕不赚钱，钱是很自然的那个


不要封闭自己，改革开放适用于本国和本国的的技术。


面对一个未来极为广阔的技术，谦虚聆听，身心健康


正确对待你和行业技术标准的关系，一个人可以影响到整个行业的标准的。


却大部分大公司的工作适合养老，不适合激情和创新（虽然他们号称创新，那个 做出一个艰难决定的公司 号称微创新），就业要慎重  


一定要跨项目

最后堂主说~~~


开源，共享，平等


付出共享用心


你觉得好玩吧，那就行动起来~~

游客，如果您要查看本帖隐藏内容请回复

兽兽用手

顶楼主啦..希望楼主多发精品好帖啦.....

媽_莪騕娶她

激动人心，无法言表！再次感谢大能猫！

城216

楼主加油，我们都看好你哦。大能猫是我的最爱！

佛得角hj

顶楼主啦..希望楼主多发精品好帖啦.....

陌_白苏

楼主加油，我们都看好你哦。大能猫是我的最爱！

lhl2003

我只是路过打酱油的。

1968布拉格之春

我只是路过打酱油的。

meilefu201

感谢大能猫分享！

安笛

太给力了，永远支持大能猫！