收藏 分享(赏)

第7章 设计站点.ppt

上传人:gnk289057 文档编号:9052172 上传时间:2019-07-22 格式:PPT 页数:21 大小:320KB
下载 相关 举报
第7章  设计站点.ppt_第1页
第1页 / 共21页
第7章  设计站点.ppt_第2页
第2页 / 共21页
第7章  设计站点.ppt_第3页
第3页 / 共21页
第7章  设计站点.ppt_第4页
第4页 / 共21页
第7章  设计站点.ppt_第5页
第5页 / 共21页
点击查看更多>>
资源描述

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 站点如果要编辑以前建立好的站点,就需要先将其打开。在FrontPage中可以同时打开多个站点。要打开一个站点,可以执行【文件】【打开站点】命令,或者按工具栏上的 按钮边上的下拉按钮,然后执行下

3、拉菜单中的【打开站点】命令,,7.2.2 导入 Web 站点、文件夹或文件,导入站点的方法如下: (1)执行【文件】【新建】【网页或站点】命令,在【新建网页或站点】中【根据模板新建】中选择【Web站点模板】命令,打开 【Web站点模板】对话框。(2)在【Web站点模板】对话框中选择【导入站点向导】,然后单击【确定】按钮 . (3)根据要导入的源站点的位置选择源站点,并在【位置】文本框内输入站点的位置。 (4)单击【下一步】按钮。若之前选择了【从万维网站点】单选项,则出现对话框,来设置下载文件的一些选项。 (5)单击【下一步】按钮,出现【完成】对话框,单击【确定】完成导入操作。,7.2.3 重命

4、名 Web 站点,有时用户在设计好整个网站中的所有网页后,想更换网站的名称,这时可以打开【工具】【站点设置】命令,在【常规】选项卡中的【站点名称】文本框中输入新的站点名称即可。,7.2.4 Web 站点的保存与关闭,1. Web站点的保存,保存嵌入式文件,2Web站点的关闭,在确信编辑好某个网站中的所有网页后,想离开FrontPage,可以直接点击FrontPage主窗口右上角的“”号离开。若有网页没有保存,系统会作出提示。如果要想关闭整个Web站点,但仍然要保留FrontPage的窗口时,则可以执行【文件】【关闭站点】命令。,关闭站点,7.3 链接栏,图形形式链接栏 :7.3.1 链接栏的类

5、型1自定义链接栏 2包含“上一个”和“下一个”链接的链接栏 3基于 Web 站点导航结构的链接栏,7.3.2 添加或删除链接栏,(1)选中要插入链接栏的网页,并确定好具体插入点。 (2)执行【插入】【导航】命令,打开【插入Web组件】对话框,默认选择了【链接栏】及【包含自定义链接的链接栏】 。 (3)单击【下一步】,选择链接栏样式 。 (4)单击【下一步】选择链接栏的方向 。 (5)打开【链接栏属性】对话框 。 (6)单击【完成】按钮后,所编辑页面上将出现自定义的链接栏 。,7.3.3 将外部超链接添加到链接栏,以添加外部超链接到基于导航结构的链接栏为例,介绍具体操作步骤:(1)在所编辑的网站

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

7、打开【链接栏属性】对话框,并选择其中的【样式】选项卡,进行样式的选择和修改。,7.4 导航结构,【导航】视图模式,创建导航结构的操作方法如下:,(1)单击【视图】栏中的【导航】按钮,执行【视图】【文件夹列表】命令。 (2)单击【文件夹列表】列表框中的网页,将其拖到结构中所需的位置,这样就将选中的网页添加到了当前导航结构中了。(3)用鼠标右键单击所添加网页,执行快捷菜单上的【重命名】命令,可以修改网页的名称。(4)若要给某个网页添加一个子层网页,可以直接右击该网页,执行菜单上的【新建】【网页】命令,这样新的网页就添加在了原网页的下面。(5)若要删除某个网页,选中网页后,直接点击【Del】键即可。

8、此操作只是将网页从导航结构图中删除,而不是从整个站点中删除。 (6)对导航结构作修改后,在蓝色【视图】背景中,单击鼠标右键,执行快捷菜单中的【应用更改】命令,此时,【文件夹列表】保存了更改,而视图并没有切换。,7.5 创建目录,7.5.1 创建基于导航结构的目录创建基于导航结构的目录的具体操作方法如下:(1)在【网页】视图模式下,选定要插入目录的页面,并确定具体的位置。执行【插入】【Web组件】命令,打开【插入Web组件】对话框。 (2)选中【组件类型】列表中的【目录】选项,在右侧的【选择目录】列表中选择【该Web站点】,单击【完成】按钮,打开【目录属性】对话框。 (3)在【目录属性】对话框中

9、进行设置 (4)单击【确定】按钮,即创建了基于导航结构的站点目录。,7.5.2 创建基于类别的目录,将网页分配到一个类别中的操作方法如下:(1)在【文件夹列表】中,鼠标右击要分配类别的网页,执行菜单上的【属性】命令。 (2)选择其中的【工作组】选项卡,在【可用类别】列表中选择要将网页分配到的类别。 (3)选择好【可用类别】后,单击【确定】按钮。,7.6 创建站点图,创建基于类别的站点图的步骤如下: (1)在【网页】模式下,选定要创建站点图的页面,并确定好要插入类别列表的位置。 (2)在选中的位置上键入类别的名称,作为该类别中文件列表的标题。 (3)执行【插入】【Web组件】命令,选中【插入We

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

11、的ISP及Web服务器,7.7.2 发布Web站点,1按照http协议发布网站 FrontPage 2002就可以使用HTTP来发布站点。具体步骤如下: (1)执行【文件】【发布站点】命令,弹出【发布站点】对话框,同时会弹出【发布目标】对话框,在【发布目标】对话框中的【站点目标位置】选项中输入Web服务器的地址,若不清楚,可以询问ISP。 (2)单击【确定】按钮,出现【要求提供用户名和密码】对话框。 (3)确认用户和密码后,出现【发布站点】对话框。(4)单击【显示】按钮,可以显示出服务器端。 (5)单击【选项】按钮,弹出【选项】对话框,在这里可以设置发布网站的相关属性。(6)单击【确定】按钮,

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

展开阅读全文
相关资源
猜你喜欢
相关搜索
资源标签

当前位置:首页 > 企业管理 > 管理学资料

本站链接:文库   一言   我酷   合作


客服QQ:2549714901微博号:道客多多官方知乎号:道客多多

经营许可证编号: 粤ICP备2021046453号世界地图

道客多多©版权所有2020-2025营业执照举报