网页设计基础教案.ppt

1、网页设计基础,第一章 网页的基本知识,1.1 Internet简介 1.1.1 Internet的起源和发展 1.1.2 Internet在中国的发展 1.1.3 Internet的功能 1.1.4 几个名词 1.2 超文本描述语言 HTML 1.2.1 什么是HTML 1.2.2 Html文件的组成,第二章,什么是Internet？,简单地说，Internet是由遍布全球的各种网络系统、主机系统，通过统一的协议连接在一起所组成的世界性计算机网络系统。,返回,Ip地址、域名、Url、WWW,WWW是建立在Internet上的一种多媒体集合，它透过超媒体（Hypermedia）的数据截取技术，通

2、过一种叫超文本（Hypertext）的表达方式，将WWW上的数字信息连接在一起。,URL的一般格式：/：端口/,IP地址在Internet中唯一标识一台计算机，IP地址为4字节长，每字节可对应一个0255之间的十进制数，字节之间用小数点分隔。为了便于记忆，Internet上建立了域名系统。,几个名词,返回,什么是HTML?,HTML是Hypertext Markup Language的缩写，译作“超文本标记语言”，它是用来表示网上信息的符号标记语言。,Html文件的组成： 1、标记 2、文字与图形资料 3、统一资源定位符（URL）,返回,第二章 网页的基本结构,21Html文件的基本结构 22

3、1 标记及其属性 标记： 受标记影响的内容 标记的属性： 例：红色 222基本结构 网页的标题网页的内容,1 2 3 45 格式： ,223文件结构的格式标记,text=“#000000” 用以设定文字颜色。 #000000 代表黑色，亦可以采用颜色的名称，即 text=“black” 。link=“#0000FF” 设定一般文字链接颜色。 alink=“#FF0000“ 设定刚按下时文字链接颜色。 vlink=“#0000FF“ 设定链接后的颜色。（被按过）。 background=“bg1.gif” 设定背景墙纸。GIF 或 JPEG 皆可，可以是绝对路径或相对路径。 bgcolor=“#

4、FFFFFF“ 设定背景颜色。当己设定背景墙纸时会失去作用，除非墙纸有透明部分。,Body标记的属性,习题,创建一个简单的网页，要求网页的标题是“个人简介”，网页文本内容自定义，文件名为index.htm 。 用标记制作一张具有多种色彩的网页。 写出Html文件的总体结构。在Html文档中，有头标记和无头标记的区别有哪些？标题标记在网页中有何作用？,第三章 段落和文字标记,31 段落标记 311注释标记 像很多电脑语言一样，HTML 文件也提供注解功能。浏览器会忽略此标记中的文字（可以 是很多行）而不作显示 。 312 换行标记 称为换行标记。 作用：令字、画、表格等显示于下一行。 例子：,3

5、13 换段标记 称为段落标记。 作用：为字、画、表格等之间留一空白行。的常用参数： 如： align=“center“ 可选值：right, left, center。 内定值： align=“left“ 314 显示预排格式 称为预设格式标记。 作用：按照原始码的排列方式显示。 这标记允许保留你在原始码中输入的空白及回车。 格式： 预先排好的内容 ,315 分区显示标记 称为分区显示标记。 作用：设定字、画、表格等的摆放位置。 316 水平线 称为水平线。作用：插入一条水平线。 的参数： 以： 为例。 align=“LEFT“ 设定线条置放位置，可选择：left；right；center 三

6、种设定值。 size=“2“ 设定线条厚度，以像素作单位，内定为 2。 width=“70%“ 设定线条长度，可以是绝对值（以像素作单位）或相对值，内定为 100%。 color=“#0000FF” 只适用于IE 设定线条颜色，内定为黑色。 #0000FF 代表蓝色，也可以采用颜色的名称，即 color=“blue“ 。 noshade 设定线条为平面显示，若删去则具阴影或立体，这是内定值。,317其他排版标记 称为居中标记。 作用：令字、画、表格等显示于中间。 称为不换行标记。 作用：令某些文字不因太长而绕行，而是显示于同一行或下一 行。它对住址、数学算式、一行数字、程序代码等尤为有用。 称

