Frontpage 2000教程
Frontpage 2000开始设计 Homepage
(0) 何谓网页?
了解因特网(Internet)在考虑使用全球信息网之前,您必须了解什么是Internet以及它能提供的服务项目,最好的方式就是上网参观其它的网站。网站是Internet的一部份,而Internet是将数以千计的计算机集合起来,并且透过专线、调制解调器(modem)与电话线传输数据。
何谓网站?
您可以将网站视为公司与客户之间互动的工具,网站的内容可以包含声音、宣传短片、文字、图形与超级链接(hyperlink),其中的超级链接是指参观者利用鼠标按下某些的文字或词组之后,即可从目前的网页跳至另一个网页。网页的定义相当简单,就是在存取网络文件或是网站时所见到的画面。
选择网络服务提供者
在建立网页之前,必须决定从何处取得网络空间来存放网站,您可以自己架设网站服务器(Web server)或是挑选网络服务提供者(Internet service provider)来管理网站。当您决定建置网站时,下列有三个选择方案(择一而行):
1、向网络服务提供者(ISP)申请网络空间:只要些许的月费,许多ISP(提供网络服务的组织)可以提供管理网站的服务给顾客,若您想参考使用FrontPage建置网站的ISP,可以参观这个网站:
http://microsoft.saltmine.com/frontpage/wpp/list
2、雇用一个网站广告公司:此类的公司会提供设计网页以及定期维护网页的服务,只要些许的费用,便可以申请网络空间来管理网站。
3、建置自己的网站服务器:这个方式需要等级相当高的个人计算机或是工作站,提供建置并且维护网站之用。除此之外,您仍然需要一套管理网站的软件,例如微软公司的Interne Information Server(IIS),微软公司已将IIS 附在Windows NT Server中。
以微软公司的FrontPage2000来开发网站十分简单,即使您没有任何专业技术的背景,也能建置一个内容相当丰富的网站 。您可以从命名网站开始,陆续的将心中的点子放到网站上,接着使用FrontPage 的模板,从中挑选网站的样式,以及使用精灵(wizards)一步一步地导引着您建置网站。
FrontPage2000
(一)、安装 frontpage 2000
1、 将 Office 2000光盘片放入计算机后,计算机会出现一个安装起始画面。
2、 执行安装画面或在 Office 2000目录执行 setup 软件。
3、 出现安装程序画面,并通知安装者在安装时最好关闭其它程序。
4、 按「下一步」钮,出现 Office 2000 对话窗,要求使用者输入公司名称与用户名称,CD Key对话窗,要求你输入注册码。
5、 如果一切数据正确时,请按「是」钮。
6、 输入注册码正确后,出现Office 2000授权书,按下「下一步」钮进行下一步。
7、 画面出现安装的路径,如果没有特殊路径,可以用原始设定的路径。 C:\program files\Microsoft Office,后按下 next钮。
8、 出现安装形式,一般而言使用来安装 Office 2000,后按下 next钮。
9、 一直按「下一步」,便完成安装作业。
(二)、使用、关闭FrontPage2000:
1、 按「开始」、「程序集」、「FrontPage」启动FrontPage 软件。
关闭FrontPage2000
1、按「档案」、「结束」关闭FrontPage2000
(三)、网页编辑
Frontpage 2000是个所视及所得(WYSIWYG)的网页编辑器。
网页:状态标签
Frontpage在窗口底端新加入一列检视标签,可以让使用者很方便地切换检视 HTML 原始画面、事先预览网页画面及一般编辑画面。
1、「一般」标签:检视一般编辑画面
预设会显示一般编辑画面,在此检视画面中可以「所视及所得」方式来编辑网页。
2、「HTML」标签:检视HTML 原始码画面
按一下「HTML」标签,可以检视 HTML 原始码画面,而且可以在编辑窗口中直接编辑 HTML 原始码,就像在文字编辑器中一样。
3、「预览」标签:检视预览网页画面
按一下「预览」标签,可以检视预览网页画面,如同在浏览器中实际显示一样。在 Frontpage 2000 可以预览网页中的动态图案及 active 组件。
另外若是加载一个框架网页(Frame),则会额外添加下列两个标签:
作法:
当您利用一 Frontpage 的框架页模板建立框架页时,框架间之导览已为您设定就绪。在内容框架页范本中,举例来说,按一下主框架左边网页的内容框架页之超级链接,(称为目标框架)它位于右侧。
1. 在 [档案] 菜单上, 指向 [开新档案] ,按一下 [网页] ,然后按一下 [框架页] 索引卷标。
2. 按一下框架页范本。
4、「没有框架」:检视不支持框架网页(Frame)时的编辑画面。
5、「Frame Page HTML」:检视框架网页Frame)网页的HTML原始码画面。
(1) 背景颜色
网页的背景颜色选择,需要与我们所输入的文字作搭配。
一般背景颜色:
作法:1、按菜单「格式」、「背景」进入「网页内容」对话框。
2、 选「色彩」、「背景」中的,出现「色彩盘」,选择背景色彩。
3、 选定「文字」的颜色。
4、 同理选超级链接、浏览过的超级链接、使用中的超级链接的颜色
图案背景:作法
1、 按菜单「格式」、「背景」进入「网页内容」对话框。
2、 选背景图片前面的
3、 在到「浏览」去「磁盘」、「目录」下找到合适的档案
4、 需要淡一点颜色,选水印。
(2) 文字的变化
Frontpage 的操作,和使用 Word 等文字处理软件一样没什么不同。
设定文字字型,您可以经由选择文字之外观、样式、大小、及色彩,来为选定的文字设定字型。您也可以将不同的效果套用至文字中,例如:删除线及小写字。
1. 在「一般」网页中,选择您想要格式化的文字,选择(预设字型)右边的出现「各种字型」,我们可进行选定字型,选择(标准)右边的出现「字的大小」,我们可进行选定大小「色彩」方块中,选择颜色。
或:用菜单「格式」、 [字型] 进入索引卷标中,从 [字型]、[字型样式]、[大小] 及 [色彩],选择选项来格式化文字。也可以在 [效果] 底下选择一个或多个选项。 [预览] 区域中显示文字套用设定值之后的结果。
(3)上移或下移文字
您可以上移或下移文字,例如:用以指出脚注。您也可以指定上移或下移文字的点数;虽然某些 Web 浏览器可能不支持这个设定并将其预设为 1 点。
1. 在「一般」网页中,请选择文字,用菜单「格式」、 [字型] 进入索引卷标中。
2. 按一下 [字符间距] 索引卷标。
3. 在 [位置] 方块中,按一下出现 [上移] 或 [下移],选定之。
4. 在 [位移点数] 方块中,输入您想要上移或下移多少文字的数字。
(4)、增加或减少字符间的空间
您可以增加或减少字符间的间距来紧缩或扩充文字。
1. 在「一般」网页中,请选择文字,用菜单「格式」、 [字型] 进入索引卷标中。
2. 按一下 [字符间距] 索引卷标。
3. 在 [字符间距] 方块中,按一下[加宽] 或 [紧缩] 来变更文字的段落间距。
4. 在 [点数设定] 方块中,选择一个您想要之文字间距的选项
(5)、在文字周围新增框线、底纹
您可以在文字周围新增框线,然后设定其内容,例如样式、色彩、垫充、及框线的宽度。
文字框线
1. 在「一般」网页中,请选择文字,用菜单「格式」、「框线及底纹」。
2. 出现「框线与底纹」对话框,选定方块,在选定「样式」。
o 若想要设定四边的框线的内容,请按 [垫充]、[色彩]、及 [宽度] 中的选项。
底纹
1. 在「一般」网页中,请选择文字,用菜单「格式」、「框线及底纹」。
2. 选定「底纹」后,在「填满」选定「前景(文字)」与「背景」颜色,在图样上,由「浏览」找到背景的图案。
(6)、移除文字格式
您可以迅速地将您曾经套用至文字上的格式移除。当您移除格式设定时,文字会回复到预设样式。
1. 在「一般」网页中,请选择文字。
2. 在 [格式] 菜单中,请按下 [移除格式]。
(7)、增加缩排和减少缩排
在格式工具列中「减少缩排」和「增加缩排」工具钮,可以在段落的左右两边加上或减少定量的空白间隔。(约 0.25吋)
(8)、项目符号与编号
在网页中有些相关信息,若加上项目符号与编号会更清楚易读。
可以建立下列几种类型的清单:
1、 项目符号清单:在清单中各项目之前加上符号,通常使用于各项目之间没有顺序关系的清单。
2、 编号清单:在清单中各项目之前加上编号,通常使用于各项目之间有顺序关系的清单。
3、 定义清单:定义清单通常使用于建立像名词解释这类的清单,清单中各项目有说明文字,而项目与说明文字间就以缩排来区别他们的关系。
4、 多层次清单:多层次清单就是阶层次的清单,例如某依项目之下可以有多个次一层的项目,而某一个次层的项目之下又可以有多个再次一层的项目….,依此类推,而每一层可以有自己的项目或编号,这样组合起来就是一个多层次清单。
这些功能都可以透过格式工具列中的相关按钮达到目的。
除了格式工具列中预设的按钮外,若要使用不同的格式。
作法:1、选定要作「项目符号」的文字(对象)。
2、使用「格式」菜单中的「 」指令来设定。在所出现的「 」对话框中可以让我们分别设定编号项目符号。
3、或使用「格式」菜单中的「 」指令图形项目符号或编号。(网页中如使用布景主题时,则没有文字项目符号)。
4、选完后按「确定」
(9)、插入水平线
在 Frontpage Editor 中提供一个指令,可以让我们在网页中插入 HTML 语言所定义的水平线,或是布景主题中所指定图形水平线。
1、 将插入点移动到要插入水平线的位置。
2、 按一下「插入」菜单中的「水平线」。
3、 如此就可插入一条水平线。若网页有布景主题的话,则会插入布景主题中指定的图形水平线。
改变水平线的格式
若网页没有使用布景主题时,由于是使用 HTML 语言所定义的水平线,所以我们可以改变水平线的格式来控制他的外观,如宽度、高度、色彩….等。若网页有使用布景主题时,由于是使用图形来代替水平线,因此我们只能设定它的对齐方式。
步骤:移动鼠标到要更改格式的水平线上连按两下,就可以看到「水平线内容」对话框,我们就可以在个字段进行设定。
图形水平线
可以用图形水平线来做水平线。用「多媒体艺廊」所提供的图形水平线:
1、 按一下「插入」菜单中的「图片」,就可以开启「多媒体艺廊」。
2、 按一下选取「Web分规线」中,出现「图形水平线」的图形后,选「图」后,按「插入」按钮。
(10)、插入走马灯特效(只能在 IE 上显示)
走马灯特效可以让网页中显示水平卷动的标题文字,加强画面的效果。
1、 将插入点移动到要加入走马灯特效的空白行,或选取想要做走马灯特效的文字。
2、 按一下「插入」菜单,然后指向「组件」按「走马灯」。
3、 出现「走马灯」对话框。
4、 在「文字」方块中键入所要卷动的文字。若进入此对话框之前以选取文字,则在此方块中会自动显示这些文字。
5、 设定其它想要的选项,然后按「确定」按钮。
(11)、加入电影短片
加入 Frontpage 中也提供在网页中加入电影短片(AVI 影像文件)的功能,而且它是与图型的使用合并在一起,在编辑画面中他们的操作方式都一样,如改变大小、设定影像地图…等,不过影像工具列中有些指令不能使用。
加入电影短片:
1、 按「插入」菜单,然后指向「图片」按「视讯」。
2、 开启「视讯」对话框,让你设定要插入的「影像文件」。
3、 如要插入「多媒体艺廊」中的电影短片可按「美工图案」按钮。
4、 选取所要的影片后,按「插入」按钮。
5、 在画面中就可以看到所插入电影短片的第一个影像,若在影像按一下会自动出现影像工具列。
6、 可以拖曳影像四周的调控点来调整大小,也可以利用工具列指令来制作影像地图。
(12)、加入图片
想要在 Frontpage 编辑器加入图片的方式,可分类下列几种:
1、 加入「多媒体艺廊」中的「美工图片」图片
直接选择菜单选项,或选择菜单「插入」「图片」选项后,于「图片」窗口中按下「美工图案」按钮,都可以进入「多媒体艺廊」的对话框。逾期对话框中依照类别选各种的图案可供选用。只要点选一下所要插入的图片,然后按下「插入」钮,便可插入美工图案。
2、 加入以存放网页中的图档
如果要插入的图案以存放在目前的网站之中,我们可以在选择菜单「插入/图片」选项后的「图片」对话框里,直接由「URL」的字段处下拉,选择所要的图文件路径,再按下 OK 钮,该图案便可显示现于目前网页里。
3、 加入位于计算机中的档案
如果要插入的图文件放在计算机的硬盘中,我们可以在如上「图片」对话框里中按下按钮,使进入「选择档案」对话框。找到放置文件按的位置后按下 「确定」 钮,该图档便可插入于编辑器里。
4、 加入扫瞄的图案
如果计算机连有扫描仪,可以在「图片」对话框里中按下按钮,此时计算机上会显现「数字相机/扫瞄机」的对话框,再依说明指定扫描仪及执行扫瞄动作。
5、 加入位于浏览器中的档案或网页
如果在网站上看到一些特别的图案,我们也可以直接将它编辑至 Frontpage2000的窗口中。
在Frontpage 的窗口中选择「插入」「图片」指令,于显示的「图片」窗口中按下按钮。接着开启 Netscape 浏览器,在所要复制的图案上案下鼠标右键,于其显现的快捷菜单中选择「检视图片」的选项。接着 Netsacpe 浏览器会显现「图文件」的图案及其网址路径。
将其网址复制后,切换回至「图片」窗口,并将该网址贴入下方的 URL 地址处。再按下「确定」钮,该图形便显现于 Fontpage 中。
6、 调整图片大小
如果要控制图片此吋的正确数值,或者是希望图片能够随着浏览器(Netscape 或IE)窗口的变动而随时调整其比例,必须控制图片的属性。作法如下:
1、 在图上按鼠标右键,会出现快捷菜单选择「图片内容」的选项,使进入「图片内容」对话框。
2、 于「外观」设定页里的「大小」处,便是控制其精确尺寸或百分比值或像素值,然后其宽度(Width)或高度(Height)的字段处输入数值,再按下「确定」钮即可完成设定工作。
7、 图文对齐的方式
想要有效控制图片及文字内容的组合方式,可以利用图片的属性来加以属性来加以控制。做法:
1、 在图上按鼠标右键,会出现快捷菜单,选择「图片内容」的选项,使进入「图片内容」对话框。
2、 于「外观」设定页里的「版面配置」字段便是控制图文对齐的方式,可以一需要选择齐左、齐右、齐上…等各种方式,再按下「确定」钮即可完成设定工作。
8、 复制图片
在编辑版面时,如果需要重复使用相同的图片,点选欲复制的图片,然后按工具列上的按钮,使该图存入剪贴簿中,接着将鼠标至于欲复制的位置上,再按下工具列上的按钮,就可以顺利复制图片于新的地方。
9、 图文间距的控制
再编排图文时,若发现文字与图片的距离太近,也可以利用「图片内容」的属性设定来加以控制。作法:
1、 在图上按鼠标右键,会出现快捷菜单选择「图片内容」的选项,使进入「图片内容」对话框。
2、 于「外观」设定页里的「水平间距」字段便是控制图文左右的间距,而「垂直间距」字段便是控制图文上下的间距。
10、 图框粗细设定
我们也可以为图片四周加上框线,同样地也可以在「图片内容」的选项中于「外观」设定页里的「框线粗细」来加以控制。
11、 设定图片的档案格式
网站一般使用的图档格式有 GIF 及 JPEG 两种。在Frontpage2000 除了提供这两项以外,还提供 gifjpgbmppngtifwmfepspcx tgaras 等图档格式,在插完图片以后,再至在「图片内容」的选项中于「类型」设定页加以设定为PNG、GIF 及 JPEG的格式就可。
12、 替代图与替代文字
替代文字:
在网页上如果我们将鼠标指到某张图片时,会出现一个小的黄色卷标,内含有说明文字说明这张图的内容。这张小的黄色标签称之为「替代文字」。其作用作为补充说明此图代表意义。
替代图是课在图片尚未完全下载之前,先以低解析的图片显现之。
设定「替代图与替代文字」可用「图片内容」的选项中于「一般」设定页,再按下 Browse 的按钮就可选择所要替代图的路径,而「文字」处则是输入替代文字。
13、 图片工具列的运用
当我们选取图片时,Frontpage会多出一个 「图片 Toolbar」的工具列,可供选用。
包括:亮度、彩度、翻转、图加入文字
14、 影像地图
想要制作影像地图,可利用「图片Toolbar」中 的按钮制作。
利用这几个选取工具,能迅速地拉出超级链接的区域,再定义所要连结的地址就可。
作法:
1、先插入一张图,再按一下选定图形。在点选「图片 Toolbar」中的「矩形作用区」的按钮并至图上拖曳出矩形区域。
2、 当你放开鼠标,屏幕上紧接显现「建立超级链接」的对话框,在选取要连接的网页名称,然后按 OK 钮回至Frontpage 。
3、 如果矩形区域大小不满意可以将鼠标移到矩形边缘当鼠标变成可调整符号时就可以调整。(圆形与polyon 作法同上)
(13)、为图形设定预设超级链接
您可以为图形设定预设超级链接,如图片,动画 GIF,或视讯。当 Web 访客按下图形时,网页浏览器会显示出超级链接的目的地。比方说,要建立一个按钮来显示您的首页,先新增一个按钮图形到网页中,然后为它设定到您首页的预设超级链接。若您放置作用区在图形上,预设超级链接是在没有作用区的区域上。
1. 在网页检视模式下,在图片上按下鼠标右键,在快捷菜单上按一下 [图片内容],然后按下 [一般] 索引卷标。
2. 在 [位置] 方块,它位于 [预设超级链接] 之下,键入您想要的预设超级链接目的地。或者,按一下 [浏览] 来寻找目的地:
o 若目的地在 Web 上,浏览到共享网页的 Web 及数据夹,选择它然后按一下 [确定]。
o 若目的地在您的局域网络上,按一下 [制作到您计算机上的档案的超级链接],从局域网络上浏览到您想要的网页,并然后按一下 [确定]。
o 若目的地在全球信息网上,按一下 [使用您的 Web 浏览器来选择网页或档案]。在您的网页浏览器中,浏览到您想要的网页,并然后按下键盘上的 Alt+Tab 键来切换回 Microsoft FrontPage 。您查阅过的网页位置将会显示在 方块中。按一下 [确定] 。
o 若您想要当 Web 使用者按下图形可以建立电子邮件讯息,按一下 [制作传送电子邮件的超级链接]键入您想要将讯息送达的电子邮件地址,按一下 [确定],然后再次 按一下 [确定] 。
3. 若您想要超级链接的目的地要显示在指定的框架中,按一下 [变更目标框架],并指定框架。
(14)表格的功能
1、 表格的建立
1) 利用「Stardard Toolbar」中的 「Insert Table」按钮
使用鼠标按于工具列中的 按钮时,画面上会显现白色格子,再由鼠标拖曳其位置,其蓝色的格子就是表格格数,选定格子数后放开鼠标就完成。
2) 利用菜单「表格」中的 插入指令
选用菜单「表格」中的「插入」「表格」指令,会出现一个对话框。其属性如下:
列:代表表格的列数
栏:代表表格的行数
对齐方式:控制表格的对齐方向,可选择 Left (齐左)、 Right (齐右)、Center (置中)。
其它设定请试试就知。
3) 利用「表格」菜单中的「手绘指令」
「表格」菜单中的「手绘指令」,会出现一个手画表格的铅笔图案来画表格。
2、 修改储存格的大小
想要控制储存格的宽度的大小或高度的高低,可以直接用可以将鼠标移到矩形边缘当鼠标变成可调整符号时就可以调整储存格的大小。
3、 在「手绘指令」使用按钮来删除多余的网格线
对于多余的网格线,可以直接利用「表格 Toolbar」工具列中的「橡皮擦」来加以删除。
4、 表格中列与行的插入
如果表格中的行数或列数不够用时,可使用菜单「表格」、「插入」「栏或列」 的命令,在出现的窗口下选取行、列或数量(也可选选取区之上或下)。
5、 分割储存格
想要将表格的储存格位加以细分成的格子,可以利用「表格」菜单下的「分隔储存格」指令,在出现的窗口下选取分割行数、分割列数与分割数目。
6、 插入表格的储存格位
想要在表格中多出一个格位供输入文字数据时,可利用「表格」菜单的「插入」「储存格」的指令来加以插入。
在点选「插入」「储存格」的指令后,便会在该行之上多一个储存格位。
7、 表格中加入标题
想在表格上方指定此表格所代表的意义,可利用「表格」菜单中的「插入」「标题」指令来插入表格标题。「表格/插入/标题」的指令会将鼠标光标的位置移到表格的上方,供我们输入文字内容。
8、 表格中加入字段抬头
在表格的最左边或最上端常被使用者当作表格字段的抬头说明。为了和表格其它字段的内容有所区隔,被设定字段抬头,将会以粗体字出现。
先选取整行(Select Column)之后,点选 「表格」菜单中的「内容」 「储存格」的指令,出现对话框。于「版面配置」字段处,勾选「储存格」的选项,以便设定选取区域为字段的抬头,然后将它的水平对齐方向(水平对齐方式)设定为「对中」,再按下 OK 钮后,便会得到所显示的粗体效果。
9、 表格中插入表格
将鼠标光标置于于欲插入表格的储存格上,然后选择「表格」菜单中的「插入」「表格」的指令,再输入「栏」与「列」的表格大小数后,按下 OK 钮就可。
10、 合并储存格 Merge Cells
将鼠标光标置于于欲合并表格的储存格上,然后选择「表格」菜单中的「合并储存格」的指令,就可以合并储存格。
11、 表格属性的设定
想要控制表格的属性,先选择「表格」菜单中的「内容」「表格」的指令,于其所产生「表格属性」的对话框中进行相关设定就可。
12、 图文组合的方式
如果将表格与其它的文字内容排列在一起,可以排列图与文的位置就用「表格/内容「表格」的选项来加以控制。
在「表格内容」的对话框中,「文绕图」字段便是控制图文组合的方式,其选项有三种 默认值、靠左及靠右三种,文字将排列于下、左、右位置。
(15)、在 Web 上使用 Access 数据库
Microsoft FrontPage 让您很容易在 Web 上使用来自 Microsoft Access 数据库的信息。您可以汇入 Access 数据库至您的 Web,或者您也可以连结至另一服务器上被定义为系统数据来源名称 ( 系统 DSN ) 的 Access 数据库。您可以使用数据库产生精灵,在您的网页中显示来自 Access 数据库的信息。
• 欲汇入 Access 数据库至您的 Web,在窗口档案总管中复制您欲汇入的 Access 数据库档案 (.mdb ),然后将此档案贴至 FrontPage 的数据夹清单中。FrontPage 会问您是否要建立新的数据库连结,然后提示您为新的连结命名。欲在网页上显示来自该数据库的信息,请执行数据库结果精灵 ( 亦即将光标指向 [数据库],它位在 [插入] 菜单上,然后按一下 [结果] )。
• 当您汇入 Access 数据库至您的 Web 时,FrontPage 会建立一个叫 Fpdb 的数据夹,并且限定该数据夹无法在 Web 浏览器上检视。为了保护您数据库的隐密性,请将它移至 Fpdb 资料夹内。
修改现存的数据库连接
如果经由数据库连接的初始数据库已移除或删除,您可以使用下列程序连接到不同的数据库、位置或服务器。您也可以变更使用者名称、密码或任何其它除了名称之外的连接属性。
1. 在 [工具] 菜单,按一下 ,然后按一下 [数据库] 索引卷标。
2. 按一下您想要修改的数据库连接,然后按一下 [修改]。
3. 在 [连接型态之下],依照以下来做 :
o 在目前的 Web 连接不同的档案或资料夹,按一下 [在目前的 Web 的档案或资料夹],按一下 [浏览],然后选择数据库档案或数据夹。
o 在 Web 服务器上连接到不同的系统数据来源名称 (System DSN),按一下 [在 Web 服务器上的系统数据来源],按一下 [浏览] ,然后对数据库选择您想要存取的 System DSN。
o 连接到网络上不同的数据库服务器,按一下 [网络连接到数据库服务器],按一下 [浏览],然后指定数据库类型,服务器名称,及您想要存取的数据库名称。
(四)检视网站
Frontpage 2000 提供七种检视网站内容的方式,在 frontpage 2000画面左边分别是:网页、数据夹检视模式(Folders)、检视所有档案(All files)、导览检视模式(Navigation)、超级链接检视模式(Hyperlinks)、连结检视模式(Hyperlinks Status)、布景检视模式(Themes)和工作进度检视表(Task),只要按下左边检视工具列里的按钮,即可切换。
编辑网站
(1) 新增资料夹
在 frontpage 2000里面,可以使用「数据夹检视模式」或「导览检视模式」新增数据夹,观看我们Web网站数据夹其步骤如下:
1. 在数据夹检视模式或导览检视模式下,点选你想要新增的数据夹。
2. 执行 档案 –开新档案– 数据夹 指令 Frontpage 便新增一个尚未命名(New Folder)的数据夹。
3. 直接输入数据夹的新名称。(无法建立时,需先建立一个新的Web)
(2) 利用 Navigation View 组织网站结构
切换到 Navigation View 中,你可以看到如下图的网站结构。在 Navigation View 中,你可以轻易地修改网站结构;你可以新增网页或经由拖曳的方式重新编排连结。只要动几下鼠标,你就可以轻松地展开或折迭导览结构图。甚至你可以使用 " size to fit " 命令,缩小网站结构图并填满整个 Navigation View 。
你只要动几下鼠标左键,就可以产生导览列并自动汇入每一个网页内。FrontPage 2000 可以让你指定连结的层级及超级链接的方式,然后自动地将这些网站导览对象置入网页中。这就是FrontPage Explorer中Navigation View提供的新功能,它可以在任何时候,当你改变网站结构时,自动更新Navigation Bars。
如果你的网站结构图只有两层,一为属于 Home Page 的Top Level,这是任何网站的最高层,第二层由三个网页所组成。若你需要,你可以根据下述操作方法新增第三层结构:
利用鼠标按一下 网页 节点。
按一下工具列上的钮,并观查 网页下方显示的新节点。
再按一下工具列上的 钮,网页下方显示第二个新节点。
你也可以将已经存在的网页,利用鼠标拖曳的方式,将它拖曳进入 Navigation View,而变成结构图中的一个节点。请依下述步骤操作:
在 Navigation View 的档案区中挑选一现成的网页。 按住该网页并往 Navigation View 拖曳,在放开鼠标按键之前,结构图上会以虚线显示拖曳的位置。
拖曳至预期中的位置之后,放开鼠标按键即可。
(3) 从 WWW 网站汇入档案
从FrontPage 2000开始,你可以从WWW上任意下载网站数据。若要将汇入的资料加入到网站内,你也可以利用档案 / 开启 Web方式汇入资料。欲从WWW网站汇入数据时,请依下述步骤操作:
1. 开启欲接收数据的网站。
2. 按一下 FrontPage 的「档案」「开启 Web」,屏幕显示 FrontPage Web 对话框。
3. 按一下 「输入」对话框的 From Web 钮,即可启动 Import Web精灵。
4. 选取 From a World Wide Web Site 选项,然后在Location 栏内输入欲汇入档案的网址。 或用 Browser 开启目录,选择数据夹的路径。
5. 按一下「下一步」,并设定汇入的条件,location 字段便自动输入刚才选择的路径,如果需要一并汇入该数据夹底下的子目录,点选 include subfolder选项。避免一次汇入太多不必要的档案。
6. 如果要剔除不想汇入的档案,就先从列表终点选该档案,按下列表上的Exclude 钮,就可以剔除不想汇入的档案。
7. 条件设定完毕后,按下一步,然后即可按下「完成」钮。FrontPage 就会开始汇入档案。
8. 汇入网站的档案存在于网站的根目录,我们可以拖亦到其它数据夹里。
(4) 会出文件或图像
1. 在FrontPage 的 Folder View 等检视模式下,点选想要会出的档案。
2. 执行 File -.Export 指令,出现 Export Selected as 对话窗。
3. 从对话窗选择汇出档案的路径后,按下「储存档案」钮。
(5) 新增网页
要在FrontPage 里新增网页,选择档案 –开新档案 – 网页指令,新增网页就出现在网站数据检视画面中,并可以更换其名字。
(6) 复制网页
有时候要编辑方便起见,我们可以在编辑网页之前,先复制一份。复制网页的方法如下:
1. 点选要复制的网页,在档案上面按下鼠标右键,从指令清单中选择 COPY 指令,复制该档案。
2. 开启复制目标的数据夹,或在同一地点,选择 编辑 –贴上 指令,贴入刚才指令。
(7) 删除网页或数据夹
1. 点选要删除的网页或数据夹
2. 按下 DEL 键,画面出现警告讯息,此时按下 YES 钮即可删除档案或数据夹。
3. 如果是大量的删除可以用Ctrl 或 Shif 配合 DEL 键,就可完成,在询问中可选 Yes to All。
(8) 变更网站标题名称
1. 执行 「工具」 – 「Web设定」 指令,出现Frontpage Web设定对话窗。
2. 点选「一般」标签,并在 Web 名称字段输入新的标题名称。
3. 按下 OK 钮完成设定。
(9) 打印网站导览架构图
架构图可以帮忙我们看到整个网站的架构概念,使我们容易了解、整理网站内容。其操作步骤如下:
先到
1. 执行档案 – 打印预览指令,秀出预览打印图。
2. 按下工具列上的 打印钮,即可出现打印设定窗口,按下OK打印就可。
(四)、建立连结
(1)、建立网页连结
1、 选择菜单「插入」、「超级链接」出现「建立超级链接」对话框
2、 在对话框中,在URL选「Web网页」如:www.ncytc.edu.tw
3、 或按 进入档案连结,由「搜寻位置」右边的找「磁盘」、「目录」、「Web档案」。(计算机内部档案)
(2)、网页内部互连(用Bookmark)建立连结
1、 选择内部要连结「文字」、或「图片」
2、 选择菜单「插入」、「书签」出现「书签」对话框。
3、 输入名称后,按「确定」。
4、 在选其它要连到这区域的「文字」或「图片」。
5、 选择菜单「插入」、「超级链接」出现「建立超级链接」对话框
6、 在对话框中,在「书签」选刚才建立「书签」。
(3)、建立 BBS 站台连结、Email连结
1、 选择菜单「插入」、「超级链接」出现「建立超级链接」对话框
2、 在对话框中,在URL输入「BBS」网址如:(Telnet:140.130.41.13)
3、 或在URL输入「邮件账号」如:(mailto:a123456@sun11.ncytc.edu.tw)
(五)背景设定
按下 Frontpage 工具列上的「网页」钮,就可切换到 Frontpage编辑器。使用者可以从Frontpage 中,选择 档案 – 开启 指令或是按下工具列上的「开启」钮,秀出 OPEN 对话窗,在从对话窗中间的档案列表点选想要开启的网页后,按下 OK 钮,就可开启网页。
(1) 开启空白的页面
按下Frontpage 工具列上的「开启新档」钮就可以产生新的空白页面。或选择 档案 –开新档案 指令出现窗口后,从网页模板列表中选择一个(如:Normal Page)后,再按下「确定」钮。
(2) 设定个别网页布景主题
1. 在 Frontpage 里面,执行格式–布景主题 指令,秀出「布景主题」 对话窗。
2. 点选对话窗里面的「套用布景主题」套用指定的布景)选项,并从列表中挑选一组布景主题。
3. 按下「确定」钮后,原先网页上的布景就被替换成刚才指定的形式。
(3) 为 FrontPage 网站套用外观背景
你可以利用超过50个专业的布置主题,快速地建置一个漂亮的网站,这些布置主题可以套用于整个网站或单一网页。你不需要成为图案设计师,就可以拥有背景、项目符号、横标、超级链接和导览列,并展现美丽及一致的外观。
步骤:
1.开启FrontPage Explorer。
2.切换到Themes View。
3.从Use Selected Theme列示方块内挑选一个Theme。
4.按一下Apply钮。
(4) FrontPage 内套用不同的外观背景
如果你觉得整个网站都套用同一个Theme显得太"单调",不妨也可以为某些网页套用不同的Theme。虽然一个网站内可以套用多个Theme,但是你必须准备更多的网站空间。因为每增加一种Theme,FrontPage网站就会开一个数据夹储存Theme所需的图像。因此,追求丰富多变的外观背景是需付出代价的。
你可以一次为一个网页设定不同的Theme。要个别为网页设定不同的Theme,必须先开启欲改变Theme的网页,然后在FrontPage Editor内按一下Format / Theme,你就可以在Choose Theme对话框内选取欲套用的Theme。
(5) 用 Theme Designer 制作自我风格的外观背景
FrontPage 配备有50多套的Theme,如果你觉得这些Theme不敷使用,你可以利用Theme Designer来增添Theme数据库,方法非常地简单。
在原版 FrontPage 2000 光盘片中 SDK 数据夹内的 Themes数据夹中,提供了 FrontPage Theme 的自订工具,你只要执行其下 Designer 数据夹内的 tdsetup.exe,就可以将 Theme Designer 安装起来。欲自订 Theme 时,按一下FrontPage Explorer 的 Tools / Show Theme Designer 菜单项目,即可启动 FrontPage Theme Designer。
步骤:
1. 按一下 File / New Theme。
2. 在预览画面里,由上往下分别对画面上的对象按二下鼠标左键,即可开启该对象的属性对话框。这些物件共有10项。
3. 在各个属性对话框内设定图像、文字、排列方向…等项目。
4. 在设定Step 3的各个项目时,你可以切换Vivid Colors等选项,进行两组不同的设定。每项设定可以切换的选项有所不同。
5. 各项均设定完毕之后,可利用工具列上的Save Theme钮,将Theme储存起来。储存Theme时,你必须输入Title及Show Name,Title将列示在Theme View的清单中。
(五)使用 Publish 功能出版你的网站
编辑好页面后,按下工具列上的 SAVE 钮,储存网页。也可以用 SAVE AS 存在其它地方。而出版网站是一件很容易的差事,如果你是第一次出版网站,只要依照下列步骤即可。将来进行第二次出版任务时,只要按一下 FrontPage Explorer 工具列上的 Publish钮即可。
步骤:
1. 准备好你建置的网站,它目前应该正由 FrontPageExplorer 开启中。
2. 按一下工具列上的 Publish 钮,屏幕上显示 Publish对话框。
3. 按一下 More Webs 钮,以便自已指定出版的目的地。
4. 在 Publish FrontPage Web 对话框内,输入指定的网址。
5. 如果你的网络服务器提供 SSL 服务,请打开Secure connection required (SSL) 核对方块,否则请保持取消状态。
6. 按一下 OK 钮,并等待网站出版完成。
习题:请用Frontpage 设计一个介绍儿童画的网站。
Frontpage 2000 进阶网站设计技术
(一)、加入一个网页计数器
网页计数器可以帮我们统计有多少人次拜访过我们的网站,在教育网站中,只要是 *.edu.tw 都可以用装中山大学所提供的计数器:
插入网页计数器的原理如同插入一张图片,是使用 <img src = “ xxx”> 的命令来叫出这张图片,而这图片是放在其它的网站上,而且要下一些参数来控制数字图片的形式与数字变化,所以只要在我们的网页加入一行
<img src=http://counter.nsysu.edu.tw/Count.cgi?dd=13> 以后只要每一加载网页,数字就会开始累加, dd =13 这参数是代表图片的形式,可设范围由 0~172。
如果是在自建的 WWW Server + Perl 语言上,就可以用自己的网页计数器。
(二)、五(几)秒自动转移
在网站搬家的时候,而使用者可能不知道妳的新网址,仍旧只连到旧的网站,因此我们就可以在旧网站上使用下列方式,将网页转到另一网页(新的)上,只要在原始的 Html 中<head>...</head>的中间加一行前加入一行:
<meta http-equiv=”refresh” content= “5 ; url=http://www.ncyu.edu.tw”>
content =” 5” 代表 5秒钟后自动转移,时间可自订长短。
url =http://www.ncyu.edu.tw 代表 5 秒后所要连到的网址。
制作一场幻灯片秀
在Frame上试试,可以得到更多有趣的效果,您可以使用<META>卷标的HTTP-EQUIV Refresh功能连续加载网页,在其中的一个Frame中制作一场幻灯片秀的效果。
假设您有四份文件想做幻灯片:slide1.html、slide2.html、slide3.html、slide4.html,当您设定Frame的画面分割时,把 slide1.html放在您想要幻灯片出现的Frame中;接着开启slide.html文件,在最上面加入下面的程序代码:
<META HTTP-EQUIV="Refresh" CONTENT="3;URL=slide2.html">
然后,开启slide2.html,在最上面加入下面的程序代码,余此类推:
<META HTTP-EQUIV="Refresh" CONTENT="3;URL=slide3.html">
假如您想让幻灯片秀在 slide4.html结束,请别在那个档案中加入<META HTTP-EQUIV>标签。假如您想让它回到第一张幻灯片,继续反复播放;请在slide4.html中,加入标签而且将其URL设定到slide1.html。这样就可以在一个Frame中设定好一场幻灯片秀,且每3秒切换一个影像。
(三)、修饰您的网页-§ 修饰网页的应用-1"加背景和水印" §
在BODY卷标中有两个属性是我们要利用到的『<background>和<bgproperties>』两种属性,前者用于设定背景图档、后者用于设定酣入水印效果。
先来看看原始码如何运作,再来说注意事项:
<body background=" bg.gif ">...设定背景图档
<bodybackground=" bg.gif " bgproperties=" fixed ">...设定背景图档+水印
当我们在选图档时候,需考虑到下列2点:
1.由于浏览器会将您所指定的图档,像铺磁砖一样,遍布整个网页的画面,所以在取材时就必须考虑到选择的图片所含的颜色是否很多,若是颜色多,当您在输入文字时要搭配背景就会更加困难,这样反而会得到反效果,导致您的网页比原来更难看。
2.需考虑到您的显示器是800x600、640x800 或1024x768 的分辨率;一般现在网络上通常是采用 800x600 分辨率的尺吋,所以建议您做网页时考量这一点,还有使用背景图时,其档案最好别过大,一般必须低于30kb才是较适当的;因为将心比心您也不可能等待一份需下载很久的网页吧!
备注:若不想加水印,直接将bgproperties="fixed" 去除即可。
(四)、图档的使用技巧
加入图片是件非常有创意的呦!首先用Frontpage 2000在网页中加入图片,就必须熟悉图形卷标“<IMG>”以下就列出图形卷标一半左右的附属属性,我们以右边那个棒球小少年的图示 (ex_image.gif)来举一个综合应用参数(属性)的例子来看看吧!请参照以下那段原始码来参照下面说明:
<img src="ex_image.gif" width=100 height=100 hspace=10 vspace=5 border=2 align="top" alt="棒球小少年" lowsrc="wx_imagelow.gif">
src="logo.gif"
图片来源,接受GIF,JPEG及PNG格式,前两者通行己久,后者由 96 年开始发展, 于未来取代前两者。
若图片文件与该HTML文件同处一目录则只需写上文件名称,否则必须加上正确的途径,相对及绝对皆可。(例如若是图片位于该份HTML文件的上一个数据夹则写成../ex_image.gif;若在该HTML文件的次一个数据夹则写成image/ex_image.gif,之后就都以此类推。)
width=20 height=49
设定图片大小,此宽度、及高度一般采用 pixels 作单位。通常只设为图片的真实大小以免失真,若需要改变图片大小最好事先使用图像编辑工具。(若为GIF格式建议网友们使用 Adobe Image Ready ;若为JPG格式则使用 Adobe Photoshop ;至于为何建议各位使用,请参阅静网虚拟专题中心『架站32套热门软件』)
hspace=10 vspace=5
设定图片边沿空白,以免文字或其它图片过于贴近。hspace 是设定图片左右的空 间,vspace 则是设定图片上下的空间,高度以及宽度皆采用 pixels 作单位。
border=0 图片边框厚度。
align="top"
调整图片旁边文字的位置,你可以控制文字出现在图片的偏上方、中间、底端、 左右等,可选值:top , middle , bottom , left , right,内定为 botom。Netscape 还支援 texttop , baseline , absmiddle , absbottom。( texttop 表示图片和文字依顶线对齐,baseline 表示图片对齐到目前文字行底线值,absmiddle 表示图片对齐到目前文字行绝对中央,absbottom 表示图片对齐到目前文字行绝对底部。)
alt="棒球小少年"
这是用以描述该图形的文字,若用者使用文字浏览器,由于不支持图片,这些文 字更会代替图片而被显示。若于支持图片显示的浏览器,当鼠标移至图片上该些文字亦会显示。
lowsrc="pre_logo.gif"
设定先显示低解像图片,若所加入的是一张很大的图片,下载需时很长,这张低 解像图片会先被显示以免浏览失却兴趣,通当是原图片灰阶版本。
(五)、超级链接的应用
超级链接是很容易辨识出来的,除非有经过特殊的格式或设计过才会有所改变,就一般而言,在网页中有些字会有特别的颜色或字的底下会有条线,当光标移到那些字上时,会变成手指形状,按下去,则会连到别的文章或网站,这就代表超级链接了...;而超级链接所用到的标签为<A>;根据W3C的公布A卷标的属性共有131种。
而它又可区分成2大类『内部连结』以及『外部连结』;所谓『内部连结』就是自己网站间网页的连结,而外部连结我们可将它区分为6大类,在本文的下方会提到。
先来看看内部连结的两种形式,例如有一份文件在计算机上的ch1-4-3.htm ( http://jing/teach/language/dhtml/chapter1/ch1-4-3.htm ),若要在此份文件中建立一个连结共有两种方式可做到一个是『相对路径』,一个是『绝对路径』。假设我们要建立一个连结到互动语言首页default.htm,来看看下面的做法为何:
-相对路径写法=../default.htm
-绝对路径写法=http://jing/teach/language/dhtml/default.htm
外部连结的6大基本连结方式:
要建立连结以前必须先懂得使用A卷标的属性HREF(路径属性)
◎基本连结=<A HREF="http://andrew.sc.ncytc.edu.tw">andrew网</A>
◎邮件连结=<A HREF=mailto:andrew@leonid.ncytc.edu.tw andrew信箱</A>
◎FTP 连结=<A HREF="ftp://andrew.sc.ncytc.edu.tw">andrew软件下载中心</A>
◎news 连结=<A HREF="news:news.seed.net.tw">News服务</A>
◎Gopher 连结=<A HREF="gopher://gopher.seed.net.tw">Gopher服务</A>
◎BBS 连结=<A HREF="telnet://bbs.seed.net.tw">BBS服务</A>
建立实用性网页内部书签:
有时候,当某页的内容很多时,我们可以利用网页的内部连结,来让使用者快速的找到数据。其原理不过是:在欲连结处做个记号,然后,连结时就寻这记号,就可以快速找到数据。通常来说都是将它应用在网页的最下面,在最下面建立一个连结(可以是图形或文字,以本页来说是以图形),然后可以按一下就回到上方。
在网页中建立书签,往往仅需要两个步骤,如下:
步骤一、网页的最上头建立一格定点-<a name="top">
步骤二、网页的最下面建立连结来连到TOP这个书签
-<a href="#top">go to top</a> 若是以图档则写成
<a href="#top"><img src=up_button.gif"></a>
(六)、图文并貌的融合
您是否常常在网页里看到许多图档排版的技巧,其实要达到这种效果有两种方式,一为应用图形卷标的属性来做设定;二为应用表格来达到相同的效果,但至于我们该选用哪一项呢?各有利弊吧,好比如利用影像卷标属性则可增加您的工作效率和水平方向宽度的精准;而已表格来排版,其功能是一致性和垂直方向长度的精准。所以说很难断定,我们先从图形卷标属性来介绍,而表格就等到下一段再来叙述:
●所谓图文并貌就是我们将图片和文字一起编排在一起,例如将图档放在左边、放在右边、放在文字下面、或是以绝对位置来编排,首先以下面表格内的图文来做范例;请顺便参考原始码。
本单元是以实务制作网页为宗旨,以完整程序原始码为主轴,将DHTML的功能解释的非常清楚,而此单元您必须搭配『原始码大镇』因为所有之范例下载都在其中。值得提出来和大家分享的是,这个单元以渐进方式来缠述DHTML程序,让网友们可以确切得到您所要的信息。
原始码程序如下:
<img border="1" src="image/ex_image2.gif" hspace="10" width="163" height="118">
<p>本单元是以实务制作网...</p>
范例一、将图文件靠右方显示以及靠左方显示~这个时候我们只要在上述的原始文件加上图形卷标属性align即可,它的属性质共有两种,一为 right-表示图形靠右;二为 left-表示图形靠左,完整写法如下:
<p><img border="1" src="image/ex_image2.gif" hspace="10" align="right or left" width="163" height="118">内文</p>
本单元是以实务制作网页为宗旨,以完整程序原始码为主轴,将DHTML的功能解释的非常清楚,而此单元您必须搭配『原始码大镇』因为所有之范例下载都在其中。值得提出来和大家分享的是,这个单元以渐进方式来缠述DHTML程序,让网友们可以确切得到您所要的信息。
本单元是以实务制作网页为宗旨,以完整程序原始码为主轴,将DHTML的功能解释的非常清楚,而此单元您必须搭配『原始码大镇』因为所有之范例下载都在其中。值得提出来和大家分享的是,这个单元以渐进方式来缠述DHTML程序,让网友们可以确切得到您所要的信息。
范例二、用绝对位置来表示~当我们想要相当精确的把图文件固定在某个位置时,就必须使用到CSS中的样式卷标
<p><span style="position: absolute; left: 12; top: 16"><img border="1" src="image/ex_image2.gif" hspace="10" width="163" height="118">内文</p>
本单元是以实务制作网页为宗旨,以完整程序原始码为主轴,将DHTML的功能解释的非常清楚,而此单元您必须搭配『原始码大镇』因为所有之范例下载都在其中。值得提出来和大家分享的是,这个单元以渐进方式来缠述DHTML程序,让网友们可以确切得到您所要的信息。
范例三、整合文件~一般而言当图文件定位样式属性共有4种,靠右定位、靠左定位、绝对寻址以及相对定位,各表示法如下所示:
1.<img style="float: left">----靠右定位
2.<img style="float: right">----靠左定位
3.<img style="position: absolute">----绝对寻址
4.<img style="position: relative">----相对定位
还有一种较进阶定位的方式,退位定位,这个排版上我们必须和绝对寻址属性一起搭配才能产生效果,而我们所用到的属性名称为『z-index』,这个属性又可以分成三种方式来表示,就是X,Y以及Z,分别用来精准设定退位的3度空间位置,这是所有定位属性中最精确的新式属性,范例如下:
本单元是以实务制作网页为宗旨,以完整程序原始码为主轴,将DHTML的功能解释的非常清楚,而此单元您必须搭配『原始码大镇』因为所有之范例下载都在其中。值得提出来和大家分享的是,这个单元以渐进方式来缠述DHTML程序,让网友们可以确切得到您所要的信息。
<img border="1" src="image/ex_image2.gif" hspace="10" width="106" height="82" style="position: absolute; z-index: -1">内文</p>
备注:这个属性卷标有个非常大的坏处,就是只适用于Internet Explorer4.0以上版本。若是以NC浏览器来预览则不会产生效果。
(七)、Video 视讯安装
在网页中加入影像动画档案时所须要注意的事是和图形的使用是类似的。
档案格式:
首先必须将动画档案制作或转换成 Web上所能接受的档案格式。例如 : QuickTime、AVI、MPEG等,并且在设定文件名称时别忘了加上该格式的附档名。档案在跨越工作平台时,须注意DOS 上设定文件名称的规则,文件名称为8+3个字之用法。
QuickTime AVI MPEG
*.mov
*.qt *.avi *.mpg
档案数据量及画面尺寸在制作网页中的动画档案时,则需尽量避免档案的数据量过大, 所以在画面尺寸大小设定上会设为160x120点,并且是15 fps(Frame per Second,格/秒 ),如果你原本的动画档案为较大长宽的画面、或30fps或24fps设定,则可经由某些 软件将此动画文件转换成较小的画面及少格的播放方式来降低数据量。
影像档案的连结:
在网页的设计上,可使用一个图形或是一字符串连结到动画档案让使用者加载后再观赏.所以在此项设计上则可藉由超级链接的设定指向影片动画档。
<A HREF="影片动画文件">图形或字符串</A>
按下[看影片了]<a href="sports.avi">,即可载入这动画档来观看,在动画档案中按下播放PLAY的按键后,即会看到动画的播出。伴随着这一卷标的属性则是LOOP属性,用以设定这段动画播放的次数,亦或是无限次数的播放。
将影像动画档案嵌入网页中:
要将影片动画档案直接放在网页上则须藉由 <EMBED> 标签嵌入的使用。在Windows中可使用此一标签将AVI、mov档案格式的动画影像文件嵌入网页中。但必须先安装所需的播放软件。
<EMBED SRC="动画影像文件名.avi">
<ENBED SRC="动画影像文件名.mov">
<EMBED SRC="firework.avi" width=160 height=120></EMBED>
属性的使用由于EMBED为Netscape自订指令,仅列出部分说明供参考。
长宽尺寸的设定 WIDTH/HEIGHT
<EMBED SRC="test.mov" WIDTH=l60 HEIGHT=120>
连续播放设定 / Loop = TRUE / FALSE
设定是否连续播放LOOP="TRUE"则会连续播放此动画影像文件,直到使用者将它停止。TRUE/FALSE的设定等于是YES/NO之意。
自动播放 / AUTOPLAY = TRUE / FALSE
设定使用音加载网页后此动画影像文件是否会自动播放。AUTOPLAY="TRUE" 则会自动播放。
控制面板的显示 / CONTROLLER = TRUE / FALSE
设定动画影像文件的控制面板是否显示于网页中。CONTROLLER="FALSE"则不显示。
(八)、音效安装
档案格式:
首先必须将动画档案制作或转换成 Web 上所能接受的档案格式。例如 :wav、au或midi(*.mid)等,并且在设定 文件名称时别忘了加上该格式的附档名。
背景音乐:
在网页中可加入一段背景音乐。当网页加入背景音乐,这段音乐会
在浏览时自动地播放。
在Microsoft IE的HTML语法中所使用的卷标为 :
<BGSOUND SRC="声音档案">
设定音乐播放次数:
伴随着这一卷标的属性则是LOOP属性,用以设定这段音乐播放的次数,亦或是无限次数的播放。
<BGSOUND SRC="声音档案 LOOP=次数>
无限次数的播放 <BGSOUND SRC="声音档案" LOOP=INFINITE><BGSOUND SRC="声音档案" LOOP=-1>
在Netscape中背景音乐要藉由<EMBED>卷标嵌入的使用。在Windows中可使用此一标签将声音档案嵌入网页中。但必须先安装所需的播放软件。
<EMBED SRC="声音文件" AUTOSTART="TRUE" CONTROLS="SMALLCONSOLE" LOOP="FALSE" WIDTH="100" HEIGHT="80"></EMBED>
属性的使用由于EMBED为Netscape自订指令,仅列出部分说明供参考。
连续播放设定 / Loop = TRUE / FALSE
设定是否连续播放,LOOP="TRUE"则会连续播放此声音档案,直到使用者将它停止。TRUE/FALSE的设定等于是YES/NO之意。
自动播放 / AUTOPLAY = TRUE / FALSE
设定使用音加载网页后此声音档案是否会自动播放。AUTOPLAY="TRUE" 则会自动播放。
控制面板的显示 / CONTROLLER = TRUE / FALSE
设定声音档案的控制面板是否显示于网页中。
CONTROLLER="FALSE"则不显示。
SMALLCONSOLE则设定小型的控制面板。
由于不同浏览器支持背景音效的指令不同可以写一小段JAVA判断是何种浏览器在执行其支持之背景音效指令。
<script language="JavaScript">
<!--
var uagent=navigator.userAgent;
if (uagent.indexOf("MSIE") == 25){document.writeln('<BGSOUND SRC="midi/aladdin.mid" LOOP=1>');}
else {document.writeln('<EMBED SRC="midi/aladdin.mid" autostart=true HIDDEN=TRUE LOOP=1>');}
//-->
</script>
连结一个声音档案
以超级链接方式将声音档案加入网页中在此仍然须是使用
<A HREF="声音档案"> ... </A>之标签指向声音档案。
只要使用者按下所设定的字体或是图形,则会连结加载这声音档案后,使用者方能播放这段声音。在Windows中是将声音档案以媒体播放程序(Mediaplayer)来播放。ring.wav
<a href="ring.wav">ring.wav</a>
aladdin.mid
<a href="aladdin.mid">aladdin.mid</a>
页:
[1]