中文FrontPage 2000简明教程
#1 一、认识FrontPage 2000
#1 1.FrontPage 2000 的界面
启动FrontPage 2000后,首先看到的就是主界面(如^520109a^):
主界面主要包括如下几个部分:
(1)菜单栏
菜单栏排列着10组菜单,它们分别是文件、编辑、查看、插入、格式、工具、表格、框架、窗口和帮助。
(2)工具栏
菜单栏下面就是工具栏,它是以图形按钮的形式将菜单中常用的部分功能直观地表现出来。在FrontPage 2000中共有九种工具栏,它们分别是:常用工具栏、格式工具栏、定位工具栏、导航工具栏、样式工具栏、DHTML效果工具栏、表格工具栏和报表工具栏。
在你使用到此工具栏上的功能按钮时,它才会自动弹出来;你也可以通过选择“查看(V)”菜单下的“工具栏(T)”选项,来选定需要显示的工具栏。
(3)状态栏
FrontPage 2000主界面的最底端就是状态栏。它主要是对菜单命令和工具栏按钮所完成的任务进行说明。
#1 2.FrontPage 2000的窗口
(1)视图窗
视图窗口中包含6个图标,它们是:①“网页”按钮:按下此按钮后,页面编辑器就打开了,用户可以在右边的编辑窗口中对网页进行编辑和预览了。②“文件夹”按钮:打开站点后,可用此视图组织站点中的文件和文件夹。③ “报表”按钮:打开站点时,此视图报告站点中文件和超链接的状态,分析网页并管理其内容。④“导航”按钮:打开站点时,此视图会显示网站的导航结构,你还可以在导航窗口中对页面进行添加、删除、移动等操作。⑤“超链接”按钮:打开站点时,此视图显示来自和转向站点中的每一页的超链接;也可以查看从任何网页连入以及连出至任何网页的超链接。⑥“任务”按钮:创建和管理任务。使用“任务”不仅可以组织你的工作任务,还可以跟踪工作细节。
[注]:“视图”窗中的图形按钮不能显示完时,用户可以点击视图框中的向上按钮和向下按钮进行翻页查看。
(2)编辑器
当“视图”窗中的“网页”图标按下后,FrontPage 2000的网页编辑器就打开了。使用网页编辑器可以在网页中输入文本,插入组件、多媒体、表格,建立超链接等。
编辑器的视图左下方有三个选项卡,代表三种视图方式:普通、HTML和预览。编辑器默认的是“普通”视图。
在“网页”编辑器的“普通”视图方式下,你可以像使用Word那样,输入要在网页中出现的文字,并编排文字的格式,插入表格,插入图像及各种元素。
如果切换到“HTML”视图,你就可以看到编辑器自动生成的HTML代码。在HTML视图方式下,你可以直接输入HTML代码。当然,你也可以用编辑器的菜单命令和工具栏上的按钮对代码进行复制、粘贴、删除、选择、查找、替换等操作。
“预览”视图方式是用已经安装的网页浏览器来显示网页。如果你的电脑中没有安装网页浏览器,就不能切换到“预览”视图方式。使用“预览”的主要目的是查看网页的实际效果。
#1 二、FrontPage 2000制作网页起步
#1 1.建立站点原型
启动FrontPage 2000,用鼠标左键单击“文件(F)”菜单,指向“新建(N)”,再选择“站点(W)”选项,出现“新建”对话框,在框内列出了八种站点原型。
选择“personal web”(个人站点)原型,再在“指定新站点的位置(S)”下的输入框中输入你想存放站点的盘符和目录,用鼠标左键单击“确定”按钮。接下来系统就会自动将网站的原型构造出来,存放在你指定的目录下。
用鼠标左键单击“视图”窗口中的“导航”按钮,看到生成的站点结构:“Home Page”是主页的标题,“Interests”、“Photo Album”、“Favorites”是主页下一层的三个页面的标题。
鼠标左键单击代表某一页面的方块(如“Home Page”),方块会变成蓝色,再单击页面的标题,即可输入你想好的页面标题。
用以上方法可以将所有页面的标题名称更改。这样,一个简单网站的原型就创建出来了。如要丰富网页内容,可按下面的方法对网站结构进行扩充:
(1)在空白处单击鼠标右键,在快捷菜单中选择“添加顶层页面(N)”选项,可同级增加一个“顶层网页1”。将它的标题名称改为所需名称(如“访客登记”)即可。如法炮制可增加其他顶层网页。
(2)选中已经建立的“顶层网页”(方块变为蓝色),按鼠标右键弹出快捷菜单,选择“新建网页(N)”选项,可增加一个“新建网页1”页面(按以上方法进行改名为所需名称,如“网址导航”)。如法炮制可建立其他网页原型。
#1 2.编排文本
在“网页”编辑器中,对文本的输入和页面的编辑,也是与其他文字处理软件一样。适当应用文本格式化操作,就能使自己制作的页面内容更加便于阅读和理解,同时也更能吸引访问者。
(1)输入文本
首先运行FrontPage 2000,打开已经建立好的网站。用鼠标左键单击左边“视图”窗中的“导航”图标,右边窗口出现导航图。在代表“顶层网页”页面的方块上用鼠标左键双击,即启动“网页”编辑器。
在页面的正文区,删除原来的提示,即可输入你所需要输入的主页文本。当然也可以将其他现成的文本置入其中(比如从剪贴板粘贴)。
(2)设置字体
用鼠标拖动选定需要设置字体的文本(选择了的文本的背景会变色),再用鼠标左键单击“格式(O)”菜单中的“字体(F)”选项,在弹出的“字体”对话框中可以设置字体、字型、大小、颜色和效果,也可以设置字符间距。
(3)修饰段落
在“网页”编辑器里,每按一次回车键就会产生一个新的段落。要改变段落,首先将光标移动到要进行改变的段落里。用鼠标左键单击“格式(O)”菜单中的“段落(P)”选项;在弹出的“段落”对话框中可以设置段落对齐方式、缩进、段落间距。
(4)插入符号
合理利用FrontPage 2000中的“网页”编辑器,将使得在网页中插入符号变得非常简单。例如:要在网页文本中插入一个符号“(^520109b^)”。先用鼠标左键单击要插入的地方,然后在“插入(I)”菜单中,单击“符号(S)”;弹出“符号”对话框;对话框内用鼠标左键单击要选择的符号“(^520109b^)”,再按“插入(I)”按钮,单击“关闭(C)”按钮返回到当前页面。这时,可看到符号“(^520109b^)”已经成功插入。
(5)插入注释
注释是只出现在“网页”编辑器“普通”视图方式下,是自己在设计页面时插入的解释性文本和对自己提示的信息。访问者通过网页浏览器浏览页面时,是看不见其中的注释的。
插入注释的方法:
打开一个网页,用鼠标左键单击需要插入注释的地方,用鼠标左键单击“插入(I)”菜单,选择“注释(C)”选项,在弹出的“注释”对话框的文本框中输入你的注释(例如“请在此放网站简介内容”),再单击“确定(O)”按钮,返回到当前页面,这时可发现注释文字在页面中呈紫色。用鼠标双击该注释,可以对注释进行编辑或修改。
(6)使用水平线
打开一个页面,用鼠标左键单击欲插入水平线的地方,再单击“插入(I)”菜单里的“水平线(L)”命令,即可在当前的页面上插入一条水平线。
#1 3.图片的插入与控制
光有文字的网页会使人看起来很累,因此,在制作网页时,适当加入图片可使网页更加活跃和丰富多彩。
(1)插入图片
打开一个网页页面,用鼠标左键单击要插入图片的位置,再单击常用工具栏上的“插入文件中的图片”按钮,在弹出的“图片”对话框中选择你需要插入的图片文件(右边窗口中会显示出该图片)。如果在“图片”对话框中没有你想要插入的图片,还可以用鼠标左键单击“图片”对话框右下角的按钮,在弹出的“选择文件”对话框中选择其他文件夹的图片。
(2)设置图片属性
打开一个已经插入有图片的网页,用鼠标右键单击你要调整的图片,将弹出快捷菜单,选择“图片属性”命令,在弹出的“图片属性”对话框中单击“外观”标签页,改变图片的大小、布局等。
(3)改变图片效果
将图片成功地插入网页后,你也许会觉得视觉效果并不是很好,或亮度不够,或对比度差,或想改变为黑白色,或想把图片进行旋转等。改变图片效果的方法为:
打开一个含有图片的网页,用鼠标左键单击要调整的图片,选择柄显示在图片周围。这时在屏幕底端的“Picture(图片)”工具栏上用鼠标左键单击需要的效果按钮(如“水平翻转”图标按钮),图片就改变效果。
#1 4. 使用列表
使用列表可以把相关的主题分组归纳,以增强阅读性和感染力。在FrontPage 2000中,你可以建立多种类型的列表。最常用的是数字列表(或编号列表)和项目列表。
(1)创建数字列表
打开一个网页,在“网页”编辑器“普通”视图方式下,用鼠标拖拽选择出要作为数字列表的一段文本。然后在格式工具栏上,用鼠标左键单击“编号方式”按钮,就可创建一个数字列表。
(2)创建项目列表
打开一个网页,在“网页”编辑器的“普通”视图方式下,用鼠标拖拽选择出要作为项目列表的一段文本。然后在格式工具栏上,用鼠标左键单击“项目方式”按钮,数字列表就变为一个项目列表了。
(3) 改变列表类型
进入“网页”编辑器,在“普通”视图方式下打开一个页面,用鼠标拖拽选择出要改变列表类型的一段文本,然后用鼠标左键单击“格式(O)”菜单,再单击“项目符号和编号方式(N)”选项,在弹出的“列表属性”窗口可选用一幅图片作为列表。
用鼠标左键单击“图片项目符号”标签,选中“指定图片(I)”选项,再单击“浏览(B)”按钮,弹出“选择图片”对话框,选择好你觉得满意的一幅图片后,用鼠标左键单击“确定”按钮返回“列表属性”视窗,再单击“确定”按钮返回到当前页面。此时在页面上可以看到在选择的文本最前端增加了图片。
#1 5.创建超链接
页面间采用超链接方式相互链接起来,可使访问者浏览网页变得简单。为了使你的网页丰富多彩,你还可以使用图形作为超链接。
网页上的超链接一般分为三种:
·绝对URL的超链接。
·相对URL的超链接。例如将你网页上的某一段文字或某标题链接到同一网站的其他网页上去。
·同一网页的超链接,也就是使用书签建立的超链接。
[注]:在网页中,一般文字上的超链接都是蓝色,文字下面有一条下划线。当移动鼠标指针到该超链接上时,鼠标指针就会变成一只手的形状,这时候用鼠标左键单击一下,就可以直接跳到与这个超链接相连接的网页上去。如果你已经浏览过某个超链接,这个超链接的文本颜色就会发生改变,但是图片超链接访问后颜色不会发生变化。
(1)建立与编辑超链接
①建立和编辑页面间的超链接:
页面间的超链接是在同一个网站内的不同页面之间相互联系的超链接。打开一个页面,进入“网页”编辑器中的“普通”方式下,选择作为超链接的文本,在常用工具栏上,用鼠标左键单击“超链接”按钮,在出现的“创建超链接”对话框的名称栏中选择一个你要链接的网页文件(通过查看对话框底部的“URL:”文本框可判断超链接是否已链接到指定页面),单击“确定”按钮,返回到当前页面,超链接就建立好了,文本颜色将改变并且带有下划线。
将鼠标指针移动到超链接文本上,单击鼠标右键,从快捷菜单中选择“超链接属性”选项,在出现的“编辑超链接”对话框即可编辑或修改超链接。
②创建和编辑外部超链接:
创建和编辑外部超链接与创建和编辑页面间的超链接方法基本相同。
在“网页”编辑器“普通”视图方式下打开一个页面,用鼠标拖拽选择作为外部超链接的文本,如“电脑报”。在常用工具栏上,用鼠标左键单击“超链接”按钮,在弹出的“创建超链接”对话框的“URL:”文本框中输入正确的在Internet上的WWW地址,单击“确定”按钮即可。已建立的超级链接文本同样会改变颜色并且带有下划线。
(2)建立电子邮件超链接
创建一个到E-mail地址的超链接,从“网页”编辑器“普通”方式下打开一个页面。在页面上,用鼠标拖拽选择出一个要建立电子邮件超链接的文本。在常用工具栏上,单击“超链接”按钮,将弹出“创建超链接”对话框,用鼠标左键单击“生成发送电子邮件的超链接”按钮,在弹出的“创建电子邮件超链接”对话框输入你自己经常使用的E-mail地址,按“确定”按钮即可建立电子邮件超链接(注意“URL”文本框的变化)。
(3)创建图片超链接
打开一个含有图片的网页,在“网页”编辑器的“普通”视图方式下,用鼠标右键单击要创建图片超链接的图片,弹出快捷菜单,单击“超链接”选项,将出现“创建超链接”对话框,选择要与图片相链接的页面文件后,按“确定”就创建好了图片超链接。
要编辑或修改图片超链接,将鼠标指针移动到图片上,按鼠标右键,从快捷菜单中选择“图片属性”选项,出现“图片属性”对话框后,你就可以编辑或修改超链接了。
(4)创建到书签的超链接
一般情况下,网页的长度不要超过三个卷动的文本页面。有些网页可能会超过这个长度,为了便于浏览和管理,把书签加入到该页面中,就可以使访问者更容易得到不同区域的信息。
①创建一个书签:
打开一个页面,进入“网页”编辑器,在“普通”视图方式下选择一段文本,用鼠标左键单击“插入(I)”菜单,再单击“书签(K)”选项,打开“书签”对话框。在“书签名称(B)”文本框里有所选文本的字样,单击“确定”按钮,便可加上书签。返回当前页面,可发现相关文本下面显示一条下划虚线,这条下划虚线表示相关文本是一个书签,并且当用网页浏览器浏览时,页面上是不会显示出来的。
②清除一个书签:
在页面上用鼠标拖拽选择出已经建立的书签,然后再用鼠标左键单击“插入(I)”菜单,选择“书签(K)”选项,打开“书签”对话框。在“书签名称(B)”文本框里有所选书签的名字,单击“清除(C)”按钮,然后单击该页面的空白区域,书签即被清除。
③创建一个到书签的超链接:
选择需要加入书签超链接的文本,然后按鼠标右键,弹出快捷菜单,单击“超链接”选项,出现“创建超链接”对话框。在“可选”框中单击“书签(B)”下拉列表框,选择一个已经创建好的书签,再用鼠标左键单击“确定”按钮,返回到当前页面,该页面文本与书签的超链接就建立了。
(5)检测超链接
在FrontPage 2000中检测你所创建和编辑的超链接,过程非常简单。在“网页”编辑器“普通”视图方式下打开一个建立有超链接的网页,将鼠标指针移动到要检测的超链接上,按鼠标右键弹出快捷菜单,单击“追踪超链接”选项。超链接指向的页面将被激活,出现在屏幕上。
[注]:如果检测外部超链接,你必须连接上网,否则将出现错误信息。
(6)取消超链接
首先打开要取消的超链接所在页面,确认是在“网页”编辑器的“普通”视图方式下,在页面上选中要删除的超链接,按鼠标右键弹出快捷菜单,再单击“超链接属性”选项,在“编辑超链接”对话框的“URL(U):”输入框中将框内的内容全部删除掉,变为空链接,再按“确定”按钮超链接就被取消了。
#1 三、综合运用
#1 1.使用表格
表格是一种能够有效描述信息的组织方式,使用表格可以无所不及地控制页面布局。表格单元可以是文字、图像、表单、ActiveX控件以及任何FrontPage组件。
(1)建立表格
要在网页中插入一个表格,你既可以利用“网页”编辑器中“表格”菜单上的“插入”命令,也可以用鼠标左键单击常用工具栏上的“插入表格”按钮,还可以利用“Table”(表格)工具栏中的“笔”自己画出不规则的表格。
另外,用户还可以把网页中已经输入的文本转换为HTML表格。为了把文本转换为表格,首先要在文本中添加分隔符来把文本分行、分列。按住鼠标左键不放,拖拽选择要转换的文本后,用鼠标左键单击“表格(A)”菜单中的“转换(V)”命令,选择“文本到表格(X)”选项,打开“将文本转换成表格”对话框,在“分隔文本在”的单选选项中,选定分隔符,然后用鼠标左键单击“确定”按钮,系统就会自动将所选的文本转换为表格。在一行内有几个分隔符,表格就有几列。
(2)表格区域的操作
在表格中,你可以选择一个单元、一行、一列或整个表格的内容,也可以对表格单元格中的内容进行移动、复制或删除等操作,它的操作与Word字处理系统基本相同。
(3)行与列的插入
要插入行,首先选择一行,然后用鼠标左键单击“表格(A)”菜单,指向“插入(I)”,选择“行和列(N)”选项,弹出“插入行和列”对话框,在这里面可以设置要插入的行数、列数和插入位置。设置完成后,按“确定”按钮,返回到当前页面。可以看到表格的行数发生了变化。
(4)单元格的拆分和合并
在设计表格时,通常都是不规则的,需要任意拆分或合并单元格。一个不规则的表格,其实就是由一个规则的表格进行拆分和合并而成的。
①拆分单元格:选择要拆分的单元格,然后选择“Table”(表格)工具栏上的“拆分单元格”按钮。
②合并单元格:选择要合并的几个单元格,然后用鼠标左键单击“Table”(表格)工具栏上的“合并单元格”按钮;或者用鼠标左键单击“表格(A)”菜单上的“合并单元格(M)”命令,把选择的几个单元格合并成一个单元格。
(5)单元格和表格属性的设置
①修改单元格属性:单元格属性控制着单元格的外观显示。选择一个或这多个单元格,单击鼠标右键,从快捷菜单中选择“单元格属性…”,将出现“单元格属性”对话框。
在“布局”选项框中,可以指定单元格中内容的对齐方式,还可以改设“行高(R)”和“列宽(M)”(系统默认值为1)。
如果选中“标题单元格(D)”,单元格文本就会加粗。
如果选中“不换行(N)”复选框,单元格中内容将不自动换行。
在“边框”选项中,可以自己定义单元格的各种边框的颜色,并可以通过选择“亮边框(L)”和“暗边框(K)”的颜色使边框具有三维效果。如果要使单元格有背景色,可在“背景色(O)”下拉菜单中选择一种颜色。
如果要使单元格中有背景图,应该在“背景”框中选中“使用背景图片(U)”复选框,然后用鼠标左键单击“浏览(B)”,在弹出的对话框中选择一个图片。
②修改表格的属性:表格属性可以控制表格的外观,表格的属性包括:布局、边框、背景。 修改表格的属性可用鼠标左键单击表格的任一单元,按鼠标右键,从快捷菜单中选择“表格属性…”,在打开的“表格属性”对话框中进行。其操作类似于修改单元格属性。
(6)单元格和表格尺寸的改变
①改变单元格的宽度:
把鼠标指针移动到单元格的左边框或右边框上,当鼠标指针变为黑色的向左向右箭头形状后,按住鼠标左键不放,出现一条虚竖线后,拖动光标向左或向右,即可调整单元格宽度。
②改变单元格的高度:
单元格的高度与该单元格所在行中的文本或图像高度有关。要改变单元格的高度,把鼠标指针移动到单元格的上边框或下边框,当鼠标指针变成黑色的向上向下箭头后,按住鼠标左键不放,拖动光标向上或向下即可。
③改变表格的尺寸:将鼠标指针移动到表格的边框上,待鼠标指针变成黑色的向上向下箭头后,按住鼠标左键不放,拖动光标就可以改变表格的尺寸。另外,也可以打开“表格属性”对话框,直接指定表格的尺寸。
#1 2.制作表单
表单是用来采集用户的输入信息,从而实现与用户交互的表格。比如,你可以用表格收集用户的个人资料,然后把用户的个人资料输入数据库;也可以用表单收集访问者对网站的反馈意见;还可以用表单设计一个订货单,让用户指定他要购买的东西。表单主要是由表单域和说明性的文字组成。表单域是用户输入或选填一条信息的特定区域,一个表单通常是由多个、多种表单域组成。另外,你还可以加入任何网页元素,比如图像、表格、组件等等。
(1)创建表单
首先启动“网页”编辑器,打开一个页面。用鼠标左键单击“文件(F)”菜单下的“新建(N)”命令,选择“网页(P)”选项,在出现的“新建”对话框的“常规”标签中有许多常见类型的表单模板,如Feedback Form(反馈表单)、Guest Book(宾客手册)、Search Page(搜索页面)、User Registration(用户注册)等,点击它们可创建相应的表单。
(2)使用表单域
FrontPage 2000中提供了9种表单域,它们分别是表单、单行文本框、滚动文本框、复选框、单选按钮、下拉式菜单、普通按钮、图片和标签。
①表单:用鼠标左键在网页插入点单击,然后再单击“插入(I)”菜单,指向“表单(M)”,选择“表单(F)”选项,即可插入一个表单,页面上会出现一个“提交”按钮和一个“复原”按钮。
②单行文本框:单行文本框只能让访问者输入一行文字。用鼠标左键在插入点单击,然后再单击“插入(I)”菜单,指向“表单(M)”,选择“单行文本框(T)”选项,即插入一个单行文本框,并附带有一个“提交”按钮和一个“复原”按钮。
③滚动文本框:滚动文本框可以让访问者输入多行文本。先确定要插入的位置,然后用鼠标左键单击“插入(I)”菜单,指向“表单(M)”,选择“滚动文本框(S)”选项即可插入。
④复选框:确定要插入的位置,然后用鼠标左键单击“插入(I)”菜单,指向“表单(M)”,选择“复选框(C)”选项即可插入。
⑤单选按钮:确定要插入的位置,用鼠标左键单击“插入(I)”菜单,指向“表单(M)”,选择“单选按钮(R)”选项即可插入。
⑥下拉菜单:确定好插入的位置后,然后用鼠标左键单击“插入(I)”菜单,指向“表单(M)”,选择“下拉菜单(D)”选项就可插入下拉菜单。
⑦按钮:确定按钮的插入位置后,用鼠标左键单击“插入(I)”菜单,指向“表单(M)”,选择“按钮(B)”选项即可插入选定按钮。这时,在页面上出现一个含有“按钮”、“提交”、“重置”三个按钮的表单。用鼠标左键双击“按钮”,在“按钮属性”对话框可进行属性修改。
⑧图片:确定图片的插入位置后,然后用鼠标左键单击“插入(I)”菜单,指向“表单(M)”,选择“图片(P)”选项,将弹出“图片”对话框。在对话框中选择好一幅图片后,按“确定”按钮。这时,在页面上出现带图片的表单域。
⑨ 标签:要将文本作为标签添加到表单域,要插入表格域、输入所需的标签文本、只需选取表单域和标签文本,然后选择“标签”命令即可。
(3)表单属性的设置
表单属性主要是为了设置怎样处理表单的结果。可以把结果发送到某个页面、文件系统的文件,也可以把结果发送给某个E-mail(电子邮箱)地址。
用鼠标右键单击表单域,从快捷菜单中选择“表单属性…”选项,在出现的“表单属性”对话框疾苦设置表单的多项属性。
#1 3.应用多媒体
对于不经意拜访到你网页的网友们来说,他们常常不会阅读正文,而可能只凭感觉浏览。如果能在网站上加入声音、动画、视频等多媒体效果,肯定能引起浏览者的更多注意。
(1)自动转换图片文件
利用FrontPage 2000的“网页”编辑器制作网页时,它可以支持PNG、BMP、TIF、WMF、RAS、EPS、PCX、PCD、TGA、GIF、JPEG等这些图形格式的图片文件。当你将FrontPage 2000支持的图形格式图片文件插入到网页中后,再按“保存”按钮, FrontPage 2000将会自动将它所支持的图片文件转换成容量很小的GIF格式图片文件并保存。
(2)为图片指定替换文本
在网上浏览的网友常常为了加快网页的浏览速度,有可能关掉了网页浏览器的图像显示,所以你应该为那些不想看到你网页上图片的用户考虑,在图片位置指定替代文字。这样,当图片没有被装载到网页浏览器上时,文本说明将会被浏览者看到。
如果要为一个图片指定替换文本,在图片上按鼠标右键,在弹出的快捷菜单单击快捷 “图片属性…”选项,在“图片属性”对话框的“可选外观”区的“文本(X)”输入框中输入要显示的文本就可以了。
(3)动态GIF图片的插入
动态GIF图片可以为页面增加动感,从而引起访问者的注意。打开一个网页,确定你要插入动态GIF图片的位置,然后用鼠标左键单击常用工具栏上的“插入文件中的图片”按钮,弹出“图片”对话框,选择需要插入的图片即可插入动态图片。
在图片上按鼠标右键,然后单击快捷菜单中的“图片属性…”选项,可修改动态GIF图片属性。
[注]:在“网页”编辑器的“普通”视图方式下,动态GIF图片是不会动起来的。你必须用网页浏览器来浏览;或者用鼠标左键单击“网页”编辑器窗口底部的“预览”视图,动态GIF图片才会动起来。
(4)声音的插入和使用
在网页中使用丰富的音效,能够增加访问者的兴趣,增强网站的吸引力。
FrontPage 2000支持许多声音格式,包括普遍使用的MIDI、AU、WAV等文件格式。然而,不是所有的网页浏览器都支持所有的声音格式,所以应尽量使用这三种格式的其中一种。
进入“网页”编辑器,打开一个页面,在打开的页面上按鼠标右键,在弹出的快捷菜单中单击“网页属性…”选项,进入“网页属性”对话框。用鼠标左键单击“常规”标签,然后在“背景音乐”区的“位置(C)”文本框内直接输入需要插入的声音文件的路径和文件名。用鼠标左键单击“确定”按钮就可以了。
在“网页”编辑器的“预览”窗口可以听到音乐效果。
(5)视频的插入
在网页上还可以像增加声音和图片一样,在网页中添加视频。FrontPage 2000支持AVI、RA、RAM、ASF等视频文件。
进入“网页”编辑器到“普通”视图,选择要插入的位置,用鼠标左键单击“插入(I)”菜单,指向“图片(P)”,选择“视频(V)…”选项,在“视频”窗口单击对话框右下角的“在你的计算机上选择一个文件”图标,即可选择插入AVI文件。
[注]:视频的画面在“网页”编辑器中“普通”视图方式下是可见的静止图片。要运行视频,你的Windows系统必须安装ActiveMovie,并需在网页浏览器中才能查看视频效果。
#1 4.FrontPage 2000的向导和模板
利用FrontPage 2000所提供的多种向导和模板,可轻松完成很多复杂的任务。FrontPage 2000提供了对于网站的8种向导和模板形式,它们分别是:
·Corporate Presence Wizard(公司形象向导)
·Discussion Web Wizard(讨论组向导)
·Import Web Wizard(站点导入向导)
·One Page Web(单页面网站模板)
·Customer Support Web(客户支持型网站模板)
·Empty Web(空页面模板)
·Personal Web(个人网站模板)
·Project Web(项目协作型网站模板)
#1 5.框架
框架是一种特殊的网页,它能够把网页浏览器的窗口分成几个独立的区域,每个区域内单独显示一个网页或图像。
要设计一个框架式网页,可以利用FrontPage 2000中提供的框架模板来创建一个框架式页面,然后对框架页面进行填充或修改框架页面,最后再调整各个框架的整体布局和属性。
(1)建立框架网页
在菜单栏中用鼠标左键单击“文件(F)”菜单,选择“新建(N)”命令中的“网页(P)”选项,在出现的“新建”对话框中用鼠标左键单击“框架网页”标签,选择一种框架类型按照窗口提示即可进行框架网页的建设。FrontPage 2000共提供10种不同类型的框架,分别是:
·“Banner and Contents”(横幅和目录型)框架
·“Contents”(目录型)框架
·“Footer”(页脚型)框架
·“Footnotes”(脚注型)框架
·“Header”(页眉型)框架
·“Header,Footer and Contents”(页眉、页脚和目录型)框架
·“Horizontal Split”(水平分割型)
·“Nested Hierarchy”(嵌套等级型)框架
·“Top-Down Hierarchy”(上下等级型)框架
·“Vertical Split”(垂直分割型)框架
(2)框架的基本操作
当框架页面创建完成后,即可对框架进行一些基本的操作。
①选择框架窗口 :在需要的框架窗口内任意地方用鼠标左键单击,该框架窗口就被选中。选中的框架被蓝色的边框把整个框架窗口边框围住。
②选择所有框架:把鼠标光标移动到框架与框架之间的分隔线上,当鼠标指针变为黑色的向左向右箭头形状后用鼠标左键单击就选择了。
③改变框架的尺寸:把鼠标指针移动到框架的边框上,当鼠标指针变为黑色的向左向右箭头时,按住鼠标左键不放拖动边框,框架的大小将发生改变。
④拆分框架:要把一个框架窗口一分为二,只需按住键盘上的“Ctrl”键,把鼠标指针移动到框架的边框上,当鼠标指针变为黑色的向左向右箭头时,按住鼠标左键不放,拖动边框,就可以把一个框架窗口分为二个窗口了。
⑤删除框架:用鼠标左键单击要删除的框架,框架的蓝色边框出现,该框架被选择。然后用鼠标左键单击“框架(R)”菜单下的“删除框架(D)”命令,被选择框架即删除。
⑥在框架窗口中打开网页:选择要打开网页的框架,然后使用鼠标左键单击框架中“设置初始页(I)”命令,在弹出的“创建超链接”对话框中选择一个网页文件,按“确定”按钮,该网页就可在当前框架窗口中显示。
(3)修改框架的属性
用鼠标左键单击“框架(R)”菜单下的“框架属性(P)”命令或者在该框架窗口内按鼠标右键,在弹出的快捷菜单中选择“框架属性”命令,在 “框架属性”对话矿中即可修改框架的属性。
(4) 预览框架网页
“网页”编辑器对于框架网页有五种视图方式,即:普通:最常用的预览方式。一般情况下,我们所做的编辑、修改操作均在普通方式下完成。没有框架:当你切换到这种方式时,可以看到这样一句话:“This page uses frames, but your browser doesn't support them.”。当访问者用不支持框架的网页浏览器浏览带有框架的页面时,就会看到上面的一句话。当然,你也可以把这句话改成其它的语句,这样,访问者就会看到你所写的文本。
HTML:由于该窗口又包含有多个框架窗口,所以在这种视图方式下,你将看到每一个框架窗口中的HTML代码都各自显示在属于自己的框架窗口中,而框架大小、形状将保持不变。
框架网页HTML:这种方式显示的是整个框架网页的HTML代码。与HTML方式不同在于,这种方式只显示各个框架窗口所链接的文件名,以及各个框架窗口的大小、分布等情况。
预览:简单地说,这种方式相当于我们通常说的网页浏览器方式,可以将设计的网页直接以浏览器浏览时的效果显示出来。
(5)保存框架网页
要保存框架网页以及框架窗口中的各个网页,可直接用鼠标左键单击常用工具栏上的“保存”按钮或者用鼠标左键单击“文件(F)”菜单下的“保存(S)”命令。
#1 四、FrontPage 2000的组件
FrontPage 2000的组件是一些智能化的部件,在页面中适当插入这些组件,可使得网页产生智能化的功能,从而简化许多重复的工作。FrontPage 2000的组件主要包括:
(1)横幅广告管理器
(2)网站计数器
(3)悬停按钮
(4)字幕
(5)确认域
(6)包含网页
(7)预定的图片
(8)预定的包含网页
(9)替换
(10)搜索表单
(11)目录
(12)附加组件
#1 五、测试与发布站点
#1 1.测试站点
主页设计完成后,并不意味着工作的完成,如果要向全世界发布,你还必须对站点进行测试。
用几种常用的网页浏览器去浏览网页不失为一个测试的好办法,而且FrontPage 2000中也提供了相应内容的测试方法,下面将向大家介绍一下。
(1)拼写检查
拼写检查是发现并纠正网页中出现的英文单词拼写错误。
启动FrontPage 2000打开站点,用鼠标左键单击“工具(T)”菜单下的“拼写检查(S)”命令,然后在出现的“拼写检查”对话框选择“整个站点(W)”和“为有拼写错误的网页添加任务(A)”,单击“开始(S)”按钮,开始对打开的整个站点进行拼写检查。检查的过程中可以按“停止(S)”按钮暂停拼写检查。
(2)使用网页浏览器测试站点
测试的目的在于确认文本、图像和声音是否正确,超链接是否正常到达相应的页面。
一般都是使用Internet Explorer和Netscape Communicator这两种网页浏览器进行测试。主要检查文本是否有乱码、声音是否正确、超链接能否链接到相应的页面、URL、E-mail或者书签。测试过程中要作好测试记录。测试无误后,你就可以向全世界发布站点了。
#1 2.网站的发布
站点发布就是将你制作的网页放在网络服务器上。
(1) 网站发布的条件
要发布网站一般需要以下几个条件:
第一,必须连接上网。你可以通过拨号上网、专线上网,或者利用网线通过局域网与互联网连接。
第二,必须在互联网上拥有一块主页存放空间以保存你的网页。
如果你自己是某一个网站的网络管理员,直接放在自己的服务器上就可以了。
如果你是发布个人主页,最好是申请免费主页空间。
如果你是一家公司或企业,应该先申请域名,然后向ISP提出申请,让ISP给你提供一块硬盘空间来保存自己的网页。
如果你属于某一所学校或科研机构,可以向本单位的网络中心询问是否可以在你们自己的服务器上开辟一个存放个人主页的空间。
第三,由于某些ISP服务器不支持FrontPage服务器扩展,你最好必须有一个能上传文件的软件(如cute FTP,WS_FTP等),它能将你设计好的网页由你的计算机上传到你的ISP所提供的服务器上。
(2)使用FrontPage 2000发布站点
通过ISP发布站点,需将站点复制到一个装有FrontPage服务器扩展的ISP服务器上。发布之前,首先必须连接ISP,然后使用“发布网站”命令将站点复制到ISP。
在FrontPage 2000中打开你的站点,用鼠标左键单击“文件(F)”菜单,选择“发布站点(H)”进入“发布站点”对话框。
可以在“指定发布站点的位置(S)”下的文本框中输入站点网址。用鼠标左键单击文本框下边的按钮,可以找到支持FrontPage 网站的网络提供商ISP,也可以通过它找到完全支持FrontPage 2000中各种扩展工具的ISP。另外,这个对话框中还有一个“选项(O)”按钮。用鼠标左键单击它,就会在“发布站点”对话框下弹出四个选项。根据你的要求选择好后,用鼠标左键单击“发布(P)”按钮,FrontPage 2000就会将你的站点复制到目的服务器,并会通知你。
当然,你也可以通过其他FTP软件上传你的主页。
#1 3.网站的推广
网站推广主要是在一些著名搜索引擎上(如:www.yahoo.com)链接自己网站的网址、在网络上发电子邮件通知、利用传统媒体进行宣传等。