网页介绍ppt

  • 格式:ppt
  • 大小:955.50 KB
  • 文档页数:17

下载文档原格式

  / 17
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

THANKS
HTML5的缺点?
HTML5的新特性
新的表单功能
01
Canvas元素绘图
04
实例! 02audio音频标签
03
Video视频标签
新的表单功能
<head>html5中新<!DOCTYPE html> <meta charset="UTF-8"> <html> 的表单</head> <Input>标签,包含多种类 <body> <input type=color> color<br/> 型,用于收集特定数据。 <input type=datetime-local>datetime-local<br/> 可用于所有浏览器。 <input type=email>email<br/> <input type=number>numbrt<br/> <input type=range>range<br/> <input type=time>time<br/> <input type=tel>tel<br/> <input type=url>url<br/> <input type=week>week</br> </body> </html>
多设备跨平台
跨平台性非常强大,可以轻 易的移植,这也是大多数人 Baidu NhomakorabeaHTML5有兴趣的主要原因。
自适应网页设计
“一次设计,普遍适用”,让同一张 网页自动适应不同大小的屏幕,根据 屏幕宽度,自动调整布局 (layout)。.
即时更新
游戏客户端每次都要更新,很麻烦。 可是更新HTML5游戏就好像更新页 面一样,是马上的、即时的更新。
走近网页设计
网页
静态网页:是纯粹HTML格式的网页,不能互动交流, 只供客户端浏览,不能即时更改文字及图片资料。
动态网页 :采用动态技术生成的网页,网页会根据 网页用户的要求和选择而动态改变和响应。

动态网页示例
留言板
BBS论坛
聊天室
网页上面有什么? 文字 图片 超链接 特殊组件 一种与其它文件的链接,当用户 点击后,所链接的信息就能显示 出来。
是一个新的网络标准,现在仍处于发展阶
段。目标是取代现有的HTML 4.01和
XHTML 1.0 标准。
什么是HTML5?
◆HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。
◆ HTML 的上一个版本诞生于 1999 年。 自从那以后,Web 世界已经经历了巨变。
◆ HTML5 仍处于完善之中。然而,大部 分现代浏览器已经具备了某些 HTML5 支 持
This is a sample text. Insert your desired text here. Again, this is a dummy text, enter your own text here. This is a sample text. Insert your desired text here.
从事网页设计所需要的软、硬件
硬件:一台配备4G内存的计算机。
网页编辑软件:网页编辑软件可以分成两种,一种是类似记 事本(HTML)另一种则是可视化 (Dreamweaver)网页编辑程序。 浏览器软件:目前常见的浏览器有IE、谷歌
什么是HTML5?
HTML5是Hypertext Markup Language 超文本标记语言(HTML)第5次重大修改。
This is a sample text. Insert your desired text here. Again, this is a dummy text, enter your own text here. This is a sample text. Insert your desired text here.
发展趋势
HTML5将成为主流
2013年全球有10亿手 机浏览器支持HTML5。 HTML5将成为未来510年内,移动互联网领 域的主宰者。
游戏开发者引领
移动优先
从如今移动应用层出不穷, 在这个智能手机和将平板 电脑大爆炸的时代,移动 优先已成趋势,不管是开 发什么,都以移动为主。.
许多游戏开发商都被 Facebook或者Zynga推 动着发展,而未来的 Facebook应用生态系统 是基于HTML5的.
HTML5的优点?
多媒体
可以给站点带来更多的多媒 体元素(视频和音频).,且非 常方便。
并非所有浏览器所支持
新标签的引入,各浏览器之间将缺少 一种统一的数据描述格式,造成用户 体验不佳。
存在争议
HTML5设立了所有技术开放原 则,Opera捐献了CSS技术,而 在视频格式方面,世界各大互联 网公司正在为具体标准进行争论, 这可能影响HTML5标准的分流, 分两大阵营。Google,Opera, 火狐,和苹果公司。
audio音频标签
<!DOCTYPE html> <html> <body> <audio controls="controls"> <source src="example.mp3" type="audio/mp3"/> <embed height="500" width="500" src="examlpe.mp3" /> </audio> </body> </html>