第6章网页的布局(免费阅读).ppt

第6章 网页的布局 6.1 共享边框和导航栏 6.2 网页的主题 6.3 框架网页 实训六 6.1 共享边框和导航栏 在网页设计中，网页布局是非常重要的。一个好的布局可以使网页搭配合理，重点突出。FrontPage 2002提供了很多可以用来设置、管理网页布局的方法，比如前面介绍过的表格以及本章要介绍的共享边框、框架网页等。 共享边框是Web站点中用于在所有网页上显示站点共用信息的区域。共享边框中的导航栏组件在创建和管理Web站点及网页的过程中有着相当重要的作用，因为在FrontPage 2002中，站点的创建和链接管理是通过共享边框来实现的。在共享边框中除了可以创建标准的导航栏之外，还可以包含其他希望在站点中统一出现的信息。例如，可以将版权信息、网站简介、联系方式等添加到共享边框中，以便显示在站点中的所有网页上。 6.1.1 在网站中创建和使用共享边框 1. 在站点中创建共享边框 共享边框是作用于整个Web站点或与站点相关联的网页上的，因此，要创建共享边框，可以打开已有的Web站点或新建一个Web站点，然后再将共享边框应用到站点中去。 创建共享边框的步骤如下。 (1) 打开要创建共享边框的Web站点。 (2) 单击“格式”菜单→“共享边框…”命令，打开“共享边框”对话框，如图6-1所示。 (3) 在“共享边框”对话框中的“应用于”标签下选择“所有网页”单选框。 (4) 选择上、下、左、右4个复选框。 (5) 如果要在共享边框中包含站点导航栏，可以选择“包含导航按钮”复选框。 (6) 单击“确定”按钮。 这时在Web站点中所有网页的相同位置上，会同时出现所创建的共享边框，如图6-2所示。 如果选择了“当前网页”复选框，那么共享边框只出现在当前的网页上。 2. 在网站中使用共享边框 创建了共享边框之后，就使站点中的网页具有了创建一致外观的快捷方法。通过共享边框，能够快速地将信息添加到站点中的所有网页中。通常在共享边框中添加以下内容，以使每个网页都有统一的标题外观。 ① 网页横幅。 ② 公司徽标。 ③ 版权声明。 ④ 导航栏，使站点访问者能够访问Web站点的主要页面。 ⑤ ?Web站点更新的日期和时间。 ⑥ 反馈所用的电子邮件地址，如站点管理员的地址。 注意，在使用网页横幅以及导航栏之前，必须在“导航”视图中建立站点的导航结构，否则将不能显示导航栏，网页横幅也将是不可见的。 6.1.2 在站点中编辑共享边框 1. 更新或删除共享边框中的信息 共享边框中的信息可以随时更新或删除，并且十分的简便，具体步骤如下。 (1) 在普通“网页”视图中，打开需要修改共享边框的网页。 (2) 在共享边框区域中单击鼠标。共享边框区域是用虚线框起来的区域。单击该区域后，虚线框会变成实线框。 (3) 更改共享边框区域中的内容。例如，键入或删除文本，删除或添加图片。 (4) 单击“保存”图标 ，所做的更改将出现在该共享边框的所有网页上。 2. 为网页设置不同的共享边框 使用共享边框可以创建具有统一风格的Web站点，但有时希望在站点中不同的网页上设置不同的共享边框。为此，可以选中要修改的网页，单击“格式”菜单→“共享边框…”命令；在“共享边框”对话框中，选择“当前网页”单选框，并选择或者取消选择相应边框的复选框；然后单击“确定”按钮，即可改变或者取消网页上的共享边框。 6.1.3 创建导航栏 导航栏是一组用于Web 站点导航的超链接。例如，典型的导航栏会包含指向Web站点的主页及其主要网页的超链接。可以在Web站点中的每个网页上显示一个导航栏，这样站点访问者就可以快速方便地浏览Web站点的主要网页。使用FrontPage 2002创建导航栏主要包括3个方面：建立导航结构；创建导航栏；设置导航属性。