7、为建议换行标记。 作用：预设换行部位。 32 文字标记 321 能产生字体加粗的效果；产生斜体效果 ；是加底线的标记 ；为下标字， 则为上标字 。,322 这些是标题标记，由 至 变粗变大加宽的程度逐渐减小。每个标题标记所标示 的字句将独占一行且上下留一空白行。 323 ： 负责设定文字的大 小、字形及颜色。 的参数设定： 例子： Creation of Webpage,face=“Arial“ 设定文字的字形。Arial 是常用的一种，请不要使用 Window 内建字 形以外的字形。 size=“+2“ 设定文字的大小。其值可以是绝对或相对， size=“5“ 表示其大小便是 5， 而htm

8、l内定值为 3， 相对的意思便是在内定值 3 的基础上增加或减少大小级数，如 size=“+2“ 便等同绝 对表示法的 size=“5“。 color=“#008000“ 设定文字的颜色。#008000 表示绿色,习题,制作一个网页，要求标题为H2，居中，黑体，红色；节标题H3，居左，楷体，绿色；正文为宋体，蓝色。整个网页背景色为乳白色。 用预排格式设置网页，要求在word中排 23段文本，然后粘贴过来。 在网页中显示方程式：ax2bxc0,第四章 超级链接和列表,41 建立超级链接 411 称作锚点标记，由 与 所围的文字、图片等等可以成为一个链接。的一般参数设定： 例如 href=“ind

9、ex.html” 当作为一外部链接时： href 所设定的是该链接所要连到的文件名称，若 该文件与此 html 档不是同在一目录请加上适当的路径，相对绝对皆可。当作为一内部链接时： href 所设定的是该链接所要连到的同文件内参考 点或指定文件之参考点，例如 ：、 及 其中 there 便 是参考点，并在其前加上符号 # 以作识别，参考点由下一个参数 name 事先於文件中埋下。,name=“hello” 这参数是为文件埋下参考点，作为被连结，不会被显示。所以说设定一个内部链接需要使用两次 标记。一个使用参数 name 事先於文件中埋下一参考 点，另一个使用参数 href 连到这个参考点。 t

10、arget=“_top” 设定链接被点后的结果所要显示的视窗。 target=“框架名称” 这只运用於框架中，若被设定则连结结果将显示於该“框架名称”之框架 中，框架名称是事先由框架标记所命名。 target=“_blank“ 或 target=“new“ 将链接的画面内容，开在新的浏览视窗中。 target=“_parent“ 将链接的画面内容，当成文件的上一个画面。 target=“_self“ 将链接的画面内容，显示在目前的视窗中。(内定值) target=“_top” 将框架中链接的画面内容，显示在没有框架的视窗中。（即跳出了框架）,412 是一个链接基准标记，用以改变文件中所有链接标

11、记的参数内定值。它只能应用 於文件的开头部分，即标记 与 之间。的一般参数设定： 例如 href=“http:/ 设定该页网页中所有 HTTP 文件及图形（包括相对路径链接及 图形标记 等）的内定路径，其他如 ftp:/ 及 gopher:/ 等则不受影响。这参数只可填入一个相 对或绝对的路径，不必填入文件名称。一般相对路径链接及 图形标记等是 内定以该页网页所在的目录作为起点，若依这例子，该文件中所有链接将会以 http:/ 作为起点，若其中有链接如 Back to Main Page ，那末它不会连到自已目录下的 index.html，它将会连到 Microsoft 的 首页，这是因为相对

12、路径己给 转成绝对的了。 target=“_top“ 设定该页网页中所有连结被按後之结果所要显示的视窗，免得分别为所有连结加 上 target 参数，常应用於框架中。其设定与 连结标记中 target 参数相同。,415 创建指向电子邮件的链接 。 42 建立列表 421 称为有序列表标记。则用以标示列表项目。 所谓有序列表就是在每一项前面加上 1,2,3. 等数目，又称编号列表。 的参数设定（常用）： 例如： type=“i” 设定数目款式，其值有五种，请参考 右表，内定为 type=“1“。 start=“4” 设定开始数目，不论设定了哪一数 目款式，其值只能是 1,2,3 等整 数，内定

