网页介绍ppt
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
</body> </html>
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.
A
4
从事网页设计所需要的软、硬件
硬件：一台配备4G内存的计算机。
网页编辑软件：网页编辑软件可以分成两种，一种是类似记 事本(HTML)另一种则是可视化(Dreamweaver)网页编辑程序。
浏览器软件：目前常见的浏览器有IE、谷歌
பைடு நூலகம்
A
5
A
6
什么是HTML5？
HTML5是Hypertext Markup Language 超文本标记语言（HTML）第5次重大修改。 是一个新的网络标准，现在仍处于发展阶 段。目标是取代现有的HTML 4.01和 XHTML 1.0 标准。
<Input>标签，包含多种类 <body>
型，用于收集特定数据。 <input type=color> color<br/>
可用于所有浏览器。
<input type=datetime-local>datetime-local<br/>
<input type=email>email<br/>
<input type=number>numbrt<br/>
A
15
audio音频标签 <!DOCTYPE html>
<html> <body>
<audio controls="controls"> <source src="example.mp3"
type="audio/mp3"/> <embed height="500" width="500"
src="examlpe.mp3" /> </audio>
HTML5的优点？
A
多媒体
可以给站点带来更多的多媒 体元素(视频和音频).，且非 常方便。
11
并非所有浏览器所支持
新标签的引入，各浏览器之间将缺少 一种统一的数据描述格式，造成用户 体验不佳。
存在争议
HTML5设立了所有技术开放原 则，Opera捐献了CSS技术，而 在视频格式方面，世界各大互联 网公司正在为具体标准进行争论， 这可能影响HTML5标准的分流， 分两大阵营。Google，Opera， 火狐，和苹果公司。
2013年全球有10亿手 机浏览器支持HTML5。 HTML5将成为未来510年内，移动互联网领 域的主宰者。
移动优先
从如今移动应用层出不穷， 在这个智能手机和将平板 电脑大爆炸的时代，移动 优先已成趋势，不管是开 发什么，都以移动为主。.
A
游戏开发者引领
许多游戏开发商都被 Facebook或者Zynga推 动着发展，而未来的 Facebook应用生态系统 是基于HTML5的.
9
A
10
多设备跨平台
跨平台性非常强大，可以轻 易的移植，这也是大多数人 对HTML5有兴趣的主要原因。
自适应网页设计
“一次设计，普遍适用”，让同一张 网页自动适应不同大小的屏幕，根据 屏幕宽度，自动调整布局 （layout）。.
即时更新
游戏客户端每次都要更新，很麻烦。 可是更新HTML5游戏就好像更新页 面一样，是马上的、即时的更新。
走近网页设计
A
1
网页
静态网页:是纯粹HTML格式的网页，不能互动交流， 只供客户端浏览，不能即时更改文字及图片资料。
动态网页 :采用动态技术生成的网页，网页会根据 网页用户的要求和选择而动态改变和响应。
A
2
动态网页示例
留言板
A
BBS论坛
聊天室
3
网页上面有什么？
文字 图片 超链接 特殊组件
一种与其它文件的链接，当用户 点击后，所链接的信息就能显示 出来。
A
16
THANKS
A
17
<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>
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的缺点？
A
12
A
13
HTML5的新特性
新的表单功能
01
实例！ Canvas元素绘图 04
02audio音频标签
03
Video视频标签
A
14
<head>html5中新<!DOCTYPE html>
新的表单功能 <meta charset="UTF-8"> <html>
的表单</head>
什么是HTML5？
◆HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。
◆ HTML 的上一个版本诞生于 1999 年。 自从那以后，Web 世界已经经历了巨变。
◆ HTML5 仍处于完善之中。然而，大部 分现代浏览器已经具备了某些 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.
A
4
从事网页设计所需要的软、硬件
硬件：一台配备4G内存的计算机。
网页编辑软件：网页编辑软件可以分成两种，一种是类似记 事本(HTML)另一种则是可视化(Dreamweaver)网页编辑程序。
浏览器软件：目前常见的浏览器有IE、谷歌
பைடு நூலகம்
A
5
A
6
什么是HTML5？
HTML5是Hypertext Markup Language 超文本标记语言（HTML）第5次重大修改。 是一个新的网络标准，现在仍处于发展阶 段。目标是取代现有的HTML 4.01和 XHTML 1.0 标准。
<Input>标签，包含多种类 <body>
型，用于收集特定数据。 <input type=color> color<br/>
可用于所有浏览器。
<input type=datetime-local>datetime-local<br/>
<input type=email>email<br/>
<input type=number>numbrt<br/>
A
15
audio音频标签 <!DOCTYPE html>
<html> <body>
<audio controls="controls"> <source src="example.mp3"
type="audio/mp3"/> <embed height="500" width="500"
src="examlpe.mp3" /> </audio>
HTML5的优点？
A
多媒体
可以给站点带来更多的多媒 体元素(视频和音频).，且非 常方便。
11
并非所有浏览器所支持
新标签的引入，各浏览器之间将缺少 一种统一的数据描述格式，造成用户 体验不佳。
存在争议
HTML5设立了所有技术开放原 则，Opera捐献了CSS技术，而 在视频格式方面，世界各大互联 网公司正在为具体标准进行争论， 这可能影响HTML5标准的分流， 分两大阵营。Google，Opera， 火狐，和苹果公司。
2013年全球有10亿手 机浏览器支持HTML5。 HTML5将成为未来510年内，移动互联网领 域的主宰者。
移动优先
从如今移动应用层出不穷， 在这个智能手机和将平板 电脑大爆炸的时代，移动 优先已成趋势，不管是开 发什么，都以移动为主。.
A
游戏开发者引领
许多游戏开发商都被 Facebook或者Zynga推 动着发展，而未来的 Facebook应用生态系统 是基于HTML5的.
9
A
10
多设备跨平台
跨平台性非常强大，可以轻 易的移植，这也是大多数人 对HTML5有兴趣的主要原因。
自适应网页设计
“一次设计，普遍适用”，让同一张 网页自动适应不同大小的屏幕，根据 屏幕宽度，自动调整布局 （layout）。.
即时更新
游戏客户端每次都要更新，很麻烦。 可是更新HTML5游戏就好像更新页 面一样，是马上的、即时的更新。
走近网页设计
A
1
网页
静态网页:是纯粹HTML格式的网页，不能互动交流， 只供客户端浏览，不能即时更改文字及图片资料。
动态网页 :采用动态技术生成的网页，网页会根据 网页用户的要求和选择而动态改变和响应。
A
2
动态网页示例
留言板
A
BBS论坛
聊天室
3
网页上面有什么？
文字 图片 超链接 特殊组件
一种与其它文件的链接，当用户 点击后，所链接的信息就能显示 出来。
A
16
THANKS
A
17
<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>
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的缺点？
A
12
A
13
HTML5的新特性
新的表单功能
01
实例！ Canvas元素绘图 04
02audio音频标签
03
Video视频标签
A
14
<head>html5中新<!DOCTYPE html>
新的表单功能 <meta charset="UTF-8"> <html>
的表单</head>
什么是HTML5？
◆HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。
◆ HTML 的上一个版本诞生于 1999 年。 自从那以后，Web 世界已经经历了巨变。
◆ HTML5 仍处于完善之中。然而，大部 分现代浏览器已经具备了某些 HTML5 支 持
发展趋势
HTML5将成为主流