第 4 章 计算机网络基础及应用－－网络基础

第第 44 章 计算机网络基础及应用－－网章 计算机网络基础及应用－－网络基础络基础§1 计算机网络基础概念§2 计算机网络的组成

§3 Internet 介绍

§4 使用 Internet

§1 §1 计算机网络基础概念 计算机网络基础概念 　　　计算机网络是一群具有独立功能的计算机通过通信设

备及传输媒体互连起来，在通信软件的支持下，实现计算机间资源共享、信息交换或协同工作的系统。（图 4.1 　简单网络系统的示意图）一、功能

二、分类

三、拓扑结构

四、网络协议

第 4 章

图图 4.1 4.1 简单简单计算机网络示意图计算机网络示意图

计算机

集线器

共享 10Mbps 端口

专用 10Mbps 端口

以太网交换机

计算机 计算机 计算机

§1 §1 计算机网络基础概念 计算机网络基础概念 一、功能一、功能　资源共享：数据资源、软件资源、硬件资源 信息传送与集中处理 均衡负荷与分布处理

§1

§1 §1 计算机网络基础概念计算机网络基础概念二、 分类二、 分类

• 按连接区域划分：　局域网（ LAN) ，城域网 (MAN) ，广域网 (WA

N) 。• 按拓扑结构划分：　环型网，星型网，树型网，总线型网• 按数据传输和转接系统的拥有者分类可划分为： 公用网和专用网

§1

§1 §1 计算机网络基础概念计算机网络基础概念三、 拓扑结构三、 拓扑结构 AA

拓扑：是一种研究与大小、形状无关的线与面特性的方法。

计算机网络的拓扑结构：指网络站点与通信链路的几何布置，它定义了各站点之间的物理位置和逻辑位置。

图图 4.2 4.2 计算机局域网络的基本拓扑结构计算机局域网络的基本拓扑结构

§1 §1 计算机网络基础概念 计算机网络基础概念 三、拓扑结构 三、拓扑结构 BB

总线拓扑结构：节点有故障，不会影响整个网络。

星型拓扑结构：对中心节点依赖过强。 环形拓扑结构：一个节点故障，网络瘫痪 ;

（令牌环） 树形拓扑结构：除叶节点和相连线路外，任一

节点或其相边的线路故障都会使系统受影响。

§1

§1 §1 计算机网络基础概念 计算机网络基础概念 四、网络协议四、网络协议协议（ Protocol ）是计算机通过网络通讯所使用

的语言，是为网络通信中的数据交换制定的共同遵守的规则，标准和约定，协议是一组形式化的描述。

TCP/IP 协议（传输控制协议 / 网际协议）是 Internet 使用的网络协议。 TCP 协议负责对发送的整体信息进行数据分解，保证可靠性传送并按序组合。 IP 协议则负责数据包的传输寻址。

TCP/IP 模型有：应用层、传输层、网络层、网络接口层 4 层。

§1

§2 §2 计算机网络的组成 计算机网络的组成 局域网的组成局域网的组成

• 局域网由以下几个部分组成 服务器；工作站；传输媒体（包括同轴电缆、双绞线和光纤）；网络适配器（也称网卡）；网间连接器（连接服务器和传输媒体、工作站和传输媒体）；网络操作系统

• 其他的网络设备还包括： 用于星型拓扑结构的中心节点的设备集线器 <hub> 用于扩展网络传输距离的中继器 <repeater> 用于各局域网互联和局域网与广域网互联的设备，包括桥接器、路由器和网关。

第 4 章

下面不属于局域网络硬件组成的是 ___ 。A. 网络服务器B. 个人计算机工作站C. 网络接口卡D. 调制解调器

答案： D

§3 Internet§3 Internet 介绍介绍 Internet （因特网）是世界上最大的计算

机互联网络，是一个建立在计算机网络之上的网络。开始于美国。一、 IP地址二、连接因特网三、 Internet的服务

第 4 章

§3 Internet§3 Internet 介绍介绍一、 一、 IPIP 地址地址 IP 地址 : 是 Internet 为每一个入网用户单

位分配的一个识别标识。 其长度为 32 位二进制数。表示成 4 个十进制数字字段组成 , 字段之间用点分开 , 4 个字段中的每个数字在 0~255 之间（点分十进制）。

为便于寻址， IP 地址分为二部分编码：网络号和主机号。在 Internet 网中， IP 地址是唯一的。如： 192.168.13.15

网络地址 主机地址

§3 Internet§3 Internet 介绍 介绍 一、一、 IPIP 地址地址 分类Ａ分类Ａ

A ， B ， C ， D ， E5 类 IP 地址，对应不同类型的网络。

0 Network Host 1.0.0.0 － 127. 255. 255. 255

10 Network Host