13、为 start=“1“。, 的参数设定（常用）： 例如： type=“square” 只适用于无序列表，设定符号款式，其值有三种，如下，内定为 type=“disc“： 符号是当 type=“disc“ 时的列项符号。 符号是当 type=“circle“ 时的列项符号。 符号是当 type=“square“ 时的列项符号。 value=“4” 只适用于有序列表，设定该一项的数目，其後各项将以此作为起始数目而递增， 但前面各项则不受影响，其值只能是 1,2,3 等整数，没有内定值。,422 称为无序列表标记。 所谓无序列表就是在每一项前面加上 、 、 等符号，故又称符号列表。 的参数设定（常用

14、）： 例如： type=“square“ 设定符号款式，其值有三种，如下，内定为 type=“disc“： 符号是当 type=“disc“ 时的列项符号。 符号是当 type=“circle“ 时的列项符号。 符号是当 type=“square“ 时的列项符号。 注意：由于 及 都有 type 这个参数，两者尽可能选用其一。,423 列表的嵌套 列表嵌套把主页分为多个层次，例如书的目录，给人以很强的层次感。有序列表和无序列表不仅可以自身嵌套，而且彼此可以互相嵌套。习题 制作一个网页含有指向其他页面的链接。 制作一个网页含有指向本页的链接，并在网页尾部建立指向制作者电子邮件的链接。 建立一个含

15、有有序和无序列表的网页。,第五章 图片和表格,51 加入图片 511 图片文件的格式 gif 只有256色，制作透明、隔行和动画效果。 jpg 真彩色、压缩。 png 96 年开始发展，兼有两者的特点。 512 设置网页的背景 背景色 图片背景 ，在浏览器中，作为背景的图片将按原来的大小复制，重复铺满整个网页。作为背景的图片文件，要做的很小，以便加快下载速度。,513 图片标记 例： src属性：若图片文件与该 html 文件同处一目录则只需写上文件名称，否则必须加上正确的途径，相对及绝对皆可。 Alt属性：这是用以描述该图形的文字，若使用文字浏览器，由于不支持图片，这些文 字更会代替图片而被

16、显示。对于支持图片显示的浏览器，当鼠标移至图片上该些文字亦会显示。 Width属性和height属性：设定图片大小，此宽度、及高度一般采用 pixels 作单位。通常只设为图片的真实大小以免失真，若要改变图片大小最好事先使用图像编辑工具。,Hspace和vspace属性：设定图片边沿空白，以免文字或其它图片过于贴近。hspace 是设定图片左右的空 间，vspace 则是设定图片上下的空间，高度采用 pixels 作单位。 Align属性：调整图片旁边文字的位置，你可以控制文字出现在图片的偏上方、中间、底端、 左右等，可选值：top, middle, bottom, left, right，内

17、定为 botom。 Lowsrc属性：设定先显示低解像图片，若所加入的是一张很大的图片，下载时间很长，这张低 解像图片会先被显示以免浏览失却兴趣，通当是原图片灰度版本。,52 加入表格 521 建立简单表格：这三个标记是定义表格的最重要的标记。 是一个容器标记，意思是说它用以声明这是表格而且其他表格标记只能在他的范围内才适用。 用以标示表格行（row） 用以标示储存格（cell） 与同样是标示一个储存格，唯一不同的是所标示的储存格中的文字是以粗 体出现，通常用于表格第一行以标示栏目。它的用法是取代的位置便可以，其参数设定请参考。当然若为所标示的储存格中的文字加上粗体标记便等同的效果。,标记的属

18、性 例如： width=“400” 表格宽度，接受绝对值（如 80）及相对值（如 80%）。 border=“1” 表格边框厚度，不同浏览器有不同的内定值，所以需要指明。 cellspacing=“2” 表格格线厚度。 cellpadding=“2” 文字与格线的距离。 align=“CENTER” 表格的摆放位置（水平），可选值为：left, right, center。,valign=“TOP“. 表格内字画等的摆放位置（垂直），可选值为： top, middle, bottom。 background=“myweb.gif” 表格背景图片，与 bgcolor 不要同用。 bgcolor=

