《part3医学的建立与frontpage2002的使用》由会员分享，可在线阅读，更多相关《part3医学的建立与frontpage2002的使用（99页珍藏版）》请在金锄头文库上搜索。
1、Part3医学网站的建立与FRONTPAGE2002的使用Stillwatersrundeep.流静水深流静水深,人静心深人静心深Wherethereislife,thereishope。有生命必有希望。有生命必有希望Chapter 13 FrontPage2002基础知识基础知识w13.1 必备的必备的Internet知识概述知识概述w13.2 FrontPage2002功能简介功能简介w13.3 FrontPage2002界面界面w13.4 基本的文件操作基本的文件操作w13.5 基本的站点操作基本的站点操作2FRONTPAGE200213.1 必备的必备的Internet知识概述知识概述
2、wInternet的各种服务的各种服务WWW：world wide webE-mailFTP:文件传输协议（文件传输协议（File Transfer Protocol）,下载文件，在下载文件，在Internet的两台主机之间传递文件。的两台主机之间传递文件。 Telnet：远程登录：远程登录(Remote Logon) 3FRONTPAGE2002w万维网万维网(WWW)和和Web页页 为为Internet核心，由一个个互联互通的网站所组成的信息核心，由一个个互联互通的网站所组成的信息的海洋。的海洋。网站的灵魂就是网页（网站的灵魂就是网页（Web页）。页）。Web页面：是包含了超文本标记的一种
3、文本文件，它和页面：是包含了超文本标记的一种文本文件，它和其他普通文档的不同之处在于该文本文件还包含了与许其他普通文档的不同之处在于该文本文件还包含了与许多图形文件和其他多图形文件和其他Web页面间相互链接的页面间相互链接的URL标记和其标记和其他格式化信息。可以综合许多种元素，如图片、文本、他格式化信息。可以综合许多种元素，如图片、文本、视频等。视频等。Web页面必须通过页面必须通过Web浏览器来解释执行。浏览器来解释执行。wMicrosoft Internet ExplorerwNetscape navigator。4FRONTPAGE2002Web页面的工作原理：页面的工作原理：WWW是
4、是Client/Server（客户（客户/服务器）体系结构服务器）体系结构w客户端（客户端（Client）即访问者计算机上的）即访问者计算机上的web浏览器向浏览器向web服务器发出请求信息服务器发出请求信息wWeb服务器接收客户端的请求，并调用服务器端的处服务器接收客户端的请求，并调用服务器端的处理程序将客户端的请求处理后发送回客户端浏览器（理程序将客户端的请求处理后发送回客户端浏览器（ Web服务器通过向浏览器传递服务器通过向浏览器传递HTML代码来响应浏览代码来响应浏览器发出的请求）器发出的请求）w浏览器将返回的信息解释后将结果显示在屏幕上浏览器将返回的信息解释后将结果显示在屏幕上HTM
5、L（超文本标识语言）是一种标识语言，它（超文本标识语言）是一种标识语言，它告诉浏览器每个页面元素的排列位置与风格。告诉浏览器每个页面元素的排列位置与风格。5FRONTPAGE200213.2 FRONTPAGE2002 功能简介功能简介wFrontPage 2002 是是OFFICE XP家族成员之一，为家族成员之一，为创建和管理极具专业水准的创建和管理极具专业水准的Web站点提供了妥善的站点提供了妥善的解决方案，无需编程即可拥有极具专业水准的解决方案，无需编程即可拥有极具专业水准的Web站点。站点。wFrontPage能够解释和生成能够解释和生成web页面的页面的HTML代码，代码，利用利用
6、FrontPage，网页制作人员不需要学习、书写，网页制作人员不需要学习、书写HTML源代码即可快速并轻松地设计出各种专业网源代码即可快速并轻松地设计出各种专业网站，同时能够对整个站点的内容和结构进行高效的站，同时能够对整个站点的内容和结构进行高效的管理。管理。w既适用于缺少既适用于缺少HTML知识的入门者，也同样适用于知识的入门者，也同样适用于有经验的网页制作专业技术人员，建设专业品质有经验的网页制作专业技术人员，建设专业品质Internet和和Intranet网站的最佳工具。网站的最佳工具。6FRONTPAGE2002wFrontPage2002的特点：的特点： 简单易用简单易用 与与 W
7、ord相似的界面，所见即所得地创作。相似的界面，所见即所得地创作。工具增强工具增强站点管理站点管理 可在短时间内配置和更改所有文件，所有的站可在短时间内配置和更改所有文件，所有的站点管理工具、文件、设置等都可轻松访问、轻松管理。点管理工具、文件、设置等都可轻松访问、轻松管理。数据库集成数据库集成 轻松实现浏览和发送信息到数据库。轻松实现浏览和发送信息到数据库。丰富的主题丰富的主题 轻松自定义站点样式，并可控制站点网页颜轻松自定义站点样式，并可控制站点网页颜色、字体、图像、项目符号等属性。色、字体、图像、项目符号等属性。交互性内容交互性内容 轻松在网页内插入图片、音乐和视频。内置轻松在网页内插入
8、图片、音乐和视频。内置对动画技术的支持，如对动画技术的支持，如DHTML，轻松创建简单动画。，轻松创建简单动画。HTML源代码编辑源代码编辑 FrontPage允许直接进行允许直接进行HTML代码代码编辑。编辑。7FRONTPAGE200213.3 FRONTPAGE2002 界面界面w启动启动FrontPage 2002 ：“开始开始”菜单中的菜单中的“程序程序Microsoft FrontPage”w界面：界面：标题栏、菜单栏、工具栏、状态栏标题栏、菜单栏、工具栏、状态栏“视图视图”工具栏：在窗口的左侧工具栏：在窗口的左侧文件夹列表：视图栏右边，显示当前打开站点的文件夹结文件夹列表：视图栏
9、右边，显示当前打开站点的文件夹结构。构。 “视图视图文件夹列表文件夹列表”编辑窗口：中间，用来进行网页的编辑和网站的管理，根编辑窗口：中间，用来进行网页的编辑和网站的管理，根据所选视图模式的不同，包含的具体内容也不相同。据所选视图模式的不同，包含的具体内容也不相同。任务窗格：最右面，可快速地执行一些常用的命令，分为任务窗格：最右面，可快速地执行一些常用的命令，分为“新建网页或站点新建网页或站点” 、“剪贴板剪贴板”（24次）、次）、“搜索搜索”三部分，三部分，“视图视图任务窗格任务窗格”8FRONTPAGE2002图13-1 FrontPage 2002的操作界面9FRONTPAGE2002w
10、视图，视图，6种视图帮助完成站点创作、发布与管理的全部任务种视图帮助完成站点创作、发布与管理的全部任务网页视图：创建和编辑网页，编辑框中显示当前页，编辑框顶部显示网页视图：创建和编辑网页，编辑框中显示当前页，编辑框顶部显示网页文件名，编辑框顶部的选项卡在多个打开的文件间进行切换网页文件名，编辑框顶部的选项卡在多个打开的文件间进行切换w“普通普通”标签下：所见即所得地编辑网页，标签下：所见即所得地编辑网页，w“HTML”标签下：直接查看、编辑及修订标签下：直接查看、编辑及修订HTML代码代码w“预览预览”标签下：用标签下：用FrontPage仿真浏览器环境预览当前网页的实际效仿真浏览器环境预览当
11、前网页的实际效果果文件夹视图文件夹视图报表视图报表视图导航视图导航视图超链接视图超链接视图任务视图：用来指定、分配与协调工作，并藉以掌控不同网页目前的任务视图：用来指定、分配与协调工作，并藉以掌控不同网页目前的进度。进度。 10FRONTPAGE2002图13-2 “HTML”标签下的网页视图11FRONTPAGE200213.4 基本的文件操作基本的文件操作13.4.1 新建网页新建网页w单击工具栏上的按钮，单击工具栏上的按钮，FrontPage将自动创建一个空将自动创建一个空白页，第一个空白页的文件名自动设为白页，第一个空白页的文件名自动设为new_page_1.htm。w利用网页模板来创
12、建新网页利用网页模板来创建新网页模板是模板是FrontPage预设的若干个内置的页面，它已经按照一预设的若干个内置的页面，它已经按照一定的格式设置好，用户可根据实际需要利用现成的模板快速定的格式设置好，用户可根据实际需要利用现成的模板快速建立自己所需要的网页，大大提高开发效率。建立自己所需要的网页，大大提高开发效率。“任务窗格任务窗格”“网页模板网页模板”，打开，打开“网页模板网页模板”对话框对话框w“常规常规”：共提供了：共提供了27个常规类型的网页模板个常规类型的网页模板w“框架网页框架网页”w“样式表样式表”12FRONTPAGE200213.4.2 打开文件打开文件w 打开一个已有的文
13、件打开一个已有的文件文件位于当前已打开站点上：在任一视图下，双击该文件图标或文件名就可文件位于当前已打开站点上：在任一视图下，双击该文件图标或文件名就可以打开该文件。以打开该文件。文件位于另一个站点或是本地计算机的文件夹：单击文件位于另一个站点或是本地计算机的文件夹：单击“文件文件打开打开”或或“常常用用”工具栏上的工具栏上的“打开打开”按钮，在弹出的按钮，在弹出的“打开文件打开文件”对话框中查找需要打对话框中查找需要打开的文件。开的文件。w 打开最近使用过的文件打开最近使用过的文件单击单击“文件文件最近使用的文件最近使用的文件”从弹出菜单中选择想要的文件。从弹出菜单中选择想要的文件。w 打开
14、其他类型的文件打开其他类型的文件 如超文本模板、超文本样式表、如超文本模板、超文本样式表、RTF格式、文本文件、格式、文本文件、Word文件、文件、Excel文件等，并自动将原有的文件转成类似于文件等，并自动将原有的文件转成类似于HTML格式的文件，然后可以像通格式的文件，然后可以像通常一样修改和编辑这些文件。常一样修改和编辑这些文件。 当在当在Web中打开一个文件时，中打开一个文件时，FrontPage总是使用与这些文件相关联的编辑总是使用与这些文件相关联的编辑器来打开它。可以单击器来打开它。可以单击“工具工具选项选项”，在弹出的对话框中选，在弹出的对话框中选“配置编辑器配置编辑器”选项卡来
15、改变默认的设置。选项卡来改变默认的设置。 13FRONTPAGE2002w13.4.3 保存文件保存文件 保存已打开的文件时，选择保存已打开的文件时，选择“文件文件保存保存”或单击工或单击工具栏上的保存按钮。具栏上的保存按钮。 保存新建的文件时，选择保存新建的文件时，选择“文件文件保存保存”或单击工具或单击工具栏上的保存按钮，在打开的栏上的保存按钮，在打开的“另存为另存为”对话框中进行设对话框中进行设置。保存类型，网页标题，置。保存类型，网页标题， “更改标题更改标题”按钮按钮 当在页面中插入图像、音频或视频等多媒体文件时，按当在页面中插入图像、音频或视频等多媒体文件时，按 “保存保存”按钮后
16、，出现按钮后，出现“保存嵌入式文件保存嵌入式文件”对话框，询对话框，询问是否保存该多媒体文件，可以选择重命名或改变保存问是否保存该多媒体文件，可以选择重命名或改变保存的文件夹，以及设置保存操作选项，在一般情况下，你的文件夹，以及设置保存操作选项，在一般情况下，你需要保存这些图像或其他多媒体文件。需要保存这些图像或其他多媒体文件。14FRONTPAGE200213.5 基本站点操作基本站点操作w所谓站点，就是一些网页和程序的集合。各个网页所谓站点，就是一些网页和程序的集合。各个网页之间通过超链接联系在一起，所有的网页和文件保之间通过超链接联系在一起，所有的网页和文件保存在一个文件夹中，通过站点把
17、这些文件和网页统存在一个文件夹中，通过站点把这些文件和网页统一起来。所以说，建立一个新站点，事实上就是建一起来。所以说，建立一个新站点，事实上就是建立一个单独的文件夹，然后在这个文件夹中建立各立一个单独的文件夹，然后在这个文件夹中建立各个网页文件，并且把它们链接在一起。个网页文件，并且把它们链接在一起。w站点中会自动建立两个固定的文件夹：站点中会自动建立两个固定的文件夹：_private文件夹：存储隐含的文件。该文件夹下的文件对文件夹：存储隐含的文件。该文件夹下的文件对于站点访问者来说是不可见的。于站点访问者来说是不可见的。images文件夹：存储图象文件，保持文件夹：存储图象文件，保持web
18、站点的整洁。站点的整洁。15FRONTPAGE2002w13.5.1 新建站点新建站点 选择选择“文件文件新建新建网页或站点网页或站点”，从任务窗格中选择，从任务窗格中选择“Web站点站点模板模板”，或用新建普通网页按钮弹出，或用新建普通网页按钮弹出“Web站点模板站点模板”对话框。在对话框。在“站点站点”选项卡中，共提供了选项卡中，共提供了10种站点模板。它们都根据各自的用途种站点模板。它们都根据各自的用途提供了完整的站点结构和巧妙的页面组织。使用这些模板，用户可提供了完整的站点结构和巧妙的页面组织。使用这些模板，用户可以十分方便地建立一个专业站点的完整框架，大大减轻了用户的工以十分方便地建
19、立一个专业站点的完整框架，大大减轻了用户的工作量。作量。w常用的站点模板：常用的站点模板：空白站点；只创建相应的空白站点；只创建相应的Web文件夹，不包含任何文件夹，不包含任何web页和资源。页和资源。只有一个网页的站点；该模板将创建一个有一空白网页的新站点。只有一个网页的站点；该模板将创建一个有一空白网页的新站点。导入站点向导：创建一个站点，并将本地计算机目录或远程系统中的文档导入站点向导：创建一个站点，并将本地计算机目录或远程系统中的文档 添加到这个新建的站点中。添加到这个新建的站点中。公司展示站点：用来为公司或企业创建一个专业的公司展示站点：用来为公司或企业创建一个专业的Internet
20、展示。展示。客户支持站点：创建一个提供客户支持服务的站点，通过该站点提供公司简客户支持站点：创建一个提供客户支持服务的站点，通过该站点提供公司简介、产品信息、软件下载，还可以提供一个用于客户支持的讨论组，该站点介、产品信息、软件下载，还可以提供一个用于客户支持的讨论组，该站点尤其适用于软件公司作为软件产品的技术支持站点。尤其适用于软件公司作为软件产品的技术支持站点。个人站点：快速创建一个个人站点，包含兴趣爱好、照片和喜好。个人站点：快速创建一个个人站点，包含兴趣爱好、照片和喜好。讨论站点向导；创建一个带有线索、目录和全文搜索能力的讨论组，讨论站点向导；创建一个带有线索、目录和全文搜索能力的讨论
21、组， 该讨该讨论组可以让访问者留下信息或回答信息，并以有关的线索组织信息论组可以让访问者留下信息或回答信息，并以有关的线索组织信息 16FRONTPAGE2002w选择了相应的向导或模板后，在选择了相应的向导或模板后，在“指定新站点的位指定新站点的位置置”下拉列表中指定新站点所在的文件夹，可手工下拉列表中指定新站点所在的文件夹，可手工输入也可以单击输入也可以单击“浏览浏览”按钮进行选择。按钮进行选择。w指定了新站点的位置后，还可以指定是否要将新站指定了新站点的位置后，还可以指定是否要将新站点作为子站点添加到当前已打开的点作为子站点添加到当前已打开的Web站点，如果站点，如果选择了选择了web服
22、务器作为新站点的位置，那么还可选服务器作为新站点的位置，那么还可选择是否需要择是否需要“安全的链接安全的链接(SSL)”来保护你的站点安来保护你的站点安全。全。w单击单击“确定确定”按钮，系统就会自动建立起相应的文按钮，系统就会自动建立起相应的文件和文件夹，下面就可以双击文件进行编辑和修改件和文件夹，下面就可以双击文件进行编辑和修改网页了。网页了。17FRONTPAGE200213.5.2 打开站点打开站点w单击单击“文件文件打开站点打开站点”或按工具栏上的或按工具栏上的“打开打开”按钮边上的下拉标志，从下拉菜单中按钮边上的下拉标志，从下拉菜单中选选“打开站点打开站点”，在弹出的，在弹出的 “
23、打开站点打开站点”对对话框中找到需要打开的站点后按话框中找到需要打开的站点后按“打开打开”按按钮即可。钮即可。w如想在每次启动如想在每次启动FrontPage时自动打开上次时自动打开上次打开的站点，可以从打开的站点，可以从 “选项选项”对话框的对话框的“常常规规”选项卡中选择选项卡中选择“在启动在启动FrontPage时，时，自动打开上次打开的站点自动打开上次打开的站点”。 18FRONTPAGE2002第第14章章 网页编辑的基础知识网页编辑的基础知识 14.1 设置文本格式设置文本格式 14.2 创建超链接创建超链接14.3 图像处理图像处理 14.4 插入水平线插入水平线14.5 应用表
24、格应用表格19FRONTPAGE200214.1 设置文本格式设置文本格式 14.1.1文字格式和段落格式文字格式和段落格式 文字格式文字格式 包括：字体、字形、字号、字体颜色、包括：字体、字形、字号、字体颜色、字符间距和应用一些特殊效果等。字符间距和应用一些特殊效果等。w格式工具栏上相应的工具按钮格式工具栏上相应的工具按钮w“格式格式字体字体” ，“字体字体”对话框对话框 段落格式段落格式 包括：段落对齐、段落缩进、行间距、包括：段落对齐、段落缩进、行间距、段落间距等。段落间距等。w格式工具栏上相应的工具按钮格式工具栏上相应的工具按钮w“格式格式段落段落” ，“段落段落”对话框对话框20FR
25、ONTPAGE200214.1.2 使用文本样式使用文本样式内置了多种文本样式，利用它可以快速地设置文内置了多种文本样式，利用它可以快速地设置文本的格式，包括：标题、地址、目录列表、编号本的格式，包括：标题、地址、目录列表、编号列表、菜单列表、项目符号列表、默认字符样式。列表、菜单列表、项目符号列表、默认字符样式。应用样式应用样式 “格式格式”工具栏工具栏“样式样式”选择框下拉按钮选择框下拉按钮21FRONTPAGE2002修改样式修改样式 “格式格式样式样式” ，“样式样式”对话框对话框新建样式新建样式 “样式样式”对话框中单击对话框中单击“新建新建”按钮按钮 可在可在“格式格式”栏栏“样式
26、样式”下拉列表中应用新建样下拉列表中应用新建样式。式。22FRONTPAGE200214.1.3 使用列表格式使用列表格式在网页设计过程中内容按条目来说明在网页设计过程中内容按条目来说明每一条前加一圆点、方块、圆圈、图片或其他符每一条前加一圆点、方块、圆圈、图片或其他符号，叫做号，叫做项目符号项目符号。按先后顺序来说明问题，在每一条前加数字序号，按先后顺序来说明问题，在每一条前加数字序号，叫叫编号编号。编号和项目符号统称编号和项目符号统称列表列表，利用列表来设计网页，利用列表来设计网页可使页面排版美观，内容清晰。可使页面排版美观，内容清晰。项目符号与编号混合使用，称为项目符号与编号混合使用，称
27、为多级列表多级列表。23FRONTPAGE2002利用格式工具栏上的利用格式工具栏上的“编号编号”和和“项目符号项目符号”按按钮可以快速地在网页中添加列表格式。钮可以快速地在网页中添加列表格式。 选择不同的项目符号和数字格式选择不同的项目符号和数字格式 “格式格式项目符号和编号项目符号和编号”， “列表属性列表属性”对话对话框框w“编号编号”选项卡选项卡w“无格式项目列表无格式项目列表”选项卡选项卡w“图片项目符号图片项目符号”选项卡选项卡24FRONTPAGE200214.1.4 插入注释文字插入注释文字便于编辑维护页面。便于编辑维护页面。插入方法：插入方法：“插入插入注释注释”，“插入注释
28、插入注释”对话对话框框注释文字只在编辑状态显示，在浏览器中浏览网注释文字只在编辑状态显示，在浏览器中浏览网页时不显示。页时不显示。25FRONTPAGE200214.2 创建超链接创建超链接w超链接是从一个网页指向另一个目的端的链超链接是从一个网页指向另一个目的端的链接，通过超链接很方便地从一个页面（或网接，通过超链接很方便地从一个页面（或网站）漫游到另一个页面（或网站）。站）漫游到另一个页面（或网站）。w超链接包括两部分：超链接包括两部分：链接的链接的载体载体（指包含超链接的文字或图像），根（指包含超链接的文字或图像），根据链接载体的不同，超链接分为据链接载体的不同，超链接分为图像超链接图像
29、超链接和和文文字超链接字超链接。链接的链接的目的地址目的地址（单击超链接后所显示的内容），（单击超链接后所显示的内容），它可以是一个网页，也可是另一个网站或电子邮它可以是一个网页，也可是另一个网站或电子邮件地址。件地址。26FRONTPAGE200214.2.1建立超链接建立超链接选中要建立超链接的选中要建立超链接的文字文字或或图像图像单击常用工具栏中的单击常用工具栏中的“插入超链接插入超链接”按钮或单击按钮或单击“插入插入超链接超链接”菜单命令，打开菜单命令，打开“编辑超链接编辑超链接”对话框对话框w链接到站点内的其他网页链接到站点内的其他网页 对话框左面对话框左面“链接到链接到”框中的框中
30、的“原有原有文件或文件或Web页页”按钮；单击按钮；单击“屏幕提示屏幕提示”按钮，定义鼠标指向超按钮，定义鼠标指向超链接时显示的提示文字。链接时显示的提示文字。w链接到其他网站链接到其他网站 “原有文件或原有文件或web页页”按钮，按钮， 在在“地址地址”框中框中直接输入网址；在直接输入网址；在“浏览过的页浏览过的页”列表中选择一个网址；单击列表中选择一个网址；单击“浏览浏览web页页”按钮浏览需要链接到的网站。按钮浏览需要链接到的网站。w链接到新网页链接到新网页 单击单击“新建文档新建文档”按钮。按钮。 w链接到电子邮件链接到电子邮件 单击单击“电子邮件地址电子邮件地址”按钮。按钮。 27F
31、RONTPAGE200214.2.2 创建图像热点链接创建图像热点链接图像热点链接就是在一个图像之上建立多个不同的链接，每一个链接图像热点链接就是在一个图像之上建立多个不同的链接，每一个链接分别对应一圆形、矩形或多边形的区域，每一个区域就叫做一个分别对应一圆形、矩形或多边形的区域，每一个区域就叫做一个“热点热点”。当鼠标移到该热区域内单击鼠标时，就可以直接跳转到该。当鼠标移到该热区域内单击鼠标时，就可以直接跳转到该链接所指的网页中。链接所指的网页中。建立图像热点链接的操作：建立图像热点链接的操作：w选定图像，选定图像，w单击单击“图片图片”工具栏右边的长方形热点、圆形热点或多边形热点按钮，工具
32、栏右边的长方形热点、圆形热点或多边形热点按钮，在图像上拖曳鼠标画出相应的形状在图像上拖曳鼠标画出相应的形状;w松开鼠标打开松开鼠标打开“插入超链接插入超链接”对话框，创建一个超链接。对话框，创建一个超链接。w重复以上操作，在一个图像上建立起多个热点链接。如图重复以上操作，在一个图像上建立起多个热点链接。如图13-1所示的研所示的研究所主页由图片组成，在图片上创建了两个矩形的热点，分别覆盖了显究所主页由图片组成，在图片上创建了两个矩形的热点，分别覆盖了显示示“中文版中文版”和和“英文版英文版”文字的区域，并把这两个热点分别链接到站文字的区域，并把这两个热点分别链接到站点内的中文版主页（点内的中文
33、版主页（chinese/index1.htm）和英文版主页）和英文版主页（english/index1.htm）。）。 图图14-16 突出显示的两个热点图突出显示的两个热点图14-15 在在网页上创建的两个热点网页上创建的两个热点w热点形状重叠在图像上不易时，点击图片工具栏上的热点形状重叠在图像上不易时，点击图片工具栏上的“突出显示热点突出显示热点”按钮，将图像内容隐藏起来，只显示热点形状。按钮，将图像内容隐藏起来，只显示热点形状。 28FRONTPAGE200214.2.3 建立指向书签的超链接建立指向书签的超链接书签是网页中被标记的位置，可作为同一页面或书签是网页中被标记的位置，可作为同
34、一页面或其他页面中的超链接的目标。其他页面中的超链接的目标。书签的一个常见用法是将一个内容较长的网页的书签的一个常见用法是将一个内容较长的网页的各个标题定义为书签，然后在网页开头创建目录，各个标题定义为书签，然后在网页开头创建目录，目录中的项目是分别指向不同书签的超链接。单目录中的项目是分别指向不同书签的超链接。单击目录中的项目可快速定位到相应内容所在的位击目录中的项目可快速定位到相应内容所在的位置，方便访问者浏览网页。置，方便访问者浏览网页。29FRONTPAGE2002建立指向书签的超链接建立指向书签的超链接 的方法：的方法：w单击单击“插入插入书签书签”菜单命令，打开菜单命令，打开“书签
35、书签”对话框，对话框，在在“书签名书签名”文本框中给书签起个名字文本框中给书签起个名字w单击单击“确定确定”按钮，目的地前方出现表示此处为一书签按钮，目的地前方出现表示此处为一书签的符号的符号w回到网页开头，选取欲作为书签超链接的文字或图片设回到网页开头，选取欲作为书签超链接的文字或图片设置超链接，在置超链接，在 “插入超级链接插入超级链接”对话框中单击右边的对话框中单击右边的“书签书签”按钮，在打开的按钮，在打开的 “在文档中选择位置在文档中选择位置”对话框中对话框中选择目的书签名称，按选择目的书签名称，按“确定确定”完成。完成。30FRONTPAGE200214.3 图像处理图像处理14.
36、3.1 网页中使用的图像格式网页中使用的图像格式网页中广泛使用的图像格式有网页中广泛使用的图像格式有GIF和和JPEG，两种图像格式之间有差别，但它，两种图像格式之间有差别，但它们存储的图像信息都是经过压缩处理的，体积都较小，适于在网上传输。们存储的图像信息都是经过压缩处理的，体积都较小，适于在网上传输。GIF（图像交换格式），缺点是最多只能用（图像交换格式），缺点是最多只能用 256 种不同的颜色来显示数据。种不同的颜色来显示数据。w用于保存和压缩基于文字的图像、线条和剪贴画等，这些图像类型不需要百万色，用于保存和压缩基于文字的图像、线条和剪贴画等，这些图像类型不需要百万色，很容易存成非常小
37、的很容易存成非常小的 GIF 文件。文件。w用来做动画，因其可以保存多个图像。用来做动画，因其可以保存多个图像。JPEG - 由联合摄影专家组（由联合摄影专家组（Joint Photographic Experts Group）开发，）开发， 24 位图像格式（真彩色，支持位图像格式（真彩色，支持 16 百万色）。百万色）。w是在是在 Internet 上展现实景图像的标准格式，可将大型图像压缩得非常小，同时能上展现实景图像的标准格式，可将大型图像压缩得非常小，同时能够保留图像的整体质量。够保留图像的整体质量。w最大缺点是图像压缩的越多，信息就丢失的越多。将文件保存为最大缺点是图像压缩的越多，
38、信息就丢失的越多。将文件保存为 JPEG 时，在压时，在压缩率与质量之间求得一个平衡至关重要。缩率与质量之间求得一个平衡至关重要。FrontPage所支持的图像格式还包括：所支持的图像格式还包括： BMP、EPS、MAC、MSP、PCD、PCX、RAS、TIFF、WMF和和WPG等。等。使用这些图像格式时使用这些图像格式时FrontPage把它们自动转成把它们自动转成GIF（ 256种颜色以内的种颜色以内的图像）或图像）或JPEG格式（格式（ 256种颜色以上的图像）种颜色以上的图像） 。31FRONTPAGE200214.3.2 插入图像插入图像插入当前站点中的图像插入当前站点中的图像w将光
39、标移到插入图像的位置将光标移到插入图像的位置w单击单击“插入插入图片图片来自文件来自文件”菜单命令或常用工具栏中的菜单命令或常用工具栏中的“插插入文件中的图片入文件中的图片”按钮，打开按钮，打开“图片图片”对话框，系统将自动打开对话框，系统将自动打开当前站点，选择所需的图像文件。如果选取的图像不在当前站点当前站点，选择所需的图像文件。如果选取的图像不在当前站点中保存时，程序将提醒图像文件的保存路径。中保存时，程序将提醒图像文件的保存路径。插入剪贴画插入剪贴画单击单击“插入插入图片图片剪贴画剪贴画”命令，出现命令，出现“插入剪贴画插入剪贴画”任务窗格。任务窗格。在在“搜索文字搜索文字”中输入要搜
40、索的剪贴画名称，选择合适的中输入要搜索的剪贴画名称，选择合适的“搜索范搜索范围围”和和“结果类型结果类型”，单击，单击“搜索搜索”按钮，显示出要查找的图片，按钮，显示出要查找的图片，单击图片，就可插入到当前网页中。单击图片，就可插入到当前网页中。直接单击下方的直接单击下方的“剪辑管理器剪辑管理器”打开剪辑库浏览器，从中浏览并选打开剪辑库浏览器，从中浏览并选择所需的剪贴画图片。择所需的剪贴画图片。32FRONTPAGE200214.3.3 编辑图像编辑图像调整图像大小和位置：调整图像大小和位置：w单击选中图像，在图像周围出现控制点，用鼠标按住任一控制点单击选中图像，在图像周围出现控制点，用鼠标按
41、住任一控制点拖动，改变图像的大小。拖动，改变图像的大小。w单击选中图像，拖动图像到新的位置释放鼠标，可将图像移动到单击选中图像，拖动图像到新的位置释放鼠标，可将图像移动到新的位置。新的位置。w右键单击图像，在弹出菜单中选择右键单击图像，在弹出菜单中选择“图片属性图片属性”命令，打开命令，打开“图图片属性片属性”对话框。对话框。处理图片：在已经创建的图片上单击左键，出现处理图片：在已经创建的图片上单击左键，出现“图片图片”浮动工具栏，所有图标按钮都可对图像进行操作处理。浮动工具栏，所有图标按钮都可对图像进行操作处理。绘图工具：绘图工具：w利用绘图工具，方便绘制简单图形利用绘图工具，方便绘制简单图
42、形w“视图视图工具栏工具栏绘图绘图”菜单命令，打开绘图工具栏菜单命令，打开绘图工具栏 33FRONTPAGE200214.3.4 设置图像背景设置图像背景将一些精美的图片作为网页的背景以美化页面。将一些精美的图片作为网页的背景以美化页面。用图像作为网页背景的操作是：单击用图像作为网页背景的操作是：单击“格式格式背景背景”菜单命令，打开菜单命令，打开“网页属性网页属性”对话框，选背景图片对话框，选背景图片”选项，单击选项，单击“浏览浏览”按钮，选按钮，选择所需的背景图像。择所需的背景图像。如想用任意颜色作为网页的背景色，需单击如想用任意颜色作为网页的背景色，需单击“背景背景”右边的下拉按钮，右边
43、的下拉按钮，选择所需的颜色。选择所需的颜色。14.3.5 建立图片库建立图片库帮助建立一个包含众多图片的网页。帮助建立一个包含众多图片的网页。单击单击“插入插入图片图片新建图片库新建图片库”菜单命令，打开菜单命令，打开“图片库属性图片库属性”对对话框；单击话框；单击“图片图片”选项卡的选项卡的“添加添加”按钮，选择按钮，选择“图片来自文件图片来自文件”选项并选中要添加到网页中的图片，选项并选中要添加到网页中的图片，“上移上移”和和“下移下移”按钮可按钮可调节图片出现的顺序。在调节图片出现的顺序。在“布局布局”选项卡中可选择图片的布局样式。选项卡中可选择图片的布局样式。浏览时单击图片缩略图就可显
44、示图片库中的图像浏览时单击图片缩略图就可显示图片库中的图像 。34FRONTPAGE200214.4 插入水平线插入水平线w建立页面层次建立页面层次通过不同级别的标题通过不同级别的标题通过用列表方式通过用列表方式通过插入水平线通过插入水平线w插入水平线方法插入水平线方法“插入插入水平线水平线”，在页面的当前位置插入一条水平线。，在页面的当前位置插入一条水平线。默认情况下，水平线的宽度与浏览器中页面宽度相同，默认情况下，水平线的宽度与浏览器中页面宽度相同，w更改水平线的属性更改水平线的属性双击水平线打开双击水平线打开“水平线属性水平线属性”对话框。对话框。 35FRONTPAGE200214.5
45、 应用表格应用表格 w表格是网页制作中用处非常广泛的一种页面表格是网页制作中用处非常广泛的一种页面元素元素使网页内容排列整齐使网页内容排列整齐进行排版网页进行排版网页w表格分为表格分为行行和和列列，每个方格为一个，每个方格为一个单元格单元格。w表格和单元格由四个边框组成，左边和上边表格和单元格由四个边框组成，左边和上边的边框称为的边框称为亮边框亮边框，右边和下边的边框称为，右边和下边的边框称为暗边框暗边框。36FRONTPAGE200214.5.1 创建表格创建表格使用常用工具栏中的使用常用工具栏中的“插入表格插入表格”工具按钮工具按钮使用使用“表格表格插入插入表格表格”菜单命令，出现菜单命令
46、，出现“插插入表格入表格”对话框。对话框。手工绘制表格：手工绘制表格：w程序自动生成规则的表格，手工绘制更复杂的表格，程序自动生成规则的表格，手工绘制更复杂的表格，w“表格表格绘制表格绘制表格” ，表格工具栏，鼠标变成铅笔的，表格工具栏，鼠标变成铅笔的形状，在编辑窗口中拖动鼠标绘制表格形状，在编辑窗口中拖动鼠标绘制表格w表格工具栏上还有擦除、插入行、插入列、删除单元表格工具栏上还有擦除、插入行、插入列、删除单元格、合并单元格、拆分单元格等功能按钮。格、合并单元格、拆分单元格等功能按钮。 37FRONTPAGE200214.5.2 编辑表格编辑表格插入表格、行、列或单元格插入表格、行、列或单元格
47、w将光标移到某一单元格中，单击将光标移到某一单元格中，单击“表格表格插入插入”，在子菜单中选，在子菜单中选择相应的命令选项。如选择择相应的命令选项。如选择“标题标题”命令，就会在表格的上方出命令，就会在表格的上方出现插入点，即标题行，可输入表格的标题。现插入点，即标题行，可输入表格的标题。合并、拆分单元格合并、拆分单元格w选中要合并的多个单元格，单击选中要合并的多个单元格，单击“表格表格合并单元格合并单元格”菜单命令。菜单命令。w将光标移到要拆分的单元格中或选中要拆分的几个单元格，单击将光标移到要拆分的单元格中或选中要拆分的几个单元格，单击“表格表格拆分单元格拆分单元格”菜单命令，出现菜单命令
48、，出现“拆分单元格拆分单元格”对话框，对话框，选择要拆分的样式和行数即可。选择要拆分的样式和行数即可。平均分布行或列平均分布行或列w将表格行或列平均分配大小，用将表格行或列平均分配大小，用手工调整手工调整麻烦，不精确，选中需麻烦，不精确，选中需要平均分配大小的行或列，然后单击要平均分配大小的行或列，然后单击“表格表格自动调整自动调整平均分平均分布行布行”或或“平均分布列平均分布列”菜单命令即可。菜单命令即可。38FRONTPAGE2002自动套用表格样式自动套用表格样式w内置了很多种表格样式，将光标移到表格内，单击内置了很多种表格样式，将光标移到表格内，单击“表格表格表格表格自动套用格式自动套
49、用格式”菜单命令，出现菜单命令，出现“表格自动套用格式表格自动套用格式”对话框。对话框。表格转换表格转换w表格转换成文本：选中表格后单击表格转换成文本：选中表格后单击“表格表格转换转换表格转换成文表格转换成文本本”w文本转换成表格：选中要转换的文本，单击文本转换成表格：选中要转换的文本，单击“表格表格转换转换文本文本转换成表格转换成表格”，在打开的对话框中选择合适的文本分隔符。，在打开的对话框中选择合适的文本分隔符。精细设置精细设置(大小、边框和背景等大小、边框和背景等)w选中整个表格或某一个单元格，单击选中整个表格或某一个单元格，单击“表格表格表格属性表格属性单元格单元格（表格）属性（表格）
50、属性”命令，打开命令，打开“表格属性表格属性”或或 “单元格属性单元格属性”对话对话框。框。 39FRONTPAGE200214.5.3 利用表格进行网页布局利用表格进行网页布局通常网页的布局使用：通常网页的布局使用：w表格表格w框架框架使用表格构造网页的版面，可将页面中的各种内容放在不使用表格构造网页的版面，可将页面中的各种内容放在不同的位置上。同的位置上。有经验的用户常会把表格作为主要的页面布局工具，这是有经验的用户常会把表格作为主要的页面布局工具，这是因为表格几乎被所有的因为表格几乎被所有的Web浏览器支持，从而可保证设浏览器支持，从而可保证设计的网页能在浏览器中正确显示，计的网页能在浏
51、览器中正确显示，表格的框架特性使用户可直接控制页面元素的位置，并使表格的框架特性使用户可直接控制页面元素的位置，并使其按照所需要的方式显示。其按照所需要的方式显示。40FRONTPAGE2002使用表格规划网页布局时应遵循的原则是：使用表格规划网页布局时应遵循的原则是：w在开始网页设计前，先画一草图，对网页中各元素的在开始网页设计前，先画一草图，对网页中各元素的位置进行大致的布局，然后开始设计；位置进行大致的布局，然后开始设计；w应从外到内开始工作，先创建外部最大的表格，然后应从外到内开始工作，先创建外部最大的表格，然后根据需要合并单元格或在单元格中插入嵌套表格。根据需要合并单元格或在单元格中
52、插入嵌套表格。41FRONTPAGE2002表格边框设为表格边框设为0，使看不，使看不到边框。到边框。图14-37 以表格形式布局的山东大学主页42FRONTPAGE2002第第15章章 网页制作高级技巧网页制作高级技巧 w15.1 应用框架实现网页布局设计应用框架实现网页布局设计w15.2 应用表单制作交互式网页应用表单制作交互式网页w15.3 制作动态网页制作动态网页w15.4 插入插入FrontPage组件组件w15.5 在网页中加入多媒体在网页中加入多媒体w15.6 应用应用FrontPage主题设定网站整体风格主题设定网站整体风格43FRONTPAGE200215.1 应用框架实现网
53、页布局设计应用框架实现网页布局设计w框架网页框架网页:特殊的特殊的HTML网页，将浏览器窗口分成称为框架网页，将浏览器窗口分成称为框架的不同区域，每个区域都可以显示不同的网页。的不同区域，每个区域都可以显示不同的网页。常用于目录、文章或信息列表、或任何其他的网常用于目录、文章或信息列表、或任何其他的网页上页上框架网页本身并不包含可见内容，它只用来指定框架网页本身并不包含可见内容，它只用来指定要显示的其他网页及其显示方式。要显示的其他网页及其显示方式。在一个框架中单击超链接会在另一个框架在一个框架中单击超链接会在另一个框架(目标目标框架框架)中显示相应网页。中显示相应网页。44FRONTPAGE
54、2002一个框架网页的创建过程比较复杂，需经过如下一个框架网页的创建过程比较复杂，需经过如下步骤：步骤：w 选择框架模板选择框架模板w 修改框架布局修改框架布局w 设置框架包含的网页设置框架包含的网页w 组织框架间的调用关系组织框架间的调用关系w 保存框架网页保存框架网页w 保存框架中显示的网页保存框架中显示的网页45FRONTPAGE2002一个框架网页的创建步骤一个框架网页的创建步骤1： 15.1.1 选择框架模板选择框架模板在在 “网页模板网页模板”对话框中选择对话框中选择“框架网页框架网页”选项选项卡，在列表框中选择要使用的框架网页模板卡，在列表框中选择要使用的框架网页模板“说明说明”
55、区域为该模板的描述，区域为该模板的描述， “预览预览”区域为区域为框架网页布局的预览图。框架网页布局的预览图。46FRONTPAGE2002一个框架网页的创建步骤一个框架网页的创建步骤2： 15.1.2 修改框架布局修改框架布局调整框架大小调整框架大小w手动调整，通过拖动框架的边框调整框架大小。手动调整，通过拖动框架的边框调整框架大小。w通过修改框架属性来精确设定框架的大小。选择通过修改框架属性来精确设定框架的大小。选择“框架框架框架属框架属性性”菜单命令，出现菜单命令，出现“框架属性框架属性”对话框，在对话框，在“框架大小框架大小”区域区域中，调整中，调整“列宽列宽”和和“高度高度”设置。设
56、置。拆分框架（内容保存在原始框架中，并创建一新框架）拆分框架（内容保存在原始框架中，并创建一新框架）w拖动框架边框来拆分框架：打开要修改的框架网页，同时按住拖动框架边框来拆分框架：打开要修改的框架网页，同时按住Ctrl键，并拖动框架的任一边框，将一个框架平均拆分成两个分键，并拖动框架的任一边框，将一个框架平均拆分成两个分开的行或列。开的行或列。w通过菜单拆分框架：通过菜单拆分框架：“框架框架拆分框架拆分框架”命令，出现命令，出现“拆分框架拆分框架”对话框中。对话框中。删除框架删除框架w选择要删除的框架，单击选择要删除的框架，单击“框架框架删除框架删除框架”命令。命令。47FRONTPAGE20
57、02一个框架网页的创建步骤一个框架网页的创建步骤3： 15.1.3 设置框架包含的网页设置框架包含的网页框架网页是网页的集合，需设置每个框架对应的网页内容。框架网页是网页的集合，需设置每个框架对应的网页内容。把现有网页分配到框架中：把现有网页分配到框架中：w在其中某个框架中，单击在其中某个框架中，单击“设置初始网页设置初始网页”按钮，出现按钮，出现“插入超链接插入超链接”对话框对话框w对话框中设置链接的网页，单击对话框中设置链接的网页，单击“确定确定”按钮，该网页出现在框架内。按钮，该网页出现在框架内。如初始网页还没建立：如初始网页还没建立：w单击单击“新建网页新建网页”按钮开始建立。按钮开始
58、建立。改变框架中的初始网页：改变框架中的初始网页：w选择要改变初始网页的框架选择要改变初始网页的框架w “框架属性框架属性”对话框中的对话框中的“初始网页初始网页”文本框中输入新网页的名称和文本框中输入新网页的名称和位置，或者单击位置，或者单击“浏览浏览”按钮，从文件列表中选择。按钮，从文件列表中选择。48FRONTPAGE2002一个框架网页的创建步骤一个框架网页的创建步骤4： 15.1.4 组织框架间的调用关系组织框架间的调用关系在使用框架时一定会遇到如何处理框架间的调用关系的问题，即点击在使用框架时一定会遇到如何处理框架间的调用关系的问题，即点击一个框架中的超链接后，目的页面将会出现在哪
59、一个框架内，或是一个框架中的超链接后，目的页面将会出现在哪一个框架内，或是新打开一个浏览器窗口。新打开一个浏览器窗口。在在“编辑超链接编辑超链接”窗口的右侧单击窗口的右侧单击“目标框架目标框架”按钮，出现的按钮，出现的“目标目标框架框架”对话框，在这个对话框中，可以直接在对话框，在这个对话框中，可以直接在“当前框架网页当前框架网页” 框框中选择一个框架作为目的框架，也可以选择中选择一个框架作为目的框架，也可以选择“公共目标区框公共目标区框”中的中的选项来确定目标页面的出现形式：选项来确定目标页面的出现形式：w网页默认值（网页默认值（main）：目标页面将出现在默认目的框架中，默认目的框）：目标
60、页面将出现在默认目的框架中，默认目的框架可以在框架的页面属性设置窗口中设置。如果不加以说明，系统将按架可以在框架的页面属性设置窗口中设置。如果不加以说明，系统将按照默认目的框架调用目标页面。照默认目的框架调用目标页面。w相同框架：目标页面将出现在同一框架中，也就是覆盖调用页面。相同框架：目标页面将出现在同一框架中，也就是覆盖调用页面。w整页：目标页面将覆盖整个框架页面，独立地出现在浏览器窗口中。整页：目标页面将覆盖整个框架页面，独立地出现在浏览器窗口中。w新建窗口：目标页面将出现在新打开的一个浏览器窗口中，而在原来的新建窗口：目标页面将出现在新打开的一个浏览器窗口中，而在原来的浏览器窗口中不发
61、生任何变化。浏览器窗口中不发生任何变化。49FRONTPAGE2002图15-6 “目标框架”对话框50FRONTPAGE2002一个框架网页的创建步骤一个框架网页的创建步骤5： 15.1.5 保存框架网页保存框架网页若要保存包含内容的框架网页，执行下列操作：若要保存包含内容的框架网页，执行下列操作：w打开要保存的框架网页，单击打开要保存的框架网页，单击“文件文件另存为另存为”菜单菜单命命令令w在在“另存为另存为”对话框中会显示框架网页布局的缩略图，对话框中会显示框架网页布局的缩略图，因为你正在保存框架网页，所以所有的区域都会用深因为你正在保存框架网页，所以所有的区域都会用深蓝色的框突出显示，
62、表明这是正在保存的内容。蓝色的框突出显示，表明这是正在保存的内容。 在在“文件名文件名”框中，键入突出显示的框架网页的名称，选框中，键入突出显示的框架网页的名称，选择要保存网页的位置，单击择要保存网页的位置，单击“保存保存”按钮。按钮。51FRONTPAGE2002一个框架网页的创建步骤一个框架网页的创建步骤6： 15.1.6 保存框架中显示的网页保存框架中显示的网页在框架网页中选择一个要保存的框架，再单击在框架网页中选择一个要保存的框架，再单击“框架框架另存为网页另存为网页”；在在“另存为另存为”对话框中会显示框架网页布局的缩对话框中会显示框架网页布局的缩略图，深蓝色的框指明了突出显示框架中
63、要保存略图，深蓝色的框指明了突出显示框架中要保存的当前网页。键入文件名，选择保存位置后，单的当前网页。键入文件名，选择保存位置后，单击击“保存保存”按钮。按钮。若框架中所显示的网页已经保存过，可单击若框架中所显示的网页已经保存过，可单击“框框架架保存网页保存网页”以原来的名字保存。以原来的名字保存。52FRONTPAGE200215.2 应用表单制作交互式网页应用表单制作交互式网页w普通网页只是让访问者去观看，少了访问者本身的普通网页只是让访问者去观看，少了访问者本身的参与。参与。w交互式网页通过表单来向服务器传送一些用户的交交互式网页通过表单来向服务器传送一些用户的交流信息，服务器通过数据库
64、查询等方法进行处理，流信息，服务器通过数据库查询等方法进行处理，返回用户感兴趣的内容，从而建立了一种与用户的返回用户感兴趣的内容，从而建立了一种与用户的交流。论坛、留言板就是采用的这种形式，这将会交流。论坛、留言板就是采用的这种形式，这将会更加吸引访问者。更加吸引访问者。w表单的作用就是搜集用户输入的信息，如收集客户表单的作用就是搜集用户输入的信息，如收集客户的个人资料，并输入到数据库中，或设计一个订货的个人资料，并输入到数据库中，或设计一个订货单，让用户指定自己要购买的商品名称、型号和数单，让用户指定自己要购买的商品名称、型号和数量等。量等。53FRONTPAGE200215.2 应用表单制
65、作交互式网页应用表单制作交互式网页15.2.1 表单域的类型表单域的类型表单域指表单上用以收集信息的单个域。每一类型的域都有不表单域指表单上用以收集信息的单个域。每一类型的域都有不同的操作方式，因此用户必须根据站点访问者输入信息的方同的操作方式，因此用户必须根据站点访问者输入信息的方式选择表单域。一个表单中可以具有如下表单域：式选择表单域。一个表单中可以具有如下表单域：文本框：用于让访问者输入一行文字。文本框：用于让访问者输入一行文字。选项按钮：也称为单选按钮，浏览者只能从一组选项中选择一个选项。选项按钮：也称为单选按钮，浏览者只能从一组选项中选择一个选项。文本区：收集多行的文本，例如注释。它
66、可以滚动以容纳不同数量的文本区：收集多行的文本，例如注释。它可以滚动以容纳不同数量的文本。文本。下拉框：为网页浏览者提供一个选择列表。它与使用一组选项按钮类下拉框：为网页浏览者提供一个选择列表。它与使用一组选项按钮类似，但其所占用的表单空间较小。可以将下拉框设置为允许一个或似，但其所占用的表单空间较小。可以将下拉框设置为允许一个或多个选项。多个选项。复选框：网页浏览者可以从一组选项中选择一个、多个或全部选项，复选框：网页浏览者可以从一组选项中选择一个、多个或全部选项，也可一个都不选。也可一个都不选。54FRONTPAGE2002按钮：使用按钮可以让网页浏览者在填好表单后提交该表单、重置表按钮：
67、使用按钮可以让网页浏览者在填好表单后提交该表单、重置表单或运行自定义脚本。你也可以在表单中添加图片，用作提交按钮。单或运行自定义脚本。你也可以在表单中添加图片，用作提交按钮。填写表单之后，网页浏览者可以单击图片以提交该表单，然后表单填写表单之后，网页浏览者可以单击图片以提交该表单，然后表单上的数据，包括图片域名称，就会发送到表单处理程序。上的数据，包括图片域名称，就会发送到表单处理程序。高级按钮：通过在表单中插入高级按钮，可以编写脚本，让表单完成高级按钮：通过在表单中插入高级按钮，可以编写脚本，让表单完成所需的工作。高级按钮可自定义的程度很高，按钮上可以使用喜爱所需的工作。高级按钮可自定义的程
68、度很高，按钮上可以使用喜爱的字体、颜色甚至表格。的字体、颜色甚至表格。分组框：希望将一组相关的控件或文本同网页或当前表单上的其他信分组框：希望将一组相关的控件或文本同网页或当前表单上的其他信息分开时，可以添加分组框。息分开时，可以添加分组框。文件上载：可以给站点访问者提供向文件上载：可以给站点访问者提供向 Web 站点发送文件的机会。站点发送文件的机会。密码域：希望站点访问者输入密码后才能访问密码域：希望站点访问者输入密码后才能访问Web站点时，请在注站点时，请在注册表单中添加密码域。密码域其实只是一个单行文本框。站点访问册表单中添加密码域。密码域其实只是一个单行文本框。站点访问者在这个域中键
69、入数据时，大部分的者在这个域中键入数据时，大部分的Web浏览器都会将密码显示为浏览器都会将密码显示为星号以保护这些机密信息。星号以保护这些机密信息。55FRONTPAGE200215.2 应用表单制作交互式网页应用表单制作交互式网页15.2.2 创建表单创建表单(三种方法三种方法)图15-8 意见反馈表单示例56FRONTPAGE200215.2.2 创建表单创建表单(三种方法三种方法)w方法方法1 ：自己创建表单：自己创建表单单击单击“插入插入表单表单”菜单命令，此时在网页上将出现一个菜单命令，此时在网页上将出现一个虚线框住的矩形区域，其中包含虚线框住的矩形区域，其中包含“提交提交”和和“重
70、置重置”按按钮，然后就可以向其中添加表单域了。钮，然后就可以向其中添加表单域了。添加表单域操作方法是：单击添加表单域操作方法是：单击“插入插入表单表单”菜单命令，菜单命令，然后从子菜单中选择要添加到表单中的元素，这里我们然后从子菜单中选择要添加到表单中的元素，这里我们需要添加一个用于选择职业的下拉框，需要添加一个用于选择职业的下拉框，5个用于对网站评个用于对网站评价的选项按钮，一个用于输入建议的多行文本区，一个价的选项按钮，一个用于输入建议的多行文本区，一个用于输入电子邮件地址的单行文本框，其他文字可按照用于输入电子邮件地址的单行文本框，其他文字可按照一般文本进行输入、编辑。一般文本进行输入、
71、编辑。右击某表单域，在快捷菜单中选择右击某表单域，在快捷菜单中选择“表单域属性表单域属性”命令，命令，可打开相应的表单域属性对话框进行设置。可打开相应的表单域属性对话框进行设置。 57FRONTPAGE200215.2.2 创建表单创建表单(三种方法三种方法)w方法方法2：使用向导创建表单：使用向导创建表单在在“网页模板网页模板”对话框中的对话框中的“常规常规”选项卡中选选项卡中选择择“表单网页向导表单网页向导”，单击，单击“确定确定”按钮后出现按钮后出现“表单网页向导表单网页向导”对话框。对话框。按照屏幕上的提示一步一步添加表单中需要的问按照屏幕上的提示一步一步添加表单中需要的问题，最后得到
72、问题列表，单击题，最后得到问题列表，单击“完成完成”就可以创就可以创建需要的表单。建需要的表单。58FRONTPAGE200215.2.2 创建表单创建表单(三种方法三种方法)w方法方法3：用表单模板来创建类似表单：用表单模板来创建类似表单在在“网页模板网页模板”对话框中的对话框中的“常规常规”选项卡中选选项卡中选择择“确认表单确认表单”、“意见反馈表单意见反馈表单”、“用户注用户注册册”或或“意见薄意见薄”等表单模板，这里选择等表单模板，这里选择“意见意见反馈表单反馈表单”模板，单击模板，单击“确定确定”按钮创建一个意按钮创建一个意见反馈表单。见反馈表单。做相应的修改。做相应的修改。59FR
73、ONTPAGE200215.2 应用表单制作交互式网页应用表单制作交互式网页15.3.3 收集表单信息收集表单信息w表单的作用在于帮助用户收集信息，当访问者填完表单信息，表单的作用在于帮助用户收集信息，当访问者填完表单信息，按按“提交提交”按钮提交了表单结果后，按钮提交了表单结果后，FrontPage会予以保存，会予以保存，并提供了多种保存表单结果的方法，可保存到文件、电子邮并提供了多种保存表单结果的方法，可保存到文件、电子邮件、数据库或其他指定的对象。另外，也可在用户成功发送件、数据库或其他指定的对象。另外，也可在用户成功发送表单或发送无效表单后向用户显示确认网页。表单或发送无效表单后向用户
74、显示确认网页。w可通过右击表单打开可通过右击表单打开 “表单属性表单属性”对话框，进行设置，单击对话框，进行设置，单击“选项选项”按钮可打开按钮可打开“保存表单结果保存表单结果”对话框进行进一步的对话框进行进一步的设置。设置。w注意：若要测试表单的功能，必须首先将注意：若要测试表单的功能，必须首先将Web站点发布到运站点发布到运行有服务器扩展（行有服务器扩展（FrontPage Server Extension）的）的Web服务器上。该服务器上。该Web站点一旦发布，即可单击站点一旦发布，即可单击“用浏览器预览用浏览器预览”来测试该表单。来测试该表单。60FRONTPAGE200215.3 制
75、作动态网页制作动态网页15.3.1 使用使用“动态动态HTML效果效果”制作页面元素的动制作页面元素的动态效果态效果wDHTML，即，即Dynamic Hyper Text Markup Language（动态超文本标记语言）的出现改（动态超文本标记语言）的出现改变了普通的变了普通的HTML只能提供静态、单调的文字只能提供静态、单调的文字和超文本链接的局面，利用其提供的功能可以和超文本链接的局面，利用其提供的功能可以轻易地开发出五彩缤纷的动态网页。轻易地开发出五彩缤纷的动态网页。FrontPage提供了多种提供了多种DHTML效果，使用者无效果，使用者无须了解须了解DHTML语法知识就可以轻松
76、实现各种语法知识就可以轻松实现各种各样的动态网页。各样的动态网页。61FRONTPAGE200215.3 制作动态网页制作动态网页15.3.1 使用使用“动态动态HTML效果效果”制作页面元素的动制作页面元素的动态效果态效果w在网页中实现动态在网页中实现动态HTML效果的方法：效果的方法：选中要实现动态选中要实现动态HTML效果的页面元素，如页面中的文字、效果的页面元素，如页面中的文字、图片、表单中的按钮等图片、表单中的按钮等单击单击“视图视图工具栏工具栏DHTML效果效果”或或“格式格式动态动态HTML效果效果”菜单命令，出现菜单命令，出现DHTML效果工具栏效果工具栏单击最左边的下拉菜单，
77、选择一种事件，其中有单击、鼠标单击最左边的下拉菜单，选择一种事件，其中有单击、鼠标悬停、双击、网页加载等事件悬停、双击、网页加载等事件在在“应用应用”下拉菜单中选择一种应用效果下拉菜单中选择一种应用效果最后在最后在“效果效果”下拉菜单中为该应用选择一种动态效果。下拉菜单中为该应用选择一种动态效果。w不同的事件包含的应用效果和动态效果是不同的，可不同的事件包含的应用效果和动态效果是不同的，可以根据需要灵活选用。以根据需要灵活选用。62FRONTPAGE200215.3.2 网页过渡效果网页过渡效果w所谓网页的过渡效果，是指我们从一个网页切换到所谓网页的过渡效果，是指我们从一个网页切换到另一个网页
78、时，网页将出现各种不同的转换效果。另一个网页时，网页将出现各种不同的转换效果。w设置网页过渡效果的方法是：设置网页过渡效果的方法是：打开要设置过渡效果的网页，单击打开要设置过渡效果的网页，单击“格式格式网页过渡网页过渡”菜菜单命令，打开单命令，打开“网页过渡网页过渡”对话框；对话框；单击单击“事件事件”下拉菜单，选择相应的文件操作，其中有进下拉菜单，选择相应的文件操作，其中有进入网页、离开网页、进入站点、离开站点四种情况；入网页、离开网页、进入站点、离开站点四种情况；在在“过渡效果过渡效果”列表框中选择一种过渡效果；列表框中选择一种过渡效果；设置过渡效果持续的时间设置过渡效果持续的时间“周期周
79、期”，单击，单击“确定确定”按钮按钮保存网页在浏览器中进行预览。保存网页在浏览器中进行预览。63FRONTPAGE200215.4 插入插入FrontPage组件组件15.4.1 FrontPage组件的概念组件的概念wFrontPage组件是组件是FrontPage所提供的一些动态的所提供的一些动态的程序部件，用户只要在页面中插入这些现成的程序部件，用户只要在页面中插入这些现成的FrontPage组件就能自动完成组件就能自动完成web站点上的许多任站点上的许多任务而无需编写程序或脚本。务而无需编写程序或脚本。w它不同于它不同于Javascript等脚本语言，当使用浏览器浏等脚本语言，当使用浏
80、览器浏览包含览包含FrontPage组件的页面时，相应的组件将在组件的页面时，相应的组件将在服务器端运行并根据客户端的请求生成动态的服务器端运行并根据客户端的请求生成动态的Web页面传递给客户端的浏览器，总之页面传递给客户端的浏览器，总之FrontPage组件组件为为web开发者提供了不用编写复杂的程序而生成动开发者提供了不用编写复杂的程序而生成动态、交互式页面的手段。态、交互式页面的手段。64FRONTPAGE200215.4 插入插入FrontPage组件组件15.4.1 FrontPage组件的概念组件的概念w由于由于FrontPage组件是在组件是在web服务器端服务器端运行的，所以要
81、使用运行的，所以要使用FrontPage组件，组件，Web服务器必须安装服务器必须安装FrontPage服务器服务器扩展（扩展（FrontPage Server Extension）。）。w要在页面中插入一个要在页面中插入一个FrontPage组件，组件，选择选择“插入插入 FrontPage 组件组件”菜单项，菜单项，然后从弹出的然后从弹出的“插入插入Web组件组件”对话框对话框中选择一个组件。中选择一个组件。65FRONTPAGE200215.4.1 FrontPage组件的概念组件的概念wFrontPage组件在编辑窗口中一般是作为页面内的一个独立组件在编辑窗口中一般是作为页面内的一个独
82、立的对象来对待的。当你在编辑包含有组件的网页时，当光标的对象来对待的。当你在编辑包含有组件的网页时，当光标指向可见的组件时，光标指针将变成形状，以提示这是一个指向可见的组件时，光标指针将变成形状，以提示这是一个单独的单独的FrontPage组件对象。组件对象。w如果要删除一个组件，只要用鼠标左键单击选中该组件，然如果要删除一个组件，只要用鼠标左键单击选中该组件，然后按后按“DEL”键即可。键即可。w如果要修改一个组件的属性，可以双击组件或右击组件并从如果要修改一个组件的属性，可以双击组件或右击组件并从快捷菜单中选择相应的快捷菜单中选择相应的“FrontPage组件属性组件属性”命令打开属命令打
83、开属性对话框。性对话框。w在在FrontPage中，常用的组件有：横幅广告管理器、站点计中，常用的组件有：横幅广告管理器、站点计数器、悬停按钮、字幕、包含网页、预定图片、预定包含网数器、悬停按钮、字幕、包含网页、预定图片、预定包含网页、替换、类别、搜索表单、目录等。页、替换、类别、搜索表单、目录等。66FRONTPAGE200215.4.2 字幕字幕w使用字幕组件可以在页面中插入滚动文字，使用字幕组件可以在页面中插入滚动文字，这些滚动文字可用于提示一些需要引起用户这些滚动文字可用于提示一些需要引起用户注意的信息。注意的信息。w要在页面中插入该组件，可在要在页面中插入该组件，可在“插入插入Web
84、组组件件”对话框中选择对话框中选择“动态效果动态效果”中的中的“字幕字幕”，在出现的，在出现的“字幕属性字幕属性”对话框中首先在对话框中首先在文本框中输入文字信息，而后对速度、大小文本框中输入文字信息，而后对速度、大小等进行调整。等进行调整。67FRONTPAGE200215.4.3 横幅广告管理器横幅广告管理器w使用横幅广告管理器可以按指定的时间在页面中变换地显示使用横幅广告管理器可以按指定的时间在页面中变换地显示一系列图片，该组件通常用于制作网页广告。一系列图片，该组件通常用于制作网页广告。w在在“插入插入Web组件组件”对话框中选择对话框中选择“动态效果动态效果”中的中的“横幅横幅广告管
85、理器广告管理器”。在打开的。在打开的“横幅广告管理器属性横幅广告管理器属性”对话框中对话框中设置好广告图片的大小、过渡效果、每幅图片显示时间及链设置好广告图片的大小、过渡效果、每幅图片显示时间及链接页面，然后单击接页面，然后单击“添加添加”按钮完成所需广告图片的添加，按钮完成所需广告图片的添加，最后单击最后单击“确定确定”，这样一个网页中的横幅广告就制作好了。，这样一个网页中的横幅广告就制作好了。w另外在另外在“插入插入Web组件组件”对话框中选择动态效果中的对话框中选择动态效果中的“悬停悬停按钮按钮”。通过与上文相仿的简单设置就可以搞定一个悬停按。通过与上文相仿的简单设置就可以搞定一个悬停按
86、钮。悬停按钮是一种动态按钮，当访问者在浏览器中用鼠标钮。悬停按钮是一种动态按钮，当访问者在浏览器中用鼠标指向它或用鼠标单击它时，该按钮将会产生一些动态的变化指向它或用鼠标单击它时，该按钮将会产生一些动态的变化效果，它经常被应用于制作导航按钮。效果，它经常被应用于制作导航按钮。68FRONTPAGE200215.4.4 站点计数器站点计数器w计数器可以用来显示页面被访问的次数，每当页面被访问时，计数器可以用来显示页面被访问的次数，每当页面被访问时，计数器的值都将随之递增，站点管理员可以通过观察计数器计数器的值都将随之递增，站点管理员可以通过观察计数器来了解站点的访问流量。来了解站点的访问流量。w
87、插入插入“站点计数器站点计数器”组件的步骤如下：组件的步骤如下：在在“网页网页”视图下打开要插入计数器的视图下打开要插入计数器的web页面（一般是站点的首页）页面（一般是站点的首页）并将光标移动到要放置计数器的位置，选择并将光标移动到要放置计数器的位置，选择“插入插入Web组件组件”对话对话框中的框中的“计数器计数器”，然后按，然后按“完成完成”按钮，弹出按钮，弹出“站点计数器属性站点计数器属性”对话框。对话框。在对话框的在对话框的“计数器样式计数器样式”选项中选择一种喜欢的计数器风格，选中选项中选择一种喜欢的计数器风格，选中“计数器重置为计数器重置为”单选框可将计数器值重置为某一特定的数字（
88、默单选框可将计数器值重置为某一特定的数字（默认是认是0）；如果选中）；如果选中“设置数字位数设置数字位数”单选框，则可以定义计数器所单选框，则可以定义计数器所显示的数字位数。显示的数字位数。按按“确定确定”按钮，一个精美的计数器就被插入到按钮，一个精美的计数器就被插入到web页面中了。其在页面中了。其在“网页网页”视图下显示为视图下显示为“计数器计数器”，在浏览器中打开它就能够观，在浏览器中打开它就能够观察站点被访问的次数。察站点被访问的次数。 69FRONTPAGE200215.4.5 搜索表单搜索表单w “搜索表单搜索表单”是可以向访问者提供对网站内容进行是可以向访问者提供对网站内容进行文
89、本搜索的组件。文本搜索的组件。w全文检索对于包含有大量网页的大网站来说，是必全文检索对于包含有大量网页的大网站来说，是必不可少的一项功能。当访问者在浏览器中提交搜索不可少的一项功能。当访问者在浏览器中提交搜索表单时，该组件会根据用户输入的查询条件返回搜表单时，该组件会根据用户输入的查询条件返回搜索结果，该结果是以超链接列表形式来提供的，访索结果，该结果是以超链接列表形式来提供的，访问者只要单击超链接就可以进入到要查找的页面。问者只要单击超链接就可以进入到要查找的页面。w如果你不想让访问者搜索到某些网页，可以将这些如果你不想让访问者搜索到某些网页，可以将这些网页移动到站点中的网页移动到站点中的“
90、_private”目录下。目录下。70FRONTPAGE2002w要使用该组件，请按照以下步骤操作：要使用该组件，请按照以下步骤操作： 在在“网页网页”视图下打开要插入搜索表单的页面，并将光标移动到要插入搜索视图下打开要插入搜索表单的页面，并将光标移动到要插入搜索表单的位置。表单的位置。从对话框中选从对话框中选“Web搜索搜索”，按，按“完成完成”按钮，打开按钮，打开“搜索表单属性搜索表单属性”对话对话框。框。设置对话框中的设置对话框中的“搜索表单属性搜索表单属性”选项卡。选项卡。w“输入框的标签输入框的标签”用于设置在输入表单文本框前面的标签，该标签通常用于搜索用于设置在输入表单文本框前面的
91、标签，该标签通常用于搜索表单的提示文字。表单的提示文字。w“以字符数为单位的宽度以字符数为单位的宽度”用于设置输入表单文本框的最大字符数，默认是用于设置输入表单文本框的最大字符数，默认是20个个字符。字符。w在搜索表单中有两个按钮，一个为在搜索表单中有两个按钮，一个为“开始按索开始按索”，另一个为，另一个为“重置重置”，选择，选择“开始搜索开始搜索”，则，则FrontPage将根据用户输入的查询语句开始对网站内容进行搜索。将根据用户输入的查询语句开始对网站内容进行搜索。“开始搜索开始搜索按钮的标签按钮的标签”和和“重置重置按钮的标签按钮的标签”用于设置用于设置“开始搜索开始搜索”和和“清除清除
92、”按钮上显示的文字说明。按钮上显示的文字说明。 设置对话框中的设置对话框中的“搜索结果搜索结果”选项卡。选项卡。w“搜索结果的范围搜索结果的范围”用于设置搜索范围，默认值是用于设置搜索范围，默认值是“全部全部”，即对网站中所有的，即对网站中所有的页面进行搜索，也可以设置搜索的范围是站点中某一个目录。页面进行搜索，也可以设置搜索的范围是站点中某一个目录。w“显示选项显示选项”用于设置搜索结果的显示选项，如可以设置每页显示的最大记录数用于设置搜索结果的显示选项，如可以设置每页显示的最大记录数和显示结果中的附加信息。和显示结果中的附加信息。71FRONTPAGE200215.4.6 包含网页包含网页
93、w“包含网页包含网页”组件可以让你在当前组件可以让你在当前web页面中自动包含另一个页面中自动包含另一个web页面页面w当被包含的页面发生变动时，不必打开各个当被包含的页面发生变动时，不必打开各个web页面，所有包含页面，所有包含该页面的该页面的web页可同时自动更新，从而让你只用一步操作就可以页可同时自动更新，从而让你只用一步操作就可以方便地修改方便地修改FrontPage 中的许多页面。中的许多页面。w该组件常用于包含该组件常用于包含Web页面中的一些共同的页面元素，如公共标页面中的一些共同的页面元素，如公共标题、公司标志、导航栏等。你可以将这些元素放在一个页面中，题、公司标志、导航栏等。
94、你可以将这些元素放在一个页面中，存成一个独立的文件，再用该组件把这个文件插入到所有需要的存成一个独立的文件，再用该组件把这个文件插入到所有需要的web页面中，插入后完全是一个整体的效果，在用浏览器浏览时页面中，插入后完全是一个整体的效果，在用浏览器浏览时根本看不出组合的痕迹，将来需要修改这些公共元素时，只要直根本看不出组合的痕迹，将来需要修改这些公共元素时，只要直接修改被包含的文件即可。这对于具有许多页面的接修改被包含的文件即可。这对于具有许多页面的Web站点来说，站点来说，可以节省很多工作时间。可以节省很多工作时间。72FRONTPAGE200215.4.6 包含网页包含网页w将被包含网页包
95、含到别的页面中步骤：将被包含网页包含到别的页面中步骤：在在“网页网页”视图下打开要插入该组件的网页，鼠标指视图下打开要插入该组件的网页，鼠标指针定位于要插入组件的位置。针定位于要插入组件的位置。从对话框中选择从对话框中选择“包含内容包含内容”组件类型下的组件类型下的“网页网页”，弹出，弹出“包含网页属性包含网页属性”对话框，在该对话框中输入对话框，在该对话框中输入要包含的网页所在的位置，或按要包含的网页所在的位置，或按“浏览浏览”按钮来定位按钮来定位其位置。其位置。按按“确定确定”按钮，则该网页被包含到当前网页中。按钮，则该网页被包含到当前网页中。73FRONTPAGE200215.5 在网页
96、中加入多媒体在网页中加入多媒体15.5.1 多媒体概述多媒体概述w除了使用图像之外，还可以在网页中使用音频、视除了使用图像之外，还可以在网页中使用音频、视频文件等多媒体内容，通过在网页中加入多媒体，频文件等多媒体内容，通过在网页中加入多媒体，可以制作出更生动有趣、更具有吸引力的动态页面。可以制作出更生动有趣、更具有吸引力的动态页面。w在网页中使用音频文件可以丰富网页的表现形式，在网页中使用音频文件可以丰富网页的表现形式，比如说你可以将自己的一段语音信息录制到磁盘中，比如说你可以将自己的一段语音信息录制到磁盘中，然后将这个音频文件作为欢迎词插入到首页中；或然后将这个音频文件作为欢迎词插入到首页中
97、；或是在网页中提供一些音乐片段供喜好音乐的朋友下是在网页中提供一些音乐片段供喜好音乐的朋友下载和收听；还可以像在载和收听；还可以像在Windows中一样使用一些特中一样使用一些特殊的音效来配合访问者的操作（如单击超链接打开殊的音效来配合访问者的操作（如单击超链接打开一个新窗口时）。一个新窗口时）。74FRONTPAGE2002（1）网页常用的音频文件）网页常用的音频文件 可以用于网页的音频文件有许多种，不同格式的音频文件其可以用于网页的音频文件有许多种，不同格式的音频文件其文件尺寸和声音质量都有很大的差异，以下是常见的几种音文件尺寸和声音质量都有很大的差异，以下是常见的几种音频文件格式。频文件
98、格式。wav文件：通常以文件：通常以.wav作为扩展名，它是计算机上最常见的音频文件作为扩展名，它是计算机上最常见的音频文件格式之一，可以产生高质量的音频效果，格式之一，可以产生高质量的音频效果，wav文件的一大缺点就是压文件的一大缺点就是压缩程度不高，其长度通常在缩程度不高，其长度通常在200KB以上。以上。MIDI文件：文件：MIDI是是Musical Instrument Digital Interface（乐器数（乐器数字化接口）的缩写，通常以字化接口）的缩写，通常以.mid作为扩展名，它包含有一系列用于作为扩展名，它包含有一系列用于播放电子合成器的指令。使用播放电子合成器的指令。使用
99、MIDI创建出来的声音文件其大小通常创建出来的声音文件其大小通常在在10KB一一20KB之间，所以很适合在网络上传输。之间，所以很适合在网络上传输。Real Audio文件：通常以文件：通常以.ra结尾，专门针对网络传输而设计，有强结尾，专门针对网络传输而设计，有强大的压缩比和极小的失真度，是目前网络多媒体中的新秀。结合大的压缩比和极小的失真度，是目前网络多媒体中的新秀。结合Real Server，网络设计人员可以建立，网络设计人员可以建立Web上的实时播音系统，收听上的实时播音系统，收听Real Audio格式的文件需要专用的播放器格式的文件需要专用的播放器Real Player。MP3格式
100、：以格式：以.mp3作为扩展名，将声音以作为扩展名，将声音以1：10甚至甚至1：12的压缩率的压缩率进行压缩，且音质简直可以与进行压缩，且音质简直可以与CD音质相媲美。音质相媲美。75FRONTPAGE2002（2）网页常用的视频文件）网页常用的视频文件视频由活动的画面和声音组成，在网页设计中视频由活动的画面和声音组成，在网页设计中个常用的视频格式有以下几种：个常用的视频格式有以下几种：Avi格式；以格式；以 .avi作为结尾。作为结尾。MPEG格式：以格式：以.mpeg、.mpg、.mpe作为扩展名，作为扩展名，MPEG格式是视频文件的工业标准，它提供了先格式是视频文件的工业标准，它提供了先
101、进的压缩技术和播放质量。进的压缩技术和播放质量。Quick Time格式：通常以格式：通常以.mov、.qt作为扩展名。作为扩展名。Real Video格式：通常以格式：通常以.ra作为文件扩展名，作为文件扩展名，和和Real Audio一样具有很大的压缩比和回放质量，一样具有很大的压缩比和回放质量，适合制作网上直播系统。适合制作网上直播系统。76FRONTPAGE2002（3）网页中加入多媒体采用的手段）网页中加入多媒体采用的手段 目前在网页中加入多媒体通常采用两种手段。目前在网页中加入多媒体通常采用两种手段。w 一是嵌入多媒体文件。一是嵌入多媒体文件。 采用嵌入的方式在网页中加入多媒体，需
102、要在网页中使用采用嵌入的方式在网页中加入多媒体，需要在网页中使用相应的插件。所谓相应的插件。所谓插件插件，指的是能够嵌入在你的浏览器，指的是能够嵌入在你的浏览器中与其一起工作并扩展其功能的应用程序，插件使得浏中与其一起工作并扩展其功能的应用程序，插件使得浏览器可以演示电影、播放音频，或者增强浏览器提供的览器可以演示电影、播放音频，或者增强浏览器提供的基本的图片和文本功能，和普通的应用程序不同，插件基本的图片和文本功能，和普通的应用程序不同，插件能够和你的浏览器一起工作，就好像它是浏览器的一部能够和你的浏览器一起工作，就好像它是浏览器的一部分似的。利用这些多媒体插件，你可以在你的网页中实分似的。
103、利用这些多媒体插件，你可以在你的网页中实现多媒体控制台的功能，访问者在网页中就可以控制多现多媒体控制台的功能，访问者在网页中就可以控制多媒体的播放进程，如暂停、快进等。这种方法的媒体的播放进程，如暂停、快进等。这种方法的缺点缺点就就是要求访问者的浏览器中也要安装有相应的插件，否则是要求访问者的浏览器中也要安装有相应的插件，否则多媒体内容将无法显示。多媒体内容将无法显示。77FRONTPAGE2002w二是链接到多媒体（应用最广泛、最简单）二是链接到多媒体（应用最广泛、最简单）网页设计人员只要在网页中按通常的方法建立一个指向多媒体文件的超链网页设计人员只要在网页中按通常的方法建立一个指向多媒体文
104、件的超链接，当访问者在浏览器中打开网页时，只要单击该超链接就能够访问到相接，当访问者在浏览器中打开网页时，只要单击该超链接就能够访问到相应的多媒体文件应的多媒体文件如果访问者的计算机已经配置了该多媒体文件的播放器，则浏览器将自动如果访问者的计算机已经配置了该多媒体文件的播放器，则浏览器将自动运行该播放器并用此播放器来打开多媒体文件，否则，访问者可以将多媒运行该播放器并用此播放器来打开多媒体文件，否则，访问者可以将多媒体文件下载到本机硬盘上，在以后安装了播放器后再进行观赏。体文件下载到本机硬盘上，在以后安装了播放器后再进行观赏。IE带有功带有功能强大的能强大的Windows Media Play
105、er，它几乎可以播放当前所有流行的多媒，它几乎可以播放当前所有流行的多媒体格式文件。体格式文件。建立一个指向多媒体文件的超链接的方法和建立一个普通的超链接并没有建立一个指向多媒体文件的超链接的方法和建立一个普通的超链接并没有什么不同，只要选中要建立链接的文字或图片，然后按工具栏上的什么不同，只要选中要建立链接的文字或图片，然后按工具栏上的“超链超链接接” 按钮，在按钮，在“编辑超链接编辑超链接”对话框中将该超链接指向多媒体文件即可对话框中将该超链接指向多媒体文件即可为了方便访问者下载该文件，最好在超链接中输入一些有关该文件的说明为了方便访问者下载该文件，最好在超链接中输入一些有关该文件的说明文
106、字，同时标出文件大小和格式，对于需要使用插件才能够播放的多媒体文字，同时标出文件大小和格式，对于需要使用插件才能够播放的多媒体文件，一般还需要给出下载插件的超链接。文件，一般还需要给出下载插件的超链接。78FRONTPAGE200215.5.2 15.5.2 直接在网页中加入背景音乐直接在网页中加入背景音乐w在在FrontPage中可以方便地使用各种格式的中可以方便地使用各种格式的音频，其中最常见的用途就是制作网页的背音频，其中最常见的用途就是制作网页的背景音乐，适当地使用背景音乐可以烘托网页景音乐，适当地使用背景音乐可以烘托网页的气氛，起到增强对访问者的吸引力的效果。的气氛，起到增强对访问者
107、的吸引力的效果。79FRONTPAGE2002w在网页中加入背景音乐的步骤：在网页中加入背景音乐的步骤：打开要加入背景音乐的网页的打开要加入背景音乐的网页的“网页属性网页属性”对话对话框，在框，在“常规常规”选项卡选项卡“背景音乐背景音乐”栏的栏的“位置位置”文本框中输入用作背景音乐的音频文件名，或文本框中输入用作背景音乐的音频文件名，或按按“浏览浏览”按钮来定位音频文件所在的位置；设按钮来定位音频文件所在的位置；设置背景音乐的循环次数后按置背景音乐的循环次数后按“确定确定”按钮，则背按钮，则背景音乐被嵌入到页面中。景音乐被嵌入到页面中。如果嵌入的音频文件来自于本地计算机系统，则如果嵌入的音频
108、文件来自于本地计算机系统，则当你在保存网页时，当你在保存网页时，FrontPage将提示你是否需将提示你是否需要保存嵌入式文件，请选择要保存嵌入式文件，请选择“是是”将嵌入的音频将嵌入的音频文件保存到网站中，这样网页的背景音乐就设置文件保存到网站中，这样网页的背景音乐就设置完成了。完成了。80FRONTPAGE200215.5.315.5.3用插件的方式嵌入音频文件用插件的方式嵌入音频文件w对于大多数音频文件来说，不能直接嵌入，而是需对于大多数音频文件来说，不能直接嵌入，而是需要使用插件的形式来将其嵌入。要使用插件的形式来将其嵌入。w在在FrontPageFrontPage中使用插件的步骤：中
109、使用插件的步骤：将光标移动到要插入音频文件的地方，在将光标移动到要插入音频文件的地方，在“插入插入WebWeb组件组件”对话框中选择对话框中选择“高级控件高级控件”组件类型下的组件类型下的“插件插件”，按按“完成完成”按钮，弹出按钮，弹出“插件属性插件属性”对话框。对话框。在对话框中的在对话框中的“数据源数据源”文本框中输入要嵌入的音频文件文本框中输入要嵌入的音频文件名或按名或按“浏览浏览”按钮来定位音频文件的位置。按钮来定位音频文件的位置。在在“浏览器不支持插件时显示的消息浏览器不支持插件时显示的消息”文本框中输入类似文本框中输入类似于于“您的浏览器不支持插件，只有支持插件的浏览器才您的浏览
110、器不支持插件，只有支持插件的浏览器才可以浏览该页面可以浏览该页面”的信息作为当访问者使用不支持插件的信息作为当访问者使用不支持插件的浏览器来打开该页面时的提示信息。的浏览器来打开该页面时的提示信息。81FRONTPAGE2002FrontPageFrontPage一般会根据你嵌入的文件自动设置插件的大小，你一般会根据你嵌入的文件自动设置插件的大小，你也可以根据需要在也可以根据需要在“大小大小”栏中指定插件的高度与宽度。栏中指定插件的高度与宽度。绝大多数的插件都带有自己的工具栏和其他控制组件，如果绝大多数的插件都带有自己的工具栏和其他控制组件，如果你想隐藏这些控制组件，可以选择你想隐藏这些控制组
111、件，可以选择“大小大小”栏中的栏中的“隐藏插隐藏插件件”单选框。通常情况下不应当隐藏插件，因为访问者往往单选框。通常情况下不应当隐藏插件，因为访问者往往需要使用插件上的控制组件来操纵播放的进程。需要使用插件上的控制组件来操纵播放的进程。在在“布局布局”栏中，可设置插件的布局属性，如对齐方式、水栏中，可设置插件的布局属性，如对齐方式、水平间距、垂直间距。平间距、垂直间距。完成设置后按完成设置后按“确定确定”按钮，则该插件被插入到按钮，则该插件被插入到WebWeb页面中，页面中，其中插件显示为一个其中插件显示为一个“插座插座”的形状，在的形状，在“预览预览”标签下访标签下访问者可通过插件上的控制按
112、钮来操纵整个播放的进程。问者可通过插件上的控制按钮来操纵整个播放的进程。82FRONTPAGE200215.5.4以嵌入方式在网页中插入视以嵌入方式在网页中插入视频（两种形式）频（两种形式）（1）将视频作为图片插入）将视频作为图片插入通常用于插入通常用于插入avi格式的视频文件。以图片方式嵌格式的视频文件。以图片方式嵌入入avi格式的文件后，视频文件的第一帧将会作为格式的文件后，视频文件的第一帧将会作为一张图片显示在浏览器中。好处是访问者可以通过一张图片显示在浏览器中。好处是访问者可以通过观察该图片来直观地了解视频文件的内容然后再决观察该图片来直观地了解视频文件的内容然后再决定是否要下载该视频
113、文件。定是否要下载该视频文件。通过通过“插入插入图片图片视频视频”命令打开命令打开“视频视频”对话对话框，选择要插入的视频文件后按框，选择要插入的视频文件后按“确定确定”按钮，就按钮，就可插入该视频文件，以图标显示。右击此图标并选可插入该视频文件，以图标显示。右击此图标并选择快捷菜单中的择快捷菜单中的“图片属性图片属性”命令，可以对其属性命令，可以对其属性进行编辑。进行编辑。（2）用插件的形式嵌入视频）用插件的形式嵌入视频(同使用插件形式插入音频文件同使用插件形式插入音频文件)。83FRONTPAGE200215.6 应用应用FrontPage主题设定网主题设定网站整体风格站整体风格15.6.
114、1 主题的概念主题的概念w 所谓主题，指的是对页面元素，如页面标题、段落文本以及超所谓主题，指的是对页面元素，如页面标题、段落文本以及超链接的字体、颜色，背景图像、水平线、页面标题、导航栏等的链接的字体、颜色，背景图像、水平线、页面标题、导航栏等的图像设置，项目符号风格等的预定义，不同的定义就形成不同的图像设置，项目符号风格等的预定义，不同的定义就形成不同的主题。选用适当的主题可以带给页面统一的、具有吸引力的外观。主题。选用适当的主题可以带给页面统一的、具有吸引力的外观。wFrontPage 有数十种预定义的主题风格可供用户选用，而且你可有数十种预定义的主题风格可供用户选用，而且你可以方便地改
115、变内置主题以及自行创建新的主题，从而让你的站点以方便地改变内置主题以及自行创建新的主题，从而让你的站点更具有个性和魅力。更具有个性和魅力。w使用主题功能，即使是没有计算机图像处理基础的初学者也能够使用主题功能，即使是没有计算机图像处理基础的初学者也能够又快又好地开发出具有专业水准的精美网页。又快又好地开发出具有专业水准的精美网页。84FRONTPAGE200215.6.2 应用主题应用主题w用户可以将主题应用到整个站点、一个或多用户可以将主题应用到整个站点、一个或多个页面中。将主题应用到整个站点时，主题个页面中。将主题应用到整个站点时，主题中的格式和背景图片将覆盖站点中所有网页中的格式和背景图
116、片将覆盖站点中所有网页原来的设置。而且当你在站点中新建一个网原来的设置。而且当你在站点中新建一个网页时，它将自动应用该主题。页时，它将自动应用该主题。85FRONTPAGE2002w 应用主题的操作步骤：应用主题的操作步骤：从菜单栏中选择从菜单栏中选择“格式格式主题主题”，弹出，弹出 “主题主题”对话框。对话框。在该对话框中，如将主题应用到整个站点，需选择在该对话框中，如将主题应用到整个站点，需选择将主题应用到将主题应用到“所有网页所有网页”，如将主题应用到单个，如将主题应用到单个页面或若干个选定的页面，需选择将主题应用到页面或若干个选定的页面，需选择将主题应用到“所选的网页所选的网页”。从对
117、话框的主题列表中选择主题，在对话框右侧的从对话框的主题列表中选择主题，在对话框右侧的主题示例栏中可以预览当前被选中的主题。要删除主题示例栏中可以预览当前被选中的主题。要删除主题，可在主题列表中选主题，可在主题列表中选“无主题无主题”。86FRONTPAGE2002还可以使用主题列表下的复选框来选择主题的选还可以使用主题列表下的复选框来选择主题的选项。项。w如要使主题中的颜色（包括背景图片和文本的颜色）如要使主题中的颜色（包括背景图片和文本的颜色）加亮，使整个页面显得更鲜艳，需选择加亮，使整个页面显得更鲜艳，需选择“鲜艳的颜色鲜艳的颜色”选项，否则将采用标准的颜色设置；选项，否则将采用标准的颜色
118、设置；w如果要使用主题中的动态按钮或水平线等动画文件，如果要使用主题中的动态按钮或水平线等动画文件，必须选用必须选用“动态图形动态图形”选项，否则将使用普通的文字选项，否则将使用普通的文字形式的按钮或水平线来替代它们；形式的按钮或水平线来替代它们；w如要采用主题中的背景图片，需选中如要采用主题中的背景图片，需选中“背景图片背景图片”选选项。项。87FRONTPAGE200215.6.3 修改主题修改主题w可以在可以在“主题主题”对话框中直接修改主题。你可以修对话框中直接修改主题。你可以修改主题使用的颜色、图像以及样式，还可以自己创改主题使用的颜色、图像以及样式，还可以自己创建一个新主题。要修改
119、主题，首先在建一个新主题。要修改主题，首先在“主题主题”对话对话框中按框中按“修改修改”按钮，则对话框下部将会出现一排按钮，则对话框下部将会出现一排按钮：颜色、图形、文本、保存、另存为。按钮：颜色、图形、文本、保存、另存为。w按按“颜色颜色”按钮将出现对话框，在该对话框中你可按钮将出现对话框，在该对话框中你可以修改主题所用的颜色。如按以修改主题所用的颜色。如按“颜色盘颜色盘”选项卡可选项卡可以修改方案中的颜色以及颜色亮度；选择以修改方案中的颜色以及颜色亮度；选择“自定义自定义”选项卡可以自定义各个项目，如超链接、横幅文选项卡可以自定义各个项目，如超链接、横幅文本、以及表格边框等的颜色。本、以及
120、表格边框等的颜色。88FRONTPAGE2002w按按“图形图形”按钮可修改背景图片、横幅、水平标尺按钮可修改背景图片、横幅、水平标尺等图形所对应的图片及修改图片中文字所采用的字等图形所对应的图片及修改图片中文字所采用的字体。体。w按按“文本文本”按钮将可以修改标题等项目所对应的文按钮将可以修改标题等项目所对应的文本样式。本样式。w在做完上述修改后，可以按在做完上述修改后，可以按“保存保存”按钮保存你所按钮保存你所作的修改，那么当前主题中原有的设置都将被新的作的修改，那么当前主题中原有的设置都将被新的设置所覆盖。也可以按设置所覆盖。也可以按“另存为另存为”按钮将修改后的按钮将修改后的主题另起一
121、个名字保存，新的主题将出现在主题列主题另起一个名字保存，新的主题将出现在主题列表中，可以在以后引用它。表中，可以在以后引用它。89FRONTPAGE2002第第16章章 网站管理与发布网站管理与发布wFrontPage 2002作为一个功能强大的网页制作为一个功能强大的网页制作工具，不但具有上述的各种网页编辑功能，作工具，不但具有上述的各种网页编辑功能，而且还具有强大的站点管理和发布功能。利而且还具有强大的站点管理和发布功能。利用它，我们不但能够轻松设计出优美的网页，用它，我们不但能够轻松设计出优美的网页，而且能够方便地建立和管理自己的网站，并而且能够方便地建立和管理自己的网站，并且轻松地把它
122、发布到远程服务器上供大家访且轻松地把它发布到远程服务器上供大家访问浏览。问浏览。90FRONTPAGE2002第第16章章 网站管理与发布网站管理与发布 w16.1 站点文件管理站点文件管理w16.2 设置主页设置主页w16.3 站点维护站点维护w16.4 发布站点发布站点91FRONTPAGE200216.1 站点文件管理站点文件管理w单击单击“文件夹文件夹”图标，切换到图标，切换到“文件夹视图文件夹视图”模式下，它的外观和使用方式与模式下，它的外观和使用方式与Windows资源管理器很相似，显示资源管理器很相似，显示Web站点的目录级站点的目录级别和每个文件夹或文件的属性列表。别和每个文件
123、夹或文件的属性列表。w可以用它来管理网站内容，像在资源管理器可以用它来管理网站内容，像在资源管理器中一样方便地在网站内建立文件夹、移动和中一样方便地在网站内建立文件夹、移动和删除文件等。删除文件等。w如果用户在此视图中改变或删除了一个文件，如果用户在此视图中改变或删除了一个文件，FrontPage将自动修改相应的链接。将自动修改相应的链接。92FRONTPAGE200216.2 设置主页设置主页w主页就是我们打开一个网站时浏览的第一个主页就是我们打开一个网站时浏览的第一个页面，它一般有特定的名称（页面，它一般有特定的名称（index.htm）和）和格式，需要在设计网站时设定。格式，需要在设计网
124、站时设定。w在在FrontPage 中设置主页的方法：选中要作中设置主页的方法：选中要作为主页的文件，然后右键单击，在弹出的快为主页的文件，然后右键单击，在弹出的快捷菜单中选择捷菜单中选择“设置为主页设置为主页”命令即可。命令即可。93FRONTPAGE200216.3 站点维护站点维护w 一个站点建立之后，我们还需要对它进行一个站点建立之后，我们还需要对它进行测试、维护和更新，这样才能保证一个网站测试、维护和更新，这样才能保证一个网站的链接正确、内容真实、文件有序。的链接正确、内容真实、文件有序。94FRONTPAGE200216.3.1 检查超链接检查超链接w单击视图栏中的单击视图栏中的“
125、超链接超链接”图标，打开超链接视图。图标，打开超链接视图。w超链接接视图用图形化的方式展现网站内每一个网超链接接视图用图形化的方式展现网站内每一个网页的超链接关系。页的超链接关系。单击选中任一文件，就可以查看到与此文件相链接的各种单击选中任一文件，就可以查看到与此文件相链接的各种页面文件，包括显示在左部的链接本页的网页和右部的页面文件，包括显示在左部的链接本页的网页和右部的被链接的网页。被链接的网页。将鼠标指向视图中的任何图标即可调出与之相关的属性，将鼠标指向视图中的任何图标即可调出与之相关的属性，也可直接按也可直接按“Del”键删去不再需要链接的网页。键删去不再需要链接的网页。有些相链接的页
126、面文件左上方有一个有些相链接的页面文件左上方有一个“+”图标，表示还图标，表示还有与此文件相链接的文件，单击文件旁边的有与此文件相链接的文件，单击文件旁边的“+”图标，图标，又可以查看它的超链接，这样就可以很方便地检查网站又可以查看它的超链接，这样就可以很方便地检查网站中每个页面的链接状态及它们的相互关系。中每个页面的链接状态及它们的相互关系。95FRONTPAGE200216.3.2 查看站点导航查看站点导航w站点导航可以直观地显示站点导航可以直观地显示Web站点结构的整体轮廓，站点结构的整体轮廓，便于用户快速了解网站。便于用户快速了解网站。w要想查看网站的导航视图，只需单击视图栏中的要想查
127、看网站的导航视图，只需单击视图栏中的“导航导航”图标。图标。w导航视图以图表的方式显示了网站中各个页面的层导航视图以图表的方式显示了网站中各个页面的层次和结构关系，一目了然。直接拖动各个图标到合次和结构关系，一目了然。直接拖动各个图标到合适的位置就可以改变它的结构和关系，非常方便。适的位置就可以改变它的结构和关系，非常方便。一旦变动了网站的结构，一旦变动了网站的结构，Frontpage2002便会自动便会自动更新相应的导航图，确保整个站点导航结构的正确更新相应的导航图，确保整个站点导航结构的正确性和直观性。性和直观性。 96FRONTPAGE200216.3.3 获得站点报表获得站点报表w对于
128、一个网站设计者来说，他需要了解当前站点的对于一个网站设计者来说，他需要了解当前站点的文件内容，更新链接情况、组件错误、所有文件列文件内容，更新链接情况、组件错误、所有文件列表及变化情况等信息，利用报表视图就可以获得这表及变化情况等信息，利用报表视图就可以获得这些信息。些信息。w单击视图栏中的单击视图栏中的“报表报表”图标，转换到报表视图模图标，转换到报表视图模式下，它以列表的形式列出了网站中各种站点文件式下，它以列表的形式列出了网站中各种站点文件的详细情况，单击不同的项目名称就可以查看有关的详细情况，单击不同的项目名称就可以查看有关的详细报告。的详细报告。w选择选择“视图视图报表报表”菜单下的
129、不同命令，也可以获菜单下的不同命令，也可以获得相关的详细信息报告。得相关的详细信息报告。 97FRONTPAGE2002w在在FrontPage 中生成报表时，可以保存这些中生成报表时，可以保存这些报表，或者将其中的数据复制并粘贴到其他报表，或者将其中的数据复制并粘贴到其他Office的文档中。保存或复制报表对于归档的文档中。保存或复制报表对于归档报表数据或与他人共享数据都很有用处。报表数据或与他人共享数据都很有用处。保存报表的操作是：单击保存报表的操作是：单击“视图视图报表报表”菜单命菜单命令，选择要保存的报告后单击令，选择要保存的报告后单击“文件文件保存保存”菜菜单命令，在单命令，在“另存
130、为另存为”对话框中进行设置，然后对话框中进行设置，然后单击单击“保存保存”即可。即可。报表以报表以Excel HTML格式保存，要在格式保存，要在Excel中查看中查看报表，只需双击该文件即可。报表，只需双击该文件即可。98FRONTPAGE200216.4 发布站点发布站点w发布站点，即将你的网站发布到远程的服务器上，供用户浏览。发布站点，即将你的网站发布到远程的服务器上，供用户浏览。w发布站点可以使用专门的发布站点可以使用专门的FTP工具。但为了给用户提供方便，工具。但为了给用户提供方便，FrontPage 2002内置了网页发布功能，利用它，你只需进行简内置了网页发布功能，利用它，你只需
131、进行简单的设置，就可以轻松地完成网站发布任务。单的设置，就可以轻松地完成网站发布任务。w发布网站的具体操作是：发布网站的具体操作是： 打开要发布的网站。打开要发布的网站。 单击单击“文件文件发布站点发布站点”菜单命令，菜单命令， 出现出现“发布目标发布目标”对框。对框。 在在“站点目标位置站点目标位置”中输入要上传网页的服务器地址，单击中输入要上传网页的服务器地址，单击“确定确定”按钮按钮。 输入你的用户名和密码，单击输入你的用户名和密码，单击“确定确定”按钮，此时将出现按钮，此时将出现“发布站点发布站点”对对话框，单击话框，单击“显示显示”按钮可以显示远端站点文件目录列表，单击按钮可以显示远端站点文件目录列表，单击“选项选项”按钮打开按钮打开“选项选项”对话框可以选择网页发布和更改的方式。对话框可以选择网页发布和更改的方式。设置完毕，单击设置完毕，单击“发布发布”按钮，程序即开始自动上传网页。上传完毕，就按钮，程序即开始自动上传网页。上传完毕，就可以在浏览器中输入你的网址进行浏览了。可以在浏览器中输入你的网址进行浏览了。99FRONTPAGE2002