110 Network Host

1110 Multicast address

1111 Reserved for future use

128.0.0.0 － 191. 255. 255. 255

A

B

C

D

192.0.0.0 － 223. 255. 255. 255

224.0.0.0 － 239. 255. 255. 255

224.0.0.0 － 247. 255. 255. 255

E

Network

0 1 7 8 31

0 1 15 14 31

0 2 313

2

23 24

0 3 314

0 4 315

§3 Internet§3 Internet 介绍 介绍 一、 一、 IPIP 地址地址 分类Ｂ分类Ｂ

五类地址的主要区别在于网络号和主机号所占的位数不同：

A类地址：第一个字节为网络号，高端第 1位为 0，后三个字节为主机号，用于大型网络，主机数可达 224台

B类地址：前二个字节为网络编号，高端前二位为 10 ，后二个字节为主机号，用于中型网络，主机数可达 214台

C 类地址：前三个字节为网络编号，高端前三位为 110 ，最后一个字节为主机号，用于较小型网络，主机数可达 28台

§3 Internet§3 Internet 介绍 介绍 一、 一、 IPIP 地址 地址 域名地址域名地址

域名地址：是用来解释 IP 地址用的。由字符与数字混合字段组成，按地理或机构进行分层，各字段之间由点分开。在地址中，从右到左依次为最高域名至最低域名，最左一个为主机名。

一个域名一定有一个 IP 地址，反之不然。

Mail. hz. zj. cn 主机名 三级域名 二级域名 顶级域名

§3 Internet§3 Internet 介绍介绍一、 一、 IPIP 地址 地址 地理性域名地理性域名

最高层域名分两大类：机构性域名和地理性域名。国家和地区最高域名例子

CN ：中国 TW ：台湾HK ：香港 JP ：日本DE ：德国 FR ：法国SG ：新加坡 UK ：英国

§3 Internet§3 Internet 介绍 介绍 一、 一、 IPIP 地址地址 　 　机构性域名机构性域名

机构域名例子gov: 政府com: 商业edu: 教育net: 网络org: 非赢利组织ac: 学术

§3

§3 Internet§3 Internet 介绍 介绍 二、连接因特网 二、连接因特网 拨号入网 拨号入网 AA

　所需设备：计算机、调制解调器、电话线 入网过程：

1. 拨电话号码 2. 协商速率 ( 建立物理连接）3. 校验身份 4. 指定协议（ ppp, slip ，完成 IP 层连接）5. 网络应用 4. 关闭应用 7. 断开连接

§3 Internet§3 Internet 介绍 介绍 二、连接因特网 二、连接因特网 拨号入网 拨号入网 BB

§3 Internet§3 Internet 介绍 介绍 二、连接因特网二、连接因特网 ADSLADSL 接入接入

　所需设备：计算机、 ADSL 分频器、 ADSL 　 Modem 、网卡、电话机

§3

§3 Internet§3 Internet 介绍介绍三、 三、 InternetInternet 的服务 的服务 AA

　可分为基本服务和扩充服务两种：• 基本服务：电子邮件、远程登录和文件传

输•扩充服务：基于电子邮件的电子公告板和电子杂志、名录服务、查询服务、万维网服务等。

§3 Internet§3 Internet 介绍 介绍 三、 三、 InternetInternet 的服务 的服务 BB

E-mail: 计算机网络可以作为通信媒介，在本地的计算机上把电子邮件发送到世界各地，在这些电子邮件中可以包括文字、声音、图形、图像等信息。

远程登录 (Telnet) ：指允许一个地点的用户与另一个地点的计算机运行的应用程序进行交互对话

FTP( 文件传输协议 ): 作用是将用户文件传送到服务器上（上传）或将服务器上的文件传送到本地计算机（下载）

§3 Internet§3 Internet 介绍 介绍 三、 三、 InternetInternet 的服务 的服务 wwwwww 介绍介绍

万维网 WWW （ world wide web) ：是一种超文本（ HyperText) 的多媒体信息查询工具，运用WWW 浏览器，就可访问 INTERNET 上的各种信息资源，包括文字声音、图像等。

相关概念 HTML ：超文本标记语言 HTTP ：超文本传输协议 URL ：统一资源定位器

§3

§4 §4 使用使用 InternetInternet一、 IE浏览器 二、 E-mail电子邮件三、 Internet的其他应用

第 4 章

§4 §4 使用使用 Internet Internet 一、 一、 IEIE 浏览器浏览器 启动 启动

IE 的启动

§4 §4 使用使用 Internet Internet 一、 一、 IEIE 浏览器浏览器 使用 使用

IE 的使用： IE 的菜单栏

§4 §4 使用使用 InternetInternet一、一、 IEIE 浏览器浏览器 文件菜单 文件菜单