19、“#0000FF” 表格底色，与 background 不要同用。 bordercolor=“#FF00FF” 表格边框颜色，NC 与 IE 有不同的效果。 bordercolorlight=“#00FF00“ 表格边框向光部分的颜色。只适用于 IE bordercolordark=“#00FFFF“ 表格边框背光部分的颜色，使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。只适用于 IE cols=“2” 表格栏位数目，只是让浏览器在下载表格是先画出整个表格而己。, 的参数设定（常用）： 例如： align=“RIGHT“ 该一

20、行内字画等的摆放贴 位置（水平），可选值为： left, center, right。 valign=“MIDDLE“ 该一行内字画等的摆放贴 位置（垂直），可选值为： top, middle, bottom。 bgcolor=“#0000FF” 该一行底色。 bordercolor=“#FF00FF“ 该一行边框颜色。只适用于 IE bordercolorlight=“#808080“ 该一行边框向光部分的颜色。只适用于 IE bordercolordark=“#FF0000“ 该一行边框背光部分的颜色，使用 bordercolorlight 或 bordercolordark 时 bord

21、ercolor 将会失效。只适用于 IE, 的参数设定（常用）： 例如： width=“48%” 该一储存格宽度，接受绝对值（如 80）及相对值（如 80%）。 height=“400” 该一储存格高度。 align=“RIGHT“ 该一储存格内字画等的摆放贴 位置（水平），可选值为： left, center, right。 bgcolor=“#FF00FF“ 该一储存格底色。,valign=“BOTTOM“ 该一储存格内字画等的摆放贴 位置（垂直），可选值为： top, middle, bottom。 bordercolor=“#808080“ 该一储存格边框颜色。只适用于 IE bord

22、ercolorlight=“#FF0000“ 该一储存格边框向光部分的颜色。只适用于 IE bordercolordark=“#00FF00“ 该一储存格边框背光部分的颜色，使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。只适用于 IE background=“myweb.gif” 该一储存格 纸，与 bgcolor 任用其一。 522 给表格加上标题 标题 523 跨多行、多列的表项 colspan 和rowspan属性。,习题,图片在网页中对齐方式有哪几种？图片与文本之间的对齐及环绕方式有哪几种？ 制作一个包含图片和文字说明

23、的页面。 制作具有彩色框线和多种单元格背景的表格。,第六章 表单,6.1表单标记 称为表单标记，用以表示此为表单模式，属于一个容器标记，表示其它表单标记需要在它的包围中才有效。的参数设定： action=“http:/ 表单通常是与 CGI 配合使用的，参数 action 便是用以指明该 CGI 程式的位置，这 样此表单所填的资料才能正确传给 CGI 作处理。若没有 CGI 以进行测试，可 设定此参数为 ACTION=“mailto:” 那样该表单所填的资料将会寄至 此电邮地址（红色部分）。 method=“POST” 传送资料给 CGI 的的方式，可选值为 POST, GET。的参数设定（常

24、用）： type=“Text“ 可选值为 Text, Radio,Checkbox, Password, Submit/Reset, Image, File, Hidden, Button。,62 文字和密码的输入 单行文字输入是“Text”，密码输入是“Password”。Password 的其他参数和 Text 是完全相同的。 两者作用不同，Password 所输入的字符全以 * 号表示。 例： type=“Text” 输入方式为 Text，能产生一单行文字盒，上限为 255 字符。 name=“age” 此一单行文本框名称，这是最重要的一个，方便 CGI 辨认由表单传来的资料，虽 说可随

25、便命名，但通常 CGI 程式中都有指定名称，若转用其它名称便需要修改该 CGI 程式了，名称可为没空白没特别符号的英文或数字，有大小写的分别，可以 写成 Your_Age，若有访客于此表单此文本框填入 40 的话，那末传给 CGI 的字 串便是 Your_Age=40。,value=“20” 此单行文本框内定值。若不填写则文本框是空白的，等待访客亲自键入，若 value=“20” 的话， 20 便会出现在文本框中，当然访客可以修改。 size=“2” 此单行文本框显示的长度，若是采用 GB 编码的中文网页便要小心，同 size 的文字盒 NC 会显示得比 IE长。 maxlength=“255

