网页设计技术教程 第7章设计站点.ppt

《网页设计技术教程 第7章设计站点.ppt》由会员分享，可在线阅读，更多相关《网页设计技术教程 第7章设计站点.ppt（21页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第第7章章 设计站点设计站点 本章要点：站点的创建与操作 链接栏及其应用 导航结构、站点图在站点中的应用 站点的发布7.1 创建站点 n1使用模板创建站点 （1）打开【文件】【新建】【网页或站点】命令，在FrontPage窗口的右边出现【任务窗格】。（2）若要新建一个空白站点，选取【新建】项中的【空白站点】选项；这里选择【根据模板新建】中的【Web站点模板】，打开【Web站点模板】对话框，在【站点】列表中选择要使用的模板或向导。（3）在【Web站点模板】对话框中，单击所选模板，并在【选项】中指定新站点存放的具体位置。（4）如果需要，可以选择【添加到当前站点】，这样可将新站点的网页添加到默认站点

2、中。n2不使用模板创建站点 （1）执行【文件】【新建】【网页或站点】命令，打开【新建网页或站点】任务窗格，并执行【新建】选项下的【空白站点】命令，打开【Web站点模板】对话框。(2）在对话框的【站点】选项中选择【空站点】选项，在【选项】栏中指定新站点的位置，单击【确定】按钮，这样就可以创建一个没有内容的新站点，它将创建相应的文件夹，但不包含任何Web页面及其它网站资源。7.2 站点操作 n7.2.1 打开打开 Web 站点站点 如果要编辑以前建立好的站点，就需要先将其打开。在FrontPage中可以同时打开多个站点。要打开一个站点，可以执行【文件】【打开站点】命令，或者按工具栏上的 按钮边上的

3、下拉按钮，然后执行下拉菜单中的【打开站点】命令，提示：如果用户想在每次启动FrontPage时自动打开上次打开的站点，可以在FrontPage中执行【工具】【选项】命令，在【选项】对话框中的【常规】选项卡中选中【在启动FrontPage时，自动打开上次打开的站点】选项。7.2.2 导入导入 Web 站点、文件夹或文件站点、文件夹或文件 n导入站点的方法如下：（1）执行【文件】【新建】【网页或站点】命令，在【新建网页或站点】中【根据模板新建】中选择【Web站点模板】命令，打开【Web站点模板】对话框。（2）在【Web站点模板】对话框中选择【导入站点向导】，然后单击【确定】按钮.（3）根据要导入的

4、源站点的位置选择源站点，并在【位置】文本框内输入站点的位置。（4）单击【下一步】按钮。若之前选择了【从万维网站点】单选项，则出现对话框，来设置下载文件的一些选项。（5）单击【下一步】按钮，出现【完成】对话框，单击【确定】完成导入操作。7.2.3 重命名重命名 Web 站点站点 n有时用户在设计好整个网站中的所有网页后，想更换网站的名称，这时可以打开【工具】【站点设置】命令，在【常规】选项卡中的【站点名称】文本框中输入新的站点名称即可。注意：如果重命名基于本地机的 Web 站点会更改本地计算机或本地网络上该 Web 站点的路径。重命名基于服务器的 Web 站点会更改服务器上的该 Web 站点的

5、URL。7.2.4 Web 站点的保存与关闭站点的保存与关闭 n1.Web站点的保存 保存嵌入式文件 2Web站点的关闭 n在确信编辑好某个网站中的所有网页后，想离开FrontPage，可以直接点击FrontPage主窗口右上角的“”号离开。若有网页没有保存，系统会作出提示。如果要想关闭整个Web站点，但仍然要保留FrontPage的窗口时，则可以执行【文件】【关闭站点】命令。关闭站点 7.3 链接栏 n图形形式链接栏:n7.3.1 链接栏的类型链接栏的类型 1自定义链接栏 2包含“上一个”和“下一个”链接的链接栏 3基于 Web 站点导航结构的链接栏 注意：只有在通过FrontPage创建的

6、Web站点内部操作时才可以生成链接栏，单独的网页中是不行的。7.3.2 添加或删除链接栏添加或删除链接栏 n（1）选中要插入链接栏的网页，并确定好具体插入点。n（2）执行【插入】【导航】命令，打开【插入Web组件】对话框，默认选择了【链接栏】及【包含自定义链接的链接栏】。n（3）单击【下一步】，选择链接栏样式。n（4）单击【下一步】选择链接栏的方向。n（5）打开【链接栏属性】对话框。n（6）单击【完成】按钮后，所编辑页面上将出现自定义的链接栏。注意：在上述第五步中，若选择了现有链接栏进行编辑，则新增加或减少的链接目标页面不仅会改变原来的链接栏，同时，还会产生一个和现有链接栏完全一样的链接栏。7

7、.3.3 将外部超链接添加到链接栏将外部超链接添加到链接栏 n以添加外部超链接到基于导航结构的链接栏为例，介绍具体操作步骤：（1）在所编辑的网站中，选择【视图】窗口中【导航】模式。（2）用鼠标右键单击要添加外部超链接的网页，选择【添加已有的网页】，打开【插入超链接】对话框。（3）在【链接到】选项中，若选择【原有文件或Web页】，则只要在右侧的窗口中查找选取导航栏中的目标文件.（4）若需要保存更改，在【导航】视图背景中单击鼠标右键，执行快捷菜单上的【应用更改】命令即可。7.3.4 更改链接栏的样式更改链接栏的样式 n1更改使用文本的链接栏步骤如下：（1）在【网页】视图【普通】模式下，确定并选中要

8、修改的链接栏。（2）执行【格式】【字体】命令，打开【字体】对话框进行修改操作。n2更改使用按钮的链接栏 在【网页】视图【普通】模式下，双击要修改的链接栏，打开【链接栏属性】对话框，并选择其中的【样式】选项卡，进行样式的选择和修改。注意：如果网页中使用了主题，可以直接单击【使用页面主题】选项，应用主题样式。如果主题已经应用到 Web 站点，则按钮链接栏将会使用主题的字体、颜色和其他样式元素。如果单击“使用页面主题”，而网页并没有使用主题，那么链接栏将会使用网页的默认文本。7.4 导航结构【导航】视图模式 创建导航结构的操作方法如下：（1）单击【视图】栏中的【导航】按钮，执行【视图】【文件夹列表】

9、命令。（2）单击【文件夹列表】列表框中的网页，将其拖到结构中所需的位置，这样就将选中的网页添加到了当前导航结构中了。（3）用鼠标右键单击所添加网页，执行快捷菜单上的【重命名】命令，可以修改网页的名称。（4）若要给某个网页添加一个子层网页，可以直接右击该网页，执行菜单上的【新建】【网页】命令，这样新的网页就添加在了原网页的下面。（5）若要删除某个网页，选中网页后，直接点击【Del】键即可。此操作只是将网页从导航结构图中删除，而不是从整个站点中删除。（6）对导航结构作修改后，在蓝色【视图】背景中，单击鼠标右键，执行快捷菜单中的【应用更改】命令，此时，【文件夹列表】保存了更改，而视图并没有切换。7.

10、5 创建目录 n7.5.1 创建基于导航结构的目录创建基于导航结构的目录 创建基于导航结构的目录的具体操作方法如下：（1）在【网页】视图模式下，选定要插入目录的页面，并确定具体的位置。执行【插入】【Web组件】命令，打开【插入Web组件】对话框。（2）选中【组件类型】列表中的【目录】选项，在右侧的【选择目录】列表中选择【该Web站点】，单击【完成】按钮，打开【目录属性】对话框。（3）在【目录属性】对话框中进行设置 （4）单击【确定】按钮，即创建了基于导航结构的站点目录。7.5.2 创建基于类别的目录创建基于类别的目录 n将网页分配到一个类别中的操作方法如下：（1）在【文件夹列表】中，鼠标右击要

11、分配类别的网页，执行菜单上的【属性】命令。（2）选择其中的【工作组】选项卡，在【可用类别】列表中选择要将网页分配到的类别。（3）选择好【可用类别】后，单击【确定】按钮。提示：若在起始点所在的网页上创建目录，则目录标题将会指向同一个网页。例如，若在网页index.htm上创建目录，而起始点也是index.htm，则目录的标题将会是一个指向index.htm的超链接。如果不希望这样的循环超链接，可以单击【目录属性】对话框中【标题字号】框中的【无】。7.6 创建站点图 n创建基于类别的站点图的步骤如下：（1）在【网页】模式下，选定要创建站点图的页面，并确定好要插入类别列表的位置。（2）在选中的位置上

12、键入类别的名称，作为该类别中文件列表的标题。（3）执行【插入】【Web组件】命令，选中【插入Web组件】对话框中【组件类型】列表中的【目录】选项，选中对应右侧【选择目录】选项中的【基于网页类别】项。（4）单击【完成】按钮，打开【类别属性】对话框，选中要被列出的网页类型。（5）在【文件排序依据】下拉框中，可以选择网页列表排列的顺序。（6）设置结束，单击【确定】按钮，回到编辑页面，在设定好的列表标题下面将出现多个选定类型的页面链接，均显示为“网页类别”文字链接。7.7 发布站点 n7.7.1 发布前的准备工作发布前的准备工作 1检查站点中的拼写 2删除孤立文件 3检查超链接 执行【视图】【报表】【

13、站点摘要】命令，打开【站点摘要】列表窗口，单击其中“断开的超链接”选项，打开“断开的超链接”列表。4确立正确的ISP及Web服务器 7.7.2 发布发布Web站点站点 n1按照http协议发布网站 FrontPage 2002就可以使用HTTP来发布站点。具体步骤如下：（1）执行【文件】【发布站点】命令，弹出【发布站点】对话框，同时会弹出【发布目标】对话框，在【发布目标】对话框中的【站点目标位置】选项中输入Web服务器的地址，若不清楚，可以询问ISP。（2）单击【确定】按钮，出现【要求提供用户名和密码】对话框。（3）确认用户和密码后，出现【发布站点】对话框。（4）单击【显示】按钮，可以显示出服

14、务器端。（5）单击【选项】按钮，弹出【选项】对话框，在这里可以设置发布网站的相关属性。（6）单击【确定】按钮，完成设置选项，回到【发布站点】对话框，点击【发布】按钮即可开始传送文件。2.按照FTP协议发布网站 n若发布站点服务器上没有安装FrontPage服务器扩展，则必须要通过FTP发布。通过FTP发布首先要知道FTP服务器名称和目录路径，这个路径就是用户在Web站点服务器上存放网页文件的位置，当然还要有登录服务器的权限。这些条件都满足了之后，就可以直接通过FTP上传了。常见的FTP工具软件是CuteFtp。小结 n本章主要介绍了站点的设计及相关操作。通过本章的学习，用户应该掌握了如何创建一个新的站点，以及针对站点的一些操作。另外，在创建站点的过程中，还可以利用“链接栏”、“导航结构”、“目录”及“站点图”等辅助工具来设计，方便用户对站点的浏览。最后，比较详细地介绍了站点的发布，包括站点发布之前的准备工作及具体的发布方法。学习完本章，相信用户对“网站”会有更深刻的认识，在创建网站时也会得到更多的启发。