“文件”菜单：“另存为”命令可将当前网页中的内容保存至硬盘中，保存类型有 4 种。

保存页中的图象或动画：

右击（页面中的图象或动画） >“ 图片另存为” >“ 保存图片”对话框 ( 指定保存的位置和文件名 )>“ 保存”（保存页中的背景方法与此相似）

§4 §4 使用使用 Internet Internet 一、一、 IEIE 浏览器浏览器 保存图象 保存图象

§4 §4 使用使用 Internet Internet 一、一、 IEIE 浏览器浏览器 收藏菜单 收藏菜单

.“ 收藏”菜单： 收藏夹功能，把 web 页或站点地址储存下来。通过整理“收藏夹”，将网页收藏在按类创建的文件夹中

§4 §4 使用使用 Internet Internet 一、一、 IEIE 浏览器浏览器 工具菜单 工具菜单

　“工具”菜单： 用得最多的是“ internet 选项…”命令项

§4

§4 §4 使用使用 Internet Internet 二、二、 E-mailE-mail 电子邮件电子邮件

电子邮件地址

用户名 @ 邮件服务器主机名如：

xxgcx@mail.zjitc.net

§4

§4 §4 使用使用 InternetInternet三、三、 InternetInternet 的其他应用的其他应用 电子商务电子商务

电子商务（简写为 EC ）：利用计算机技术、网络技术和远程通信技术，实现整个商务过程的电子化、数字化和网络化。人们不再是面对面的看着实实在在的货物，靠纸质介质单据进行买卖交易，而是通过网络，通过网上琳琅满目的商品信息、完善的物流配送系统和方便安全的资金结算系统进行交易。

§4 §4 使用使用 Internet Internet 三、三、 InternetInternet 的其他应用 的其他应用 联机会议联机会议

利用会议计算机网络，人们可以通过个人计算机参加会议讨论，联机会议除了可以使用文字外，还可以传送声音和图像。

§4 §4 使用使用 Internet Internet 三、三、 InternetInternet 的其他应用 的其他应用 电子数据交换电子数据交换

电子数据交换：计算机网络在商业中的一项重要的应用形式，它以共同认可的数据形式，在贸易伙伴的计算机之间传输数据，代替了传统的贸易单据，从而节省了大量的人力和物力，提高了效率。

§4 §4 使用使用 Internet Internet 三、三、 InternetInternet 的其他应用 的其他应用 信息查询服务信息查询服务

Gopher ：是一种菜单驱动式的信息查询系统。只要在成树型结构排列的多层菜单中逐级深入，从一个菜单连接到另一个菜单，就可检索到所需的信息，而不必考虑这些信息的存贮方式和存贮地点。

Gopher 的信息组织方式有点类似 WWW ，但 Gopher 的信息呈现方式不及 WWW丰富，只有文字没有图象、声音、视频等多媒体信息。

§4 §4 使用使用 InternetInternet三、三、 InternetInternet 的其他应用 的其他应用 传输介质传输介质

　　传输介质：是网络中发送方与接收方之间的物理通路。

常用的传输介质有以下四种： 双绞线 同轴电缆 光缆 无线通信

§4

第第 44 章 网络基础及应用－－用章 网络基础及应用－－用 FrontPFrontPageage 制作网页制作网页§1 建立站点与保存网页 §2 编辑操作 §3 图片处理 §4 建立超链接 §5 表 格 §6 动态效果 §7 框 架 §8 表 单

4.6 4.6 用用 FrontPageFrontPage 制作网页制作网页

Frontpage 2000 是 Office 2000 组件之一，运行 Frontpage 与启动 Office 其他软件相同， Frontpage 启动后，主窗口如图 4.43 所示，菜单部分外貌与 Office 中的其他软件相似，最大的区别是 FrontPage 的主窗口中有一个视图栏，包含：网页、文件夹、报表、导航、超链接、任务。

（ 1 ）网页。在“网页”视图中，有“普通”、“ HTML” 和“预览” 3张选项卡，用户可以在“普通”或“HTML”选项卡中创建、编辑网页信息，并可在“预览”选项卡中预览网页制作效果。

（ 2 ）文件夹。“文件夹”视图用于管理站点中的网页文件夹和网页文档，可进行新建、复制、删除、移动操作。

（ 3 ）报表。“报表”视图起了对所建网站的统计作用，它有助于维护站点。 （ 4 ）导航。“导航”视图用于对站点结构的管理，可以创建网页、更改网页

间的互相链接结构。 （ 5 ）超链接。“超链接”视图显示站点中每一页的超链接。　 （ 6 ）任务。“任务”视图用于记录与创建和 Web 站点有关的所有细节，对于

大型站点和有许多人参加创建的站点，维护管理十分有效。