26、” 此单行文本框可输入字符的上限，为方便编排资料或避免错输入等，宜设定上 限，例如输入电话可设为 8，年龄为 2 等。,63 重置和提交 Submit （提交键）及 Reset （重置键） 这是表单上重要的两个按键，两者所附带的参数相同，但用处不大。 例如： type=“Submit“ 设定输入方式为 Submit 或 Reset。 name=“other_funtion” Submit 的功能随 name 的不同而不同，须和 CGI 配合。若你只需要普通的提交键，则是其内定，不必用此参数。 value=“确定” 这个值不是输给 CGI 的，而是显示在按键上，可以不用，提交键的内定值为 Sub

27、mit，重置键的内定值为 Reset。,64 复选框和单选钮 Checkbox （复选框） 例如： type=“Checkbox“ 输入方式为 Checkbox，能产生一复选框。 name=“idol“ 此一 Checkbox 名称，参考 Text 部分的说明。 value=“Leon” 内定值。每一个 Checkbox 必须及仅有一个 value，当被选择时这值便会传及 CGI，例如所传字串 idol=Leon 。 checked 设该 Checkbox 为内定被选。每个 Checkbox 都是独立的，所以每一个都可使用这 参数，不像 Radio。,Radio （单一选择） 例如： type

28、=“Radio” 输入方式为 Radio，能产生一单选框，以供点选。 name=“gender“ 此一 Radio 名称。 value=“female“ 每一个 radio 必须及仅有一个 value，通常有同时采用两个或以上同 name 不同 value 的 Radio 输入方式，可让使用使任选其一。 checked 设该 Radio 为内定被选。同 name 的各个 Radio 中只能有一个使用，或全不使用这 参数。,65 选择栏 是卷动选单标记，每一选项皆由 所标示。的参数设定（常用）： 例如： name=“where“ 这卷动选单的名称，作识别之用，将会传及 CGI。 size=“6“

29、 这卷动选单的列数，即其高度，请自行修改。若使用此参数则不会有 Pop Up 效 果。 multiple 令这卷动选单允许多重选择。的参数设定（常用）： 例如： value=“tw“ 这选项的值，将会传及 CGI。请自行修改，但不同选项必须有不同的值。 selected 设该选项为内定被选。一个单选卷动选单只能有一项内定被选。,66 多行文字的输入 是表单文字区块标记，常用于 需要填写大量资料的用 途。的参数设定（常用）： 例如： name=“comments” 这文字区块的名称，作识别之用，将会传给 CGI。 cols=“40“ 这文字区块的宽度，请自行修改。 rows=“4“ 这文字区块的

30、列数，即其高度，请自行修改。 wrap=“VIRTUAL” 设定其折行问题，可选值为： off, physical, virtual。off 表示不使用此属性，physical 时则会强迫刘览器在送资料到 CGI（Web 伺服器端）必须将实际文字中的换行一 并送出，设为 virtual 时则送出连续成串的字（除非使用者按了键盘的 RETURN / ENTER）。,67其他标记 Image （图片按键） 这通常用以取代 Submit 及 Reset 两个按键，因为由程序产生的按键并不漂亮，这 Image 参 数便容许你采用自已制造的按键。 例如： type=“Image“ 输入方式为 Image

31、。 name=“submit“ 所要代表的按键，可以是 submit, reset, 或其它。 src=“ex_icon.gif” 按键图片来源，若此图片文件不与该 html 文件在同一目录下，请加上相对或绝对途 径。,File 例如： type=“File“ 通常用以传输文件。 name=“upload“ 这文件传输的名称，用以识别之用。 size=“20“ 所显示文字盒的长度。 maxlength=“100” 可输入字符的上限。 accept=“text/html“ 所接受的文件类别，有二十六种选择，但可不设定。,Hidden 例如： type=“Hidden” 输入方式为隐藏或内定。它不

