站内搜索

Frontpage2000教程 第九课 站点操作

 我们讲了这么多的网页设计技巧,现在就可以进入创建站点的学习了。
  用FRONTPAGE创建站点是很容易的。首先,我们来看一下创建一个只包含一个网页的站点。
  选择“文件”菜单的“新建”选项,单击“站点”命令,这时新建站点对话框就弹出来了,

“新建”对话框

  在“指定新站点位置”文本框中输入新站点的位置,单击“只有一个网页的站点” 图标,单击“确定”按钮。
  这就建立好站点了,我们现在来看一下新的站点里有什么,单击“视图”工具条的“文件夹”按钮。

文件夹列表

  在文件夹列表里有一个网页文件,名字叫做“index.htm”。我们知道,每一个站点都要有一个主页,这个主页也是一个网页文件。浏览者访问站点时首先进入的就是站点的主页。主页的名字在一般情况下就叫做“index.htm”。就是说我们新建只包含一个网页的站点时,FRONTPAGE就自动为我们创建了站点的主页了。这个新建的站点主页时空的,我们可以向里面添加内容。
  在文件列表里除了主页之外,还有文件夹。新建站点时,FRONTPAGE都会在站点所在位置下新建两个文件夹,一个是“images”另一个是“_private”。
  我们在编辑站点时可以在“image”文件夹里放置站点用到的图片。
  “private”文件夹比较特殊,其中的文件对浏览者来说是隐含的,我们可以把一些不想让浏览者看到的网页文件放在这个文件夹里,比如:我们可以在这个文件夹里存放注册用户的个人信息。
  尽管每一个站点都要有一个主页,不过创建站点时我们仍然可以从一个空站点开始:
  选择“文件”菜单的“新建”命令,单击“站点”选项,

“新建”窗口

  在“新建站点”对话框里,我们可以选择“空站点”图标来创建一个空站点。
  “新建站点”对话框中还有许多其他图标,这是FRONTPAGE提供的用来创建站点模板或向导。我们创建只有一个网页的站点或者创建空站点,都是从头开始来创建一个站点,这就好像盖房子一样,首先画图纸。然而,有许多的房子都具有相似的结构和用途,所以我们可以用一张图纸盖很多相似的房子,这样就节省了许多工作。
  同样的,尽管站点的风格千差万别但是有许多站点的功能和结构都是一样的,如果我们从头开始建立站点的话,就要做许多重复劳动,这时,我们就可以使用模板或向导来建立站点。
  模板和向导的作用就好像盖房子的图纸一样,我们不必每次建立站点时都从头开始。
  我们单击“个人站点”图标,

在”新建站点“对话框里点击”个人站点“

  用它可以迅速创建一个个人站点,输入站点所在的位置,单击“确定”按钮,

新创建的个人站点

  你看,这就是我们刚才创建的个人站点。个人站点模板已经为我们规划好了站点的目录和建立了相关的页面。
  现在我们点击一下“文件夹”按钮,

文件夹列表

  双击index.htm图标,

个人站点的主页

  看,这就是我们的个人站点的主页。
  哎,好象有许多文字都不对,没关系,这些文字都是可以改变的,现在写的是文字的用途,比如“主题”文字就是用来写网站标题的地方,我们只要把它改为自己喜欢的标题就可以了。
  返回到“文件夹”模式,

双击“photo.htm”

 双击photo.htm。 也可以把风景图片换成自己的照片,只要在新建站点的基础上进一步修改就可以做出自己的个人站点了。 这不仅节省了许多力气,同时也给了初学者一个良好的出发点。我想,你会喜欢用模板和向导来创建站点的。
  那么模板和向导有什么区别呢?
  我们安装软件时,一步步的用对话框提示我们完成安装过程的程序就是一个向导。在FRONTPAGE里,向导也是一种模板,不过它是一种特殊的模板,它会以对话框的形式辅助你完成站点的创建过程。
  现在我们选择“文件”菜单的“新建”选项,单击“站点”命令,

“新建”对话框里提供了两个向导

  你看,FRONTPAGE提供了两个向导:公司展示向导、讨论站点向导,使用起来都很方便,你有兴趣也可以利用向导建立一个站点。

 