图图 4.43 FrontPage4.43 FrontPage 主窗口主窗口

4.6.1 建立站点与保存网页

图图 4.44 4.44 新建站点对话框新建站点对话框

1．创建新站点 在 FrontPage窗口中执行“文件”→“新建”→“站点”命令，打开如图 4.44 所示的“新建站点”对话框，选择“只有一个网页的站点”模板，并指定新站点的位置，最后单击“确定”按钮。

22 ．新建网页．新建网页 单击常用工具栏上的“新建普通页面”按钮可

以创建一个新的空白网页，这相当于一张白纸，用户可以充分发挥自己的创意。也可以利用 FrontPage 提供的模板制作网页。执行“文件”→ “新建”→“网页”命令，

33 ．保存网页．保存网页 单击格式工具栏中的“保存”按钮或执行“文

件”→“保存”命令，均可保存当前网页。

图 4.44 新建站点对话

框

4.6.2 编辑操作 1．文本修饰。 网页文本修饰包括网页标题、网页中字体的大

小、颜色、各种效果及段落样式的设置等。

例 4.5 设置文本字体 在选定的文本上单击鼠标右键，从弹出的快捷菜单中选择“字

体”命令，或者执行“格式” →“字体”命令，打开“字体”对话框，它包含“字体”和“字符间距”两个标签。选中“字体”标签，在“字体”下拉列表框中列出了可供选择的字体，在“字形”框中可以设置加粗或倾斜。“字号”下拉列表框给出了 7 种不同的字体大小供用户选择，默认的字体大小是 3 号字。字号旁边的磅值表示字体的绝对大小。

文本的默认颜色是黑色。如果要调整颜色，可以从“颜色”下拉列表框中进行选择。

利用“字体”对话框中的“效果”选项组，可以设置一些特殊效果，如上标、下标和闪烁等。

使用“字体”对话框中的“字符间距”标签，可以对字符间距等内容进行设置。

例例 4.64.6 设置段落设置段落

在需要设置格式的段落中单击鼠标右键，从弹出的快捷菜单中选择“段落”命令，或者执行（格式 / 段落）命令，打开“段落”对话框。

利用该对话框可以对段落的对齐方式、缩进、段落间距等进行设置，其中在“缩进”选项组中输入正值表示向内缩进、输入负值表示向外扩展；在“段落间距”选项组中输入正值表示加大间距、输入负值表示缩小间距。

例例 4.74.7 设置样式设置样式• 使用格式工具栏能够快速简便地完成文本的基本格式设置。在格式工具栏最左端有一个“样式”列表框，它提供了多种格式样式。选定文本后，从“样式”下拉列表框中选择某一样式，则选定的文本便套用该样式的格式设置。

2．插入特殊对象 （ 1 ）符号。包括大小写字母、数字等键盘符号外，还有拉丁

语及其他符号。操作方法是单击菜单中的“插入”→“符号”打开符号对话框，选择合适的符号进行插入即可。

（ 2 ）水平线。利用水平线可以把网页分为上下两个区域。插入的水平线的方法是：先将光标定位到要插入水平线的位置，再执行“插入”→“水平线”命令即可。双击已插入的水平线，将弹出如图 4.46 所示的“水平线属性”对话框。 用户可以在该对话框中对水平线的宽度、高度、对齐方式和颜色等进行设置。

（ 3 ）注释。为便于对网页进行维护，通常要给网页添加注释。先定位插入点，再执行“插入” |“注释”命令，打开“注释”对话框并输入注释内容后单击“确定’按钮即可。注释标识文字只能在普通查看方式下显示。

（ 4 ）时间戳。时间戳包含的日期和时间域会在网页被修改时自动更新。插入时间戳的方法是：将光标移到插入点，执行“插入”→“日期和时间”命令，打开“日期和时间”对话框，如图4.47 所示，用户可在该对话框中设置显示格式。

图图 4.46 4.46 水平线属性对话框水平线属性对话框 图 4.47 日期和时间对话框

4.6.3 图片处理 1．插入图片。 将光标定位到要插入图片的位置，单击常用工具栏上的“插入文件

中的图片“按钮，或者执行“插入”→“图片”→“来自文件”命令，均可打开如图 4.48 所示的“图片”对话框。用户可以在当前目录中寻找要插入的图片，或者从“选择文件”对话框中选择其他目录下的图片。

执行“插入”→“图片”→“剪贴画”命令可打开 Microsoft剪辑库，用户可以选择合适的剪贴画插入到网页中。

2．设置图片属性。 鼠标右单击页面内某一图片，执行快捷菜单中“图片属性”命令，

选择“图片属性”对话框中“外观”标签，可以设置图片的大小、对齐方式、图片的边框等，如图 4.49 所示。