32、会显示任何输入介面，而是一个内定值随表单一起 传给 CGI，列如由 CGI 产生的会员号码，或传入可更改的参数以调整 CGI 而避免 修改 CGI 程序。 name=“ID“ 这文件传输的名称，用以识别之用。 value=“6618“ 内定值，会以如 ID=6618 形式传给 CGI。 Button 例如： type=“Button“ 输入方式为一般按键。常配合 Java Script 作为其启动按键。 name=“useless“ 名称，用处不大。 value=“Back“ 按键显示名称。,习题,制作输入密码的表单。 制作复杂的提交注册信息的表单,第七章 框架和多媒体,71 建立框架 所谓框

33、架便是网页画面分成几个框窗，同时取得多个 URL。如下例：此例中 把画面分成左右两相等部分，左便是显示 up2u.html，右边则会显示 me2.html 这档案， 标记所标示的框窗永远是按由上而下、由左至右的次序。称框架标记，用以宣告HTML文件为框架模式，并设定视窗如何分割。 则只是设定某一个框窗内的参数属性。,72 设置框架属性 参数设定： 例子： COLS=“90,*” 垂直切割画面(如分左右两个画面)，接受整数值、百分数， * 则代表占用馀下空 间。数值的个数代表分成的视窗数目且以逗号分隔。例如 COLS=“30,*,50%” 可以 切成三个视窗，第一个视窗是 30 pixels 的

34、宽度，为一绝对分割，第二个视窗是当 分配完第一及第三个视窗後剩下的空间，第三个视窗则占整个画面的 50% 宽度 为 一相对分割。 ROWS=“120,*” 就是横向切割，将画面上下分开，数值设定同上。唯 COLS 与 ROWS 两参数尽量 不要同在一个 标记中，因 Netacape 偶然不能显示这类形的框架，尽 采用多重分割。 frameborder=“0“ 设定框架的边框，其值只有 0 和 1 ， 0 表示不要边框， 1 表示要显示边框。（避 免使用 yes 或 no ）,border=“0“ 设定框架的边框厚度，以 pixels 为单位。 bordercolor=“#008000“ 设定框

35、架的边框颜色。 framespacing=“5” 表示框架与框架间的保留空白的距离。参数设定： 例子： SRC=“a.html“ 设定此框窗中要显示的网页档案名称，每个框窗一定要对应著一个网页档案。你可 使用绝对路径或相对路径。 NAME=“top” 设定这个框窗的名称，这样才能指定框架来作连结，必须但任意命名。 frameborder=0 设定框架的边框，其值只有 0 和 1 ， 0 表示不要边框， 1 表示要显示边框。（避 免使用 yes 或 no ）,framespacing=“6“ 表示框架与框架间的保留空白的距离。 bordercolor=“#008000“ 设定框架的边框颜色。 s

36、crolling=“Auto” 设定是否要显示卷轴，YES 表示要显示卷轴，NO 表示无论如何都不要显示， AUTO是视情况显示。 noresize 设定不让使用者可以改变这个框框的大小，亦没有设定此参数，使用者可以很随 意地拉动框架，改变其大小。 marginhight=5 表示框架高度部份边缘所保留的空间。 marginwidth=5 表示框架宽度部份边缘所保留的空间。 当别人使用的浏览器太旧，不支援框架这个功能时，他看到的将会是一片空白。为了避免 这种情况，可使用 这个标记，当使用者的浏览器看不到框架时，他就会看 到 与 之间的内容，而不是一片空白。这些内容可以是提醒 浏览转用新的浏览器

37、的字句，甚至是一个没有框架的网页或能自动切换至没有框架的版本 亦可。,应用方法： 在 标记范围加入 标记，以下是一个例子： 很抱歉，您使用的浏览器不支持框架功能，请转用新的浏览器。 若浏览器支持框架，那么它不会理会 中的东西，但若浏览器不支持框架，由 於不认识所有框架标记，不明的标记会被略过，标记包围的东西便被解读出来，所以放在 范围内的文字会被显示。这标记只适用於 IE。 它的作用是在一页网页中间插入一个框窗以显示另一个文件。它是 一个围堵标记，但围著的字句只有在浏览器不支持iframe 标记时才会显示，如 一样，可以放些提醒字句之类。, 的参数设定如下： 例子： src=“iframe.h

