Dreamweaver网页设计2

HTML语言是超文本标记语言（Hypertext Mark-up Language）的缩写,主要用来创建与系统平台无关的网页文档,它不是编程语言，而是一种描述性的标记语言。所有网页软件都是以HTML为基础，学会了它可以更方便灵活地控制网页。特别是在动态网页的设计中，常常需要利用ASP、JSP、PHP等代码来输出网页的部分HTML代码，此时就必须对HTML标记相当熟悉才行。HTML文件是纯文本文件，能用任意的文本编辑器编辑，如：记事本、写字板、Word、Dreamweaver、Frontpage等。本讲将对常用的HTML标记符进行介绍。1、用、用HTML制作网页的简单实例制作网页的简单实例【例2.1】制作杜牧诗秋夕制作过程：（1）用任何文本编辑器（如记事本、写字板、WORD等）输入下列文本（代码）：杜牧诗秋夕秋夕杜牧银烛秋光冷画屏轻罗小扇扑流萤天阶夜色凉如水卧看牵牛织女星（2）以纯文本格式存为example2-1.htm文件（设位置为：E:网页制作example）。（3）打开浏览器，在地址栏中输入E:网页制作exampleexample2-1.htm，就会看到所制作的网页。2、HTML网页的基本组成网页的基本组成启动Dreamweaver后，切换到代码浏览窗口，此时看到的HTML代码，即是网页的基本组成部分，其代码为：example2-1从中可见，一个最基本的网页一般由三个部分组成，分别是：（1）标记用于定义网页文件的开始，对应的结束标记为则定义网页的结束。（2）该组标记用于定义网页的头，用来说明文件的一些基本信息，如文档标题、文档所用的字符集、搜索引擎可用的关键词、Javascript块以及不属于网页内容的其他信息等。在这里，和标记定义网页的标题，该标题将显示在浏览器的标题栏中。标记有很多用法，这里是用于指定网页所使用的字符集，是可选项。（3）用于定义网页的正文开始，用于定义网页正文的结束。网页的正文内容必须放在这两个标记之间，bgcolor为标记的属性，用于指定网页的背景颜色，text也为标记的属性，用于指定网页正文的前景色。3、HTML的特点的特点HTML文件是标准的文本文件，以纯文本形式存放，扩展名为*.htm或*.html。若系统为UNIX系统,则扩展名为*.html。HTML是由若干标记符和文本构成，标记符适用于组织网页的内容和控制输出格式，HTML具有以下几个特点：（1）HTML标记的一般格式HTML标记均是用括起来的，大多数标记是成对出现的，有开始标记和对应的结束标记，结束标记多一根斜杠。许多标记还有属性，用于对标记进行详细设置。HTML标记的一般格式为：例如：但有的标记没有结束标记，称为单标记，如：（2）各属性项间用空格分隔，属性值可用双引号或单引号引起来，也可不引而直接表达。例如控制文本字体的标记为，该标记有face、size、color属性，分别用于控制字体名、字体大小和字体颜色，用法为：字体属性测试（3）HTML标记不区分大小写，与和是相同的。3、HTML的特点的特点（4）HTML中一行可以写多个标记，一个标记也可以分多行书写，不用任何续行符号。例如：2001年7月13日，北京申奥成功！和2001年7月13日，北京申奥成功！都是正确的，且显示效果相同，但HTML标记中的一个单词不能分两行书写，如：2001年7月13日，北京申奥成功！是不正确的。3、HTML的特点的特点（5）HTML源文件中的换行、回车符和多个连续空格在显示效果中是无效的。显示内容的换行用标记，换段用标记，表示段落开始，表示段落结束。如果源文件中有多个连续空格，显示时也只显示一个，若要显示多个空格，可以使用多个 。例如：2008北京奥运与2008北京奥运的浏览器显示效果均为2008北京奥运2008北京奥运与2008北京奥运的浏览器显示效果均为2008北京奥运但是，我们注意到时：在源文件中加换行符，虽然显示效果不换行，但在原换行符处会加一个空格。3、HTML的特点的特点（6）网页中所有的显示内容都应受限于一个或多个标记，不应有游离于标记之外的文字或图像等，以免产生错误。（7）HTML标记可以嵌套使用，实现从不同角度对文本进行格式控制。嵌套使用时注意不要发生交叉嵌套。比如若要以加粗、居中、红色显示“奥林匹克精神”文本，则实现的代码为：奥林匹克精神判断是否发生交叉嵌套的方法是：分别将标记符的开始标记和对应结束标记用线连接起来，只要这些连接彼此不相交，则嵌套就正确，否则嵌套错误。比如以下用法就发生了嵌套错误。奥林匹克精神各种标记符书写的先后顺序没有特别要求，只要不发生交叉嵌套就行。因此，以下三种用法等效。奥林匹克精神奥林匹克精神奥林匹克精神（8）可以为网页加上注释，如例2.1中即为网页的注释部分，注释可以放在网页开头部分用于说明网页的功能等，或放在某个标记之后对标记加以说明。注释用“！”标记，“”表示注释结束，中间的所有内容表示注释，且可以换行。注释不是必须的，注释的内容不在浏览器中显示出来，仅为设计人员阅读方便。（一）文本控制1、文本格式标记文本控制主要是控制文本的字体、字体大小和颜色，这通过标记来实现。格式：文本功能：设置网页中普通文字的显示效果。属性：(1)Face属性用于指定文字字体，如“楷体_GB2312”、“宋体”、“黑体”等。但要注意，浏览器显示的字体与客户端安装的字体有关，如果网页文件中设置了客户端滑安装的字体，则以默认的宋体字显示。因此，在使用字体时，应尽量使用一般操作系统都会安装的宋休、黑体、楷体等。(2)color属性用于设置字体的颜色。在HTML中颜色通常用#RRGGBB来表达，RR、GG、BB分别代表红色、绿色、和蓝色的分量值，用十六进制数表示，取值范围为00FF。通过改变三基色的混合量，即可形成各种各样的颜色。另外，颜色也可以用英文单词来表示。下面是常用颜色的取值及英文单词表。颜色 红色 绿色 蓝色 黄色 黑色 白色 紫色 浅蓝色取值#FF0000#00FF00#0000FF#FFFF00#000000#FFFFFF#FF00FF#00FFFF单词 Red Green Blue Yellow Black White Purple Aqua（一）文本控制(3)size属性用于指定字体的大小。字体大小的表达方法有两种，一是设置为绝对字号，此时的设置值可以是1号，1号最小，7号最大，默认字号为3，可利用设置或更改默认字号。例如，若要以蓝色，宋体2号字输出“网页设计技术”，则实现的代码为：网页设计技术另一种是设置为相对字号大小，此时的用法为，其中n代表字号改变的量，+表示字体在默认字号的基础上增大几号，-表示在默认字号的基础上递减几号字。例如：网页设计技术2、标题格式标记标题格式使用Hn标记控制。格式：标题文本功能：用于定义文章内章节标题的显示格式，同时包括了标题的字体、大小、和段落间距。说明：n表示标题字号，共六级，分别是1，2，3，4，5，6，数字越大，字号越小。Align表示水平对齐方式，取值为left、right或center。【例2.2】在网页中分别用六级标题标记符输出一个测试效果文本。实现的代码为：演示标题字体这是第一级标题这是第二级标题这是第三级标题这是第四级标题这是第五级标题这是第六级标题运行效果如图2.1所示。图2.1 标题字演示注意：用该标记实现的文章标题效果有限，通常还是用FONT标记实现文章实际标题的丰富多彩效果。3、字体效果（字型设置）标记HTML中还定义了一些用于改变字体效果的标记符，常用的有加粗、斜体、加下划线等。各种标记的格式和具体功能如表2.1所示：表2.1字体效果标记表 标记 格式 功能 受影响的文字 加粗 受影响的文字 斜体 受影响的文字 加下划线 受影响的文字 标准打印机字体 受影响的文字 加删除线 受影响的文字 产生下标 受影响的文字 产生上标 受影响的文字 大字体文本 受影响的文字 小字体文本 受影响的文字 闪烁字注意：不要频繁使用各种效果，太花哨的网页反而会引起读者的反感。一些浏览器不能正常显示某些效果，如加粗和斜体时却加了下划线或反向显示，或忽略。可以将几种效果混用，如：霜叶红于二月花(二)版面风格控制1、网页整体风格控制（文件主体）标记对网页整体风格的控制主要通过文件主体标记及其相关属性来实现。格式：功能：设置文件主体。属性：(1)background 设置网页背景图像，图像以平铺方式作为网页背景。image-url是图像文件的路径。例如，若要用images/bg.gif作为网页的背景图像，则设置方法为：(2)bgcolor 设置网页的背景颜色，默认为白色。(3)text 设置网页非可链接文字的色彩，默认为黑色。(4)link 设置网页可链接文字的色彩，默认为蓝色。alink 设置网页活动链接文字的色彩，默认为蓝色。Vlink 设置网页已访问过链接的文字色彩，默认为蓝色。(5)leftmargin 设置页面左边空白。Topmargin 设置页面上边空白。Value 是空白量，可以是数值，也可以是相对页面窗口宽度和高度的百分比。(6)bgproperties 该属性只有一个取值，即为FIXED，用于锁定网页的背景图像。锁定后，当前滚动页面时，背景图片就不会跟着滚动了。例如：说明：body标记说明文件的主体，可以省略，中间可以插入其他标记和文字。其属性可以省略，也可以有一个或多个。(二)版面风格控制2、段落标记格式：功能：设置文章段落开始和结束。属性：align是水平对齐方式，取值为left、right或center。说明：段落结束标记可以省略，因为一个段落的开始表示上一个段落的结束。例如：白日依山尽黄河入海流和白日依山尽黄河入海流都是合法的，显示效果一样。注意：HTML中显示文字的分段不能通过源文件中的回车来实现。3、换行标记格式：功能：另起一行显示文字。说明：该标记是单标记。标记标记中在显示效果上都是另起一行书写。它们的不同之处是标记的行距较大，标记和行距较小。另外换行后的文本与前面的文本仍属同一段落，因此换行后字符和段落格式不会改变，这也与标记不同。为保证某一单词的完整性，有时需要禁止在某处换行，此时可使用标记来实现。其用法为：文本该标记符作用的文本将在同一行显示，若一行显示不下，则超出部分将被裁剪掉。(二)版面风格控制4、预排格式标记格式:预排格式的文本功能：保留文字在纯文本编辑器中的格式，原样显示，不受前面的文字格式和段落格式的影响。说明：若已用其他文本编辑器编好了一段文本，如果把它放进网页文件，常常需要加许多标记才能达到原来的显示效果。如果在文本开头加上，在未尾加那么中间就不用加其他标记了，这时文本中间的回车换行符就起作用了。5、文本对齐方式标记格式：文本功能：设置多个段落的文本居中、居左、不是居右。属性：align是水平对齐方式，取值为left、right或center。说明：对齐方式可以在多个标记中实现，如、等。如果多个段落有相同的对齐方式，则可以将这些段落嵌套进、之中。如果多个段落居中，还可以使用center标记，格式为：多个段落文本(二)版面风格控制6、画线标记格式：功能：在页面上画横线。属性：(1)width用于指定横线的宽度，宽度值的指定方式有两种，一种是用像素点来指定，如50、100、200、500等，这种方式当窗口大小改变时，横线宽度不变。例如：另一种方式是用相对窗口的百分比来表示，如50%、75%、100%，默认是100%。例如：(2)size用于指定横线的高度，其值可以是绝对点数或相对百分比。默认高度为1。(3)align用于指定横线水平位置，取值为left、right或center，默认是center。(4)color用于指定横线的颜色。(5)noshade用于指定横线是否有阴影。若带有此参数则横线无阴影。说明：标记一般用于产生水平分隔线，若要产生竖线，可将width设置为1,size设置为竖直线的高度值。例如：当width与size值都较大时，可以产生长方形或正方形图形。例如：产生的横线在预览输出后才能完全看到效果。（一）、图像标记在网页中插入图像使用标记来实现，没有对应的结束标记。格式：功能：在当前位置插入图像。属性：(1)src 要插入的图像文件的URL地址，通常图像的格式为jpg或gif。(2)alt 当图像无法显示时所给出的提示文本。(3)longdesc关于图像的详细说明。(4)width 图像的宽度，可以为点数或相对窗口宽度的百分比。(5)height 图像的高度，可以为点数或相对窗口宽度的百分比。(6)boder 图像的边框宽度，其值为非负整数。(7)hspace 水平方向空白（图像左右留多少空白）。(8)vspace 垂直方向空白（图像上下留多少空白）。(9)Align用于设置图像的对齐与布局。可设置为left、right或center等，使图像向页面窗口的左边、右边或中间对齐，图像附近的文本在图像右或左侧环绕。Align还可以是其他取值，则指定图像与文本在垂直方向上的相对对齐方式，取值与对应的含义为：Top 将文本行中的最高字符的顶端与图像的顶端对齐Texttop 该项的功能与top相同Middle 使当前行的基准线与图像的中线对齐Absmiddle 使当前行的中线与图像的中线对齐Baseline 使图像的基准线与当前的基准线对齐Bottom 使图像的底部与当前基准线对齐Absbottom 使图像的底部与当前的底部对齐说明：图像的宽度与高度指图像显示时的大小，与图像的真实大小无关。实例：在网页的当前位置插入images/flower.jpg图形，宽度为300，高度为200，边框宽度设置为1，图像放在页面的右边，则实现的代码为：（二）、超链接2、定义锚点若要跳转到网页的某一指定位置，则必须事先在该位置定义一个锚点(anchor)，锚点主要起位置标识的作用。定义锚点用标记的name属性来实现。定义格式：定义好后，若要链接到网页的某一锚点，则要用标记链接。链接格式：文本比如：要链接到vbscript.htm网页的vbkey1锚点，则链接的方法为：文本若要链接到当前网页的某一个锚点，则网页名可以缺省，而直接用锚点名来链接，其格式为：文本注意：在需要定义锚的地方，加上代码即可，锚名就唯一，不要重复。表格是HTML网页的一个非常重要的元素，除了规范数据的输出外，在网页设计中，常常用来进行版面布局的设计和定位。1、定义表格的标记符表格是由多个部分构成的，因此定义表格时，将用到多种标记符，这些标记符是：定义表格的开始和结束。定义表格标题的开始和结束。定义表格行的开始与结束，一组和产生一个表格行。定义单元格的开始与结束，一组和产生一个单元格。在和之间的部分，即为该单元格显示的数据，若该单元格无数据，显示为空，则应表达为 。定义表头(表格第一行)单元格的开始与结束，一组和产生一个表头单元格。和之间的部分，即为单元格所显示的数据，该数据以加粗居中方式显示。表头也可不用标记产生，而直接用标记来产生。【例2.3】试用HTML标记符产生一个宽度为500像素的2行、3列的表格，各单元格数据为空。产生的HTML代码为：      说明：此处代码产生的表格是一个虚线表格，运行时边框不可见，通常利用这种表格进行版面的布局设计，以对所要显示的内容进行定位，要显示的内容，通常放在单元格中显示。2、表格标记符的属性对表格的更详细控制，可通过表格标记符的相关属性来实现。(1)标记的属性标记的属性用于从整体上控制表格的外观和形状，常用的主要有：width、height属性：该组属性用于设置表格的宽度和高度。其宽度或高度值可用像素值表示，也可用百分数表示。例如，若要产生宽度为800，高度为400像素的表格，则定义方法为：若要产生一个宽度是网页宽度的85%的表格，则定义的方法为：border属性:定义表格边框的边线的宽度。若设置为0或不设置，则为无边框的表格。若要产生一个宽度为800，边线宽度为1的表格，则定义方法为：bgcolor、bordercolor属性：bgcolor用于设置整个表格的背景颜色；bgcolor属性对于和标记也有效，作用于标记时，用于设置该行的背景颜色；作用于标记，则设置该单元格的背景颜色。bordercolor用于设置表格的边框颜色，只有在border属性设置为非0时有效。background属性：用于设置表格的背景图像。设置表格的背景图像后，表格的背景颜色失效。例如：若要设置表格的背景图像为images/bg.jpg，则设置方法为：cellpadding、cellspacing属性：cellpadding属性用于设置单元格中的文本与表格边线的间距；cellspacing属性用于设置表格的各单元格之间的间距。例如：若要设置单元格间距为1，单元格文本与表格边线的间距为2，则设置方法为：align属性：用于设置表格在网页中的对齐方式，取值有 left、center和right。例如：若要设置表格在网页中居中，则设置方法为：(2)标记的属性标记常用的属性主要有bgcolor和align，分别用于设置该行的背景颜色和文本的对齐方式，利用的bgcolor属性，可以实现不同行显示不同的背景颜色。(3)标记的属性标记常用的属性主要有bgcolor、bordercolor、width、height、align和valign,分别用于设置该单元格的背景颜色、单元格的边框颜色、宽度、高度、单元格文本在水平方向的对齐方式和在垂直方向的对齐方式。【例2.4】试用HTML标记产生图2.2所示的表格。表格宽度为400，各行的行高为24，表格在网页中居中对齐；表头背景颜色为#0000CC，表头文本颜色为#FFFFFF，表格边框宽度为1，边框颜色为#0099CC；各数据项均居中对齐，第1列的宽度为53，第2列的宽度为116，第3列宽度为134，第4列宽度为87。IDUserNamePasswordState001zhangzh9835&1002wang87$0%!10图2.2实现的HTML代码为：ID UserName Password State 001 zhang zh9835&1 002 wang 87$0%!1 03、单元格的合并利用单元格的合并，可以形成不规则的表格。合并的方式有跨列合并和跨行合两种。(1)跨列合并列合并即是将多列合并成一个单元格，可以通过标记的colspan属性来实现，其用法为：文本【例2.5】试产生一个2行3列，宽度400，边线宽度为1的表格，然后将第1行的第2和3两个单元格合并。实现的HTML代码为：第1行1列这是合并后的单元格第2行1列第2行2列第2行3列产生的表格效果如图2.3所示。第1行1列这是合并后的单元格第2行1列第2行2列第2行3列图2.3表格的跨列合并(2)行合并行合并通过标记的rowspan属性来实现，其用法为：文本【例2.6】试产生一个3行3列，宽度为400，边线宽度为1的表格，然后将第1列的第1行和第2行的两个单元格合并。实现的HTML代码为：第1、2行合并后的单元格 第1行2列 第1行3列 第2行2列 第2行3列   产生的表格效果如图2.4所示。第1、第2行合并后的单元格第1行2列第1行3列第2行2列第2行3列图2.5 表格的跨行合并若要同时跨行和跨列合并，只需同时使用rowspan和colspan属性即可。为了提高网页的交互性，收集用户在网页中输入的信息，HTML专门提供了表单，在表单中可以添加使用命令按钮、文本框、密码输入框、复选框、单选钮、列表框、组合框等界面对象，以便接收用户输入的数据。利用表单可以集中管理这些界面对象，并提供提交和重置数据的方法。（一）表单的定义1、表单的定义方法在HTML中，表单利用和标记定义。格式：（二）表单的界面对象表单相当于一个载体，必须在表单中添加界面对象，才能实现接收数据的目的，表单界面对象通常也称为表单域对象。下面分别介绍表单中可使用的界面对象，以及这些对象的用法和功能。1、单行文本域单行文本域用于产生一个文本输入框，以实现单行数据的输入。定义方法为：其中，Type和Name属性是必须设置的，其他属性为可选项。Type属性决定所产生的界面对象的类型；Name属性用于定义该文本域的名称；Size用于设置文本域的显示宽度是多少个字符宽，Maxlength设置文本域最多可以接收多少个字符，value属性用于给文本域指一个初始值。例如，若要定义一个名为frmuserinfo的表单，在表单中定义一个用于接收用户名的输入框username，输入框的宽度为15，最多可接收12个字符，表单数据提交给userconfirm.asp，则定义方法为：用户名：表单中各界面对象的值，均是通过value属性来存储的，通过访问该属性，可获得或设置界面对象的值。访问表单中各界面对象的属性的格式为：document.表单名.界面对象名.属性名因此,若要获得frmuserinfo表单中名为username的文本域中的值,则获取方法为:document.frmuserinfo.Username.Value若要设置表单中该文本域的值为trainingguest,则设置方法为:document.frmuserinfo.Username.Value=trainingguest2、口令输入框口令输入框是单行文本域的一种特例，外观上与单行文本域一样，但当用户输入数据时，数据会用“*”，替代显示，可防止他人看到用户所输入的真实数据，常用于密码输入。其定义方法为：3、隐藏表单域隐藏表单域不会显示出来，用户当然也无法更改其数据。通过隐藏表单域，可悄悄向服务器发送一些用户不知的信息。其定义方法为：4、多行文本域多行文本域常用于接收大数据量的场合，可同时显示多行文本，定义方法为：初始文本Readonly为可选项，若选用，则多行文本域变为只读。例如，若要产生一个6行40列的多行文本域，则定义的方法为：初始文本5、列表框利用列表框可以提供一些候选项供用户选择，列表框用标记符定义，其定义方法为：列表项文本1列表项文本2列表项文本2说明：Size属性用于定义列表框的高度，即一次能看到的列表项的数目。若设置为1或不设置，则为下拉式列表框；若设置为大于或等于2的值，则为滚动式列表框。Multiple为可选项，若选用该参数项，则允许多项选择。和标记用于定义具体的列表项，Value属性用于设置该列表项代表的值，即当用户选中该列表项后，表单所提交的值。Selected为可选项，用于指定默认的候选项，只能有一个列表项可选用该参数。例例2.7试分别用下拉式列表框和滚动式列表框显示供用户选择的籍贯。分析：为便于各数据项的定位和对齐，在表单中采用表格进行定位。实现的代码为：下拉式列表框滚动式列表框籍贯：北京上海天津重庆广州籍贯：北京上海天津重庆广州运行效果如图2.6所示6、复选框与单选钮复选框与单选钮也是提供候选的一种方法，复选框允许多选，常用于多项选择；单选钮常成组使用，在同一组中只能任选其一，常用于单项选择。（1）复选框的定义复选框用标记进行定义，其定义方法为：选项文本一个产生一个复选框，有多少个候选项，就用多少个标记。Value用于设置当用户选中该项后，表单所提交的值。checked为可选项，若选用该参数项，则该复选项呈选中状态。例2.8试用复选框提供预设的爱好,供用户选择。可供选择的爱好有：旅游，玩游戏，阅读，体育运动，唱歌、听音乐。实现的HTML代码为：爱好:旅游玩游戏阅读体育运动唱歌、听音乐运行效果如图2.7所示(2)单选钮定义方法：选项文本单选钮常成组使用，为了将多个单选钮定义成一组，需要将各选项的name属性值设置为相同。例2.9试用单选钮为用户提供一组职业选项，以供用户选择。实现的HTML代码为：您的职业是：教师学生工人工程师程序员运行效果如图2.8所示7、命令按钮表单中可使用的命令按钮有提交命令、复位命令按钮和普通命令按钮三种，提交命令按钮具有内建的表单提交功能，复位命令按钮具有重置表单数据的功能，普通命令按钮不具有内建的行为，需要指定OnClick事件处理函数，才能实现具体的操作。(1)提交命令按钮提交命令按钮用于表单数据的提交，上与表单对象的submit方法相同。提交命令按钮的定义方法为：例如,若要在表单中定义一个标题为“登录”的提交命令按钮，则定义方法为：(2)复位命令按钮复位命令按钮功能与表单对象的reset方法相同,其定义方法为：例如,若要在表单中定义一个标题为“重新填写”的命令按钮，则定义方法为：(3)普通命令按钮普通命令按钮不具有内建的行为，但可通过指定事件处理函数，来为命令按钮指定具体的操作，因此，通用性更强，另外，普通命令按钮可用在表单中，也可脱离表单而直接使用。其定义方法为：命令按钮常用的主要是鼠标单击事件（click）,可通过OnClick来为其指定事件处理函数或语句，当单击命令按钮时，系统就会自动调用用执行所指定的事件处理函数或语句。例如，若要在单击普通命令按钮时，在网页中输出“this is a test！”的字符串，则实现的方法为：另外利用普通按钮通过调用表单对象的submit方法，也可实现提交命令按钮的功能。例如，若当前表单对象名为login,则用普通命令实现表单提交的代码为：例2.10试在当前页面中设计一名为userinfo的表单,用以收集注册用户的资料,并将其提交给userlogin.asp页面处理。需要收集的信息和界面如图2.9所示。实现的HTML代码为：用户手册用 户 注 册 用 户 名：密 码：重复密码：性 别：男 女 教育水平：硕士以上 大学本科 大专 中专以下 电子信箱：为了验证表单数据是否正确提交，可按以下方法建立userlogin.asp文件，该文件用于获得表单所提交的数据，然后输出这些数据，以验证表单数据是否正确提交。至于获得表单所提交数据的方法，可先不管，待学习到asp部分自然就会了。处理页面userlogin.asp源代码为：用户手册数据注册的用户名为：第一次输入的密码为：第二次输入的密码为：性别为：教育程度为：电子邮箱为：说明：中的“=”等价于response.write,用于输出表达式或变量的值，此处是利用ASP内建的对象的方法来逐一获得表单所提交的数据，其用法是：Response.Form(表单界面对象的名称)其返回值就是该界面对象的VALUE属性值。（一）嵌入多媒体文件1、使用标记在网页中使用和嵌入多媒体文件可通过标记来实现，利用该标记可以实现对声音、AVI动画和电影文件的播放。格式：属性说明：(1)url用于设置要嵌入或播放的媒体文件，系统根据扩展名来识别媒体的类型，并自动调用相应的播放器来播放这些媒体，通常是调用媒体播放器来播放，要播放的媒体主要有AVI动画，波形声音文件（.wav）和MIDI音乐文件。(2)width和height用于设定嵌入对象的宽度和高度，可以缺省，缺省后采用媒体文件自身的大小进行播放。(3)autostart用于设置是否自动开始播放，若设置为TRUE或缺省该属性，则启动网页后，将自动播放指定的媒体文件；若设置为false,则不自动播放，只有在网页中单击播放按钮后，才开始播放。(4)Loop属性用于设置是否循环播放。若设置为true，则将循环播放，若缺省该属性，则默认只播放一次。例如，若要在打开网页时自动播放当前目录下的demo.avi动画,则实现播放的代码为:若要播放波形声音文件test.avi动画,则实现播放的代码为:MIDI音乐的播放方法相同。播放声音时，没有视频显示，但仍会显示媒体播放的控制面板。2、使用标记标记除了用于向网页插入图形外，还可实现对动画的播放，此时的用法格式为：其中，dynsrc属性用于指定所要播放的动画文件(.avi)。start用于控制播放的方式，该属性的默认值是fileopen，即链接到含本标记的页面时，即开始播放；若设置为mouseover，则当鼠标移到视频播放区之上时，才开始播放。例如，当访问页面时，即开始播放当前目录下的demo.avi动画,则实现播放的代码为:若要在鼠标移动到播放区之后，才开始播放，则实现的代码应为：在未播放之前会自动显示动画的第一帧图像。（二）播放背景音乐用标记播放声音或音乐时，会在网页中显示媒体播放器的播放控制面板，若要不显示该控制面板，而又要为网页添加背景音乐，此时应放弃使用标记，而改用标记来实现，该标记是专为播放背景音乐而设计的，其用法格式为：该标记可以播放波形文件(.wav)或MIDI音乐,由于波形文件较大，网页应用中，通常播放的是MIDI音乐文件。Src用于指定所要播放的文件，loop设置循环播放的次数，若要无限地循环播放，则应设置该属性为infinite或-1。例如：若要循环播放当前目录下的bg.mid 音乐3次，则播放方法为：当浏览器窗口最小化时，背景音乐的播放将暂停，窗口还原后会继续播放。演讲完毕，谢谢观看！