Internet上的Web站点其实就是一种存储了大量信息的服务器。只要链接到这个服务器,就可以查看这些信息。Web站点的信息都是以Web网页的形式提供给用户查看的,Web网页内容包括文本、图片等。人们通过浏览器浏览Web网页以查看信息。
我们使用FrontPage便可以创建出一个Web站点并且制作Web网页。制作完毕后,将其放在服务器上,也就是所谓的发布站点,最终形成一个Internet上的Web站点。
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)此后还会弹出一系列类似的对话框,用户按照对话框中的提示进行设置即可。最后单击“完成”按钮即可完成创建一个站点的工作。
虽然利用向导或者模板已经创建了一系列的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 “保存嵌入式文件”对话框
使用向导或者创建完Web站点以后,单击窗口左侧的“导航”按钮,进入导航视图,用户会发现FrontPage已经生成了一个Web站点的框架。但是这样的框架不一定符合用户的需要,用户往往需要做一些适当的调整。同时,随着网站制作的深入,这样的框架也将进一步扩充、修改,直至完善。
假设事先已经根据“Web站点模板”对话框中的“个人站点”模板生成了一个Web站点。进入导航视图,用户可以看到如图11-16所示的一个站点结构(即导航条)。
图11-16 根据模板生成的站点结构(导航条)
如图11-16所示,导航视图不仅显示生成的站点结构,在窗口的左侧还有一个文件列表,表示该站点目前的文件结构。
该站点结构由6个黄色的图标组成,表示该网站中有6个Web网页。在窗口左侧的文件列表中可以找到对应的Web网页文件。如图11-16所示的图标即对应文件“feedback.htm”,图标对应文件“index.htm”。利用导航条,用户可以调整这个Web站点的结构。
另外,文件列表中的文件夹分类存放着Web站点的一些分类信息,如所有的图片均保存在“Images”文件夹中。个人信息保存在“_private”文件夹中。
需要说明的是,图标上有一个标记,表示该Web网页是这个网站的“入口”。一般约定,Web站点的“入口”Web网页的文件名均命名为index.htm。
导航条类似于一个树结构,单击图标上的按钮可以将下面的图标(即子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 “删除网页”对话框
利用导航条用户也能调整Web站点的结构。直接使用鼠标拖动图标到目标位置,便可完成调整,如图11-20所示。
图11-20 使用鼠标调整Web站点结构