第 7章 设计站点本章要点:
站点的创建与操作
链接栏及其应用
导航结构,站点图在站点中的应用
站点的发布
7.1 创建站点
1.使用模板创建站点
( 1)打开 【 文件 】 → 【 新建 】 → 【 网页或站点 】 命令,在
FrontPage窗口的右边出现 【 任务窗格 】 。
( 2)若要新建一个空白站点,选取 【 新建 】 项中的 【 空白站点 】
选项;这里选择 【 根据模板新建 】 中的 【 Web站点模板 】,打开
【 Web站点模板 】 对话框,在 【 站点 】 列表中选择要使用的模板或向导。
( 3)在 【 Web站点模板 】 对话框中,单击所选模板,并 在 【 选项 】 中指定新站点存放的具体位置 。
( 4) 如果需要,可以选择 【 添加到当前站点 】,这样可将新站点的网页添加到默认站点中。
2.不使用模板创建站点
( 1)执行 【 文件 】 → 【 新建 】 → 【 网页或站点 】 命令,打开
【 新建网页或站点 】 任务窗格,并执行 【 新建 】 选项下的 【 空白站点 】 命令,打开 【 Web站点模板 】 对话框。
(2)在对话框的 【 站点 】 选项中选择 【 空站点 】 选项,在
【 选项 】 栏中指定新站点的位置,单击 【 确定 】 按钮,这样就可以创建一个没有内容的新站点,它将创建相应的文件夹,但不包含任何 Web页面及其它网站资源。
7.2 站点操作
7.2.1 打开 Web 站点如果要编辑以前建立好的站点,就需要先将其打开。在
FrontPage中可以同时打开多个站点。要打开一个站点,可以执行 【 文件 】 → 【 打开站点 】 命令,或者按工具栏上的按钮边上的下拉按钮,然后执行下拉菜单中的 【 打开站点 】 命令,
提示:如果用户想在每次启动 FrontPage时自动打开上次打开的站点,可以在 FrontPage中执行 【 工具 】 → 【 选项 】
命令,在 【 选项 】 对话框中的 【 常规 】 选项卡中选中 【 在启动 FrontPage时,自动打开上次打开的站点 】 选项 。
7.2.2 导入 Web 站点、文件夹或文件
导入站点的方法如下:
( 1)执行 【 文件 】 → 【 新建 】 → 【 网页或站点 】 命令,在 【 新建网页或站点 】 中 【 根据模板新建 】 中选择 【 Web站点模板 】 命令,打开 【 Web站点模板 】 对话框。
( 2)在 【 Web站点模板 】 对话框中选择 【 导入站点向导 】,然后单击 【 确定 】 按钮,
( 3)根据要导入的源站点的位置选择源站点,并在 【 位置 】 文本框内输入站点的位置。
( 4)单击 【 下一步 】 按钮。若之前选择了 【 从万维网站点 】 单选项,则出现对话框,来设置下载文件的一些选项。
( 5) 单击 【 下一步 】 按钮,出现 【 完成 】 对话框,单击 【 确定 】
完成导入操作。
7.2.3 重命名 Web 站点
有时用户在设计好整个网站中的所有网页后,想更换网站的名称,这时可以打开 【 工具 】 → 【 站点设置 】
命令,在 【 常规 】 选项卡中的 【 站点名称 】 文本框中输入新的站点名称即可。
注意:如果重命名基于本地机的 Web 站点会更改本地计算机或本地网络上该 Web 站点的路径 。 重命名基于服务器的 Web 站点会更改服务器上的该 Web 站点的 URL。
7.2.4 Web 站点的保存与关闭
1,Web站点的保存保存嵌入式文件
2,Web站点的关闭
在确信编辑好某个网站中的所有网页后,想离开 FrontPage,可以直接点击 FrontPage主窗口右上角的,Χ,号离开。若有网页没有保存,系统会作出提示。如果要想关闭整个 Web站点,但仍然要保留 FrontPage的窗口时,则可以执行 【 文件 】 → 【 关闭站点 】
命令。
关闭站点
7.3 链接栏
图形形式链接栏,
7.3.1 链接栏的类型
1.自定义链接栏
2.包含“上一个”和“下一个”链接的链接栏
3.基于 Web 站点导航结构的链接栏
注意:只有在通过 FrontPage创建的 Web站点内部操作时才可以生成链接栏,单独的网页中是不行的 。
7.3.2 添加或删除链接栏
( 1)选中要插入链接栏的网页,并确定好具体插入点。
( 2)执行 【 插入 】 → 【 导航 】 命令,打开 【 插入 Web组件 】 对话框,默认选择了 【 链接栏 】 及 【 包含自定义链接的链接栏 】 。
( 3)单击 【 下一步 】,选择链接栏样式 。
( 4)单击 【 下一步 】 选择链接栏的方向 。
( 5)打开 【 链接栏属性 】 对话框 。
( 6)单击 【 完成 】 按钮后,所编辑页面上将出现自定义的链接栏 。
注意:在上述第五步中,若选择了现有链接栏进行编辑,
则新增加或减少的链接目标页面不仅会改变原来的链接栏,
同时,还会产生一个和现有链接栏完全一样的链接栏 。
7.3.3 将外部超链接添加到链接栏
以添加外部超链接到基于导航结构的链接栏为例,介绍具体操作步骤:
( 1)在所编辑的网站中,选择 【 视图 】 窗口中 【 导航 】
模式。
( 2)用鼠标右键单击要添加外部超链接的网页,选择
【 添加已有的网页 】,打开 【 插入超链接 】 对话 框。
( 3)在 【 链接到 】 选项中,若选择 【 原有文件或 Web
页 】,则只要在右侧的窗口中查找选取导航栏中的目标文件,
( 4)若需要保存更改,在 【 导航 】 视图背景中单击鼠标右键,执行快捷菜单上的 【 应用更改 】 命令即可 。
7.3.4 更改链接栏的样式
1.更改使用文本的链接栏步骤如下:
( 1)在 【 网页 】 视图 【 普通 】 模式下,确定并选中要修改的链接栏。 ( 2)执行 【 格式 】 → 【 字体 】 命令,打开 【 字体 】 对话框进行修改操作。
2.更改使用按钮的链接栏在 【 网页 】 视图 【 普通 】 模式下,双击要修改的链接栏,打开
【 链接栏属性 】 对话框,并选择其中的 【 样式 】 选项卡,进行样式的选择和修改。
注意:如果网页中使用了主题,可以直接单击 【 使用页面主题 】 选项,应用主题样式 。 如果主题已经应用到 Web 站点,
则按钮链接栏将会使用主题的字体,颜色和其他样式元素 。 如果单击,使用页面主题,,而网页并没有使用主题,那么链接栏将会使用网页的默认文本 。
7.4 导航结构
【 导航 】 视图模式创建导航结构的操作方法如下:
( 1)单击 【 视图 】 栏中的 【 导航 】 按钮,执行 【 视图 】 → 【 文件夹列表 】 命令。
( 2)单击 【 文件夹列表 】 列表框中的网页,将其拖到结构中所需的位置,这样就将选中的网页添加到了当前导航结构中了。
( 3)用鼠标右键单击所添加网页,执行快捷菜单上的 【 重命名 】
命令,可以修改网页的名称。
( 4)若要给某个网页添加一个子层网页,可以直接右击该网页,
执行菜单上的 【 新建 】 → 【 网页 】 命令,这样新的网页就添加在了原网页的下面。
( 5)若要删除某个网页,选中网页后,直接点击 【 Del】 键即可。
此操作只是将网页从导航结构图中删除,而不是从整个站点中删除。
( 6)对导航结构作修改后,在蓝色 【 视图 】 背景中,单击鼠标右键,执行快捷菜单中的 【 应用更改 】 命令,此时,【 文件夹列表 】
保存了更改,而视图并没有切换。
7.5 创建目录
7.5.1 创建基于导航结构的目录创建基于导航结构的目录的具体操作方法如下:
( 1)在 【 网页 】 视图模式下,选定要插入目录的页面,并确定具体的位置。执行 【 插入 】 → 【 Web组件 】 命令,打开 【 插入
Web组件 】 对话框。
( 2)选中 【 组件类型 】 列表中的 【 目录 】 选项,在右侧的
【 选择目录 】 列表中选择 【 该 Web站点 】,单击 【 完成 】 按钮,
打开 【 目录属性 】 对话框。
( 3)在 【 目录属性 】 对话框中进行设置
( 4)单击 【 确定 】 按钮,即创建了基于导航结构的站点目录。
7.5.2 创建基于类别的目录
将网页分配到一个类别中的操作方法如下,
( 1)在 【 文件夹列表 】 中,鼠标右击要分配类别的网页,执行菜单上的 【 属性 】 命令。
( 2)选择其中的 【 工作组 】 选项卡,在 【 可用类别 】 列表中选择要将网页分配到的类别。
( 3)选择好 【 可用类别 】 后,单击 【 确定 】 按钮。
提示:若在起始点所在的网页上创建目录,则目录标题将会指向同一个网页 。 例如,若在网页 index.htm上创建目录,而起始点也是 index.htm,则目录的标题将会是一个指向 index.htm的超链接 。 如果不希望这样的循环超链接,可以单击 【 目录属性 】 对话框中 【 标题字号 】 框中的 【 无 】 。
7.6 创建站点图
创建基于类别的站点图的步骤如下:
( 1)在 【 网页 】 模式下,选定要创建站点图的页面,并确定好要插入类别列表的位置。
( 2)在选中的位置上键入类别的名称,作为该类别中文件列表的标题。
( 3)执行 【 插入 】 → 【 Web组件 】 命令,选中 【 插入 Web组件 】
对话框中 【 组件类型 】 列表中的 【 目录 】 选项,选中对应右侧
【 选择目录 】 选项中的 【 基于网页类别 】 项。
( 4)单击 【 完成 】 按钮,打开 【 类别属性 】 对话框,选中要被列出的网页类型 。
( 5)在 【 文件排序依据 】 下拉框中,可以选择网页列表排列的顺序 。
( 6)设置结束,单击 【 确定 】 按钮,回到编辑页面,在设定好的列表标题下面将出现多个选定类型的页面链接,均显示为,网页类别,文字链接。
7.7 发布站点
7.7.1 发布前的准备工作
1.检查站点中的拼写
2.删除孤立文件
3.检查超链接执行 【 视图 】 → 【 报表 】 → 【 站点摘要 】 命令,打开 【 站点摘要 】 列表窗口,单击其中,断开的超链接,选项,打开,断开的超链接,列表。
4.确立正确的 ISP及 Web服务器
7.7.2 发布 Web站点
1.按照 http协议发布网站
FrontPage 2002就可以使用 HTTP来发布站点。具体步骤如下:
( 1)执行 【 文件 】 → 【 发布站点 】 命令,弹出 【 发布站点 】 对话框,同时会弹出 【 发布目标 】 对话框,在 【 发布目标 】 对话框中的 【 站点目标位置 】 选项中输入 Web服务器的地址,若不清楚,可以询问 ISP。
( 2)单击 【 确定 】 按钮,出现 【 要求提供用户名和密码 】 对话框。
( 3)确认用户和密码后,出现 【 发布站点 】 对话框。
( 4)单击 【 显示 】 按钮,可以显示出服务器端。
( 5)单击 【 选项 】 按钮,弹出 【 选项 】 对话框,在这里可以设置发布网站的相关属性。
( 6)单击 【 确定 】 按钮,完成设置选项,回到 【 发布站点 】 对话框,点击 【 发布 】 按钮即可开始传送文件。
2,按照 FTP协议发布网站
若发布站点服务器上没有安装 FrontPage
服务器扩展,则必须要通过 FTP发布。
通过 FTP发布首先要知道 FTP服务器名称和目录路径,这个路径就是用户在 Web
站点服务器上存放网页文件的位置,当然还要有登录服务器的权限。这些条件都满足了之后,就可以直接通过 FTP上传了。常见的 FTP工具软件是 CuteFtp 。
小结
本章主要介绍了站点的设计及相关操作。通过本章的学习,用户应该掌握了如何创建一个新的站点,以及针对站点的一些操作。另外,在创建站点的过程中,还可以利用,链接栏,,
,导航结构,,,目录,及,站点图,等辅助工具来设计,方便用户对站点的浏览。最后,
比较详细地介绍了站点的发布,包括站点发布之前的准备工作及具体的发布方法。学习完本章,相信用户对,网站,会有更深刻的认识,
在创建网站时也会得到更多的启发。