八，网页表单设计
1，表单的工作原理
每个表单都必须以<from>标签开始，该标签可放在HTML文档主体的任何位置，
一个<from>标签的例子:<from name="form1" action="somepage.php" method="get">
<from>中各属性的含义:
- name属性:name属性用于设定表单的名称，
- action属性:action属性指定要讲表单发送到的数据地址，其值有两种选择:第一种选择是将表单数据发送给表单处理程序或脚本的地址，这样表单数据降发送给该程序
- method属性:该属性的值可以有get和post两种情况，当methon="get"时，将输入数据加在action指定的地址后面传送到服务器；当method="post"时，则将输入数据按照http传输协议中的post传输方式传入到服务器，用电子邮件接收用户信息时采用这种方式
2，使用input创建表单控件
通过<input>标签的type属性可以定义不同的控件类型，不同的值对应不同的表单控件。需要注意的是，如果不指定type属性，则默认类型为type="text",即为文本框控件，
input控件的type属性值:
- text:表示单行显示文本框
- textarea：表示多行显示文本框，可用cols，rows指定文本框的行数和列书
- password:表示单行显示文本框，但是输入的数据用星号表示
- checkbox:表示复选框
- radio:表示单选按钮
- submit:表示提交按钮，将把数据发送到服务器
- reset:表示重置按钮，将重置表单数据，以便于重新输入
- file:表示插入文件，由一个单行文本框和一个【浏览】按钮组成
- hidden:表示隐藏文本框
- image:表示插入一个图像，作为图形按钮
3，使用<select>和<option>标签创建选择列表
- <select>标签：<select>用来创建列表框，它有name,size和multiple3种属性: name:用来为该控件定义一个名称标识 size:如果select元素呈现为列表框，这个属性被用来指定列表框中行的显示数量，如果可选项多于这个数量，就会出现垂直滚动条，如果没有定义这个属性，select就会呈现为下拉列表菜单 multiple:当设定该属性的时候，这个逻辑值允许同时选定多个项，而没有设定该属性时，select元素只允许选择单个项。
- <option>标签：<option>标签为选择列表创建一个选择项，它有value和selected两个属性值，分别定义选择项的初始值和表示该选择项被默认选中
例子:<form name="from1" action="somepage.php" method="post">
<select name = "select1" size="1" multiple="multiple">
<option value="a">A</option>
<option value="b">B</option>
<option value="c">C</option>
</select>
</from>
#关于表单的提交方法get和post两者的区别
从理论上来说，GET从服务器上请求数据，post用来向服务器传递数据。GET将表单中的数据按照"名称=值"的形式，添加到action所指的url后面，并且两者使用"?"连接，而各个变量之间使用"&"链接，特殊的符号转换成16进制的代码，而post将表单中的数据放在http协议头中，按照变量和值相应的方式，传递到action属性所指向的url，
在很多情况下，GET是不安全的，因为在传输过程中，数据被放在请求的URL中。而如今现有的很多服务器，代理服务器或者用户代理都会将请求url记录放到浏览器记录中，然后存放在某个地方，这样就可能会有一些隐私的信息被其他人看到
另外，使用GET提交方式时，用户也可以在浏览器上或者缓存内直接看到提交的数据，一些系统内部消息将会一同显示在用户面前，而post的所有操作对用户来说都是不可见的。
GET的传输数据量小，而post可用传输大量的数据。
GET限制表单数据集的值必须为ASCII字符，而post支持整个ISO 10343字符集
九，网页框架设计
1，使用<frameset>和<frame>标签创建框架
- 与标准的html文档不同的是，使用框架的html由1,文档类型说明 2,html元素 3,head元素 4,frameset元素组成，(标准html文档由 文档类型说明 html head body 组成),
- frameset元素定义了浏览器主窗口的视图布局，另外也可用包含一个noframe元素，用于浏览器不支持框架时的操作。
- frameset元素定义了一个框架集，而frame元素用来定义框架集中的某个框架，它可以定义该框架所要加载的html文档
- 框架分割的方式有两种，一种是水平分割，一种是垂直分割，可以使用frameset标记中的cols属性和rows属性来控制窗口的分割方式
- rows属性和cols属性可以混合使用，以实现框架的嵌套。
- 使用frameborder属性可以设置框架窗口周围是否出现分割线的相关信息：0表示浏览器不在当前框架及相邻框架之间画一条分割线，1表示浏览器在当前框架及其相邻框架之间画一条分割线，该值是默认值
- 使用marginwidth属性和marginheight属性控制框架的边距:marginwidth属性用来定义左右边缘和框架内容之间的空白大小，marginheight属性用来定义上下边缘和框架内容之间的空白大小。
- 框架的滚动条设置：可以使用scrolling属性设置框架视窗的滚动条显示与否，可选的值有:auto,yes,no。 auto表示浏览器在必要的时候提供滚动条，yes表示浏览器始终为框架视窗提供滚动条，no 表示始终不提供
- 使用<base>标签设置链接默认目标
例子:
<frameset cols="30%,*">
<frame src="frame1.html" name="frame1" scrolling="no">
<frameset rows="50%,*">
<frame src="frame2.html" name="frame2" scrolling="yes">
<frame src="frame3.html" name="frame3" scrolling="auto">
</frameset>
</frameset>
十，网页多媒体设计
1，在网页中加入视频
可以使用<a>标签在html文档中链接视频文件:<a href="视频.avi">点这里看视频</a>
使用<object>和<embed>标签将多媒体嵌入HTML文档中。
<object>标签的属性：width，height，classid，其中classid属性设置为一个很长的有字母和数字组成的编号，这个编号是Windows Media Player的全局ID，它告诉<object>标签将Window Medio Player嵌入网页中以播放视频剪辑
<object>标签内有4个<param>标签，负责制定关于如何播放剪辑的更多细节，每个<param>标签都有两个属性:name和value,负责将数据同特定设置关联起来。另外还有一个复杂的参数-type参数，指定要播放的媒体类型，媒体类型必须指定为标准的Internet MIME类型之一， 流行的几种类型有:
- WAV音频：audio/x-wav
- SU音频：audio/basic
- MP3音频：audio/mpeg
- MID音频：audio/midi
- WMA音频：audio/x-ms-wma
- RealAudio：audio/x-pn-realaudio-plugin
- AVI:video/x-msvideo
- WMV:video/x-ms-wmv
- MPEG:video/mpeg
- QuickTime:video/quicktime