图图 4.48 4.48 图片对话框图片对话框

图图 4.49 4.49 图片属性对话框图片属性对话框

图图 4.50 4.50 图片工具栏图片工具栏

3．图片其他操作 当选中某个图片的时候，在编辑区域的底部会弹出图片

工具栏，如图 4.50 所示。利用该工具栏可对所选定的图片进行编辑操作。

4．设置背景图 背景可由“背景图片”和无图片的“背景颜色”构成。 （ 1 ）添加“背景图片”的方法： ① 单击“格式”菜单的“背景”命令，出现“网页属性”对话框的

“背景”选项卡；或鼠标右键单击 FrongPage 编辑区，选择快捷菜单中的“网页属性”命令，再在对话框中选择“背景”选项卡。

② 在“背景”选项卡的“格式”区域选择“背景图片”复选框，再在空白栏处直接键入图片所在的文件路径和文件名，也可单击“浏览”按钮选择图片文件。单击“确定”按钮完成“背景图片”的设置。

（ 2 ）设置网页“背景”颜色和“文本”颜色的方法： ① 使用“背景”选项卡的“颜色”区域，在“背景”和“文本”列表

框中选择不同的色彩，设置“背景”和“文本”颜色；设置“超链接”的文字的颜色，可在“颜色”区域右侧的 3 个列表框中完成设置。

② “背景”选项卡中对“文本”颜色的设置，只有该文字的“字体”颜色设置成“自动”时才有效。

③ 使用背景图片时，所设置的背景颜色将被图片覆盖。

5．图片保存 保存网页时， FrontPage 会提示用户是否将插入的图片保存到当

前站点的目录下。如果只在一个独立的页面中使用图片，建议将图片文件与网页文件放在同一个目录。如果该图片供某个站点中的一个网页使用，建议专门建立一个存放图片的文件夹，例如 images 文件夹。此外，插入图片时最好使用相对地址，一边于修改和维护。

4.6.4 建立超链接 超级链接是实现页面之间相互跳转的导航路径，创建超链接要指定起点和目标地址。超链接一般分为文本链接和图片链接。

超链接的目标地址有两种：绝对 URL 和相对 URL 。 1．创建文本超链接。 先选定要建立超链接的文本，再单击常用工具栏上的“超链接”按钮，或者单击鼠标右键，从弹出的快捷菜单只选择“超链接”命令，打开如图 4.51 所示的“插入超链接”对话框。

图图 4.51 4.51 插入超链接对话框插入超链接对话框

图图 4.52 4.52 插入超链接的邮件对话框插入超链接的邮件对话框

用户可以从列表框中选定某个网页文件，也可以直接在“地址”文本框中输入要链接的目标地址，还可以单击图标，从弹出的“选择文件”对话框中选定链接的目标文件。选定的目标地址均会出现在“地址”文本框中。

电子邮件地址也可以作为超链接的目标地址。单击“插入超链接”对话框中电子邮件地址图标，对话框显示如图 4.52 所示。在该对话框中输入电子邮件地址就可以了。

2．设置热点 热点是图像上具有超链接的区域，一幅图片上可以包含若干个热点。热

点形状可以是矩形、圆形或多边形，热点位置可自行确定。热点设置方法如下： （ 1 ）对整个图片创建一个超链接。 创建图片超链接的方法有两种，其一与创建文本超链接相同，其二就是选

中图片后，单击鼠标右键，从快捷菜单中选择“图片属性”命令，打开对话框如图 4.53 所示。

在“常规”选项卡的“默认超链接”选项组中单击“浏览”按钮，在弹出的“编辑超链接”对话框中可以设置该图片的链接对象，即目标地址。

在浏览网页时，如果将鼠标移到热点上，鼠标指针会变成手的形状，这时单击鼠标将跳转到相应的链接对象。图片超链接的另一种情况是指在原始图片与它对应缩微图标之间建立链接关系。其方法是：先在网页上插入一个图片，并选中它，再单击图片工具栏中的“缩微”按钮，这时网页中出现一个与所选图片相对应的缩微图标。在浏览网页时，单击缩微图标即可跳转到原始图片。

图图 4.53 4.53 创建超链接——图片对话框创建超链接——图片对话框

（ 2 ）对图片的某一部分创建超链接。 ① 选中某个欲设置热点的图片，此时窗口下方出现图片工具栏。 ② 在图片工具栏中选择合适的热点设置按钮（例如长方形按钮），这时鼠标变成铅笔形状，将光标定位到需创建热点区域的左上角或右下角，然后拖动鼠标形成一个热点区域，松开鼠标后会自动弹出“创建超链接”对话框。

③ 在“创建超链接”对话框中设置要链接的 URL 地址，它可以是网址、文件名或电子邮件地址。

