网页设计视频

草案的前身名为Web Applications 1.0。於2004年被WHATWG提出，於2007年被W3C接纳，并成立了新的HTML工作团队。在2008年1月22日，第一份正式草案已公布,预计将在2010年9月正式向公众推荐。WHATWG表示该规范是目前正在进行的工作，仍须多年的努力。新标记 HTML5提供了一些新的元素和属性，例如<nav>（网站导航块）和<footer>。这种标签将有利于搜索引擎的索引整理，同时更好的帮助小屏幕装置和视障人士使用，除此之外，还为其他浏览要素提供了新的功能，如<audio>和<video>标记。一些过时的HTML4标记将被取消。其中包括纯粹显示效果的标记，如<font>和<center>，它们已经被CSS取代。新应用程序接口（API） 除了原先的DOM接口，HTML5增加了API,如：1. 用于即时2D绘图的Canvas标签2. 定时媒体回放3. 离线数据库存储4. 文档编辑5. 拖拽控制6. 浏览历史管理与HTML 4的不同之处 新的解析顺序新的元素：section, video, progress, nav, meter, time, aside, canvasinput元素的新属性：日期和时间，email, url。新的通用属性：ping, charset, async全域属性：id, tabindex, repeat。移除元素：center, font, strike。HTML 5有两大特点:首先，强化了Web网页的表现性能。除了可描绘二维图形外，还准备了用于播放视频和音频的标签。其次，追加了本地数据库等Web应用的功能。异常处理 HTML5(text/html)浏览器将在错误语法的处理上更加灵活。HTML5在设计时保证旧的浏览器能够安全的忽略掉新的HTML5代码。与HTML4.01相比，HTML5给出了解析的详细规则，力图让不同的浏览器即使在发生语法错误时也能返回相同的结果。

草案的前身名为Web Applications 1.0。於2004年被WHATWG提出，於2007年被W3C接纳，并成立了新的HTML工作团队。在2008年1月22日，第一份正式草案已公布,预计将在2010年9月正式向公众推荐。WHATWG表示该规范是目前正在进行的工作，仍须多年的努力。新标记 HTML5提供了一些新的元素和属性，例如<nav>（网站导航块）和<footer>。这种标签将有利于搜索引擎的索引整理，同时更好的帮助小屏幕装置和视障人士使用，除此之外，还为其他浏览要素提供了新的功能，如<audio>和<video>标记。一些过时的HTML4标记将被取消。其中包括纯粹显示效果的标记，如<font>和<center>，它们已经被CSS取代。新应用程序接口（API） 除了原先的DOM接口，HTML5增加了API,如：1. 用于即时2D绘图的Canvas标签2. 定时媒体回放3. 离线数据库存储4. 文档编辑5. 拖拽控制6. 浏览历史管理与HTML 4的不同之处 新的解析顺序新的元素：section, video, progress, nav, meter, time, aside, canvasinput元素的新属性：日期和时间，email, url。新的通用属性：ping, charset, async全域属性：id, tabindex, repeat。移除元素：center, font, strike。HTML 5有两大特点:首先，强化了Web网页的表现性能。除了可描绘二维图形外，还准备了用于播放视频和音频的标签。其次，追加了本地数据库等Web应用的功能。异常处理 HTML5(text/html)浏览器将在错误语法的处理上更加灵活。HTML5在设计时保证旧的浏览器能够安全的忽略掉新的HTML5代码。与HTML4.01相比，HTML5给出了解析的详细规则，力图让不同的浏览器即使在发生语法错误时也能返回相同的结果。

如果要想系统的学习UI设计，建议还是去买一套完整的UI设计视频教程学习，也不是很贵，想学技术，花钱是不可避免的，如果你实在不想花这钱，可以去千锋的网站上去学习，许多相关的视频教程，在线学习的，关键是免费的，课程内容从零基础到项目实践，可以说是比较完整的了。希望对你的学习有所帮助。

自学前端的福音，整理前端学习路线图，供大家参考。首先来一张学习路线图一、web前端视频篇第一阶段-准备篇web前端教程下载：1、  前端与移动开发基础 ：http://pan.baidu.com/s/1jIcd84e（此教程对应知识点1 2 3 5知识点）2、CSS梅兰商城项目实战视频教程 http://pan.baidu.com/s/1pLlRwDl 3、Javascript教程：JavaScript基础视频教程：http://pan.baidu.com/s/1skMeNvBJavaScript 基础加强：http://pan.baidu.com/s/1skDXr6t（此教程对应4知识点）二、前端视频篇第二阶段-基础篇web前端推荐教程JavaScript 基础加强 ：http://pan.baidu.com/s/1skDXr6t （对应知识点1）三、web前端视频篇第三阶段——核心篇推荐视频： 2016年最新H5+CSS3教程视频 ：http://pan.baidu.com/s/1eSJtHiM（此免费视频对应上述1知识点） 2016年最新AJAX教程：  http://pan.baidu.com/s/1qXWqpDa（此免费视频对应上述 4知识点）传智前端就业班视频分享：移动web开发课程：http://pan.baidu.com/s/1cuztnw （此免费视频对应上述 5知识点）四、前端视频篇第四阶段——进阶篇视频教程推荐：JavaScript-高级面向对象视频教程：http://pan.baidu.com/s/1o8POXKmJavaScript高级框架设计：http://pan.baidu.com/s/1nvNjnnF学完这些也是一个简单的入门，想深入学习， 还需要学习后台和前台的协作方式，从全局角度去理解项目的整个生命周期，nodejs，等等框架。

最简单的播放代码 <embed src=”地址” autostart=”true” loop=”true” width=”200” height=”150” >

用HTML5的视频标签可以很快速地插入视频控件。12<video src="movie.ogg" controls="controls"></video>http://www.w3school.com.cn/html5/html_5_video.asp

http://pan.baidu.com/s/1nuDweDV

我知道比较出名的是杭州如友服装，他们那是采用工厂式练习，

网页中插入多媒体文件（音乐，影视等）下面是代码<embed src="命运.mp3" width="300" height="150"loop="900">以上代码的意思是在网页里加入一个叫命运的MP3音乐文件，这个文件宽是300像素，高是150像素。播放900遍，连续播放可以在loop的等号后面写-1。