【网页设计技术】设计站点.pptVIP

第7章 设计站点 本章要点： ? 站点的创建与操作 ? 链接栏及其应用 ? 导航结构、站点图在站点中的应用 ? 站点的发布 7.1 创建站点 1．使用模板创建站点 （1）打开【文件】→【新建】→【网页或站点】命令，在FrontPage窗口的右边出现【任务窗格】。 （2）若要新建一个空白站点，选取【新建】项中的【空白站点】选项；这里选择【根据模板新建】中的【Web站点模板】，打开【Web站点模板】对话框，在【站点】列表中选择要使用的模板或向导。 （3）在【Web站点模板】对话框中，单击所选模板，并在【选项】中指定新站点存放的具体位置 。 （4）如果需要，可以选择【添加到当前站点】，这样可将新站点的网页添加到默认站点中。 2．不使用模板创建站点 （1）执行【文件】→【新建】→【网页或站点】命令，打开【新建网页或站点】任务窗格，并执行【新建】选项下的【空白站点】命令，打开【Web站点模板】对话框。 (2）在对话框的【站点】选项中选择【空站点】选项，在【选项】栏中指定新站点的位置，单击【确定】按钮，这样就可以创建一个没有内容的新站点，它将创建相应的文件夹，但不包含任何Web页面及其它网站资源。 7.2 站点操作 7.2.1 打开 Web 站点 如果要编辑以前建立好的站点，就需要先将其打开。在FrontPage中可以同时打开多个站点。要打开一个站点，可以执行【文件】→【打开站点】命令，或者按工具栏上的 按钮边上的下拉按钮，然后执行下拉菜单中的【打开站点】命令， 7.2.2 导入 Web 站点、文件夹或文件 导入站点的方法如下： （1）执行【文件】→【新建】→【网页或站点】命令，在【新建网页或站点】中【根据模板新建】中选择【Web站点模板】命令，打开 【Web站点模板】对话框。 （2）在【Web站点模板】对话框中选择【导入站点向导】，然后单击【确定】按钮 . （3）根据要导入的源站点的位置选择源站点，并在【位置】文本框内输入站点的位置。 （4）单击【下一步】按钮。若之前选择了【从万维网站点】单选项，则出现对话框，来设置下载文件的一些选项。 （5）单击【下一步】按钮，出现【完成】对话框，单击【确定】完成导入操作。 7.2.3 重命名 Web 站点 有时用户在设计好整个网站中的所有网页后，想更换网站的名称，这时可以打开【工具】→【站点设置】命令，在【常规】选项卡中的【站点名称】文本框中输入新的站点名称即可。 7.2.4 Web 站点的保存与关闭 1. Web站点的保存 2．Web站点的关闭 在确信编辑好某个网站中的所有网页后，想离开FrontPage，可以直接点击FrontPage主窗口右上角的“Χ”号离开。若有网页没有保存，系统会作出提示。如果要想关闭整个Web站点，但仍然要保留FrontPage的窗口时，则可以执行【文件】→【关闭站点】命令。 7.3 链接栏 图形形式链接栏 : 7.3.1 链接栏的类型 1．自定义链接栏 2．包含“上一个”和“下一个”链接的链接栏 3．基于 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．更改使用按钮的链接栏 在【网页】视图【普通】模式下，双击要修改的