（ 3 ）在图片上建立文本热点。 有时需要在图片上叠加一些文本，以建立文本热点。 ① 选定图片，单击图像工具栏上插入文本图标按钮，在图片上出现一个文本框，输入所需要的文字。可以用鼠标改变文本框的大小和位置。

② 双击文本框的边框，在弹出的“创建超链接”对话框中设置链接目标。

3．编辑超链接 选中某个超链接，单击鼠标右键，从弹出的快捷菜单中选择“超

链接属性”命令，或者执行“插入”→“超链接”命令，均可打开“编辑超链接”对话框，用户可以修改超链接的目标地址，或者删除目标地址取消该超链接。

浏览某个网页时，超链接可以有未访问、正在访问和已访问 3 种情况，通常用不同的颜色加以区别。在网页的任意位置单击鼠标右键，从快捷菜单中选择“网页属性”命令，或者执行“格式”→“背景”命令，均可弹出“网页属性”对话框，选择“背景”标签，在“颜色”选项组中可以设置超链接文本的颜色。

4．插入和使用书签 当一个网页文件很长时，要快速寻找网页中某个专题的内容是比

较困难的。但如果在网页的各个专题上加上“书签”，浏览者只要单击书签就可以立即跳转到相应的位置。事实上“书签”也是一种超级链接，与一般超级链接不同的是，书签是在同一网页中的不同位置进行链接定位。

例 4.8 如图 4.54 所示，一个说明网页列出了 3条帮助信息，如果希望双击某个标题便可链接到相应的内容。则如何创建书签？

① 确定帮助标题对应的跳转位置，分别选定各条帮助的标题文字，单击“插入”→“书签”命令，打开“书签”对话框，输入书签名称后单击“确定”按钮，即可创建一个书签。

② 定义完书签后，就可以创建链接到该书签的超链接。与前面介绍的创建超链接的方法相同，只是选择的目标文件不是 URL 地址，而是单击“插入超链接”对话框中的“书签”按钮，出现如图 4.55 所示的对话框，选择相应的书签，单击“确定”按钮，就创建了链接到书签的超链接。

图图 4.54 4.54 创建书签创建书签

图图 4.55 4.55 选择书签选择书签

4.6.5 表 格 1．建立表格

将光标移到要使用表格的位置，执行“表格 |插入 |表格”命令，设定行数和列数，即可插入一个表格。如果要给表格加标题，可以通过“表格 | 插入 |标题”命令来进行。表格建好后，就可以向单元格输入数据或插入图片等。

22 ．对行和列的编辑操作．对行和列的编辑操作

（ 1 ）选定表格对象的方法：一个单元格：单击单元格，单击“表格”→“选定”→“行（或列）”命令（或 Alt键 +单击）。

行或列：将鼠标移到某一行的左边，或某一列的上面，当鼠标指针变成小箭头状时，单击鼠标就会选中一行或一列。

块：按下鼠标左键在单元格上拖拽。 （ 2 ）在表格中插入行或列的方法。将鼠标指针移到要插入行或列的某

个单元格中，单击鼠标右键，从弹出的快捷菜单中选择“插入行”或“插入列”命令，就会在鼠标指针所在行的上方添加一行，或在鼠标所在列的左侧添加一列。选定行或列后执行“表格”→“删除单元格”命令，即可删除选定的行或列。

33 ．格式化表格．格式化表格• 选定表格或单元格，执行“表格 |表格属性”命

令，打开对应的对话框。按所显示的属性设置水平、垂直对齐，加边框架和底纹、背景、大小等。

4.6.6 4.6.6 动态效果动态效果

以创建文字的动态效果为例。 （ 1 ）选定网页中的某段文字，单击“ DHTML 效果”工具栏的

“选择一种事件”下拉按钮，表中提供了单击、双击、鼠标悬停和网页加载 4 种事件，本例选择“网页加载”。

（ 2 ）单击“应用”下拉列表按钮，列表中提供了不同的选项。图4.56 是设置“网页加载”时“从左侧”“飞入”动态效果的例子。

上例的设置效果为：当网页加载时，设置了动态效果的文本从左侧飞入。

对某个网页元素设置动态效果后，该元素被添加了淡蓝色的透明背景，以区别其他网页元素。单击“ DHTML 效果”工具栏上的按钮可以取消该背景。

选中某个已设置动态效果的网页元素，单击“DHTML 效果”工具栏上的“删除效果”按钮即可取消动态效果。利用“DHTML 效果”工具栏可以为文字、图片、按钮等网页元素设置不同的动态显示效果。

图图 4.56 DHTML4.56 DHTML 网页设置网页设置

1．悬停按钮 悬停按钮在外观上与普通按钮相同，但当鼠标指针移到这类按钮上时，会出

