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

《网页设计技术教程 第7章 设计站点》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

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

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

3、打开。在FrontPage中可以同时打开多个站点。要打开一个站点，可以执行【文件】→【打开站点】命令，或者按工具栏上的按钮边上的下拉按钮，然后执行下拉菜单中的【打开站点】命令，提示：如果用户想在每次启动FrontPage时自动打开上次打开的站点，可以在FrontPage中执行【工具】→【选项】命令，在【选项】对话框中的【常规】选项卡中选中【在启动FrontPage时，自动打开上次打开的站点】选项。7.2.2导入Web站点、文件夹或文件导入站点的方法如下：（1）执行【文件】→【新建】→【网页或站点】命令，在【新建

4、网页或站点】中【根据模板新建】中选择【Web站点模板】命令，打开【Web站点模板】对话框。（2）在【Web站点模板】对话框中选择【导入站点向导】，然后单击【确定】按钮.（3）根据要导入的源站点的位置选择源站点，并在【位置】文本框内输入站点的位置。（4）单击【下一步】按钮。若之前选择了【从万维网站点】单选项，则出现对话框，来设置下载文件的一些选项。（5）单击【下一步】按钮，出现【完成】对话框，单击【确定】完成导入操作。7.2.3重命名Web站点有时用户在设计好整个网站中的所有网页后，想更换网站的名称，这时可以打开【

5、工具】→【站点设置】命令，在【常规】选项卡中的【站点名称】文本框中输入新的站点名称即可。注意：如果重命名基于本地机的Web站点会更改本地计算机或本地网络上该Web站点的路径。重命名基于服务器的Web站点会更改服务器上的该Web站点的URL。7.2.4Web站点的保存与关闭1.Web站点的保存保存嵌入式文件2．Web站点的关闭在确信编辑好某个网站中的所有网页后，想离开FrontPage，可以直接点击FrontPage主窗口右上角的“Χ”号离开。若有网页没有保存，系统会作出提示。如果要想关闭整个Web站点，但仍然要

6、保留FrontPage的窗口时，则可以执行【文件】→【关闭站点】命令。关闭站点7.3链接栏图形形式链接栏:7.3.1链接栏的类型1．自定义链接栏2．包含“上一个”和“下一个”链接的链接栏3．基于Web站点导航结构的链接栏注意：只有在通过FrontPage创建的Web站点内部操作时才可以生成链接栏，单独的网页中是不行的。7.3.2添加或删除链接栏（1）选中要插入链接栏的网页，并确定好具体插入点。（2）执行【插入】→【导航】命令，打开【插入Web组件】对话框，默认选择了【链接栏】及【包含自定义链接的链接栏】。（3）

7、单击【下一步】，选择链接栏样式。（4）单击【下一步】选择链接栏的方向。（5）打开【链接栏属性】对话框。（6）单击【完成】按钮后，所编辑页面上将出现自定义的链接栏。注意：在上述第五步中，若选择了现有链接栏进行编辑，则新增加或减少的链接目标页面不仅会改变原来的链接栏，同时，还会产生一个和现有链接栏完全一样的链接栏。7.3.3将外部超链接添加到链接栏以添加外部超链接到基于导航结构的链接栏为例，介绍具体操作步骤：（1）在所编辑的网站中，选择【视图】窗口中【导航】模式。（2）用鼠标右键单击要添加外部超链接的网页，选择【添

8、加已有的网页】，打开【插入超链接】对话框。（3）在【链接到】选项中，若选择【原有文件或Web页】，则只要在右侧的窗口中查找选取导航栏中的目标文件.（4）若需要保存更改，在【导航】视图背景中单击鼠标右键，执行快捷菜单上的【应用更改】命令即可。7.3.4更改链接栏的样式1．更改使用文本的链接栏步骤如下：（1）在【网页】视图【普通】模式下，确定并选中要修改的链接栏。（2）执行【