您的位置: 网站首页 > 公共课 > 计算机应用基础 > 第11章 FrontPage 2003的操作与应用 > 【11.2 创建站点和Web网页】

11.2 创建站点和Web网页

 

11.2  创建站点和Web网页

Internet上的Web站点其实就是一种存储了大量信息的服务器。只要链接到这个服务器,就可以查看这些信息。Web站点的信息都是以Web网页的形式提供给用户查看的,Web网页内容包括文本、图片等。人们通过浏览器浏览Web网页以查看信息。

我们使用FrontPage便可以创建出一个Web站点并且制作Web网页。制作完毕后,将其放在服务器上也就是所谓的发布站点最终形成一个Internet上的Web站点。

11.2.1  利用向导和模板创建一个站点

FrontPage提供了创建站点的一整套向导以及模板。对于不熟悉网站设计的用户,将大有帮助。

1)打开FrontPage,执行文件新建”菜单命令,打开新建网页或站点任务窗格,如图11-8所示。

2)单击Web数据包解决方案超链接,单击网站模板标签,打开如图11-9所示的网站模板对话框。

3)在对话框右侧的指定新网站的位置文本框中输入保存站点的路径。

             

11-8  新建网页或站点任务窗格                11-9  网站模板对话框

4)选择一种站点向导,如“公司展示向导”,单击确定按钮,打开如图11-10所示的公司网站建立向导对话框,提示用户一些信息,单击下一步按钮。

5)此时弹出如图11-11所示的公式站点建立向导对话框,提示用户选择在该站点中包含的Web网页。设置完毕单击下一步按钮。

     

11-10  公司网站建立向导对话框           11-11  公司网站建立向导对话框

6)此后还会弹出一系列类似的对话框,用户按照对话框中的提示进行设置即可。最后单击完成按钮即可完成创建一个站点的工作。

11.2.2  创建Web网页

虽然利用向导或者模板已经创建了一系列的Web网页。但由于网站的独特性,用户往往还需要创建一些更符合自己需要的Web网页。此时单击新建网页或站点任务窗格中的其他网页模板”超链接,将弹出一个网页模板对话框,如图11-12所示。

 网页模板对话框中提供了大量的Web网页模板。这些模板分成3类,选择一种模板,单击确定按钮,此时在FrontPage窗口将显示出根据该模板创建的网页,如图11-13所示。用户便可以在此基础上进行加工,完成用户的网页。

常用工具栏上单击保存按钮,保存用户的Web网页。第一次保存时将出现一个如图11-14所示的另存为对话框。单击更改标题按钮,用户可以设定该Web网页的标题。我们将新建的Web网页命名为“ABC”,后面还将用到该Web网页。

11-12  网页模板对话框

创建Web网页的工作到此并没有结束,11.2.3小节将进一步介绍。

11-13  利用网页模板创建的Web网页

 

11-14  另存为对话框

Web网页的标题和文件名是不一样的,比如,导航条中的图标显示的是该Web网页的标题而非文件名,而在文件夹视图下显示的是Web网页的文件名。实际上,计算机系统只认文件名,与标题无关。一般情况下,Web网页的文件名应该使用英文,因为大部分网站服务器使用的是UNIX操作系统,不支持中文。

若创建的Web网页中有图片,在图11-14所示的另存为对话框中单击保存按钮保存文件后,将弹出一个如图11-15所示的保存嵌入式文件对话框。所谓嵌入式文件就是指Web网页中的图片等文件。一般情况下单击确定按钮,否则Web网页中的图片等信息将可能丢失。

11-15  保存嵌入式文件对话框

11.2.3  Web站点的组织与管理

使用向导或者创建完Web站点以后,单击窗口左侧的导航按钮,进入导航视图,用户会发现FrontPage已经生成了一个Web站点的框架。但是这样的框架不一定符合用户的需要,用户往往需要做一些适当的调整。同时,随着网站制作的深入,这样的框架也将进一步扩充、修改,直至完善。

假设事先已经根据Web站点模板对话框中的“个人站点”模板生成了一个Web站点。进入导航视图,用户可以看到如图11-16所示的一个站点结构(即导航条)。

11-16  根据模板生成的站点结构(导航条)

如图11-16所示,导航视图不仅显示生成的站点结构,在窗口的左侧还有一个文件列表,表示该站点目前的文件结构。

该站点结构由6个黄色的图标组成,表示该网站中有6Web网页。在窗口左侧的文件列表中可以找到对应的Web网页文件。如图11-16所示的图标即对应文件“feedback.htm”,图标对应文件“index.htm”。利用导航条,用户可以调整这个Web站点的结构。

另外,文件列表中的文件夹分类存放着Web站点的一些分类信息,如所有的图片均保存在“Images”文件夹中。个人信息保存在“_private”文件夹中。

需要说明的是,图标上有一个标记,表示该Web网页是这个网站的“入口”。一般约定,Web站点的“入口”Web网页的文件名均命名为index.htm

导航条类似于一个树结构,单击图标上的按钮可以将下面的图标(即子Web网页)收起。此时图标变成,再单击即可展开图标。

1.添加或者删除Web项目

新建了一个Web网页文件后,必须将其加入到Web站点的链接中,才能发挥该Web网页的功能。

1)在导航条中某一图标处右击鼠标,打开一个快捷菜单,从中选择新建添加已有的网页”菜单命令,如图11-17(上)所示。

2)将打开如图11-18所示的插入超链接对话框,在该对话框中找到目标文件,单击确定按钮。新建的Web网页文件即添加到了Web站点链接中,如图11-17(下)所示。

 

11-17  将新建的Web网页添加到站点中

11-18  插入超链接对话框

若要删除某个Web网页,在导航条中选中相应的图标,按Delete键,将弹出如图11-19所示的删除网页对话框。若选中将本网页从导航结构中删除单选按钮,则该Web网页只是脱离了和网站上其他Web网页的链接,但仍然存在于文件列表中,也就是说该文件仍存在于Web站点中。

11-19  删除网页对话框

2.调整Web站点结构

利用导航条用户也能调整Web站点的结构。直接使用鼠标拖动图标到目标位置,便可完成调整,如图11-20所示。

11-20  使用鼠标调整Web站点结构