现不同的显示效果，例如： （ 1 ）填充颜色：鼠标指针移到按钮上时，按钮的颜色发生改变。 （ 2 ）发光：鼠标指针移到按钮上时，按钮的中间部分发光。 （ 3 ）凸出：鼠标指针移到按钮上时，按钮寻找出现凸起来的效果。 （ 4 ）凹进：鼠标指针移到按钮上时，按钮形状出现凹进去的效果。 执行（插入 / 组件 /悬停按钮）命令，打开如图 4.57 所示的“悬停按钮属

性”对话框，用户可设置悬停按钮的链接目标地址并在“效果”下拉列表框中选择动画效果，这里设置效果为“发光”。用类似的方法可以创建“填充颜色”、“凸出”、“凹进”等不同效果的悬停按钮。

图图 4.57 4.57 ““ 悬停按钮属性”对话框悬停按钮属性”对话框

2．使用字幕 FrontPage 允许使用滚动字幕，即在一个背景方框中，

一些文字不停地沿着一个方向或来回地滚动。 执行（插入 / 组件 / 字幕）命令，打开如图 4.58 所示

的“字幕属性”对话框，在“文本”框中输入字幕内容，然后设置其滚动方向、速度和表现方式等属性。单击“样式”按钮还能对文本格式进行设置。完成上述操作后，在网页中会出现不断滚动的字幕。

图图 4.58 4.58 ““ 字幕属性”对话框字幕属性”对话框

图图 4.59 4.59 ““ 站点计数器属性”对话框站点计数器属性”对话框

3．站点计数器 站点计数器用于统计网站被访问次数。在网页中添加站点计数器的方法为：

定点插入点后，执行（插入 / 组件 / 站点计数器）命令，打开如图 4.59 所示的“站点计数器属性”对话框，设定计数器的位数（默认是 5 位）等，然后单击“确定”按钮即可。站点计数器必须在网站发布后才能正常显示。

图图 4.60 4.60 ““ 搜索表单属性”对话框搜索表单属性”对话框

4．搜索表单 FrontPage 提供搜索表单组件，

它起到一个搜索引擎的作用，利用它可以实现对当前整个网站上所有文件进行全文搜索。

定位插入点后，执行（插入 /组件 / 搜索表单）命令，打开如图 4.60 所示的“搜索表单属性”对话框。

图图 4.61 4.61 ““ 网页过渡”对话框网页过渡”对话框

5．网页过渡效果 设置网页过渡方式可以实现如随机分解、溶解等动态效果。但这样做会给网页浏览速度造成一定的影响。

在需要设置过渡效果的网页中，执行（格式 / 网页过渡）命令，打开“网页过渡”对话框，如图 4.61 所示。在“事件”栏中选择一种事件，如进入网页、离开网页、进入站点和离开站点。在“过渡效果”列表框中选择一种效果，如“盒状收缩”，最后单击“确定”按钮。

4.6.7 框 架 WWW 上的大多数网页都是框架网页，其主要特

点是将浏览器窗口分割成不同的区域，每个区域呈现不同的网页内容，如图 4.62 所示。

框架网页中最大的区域通常作为主框架区，频繁变化的内容一般安排在该区域中显示。除主框架区外的其他区域相对稳定，常用于显示框架的标题和目录等。例如，在目录框架中单击某个超链接，就可以在主框架区显示相应的内容，因此，使用框架网页的优点是可以避免浏览窗口的频繁切换。

图图 4.62 4.62 使用框架使用框架

图图 4.63 4.63 网页模板对话框网页模板对话框

1．建框架网页 可以利用 FrontPage 提供的模板创建框架网页。单击“文件”→

“新建”→“网页或站点”命令，从显示的“新建网页或站点”任务窗格选择“网页模板”选项，打开如图 4.63 所示的“网页模板”对话框。

在“框架网页”标签中选定某种模板，如“嵌套式层次结构”模板，单击“确定”按钮即可生成与所选模板对应的框架网页，如图 4.64 所示。

网页中每一个框架都有两个按钮：“设置初始网页”和“新建网页”按钮。单击“设置初始网页”按钮将弹出“插入超链接”对话框，可在此设定该框架最初显示的网页地址。单击“新建网页”按钮，将出现一个空白网页供用户创建新的内容。

图图 4.64 4.64 框架网页框架网页

2．设置框架属性 利用框架属性可对框架进行调整和修改。在某个框架中单击鼠标右键，从弹出的快捷菜单中选择“框架属性”命令，或者选中某一框架，单击“框架”→“框架属性”命令，均会打开如图 4.65 所示的“框架属性”对话框，可以对该框架的名称、大小、边距以及是否显示滚动条等进行设置。直接用鼠标拖动边框也可以调节框架的大小。