38、tml“ 欲显示於此框窗的文件来源除档案名称，必要加上相对或绝对路径。 name=“test“ 此框窗名称，这是连结标记的 target 参数所 要的， align=“MIDDLE“ 可选值为 left, right, top, middle, bottom，作用不大 width=“300“ height=“100“ 框窗的宽及长，以 pixels 为单位。 marginwidth=“1“ marginheight=“1“ 该插入的文件与框边所保留的空间。 frameborder=“1“ 使用 1 表示显示边框， 0 则不显示。（可以是 yes 或 no） scrolling=“Yes“ 使用

39、 Yes 表示容许卷动（内定）， No 则不容许卷动。,73 框架间的链接 74 加入动态效果和多媒体 是用以插入背景音乐。src=“your.mid“ 设定 midi 档案及路径，可以是相对或绝对。 autostart=true 是否在音乐档传完之後，就自动播放音乐。true 是，false 否 (内定值)。 loop=infinite 是否自动反覆播放。LOOP=2 表示重复两次，Infinite 表示重复多次。是用以插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU 等等，Netscape 及 新版的 IE 都支援。其参数设定较多。src=“your.mid“ 设定 midi

40、档案及路径，可以是相对或绝对。,autostart=true 是否在音乐档传完之後，就自动播放音乐。true 是，false 否 (内定值)。 loop=“true“ 是否自动反覆播放。LOOP=2 表示重复两次，true 是， false 否。 HIDDEN=“true“ 是否完全隐藏控制画面，true 为是，no 为否 (内定)。 STARTTIME=“分:秒“ 设定歌曲开始播放的时间。如 STARTTIME=“00:30“ 表示从第30秒处开始播放。 VOLUME=“0-100“ 设定量的大小，数值是0到100之间。内定则为使用者系统本身之设定。 WIDTH=“整数“ 和 HIGH=“整

41、数“ 设定控制画面的宽度和高度。(若 HIDDEN=“no“) ALIGN=“center” 设定控制画面和旁边文字的对齐方式，其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom。 CONTROLS=“smallconsole“ 设定控制画面的外貌。预设值是 console。 console 一般正常的面板 smallconsole 较小的面板 playbutton 只显示播放按钮 pausecutton 只显示暂停按钮 stopbutton 只显示停止按钮 volumelever 只显

42、示音量调整钮, 只适用於 IE ，译为跑马灯如 Status Bar 的那种，意指走动或卷动的 文字。 Hello behavior=“SCROLL“ 决定文字的卷动方式，可选值为： SCROLL 一般卷动，是内定值。 SLIDE 如幻灯片，一格格的，效果是文字一接触左边便全部消失。 ALTERNATE 文字向左右两边撞来撞去。 direction=“LEFT“ 设定文字的卷动方向，LEFT 表示向左，是内定值，RIGHT 表示向右。 bgcolor=“#0000FF“ 设定文字卷动范围的背景颜色。 height=“30“ width=“150“ 设定文字卷动范围，可采用相对或绝对，如 30%

43、 或 30 等，单位为像素。 hspace=“0“ vspace=“0“ 设定文字的水平及垂直空白位置。,loop=“INFINITE“ 设定文字卷动次数，其值可以是正整数或 INFINITE，INFINITE 是内定值，表示无 限次。 scrollamount=“30“ 每格文字之间的间隔，单位是像素。 scrolldelay=“500” 文字卷动的停顿时间，单位是毫秒。 是令文字闪烁，只适用於 NC，用法直接，没有参数。我是天上星，闪又闪 741 其他,习题,制作框架页。在左侧单击项目，右侧显示相应的内容。 制作框架页。要求单击其中的链接后，有的打开新的浏览器窗口，有的目标文件被载入当前框架窗口中，有的目标文件被载入整个浏览器窗口。 在网页中，加入字幕等动态多媒体效果。,