Internet上的站点千千万万,要使自己的站点有吸引力,就要使站点具有独特的风格。设计站点的风格,包括很多方面的内容,比如:文本的字体字号、页面的背景图片、按钮的形式、水平线和项目符号等等都要考虑。这么多要设计的内容,虽然不一定每一页都要单独考虑,但至少要使整个网站具有一个统一的风格才好。
  在FRONTPAGE里,我们可以通过对站点运用主题来为站点指定统一的风格。
  实际操作一下就明白了,我们对这个个人站点运用主题:首先单击“格式”菜单的“主题”命令,打开“主题”对话框,

“主题”对话框

  在“将主题应用到”下面选择“所有网页”选项
  在主题列表框内选择应用的主题类型,在这里我们选择“冰川”主题,单击“确定”按钮。

“主题”对话框

  看,我们站点的页面风格就发生改变了。因为我们刚才选择的是将主题应用到所有网页,所以站点的所有网页的主题都发生了改变。
  我们还可以在以后多次改变站点的主题。多次改变站点的主题,可以使站点的风格不断变化,这样你的站点就能给人一种新鲜感。
  当然,我们也可以在不改变主题的情况下,通过改变应用的主题的颜色、图形和文本外观来达到同样的目的。就是说还可以改变主题本身的设置。
  我们还是单击“格式”菜单的“主题”命令,进入“主题”对话框。

在“主题”对话框中单击“修改”按钮

  单击“修改”按钮,

点击“修改”后的“主题”对话框

  你看,“主题示例”对话框中多了几个按钮:
  用“颜色”按钮你可以修改主题的颜色;
  “图形”按钮用来改变主题的图形;
  “文本”按钮用来改变文本的外观。

这是我们的个人站点的一页在浏览器里的显示情况。

一个人站点的主页

  网页的上方有其他网页的超链接,单击“相册”超链接切换到相册网页,

点击“相册”后的页面

  上方其他网页的超链接仍然存在,再单击“喜好站点”,情况仍然一样,你知道这是怎么做的吗?
  当然在每一页上都创建同样的超链接可以达到需要的效果,但是我们有更好的方法,就是使用共享边框
  设计网页时,经常会遇到一些需要在每一页上都显示的信息,如果在每一页单独添加就很麻烦,如果使用共享边框,就可以使每一个网页以水平或垂直的方式显示在多个网页中都要显示的信息。
  我们现在就在每一个网页上添加地址信息:选择“格式”菜单,单击“共享边框”命令,

“共享边框”对话框

  在“共享边框”对话框中选择“所有网页”,保证设置应用到站点的每一个网页中。 将“下”复选框选中,这时预览框的网外观的下方多了一条虚线,表示我们增加了一个共享边框。单击“确定”按钮。

网页下面多了个共享框

  你看,网页的下方就多了个共享框,我们单击它,使光标定位在共享边框内,把地址信息输入下面的共享边框,

输入地址信息后的页面

  这时当前网页共享边框的改变会影响所有网页对应的共享边框。我们切换到预览模式,

预览模式下的页面

  你看,地址信息就显示出来了,我们单击“兴趣”超链接,这一个网页也显示了同样的地址信息。 

点击“兴趣”后的页面

  我们可以控制一个网页要显示的共享边框是哪些,切换回普通模式,现在把这一个网页的地址信息隐藏:
  在网页上单击鼠标右键,在弹出的菜单中选择“共享边框”,进入“共享边框”对话框,

“共享边框”对话框

  单击“下”复选框,去掉选中,单击“确定”按钮,显示地址信息的共享边框就被隐藏了。

修改后的页面

 

现在我们看到一个空网页,单击鼠标右键,在弹出的菜单中选择“共享边框”命令,进入“共享边框”对话框,

“共享边框”对话框

  确认“当前网页”选项是选中的,把“上”、“左”、“右”、“下”四个复选框都选中,单击“确定”按钮,现在我们来看一看页面的变化:

发生了变化的页面

  首先看一下显示出来的上共享边框,在这个共享边框里,可以看到有“将此网页添加到‘导航视图’中,以便在此处显示网页横幅”的提示信息;其次在上和左共享边框里都有“将此网页添加到‘导航视图’中,以便在此处显示超链接”的提示信息,这说明我们只有正确地设置了导航视图,上面和左面共享边框的信息才能正常显示。
  那么怎样设置导航视图呢?我们单击视图框的“导航”按钮