框架可以拆分，其方法与拆分表格类似。先选中要拆分的框架，然后执行“框架”→“拆分框架”命令，打开“拆分框架”对话框，选定拆分方向后单击“确定”按钮即可。

图 4.66 是对图 4.64 所示的框架网页按列拆分后的效果。将鼠标指针移到框架边缘，按住 Ctrl键的同时拖动鼠标也能完成拆分操作。

选定某个框架后执行（框架、删除框架）命令，可以将该框架删除。

图图 4.65 4.65 框架属性对话框框架属性对话框

图图 4.66 4.66 拆分框架效果页面拆分框架效果页面

3．设置目标框架 在使用框架网页时，通常只需设定其中的一个或几个框架作为浏

览窗口，因此，要对它们设置超链接。不仅要指定超链接的地址，还要指定目标框架名称。通常的做法时：目录框架作为标题框架的目标框架，即单击标题框架中的某个链接将改变目录框架的显示内容；主框架是目录框架的目标框架，即单击目录框架中的某个链接将改变主框架的显示内容。

以图 4.66 所示的框架页面为例，把中间框架作为目录框架中某个超链接的目标框架，可以按以下方法进行设置：

（ 1 ）在要设置超链接的某个超文本（例如个人资料）上单击鼠标右键，从弹出的快捷菜单中选择“超链接属性”命令，打开“编辑超链接”对话框，如图 4.67 所示。

图图 4.67 4.67 编辑超链接对话框编辑超链接对话框

（ 2 ）设置其链接目标地址后，单击对话框右侧的“目标框架”按钮，弹出如图 4.68 所示的“目标框架”对话框，对话框左边给出了当前框架网页的结构布局，供用户选择目标框架。本例选择中间的框架，这时，“目标设置”栏中显示该框架的名称。

单击“确定”按钮，完成目标框架的设置。

图图 4.68 4.68 目标框架对话框目标框架对话框

44 ．使用表格进行页面布局．使用表格进行页面布局 人们总希望网页有一个合理的布局。利用表格可以比较好地解决这个问题。先确定页面中各个对象所在的区域，再用表格将这些区域划分出来，这样，布局问题就转变为表格设计。如图 4.69 所示是一个例子。

FrontPage新建网页时打开的“网页模板”对话框，其“常规”标签提供的一栏正文、三栏正文等模板实际上就是利用表格来进行布局。

图图 4.69 4.69 表格布局页面表格布局页面

4.6.8 表 单 在网页设计时经常需要使用表单，例如登记表、订单、文卷调查

表等，以增强 Web 站点的交互功能。1．表单域的类型

表单中的组件称为表单域，包括文本框、文本区、复选框、选项按钮、下拉框、按钮、图片和标签等，如图 4.70 所示。

图图 4.70 4.70 表表 单单

22 ．使用向导创建表单．使用向导创建表单

使用表单向导创建表单的步骤如下： （ 1 ）执行“文件”→“新建”→“网页”命令，从“新建网

页”任务窗格中选定“网页模板”选项，在弹出的“网页模板”对话框中，单击“常规”标签，选中“表单网页向导”，单击“确定”按钮，弹出“表单网页向导”对话框，单击“下一步”按钮，显示如图 4.71 所示的对话框。

图图 4.71 4.71 表单网页向导一表单网页向导一

图图 4.72 4.72 表单网页向导二表单网页向导二

（ 2 ）单击“添加”按钮，打开如图 4.72 所示的对话框。

图图 4.73 4.73 表单网页向导三表单网页向导三

(3 ）在“在选择此问题要收集的输入类型列表框”中选中某种类型，如个人信息，这时在“说明栏”中将提示应输入的具体内容。单击“下一步”按钮，弹出如图 4.73 所示的对话框，在此应设定收集信息的项目，如姓名、年龄、性别等。

（ 4 ）单击“下一步”按钮，弹出表单对话框如前，但此时已在列表中添加了个人信息问题的提示“请做自我介绍”。按照“表单网页向导”的提示便可完成包含表单的网页制作。本例的浏览效果，如图 4.74 所示。

图图 4.74 4.74 表单向导创建的的表单表单向导创建的的表单

3．保存表单 表单制作完成后，还需要设置填表人所提交的表单内容的保存

方式。默认方式是以文本文件保存。 在表单中单击鼠标右键，从弹出的快捷菜单中选择“表单属性”

命令，弹出如图 4.75 图 4.75 所示的对话框，选中“发送到”选项，并输入目标文件名或电子邮件地址。表单默认保存到当前站点的—— private 文件夹。单击“浏览”按钮可更改表单的保存位置。

此外，表单也可以发送到数据库或其他处理程序中。

图图 4.75 4.75 表单属性对话框表单属性对话框