“导航”按钮切换到导航视图,

导航视图

  现在导航视图中只有“要创建主页,请点击工具栏中的‘新建网页’按钮”一个按钮,我们还可以把其他网页添加到视图里。
  拖动“创建站点.htm”到右侧的导航视图里,再把“小馨的家.htm”拖过去。

光标下面显示图框并有线和主页相连

  这时鼠光标下会显示一个图框,并有一条线和主页相连,我们放开鼠标,

放开鼠标以后的样子

  这时网页就背添加进导航视图了。主页和拖过去的网页有一条线相连, 这条线连接主页的一端有一个“-”号,表示主页是下面的网页的上一级网页。
  我们现在改变把新加的网页横幅:单击新网页图标里的文字,输入新的横幅名,这里我们输入“创建站点”,

改变横幅名

  用同样的方法把添加:创建空站点.htm,创建单网页站点.htm和向导和模板.htm 并更改它们的横幅名,现在是最后得到的状态。

导航视图最后的状态

“-”号变成了“+”号  这就象一棵树一样。
  现在我们单击创建站点图标下方的“-”号,该图标下级的分支就折叠了起来,并且刚才的“-”号变成了“+”号。
  如果站点分支太多,就可以让它们收缩起来。那么我单击“+”号又可以展开收缩的分支,这棵可以展开和收缩的树就反映了各网页的横幅设置,以及它们的上下级关系。上共享边框和左共享边框就是根据这些信息来显示横幅和导航栏的,
  现在我们来看一下共享边框是怎么显示导航视图的信息的:单击“视图”框的“网页”图标
“网页”图标,切换到网页视图,

网页视图

  双击文件夹列表中的“创建站点.htm”在普通模式下的网页上单击鼠标右键,选择“共享边框”命令,确认“当前网页”选项处于选中状态,将“上”复选框选中, 单击“确定”按钮,这时,网页的上共享边框就显示出来了。
  共享边框的横幅就是我们在导航视图里设置的横幅。共享边框里的超链接就是导航栏,在默认状况下,导航栏的超链接指向导航视图中当前网页的父页、下一级网页,还指向网站的主页。这种链接是可以改变的。
  我们将鼠标指向导航栏,这时鼠标光标变为了一个文件小手光标
小手光标,单击鼠标右键,选择“导航栏属性”,进入“导航栏属性”对话框,

“导航栏属性”对话框

  在“要添加到网页”部分,我们可以改变单选框和复选框的设置来达到改变导航栏指向的目的。
  比如选择“前一个与后一个”选项就可以将导航栏的超链接指向与当前网页同级的前一个或后一个网页。
  “方向和外观”部分:把“垂直”选中,单击“确定”按钮,导航栏的各超链接就变成垂直排列的了。
  导航栏里的超链接和普通的超链接不一样,它们是一个整体,不过我们可以设置让某个网页不加入导航栏。不在导航视图里的网页自然不可能出现在导航栏里,但是如果把一个网页从导航视图里删除,就可能破坏网页的上下级关系,比如:我们如果把一个网页从导航视图里删除了,那么它的下一级的所有网页也将从导航视图里删除。
  我们单击“视图”框的“导航”按钮,切换到导航视图,

导航视图

  单击“横幅广告管理”图标,把它选中,你看,在导航工具栏里有一个树状图标按下去的树状图标,现在是按下去的,表示目前向导和模板所对应的网页目前是加入导航栏的,现在我们单击树状图标,这时它就弹起来了,这时横幅广告管理网页就不加入导航栏了,   单击“视图”框的“网页”按钮,切换到网页视图,

切换后的网页视图

  怎么样,指向“横幅广告管理”网页的超链接消失了吧?

  好了,这一课我们就讲这些。站点方面的知识很多,建议您回去后要多动手操作,遇到不明的地方多想一想。

  • 上一篇:Frontpage2000教程 第八课 使用多媒体
  • 下一篇:Frontpage2000教程 第十课 表单设计