网页制作软件FrontPage 2003.ppt

1、第6章 网页制作软件FrontPage 2003,本章要点 FrontPage的窗口、视图方式、创建站点和网页、创建和管理任务等 编辑网页、编辑表格、编辑图像、编辑框架、编辑表单、插入媒体和动态特效 维护与发布站点 本章难点框架网页的创建 编辑动态特效,6.1 初识FrontPage 2003,单击“开始”“所有程序”Microsoft Office Microsoft Office FrontPage 2003命令，启动中文版FrontPage 2003，其工作窗口如图所示。,中文版FrontPage 2003的工作窗口主要由标题栏、菜单栏、工具栏、视图栏、标记栏、工作区和状态栏组成。 1标

2、题栏 2菜单栏 3工具栏 4视图栏 视图栏位于窗口的下方，当选择一个网页时，显示“设计”、“拆分”、“代码”、“预览”等视图模式。而当选择网站时，则显示“文件夹”、“远程网站”、“报表”、“导航”、“超链接”、“任务”等视图模式。不同的模式对应着不同的工作方式。,5标记栏 标记栏是中文版FrontPage2003新增的窗口元素。当选择了网页中的某个对象时，在该栏中自动显示出相关的HTML标记，如果用户对HTML比较了解的话，还可以直接在该栏中修改HTML标记。 6工作区 工作区位于标记栏的下方，它是管理站点、编辑网页的主要场所。用户在视图栏中选择不同的视图模式，则可以使用不同的工作方式。例如，

3、在网页编辑中，选择“设计”视图模式，可以在工作区中直接输入文本或插入对象；而选择“代码”视图模式，则在工作区中只能进行HTML代码的编写。 7状态栏 状态栏位于窗口的最底端。用于显示FrontPage 2003当前所处的各种状态。用户在单击工具栏中的工具按钮或者打开菜单，并将鼠标指针指向其中的命令时，状态栏中将给出该工具按钮或者菜单命令的功能说明，有时还能够指导用户下一步应该进行的操作。,6.2 制作网页,6.2.1创建站点,利用中文版FrontPage 2003提供的多种站点模板和向导，可以帮助用户轻松、快速地创建具有个人特色的站点，然后编辑、修改网页，或使用网页模板创建新的网页，最后将创建

4、的站点发布到Internet上。 1使用模板创建站点 模板是一站点现成的框架，利用模板，用户可以完成站点框架的构建，并生成相互链接、包含常规文本的一系列网页，通过对其中的内容和格式加以修改和充实，即可快速地创建一个站点。,6.2.1创建站点,中文版FrontPage 2003为用户提供了以下三种典型的站点模板： 客户支持站点 个人站点 项目站点 下面以创建“个人网站”为例，介绍如何使用模板创建站点。 1)单击“文件”“新建”命令，弹出“新建”任务窗格，在“新建网站”选项区中单击“其他网站模板”超链接。 2)在弹出的“网站模板”对话框的“常规”选项卡中选择“个人网站”模板，并在“选项”选项区中指

5、定新网站的位置。 3)单击“确定”按钮，使用模板创建的个人站点即完成。,6.2.1创建站点,2使用向导创建站点 一个站点由多个向导对话框组成，用户只需在对话框内回答与创建站点有关的一系列问题，就可逐步完成新站点的创建操作。 中文版FrontPage 2003为用户提供了以下三种类型的站点向导： 公司展示向导 利用该向导可以建立公司或企业的站点，用户可以设置新闻、产品、服务、内容目录、意见反馈、搜索表单等内容，从而对公司机构的概况、任务、联系信息等内容进行描述。 讨论网站向导 该向导可以帮助用户建立一个交互式的讨论网站，浏览者可以在讨论组内就某个专题发表个人的看法，也可以查阅、浏览其他人提交的文

6、章。 数据库界面向导 利用该向导创建的站点可连接到数据库，以便对数据库进行查看、更新、添加或删除记录等操作。,6.2.2站点基本操作,1打开站点 对已有站点进行编辑、修改时，首先需要打开站点。 2添加网页 在创建的站点内随时可以添加网页，以充实站点的内容，满足个人的要求。添加网页的方式与当前站点的视图模式有关，在“网页”视图模式下，可使用“向导”或“模板”创建新网页，在“文件夹”视图模式下只能创建空白网页。,6.2.2站点基本操作,3修改站点 站点创建以后，为了使它更符合用户的要求，应该对站点进行修改。主要包括以下几个方面： 对站点重命名 站点的名称是指向站点服务器或文件系统的目录名，站点的名

7、称最好能够与站点的内容相吻合，并且要简洁、客观，这样网络浏览者看到站点的名称时，就能够猜出站点的大致内容，体会出站点设计人员的责任感，有利于增强站点的吸引力。不仅可以对站点使用英文名称，同时也可以使用中文名称。 修改站点的结构 为了使站点的结构更加美观和实用，用户可以对站点的结构进行适当的修改。在“导航”视图模式下用鼠标拖动网页到适当的位置，即可改变站点的结构。,6.2.2站点基本操作,4删除站点 打开准备删除的网站之后，即可对它进行删除操作。这种删除操作具有永久性的特点，已删除的内容很难再恢复，因此用户需慎重对待。 删除一个文件夹或网页文件的操作方法为：选中要删除的文件夹或网页文件，单击“编

8、辑”菜单中的“删除”命令，弹出“确认删除”对话框，单击“是”按钮即可删除所选文件夹或网页文件。 若要删除整个站点，可先选中该站点，再单击“编辑”菜单中的“删除”命令，或用鼠标右键单击该站点，在弹出的快捷菜单中选择“删除”选项，然后在弹出的“确认删除”对话框中单击“是”按钮。,6.2.3网页基本操作,1创建网页 在站点中创建新网页有多种方法，最简单的方法是直接单击“常用”工具栏中“新建”按钮旁边的下拉按钮，在弹出的菜单中选择“网页”选项；使用“新建”任务窗格创建网页则有更多的选择。 使用FrontPage 2003提供的模板，可以快速地创建已经具有一定格式的网页。使用向导可以交互式地创建一些具有

9、特殊功能的网页。,6.2.3网页基本操作,2修改网页属性 网页属性是有关网页的参数，包括网页的标题、位置、背景音乐等，它显示了网页的特征，可通过修改网页的属性来满足用户的要求。步骤如下： 1)单击“文件”菜单中的“属性”命令，弹出“网页属性”对话框。 2)在“常规”选项卡的“标题”文本框中输入网页的标题，在“基本位置”文本框中输入网页的基本位置，在“背景音乐”选项区中输入音乐文件的位置及文件名，设置打开该网页时自动循环播放音乐的次数；在“格式”选项卡中设置网页的背景和颜色等项目；在“语言”选项卡中设置网页的语言等项目。 3)设置完成后，单击“确定”按钮，保存所做的设置即可。,6.2.3网页基本

10、操作,3打开网页 创建了一个新的网页后，该网页会自动处于打开状态，对已有网页必须先打开，才能对它编辑、修饰。 打开网页的方法有很多，最简单的方法就是在网站“文件夹”视图中直接双击要打开的网页文件。例如，要编辑主页，只要双击名为indexhtm的文件，就可在FrontPage 2003的编辑窗口中编辑此页面了。 网页文件默认的编辑器是FrontPage 2003，所以双击一个网页文件会自动在FrontPage2003的窗口中打开该网页文件。实际上站点内的图像文件、文本文件、数据库文件等都与特定的编辑器建立着关联，双击这些文件时，会自动在相应的编辑器中打开这些文件。,6.2.3网页基本操作,4预览

11、网页 FrontPage 2003提供了两种预览网页的方式，即“预览”方式和浏览器方式。 在FrontPage 2003的工作窗口中，单击下面的“预览”按钮，则将编辑器窗口转换成浏览器窗口，将显示实际浏览效果。 用户也可以用浏览器预览正在编辑的网页。单击“文件”菜单中的“在浏览器中预览”命令，弹出“在浏览器中预览”子菜单，用户在其中选择合适的浏览器即可。 5保存网页 FrontPage 2003可以把网页直接保存在本地磁盘或局域网中的某个位置，也可以保存到FTP站点或是一个使用HTTP协议的Web文件夹中，还可以把网页保存为模板或预先处理的HTML文件。,6.3 框架和组件,6.3.1创建框架

12、网页,框架是网页中一种非常实用的工具，它可以将浏览器窗口分割成几个不同的小窗口，各个窗口包含不同的网页，并且在替换窗口中的网页文件时不会影响其他窗口中的网页。 每个框架不仅可以显示不同的网页，而且都是独立的、可以滚动的网页，都有自己的名称，还可以在同一屏幕上的各窗口之间设置超链接。框架网页通常用于目录、文章列表或其他种类的网页上，单击一个框架内的超链接，会在另一个框架内显示相关网页。使用框架网页，可以将许多网页分层次地、有条理地结合在一起，方便客户快速查找所需的内容。,6.3.1创建框架网页,一个框架网页实际是由一个框架集(Frameset)构成的，框架集是由各个框架组成的一个集合。 操作步骤

13、： 1)单击“文件”菜单中的“新建”命令，弹出“新建”任务窗格。 2)在“新建网页”选项区中单击“其他网页模板”超链接。 3)在弹出的“网页模板”对话框中单击“框架网页”选项卡。 4)在“框架网页”列表中选择一种框架。 5)单击“确定”按钮。,6.3.1创建框架网页,在选择了一个框架网页后，用户可以对框架网页中的每个框架进行编辑。创建之初，每个框架都包括两个按钮，即“设置初始网页”按钮和“新建网页”按钮。其中“设置初始网页”按钮用于将所在框架中显示的网页指定为一个已创建的网页，而“新建网页”按钮则为相应框架创建一个新的空白网页。通过上述两个按钮的操作，可以设置框架的链接以及在框架中创建网页。

14、要在新创建的网页中设置当前框架所要显示的网页，可单击“设置初始网页”按钮，打开 “插入超链接”对话框，在该对话框中可以设置框架的目标网页。选定文件后单击“确定”按钮返回网页，选择的网页文件就会出现在框架中。,6.3.2保存框架网页,创建一个框架网页之后，每个框架中的初始页面都要保存为一个htm文件。此外，还需要一个htm文件来记录各框架在网页中的排列方式等总体的结构信息。 操作步骤： 1)单击“常用”工具栏中的“保存”按钮，弹出“另存为”对话框。该对话框的右边包含一个框架网页结构图，如果网页是新建的，框架结构图中表示该框架的部分就会以深色显示，表示当前正在保存的框架网页。 2)在“保存位置”下

15、拉列表框中选择好保存的位置，在“文件名”下拉列表框中输入相应框架的初始网页的文件名。 3)单击“保存”按钮，该框架网页即被保存。,6.3.3设置框架的属性,用户如果要设置框架的属性，可先选中一个框架并在其中单击鼠标右键，在弹出的快捷菜单中选择“框架属性”选项，打开“框架属性”对话框。 在“框架属性”对话框中，用户可进行以下设置： 1修改框架名称 2设置框架的滚动条 3调整框架的大小 4调整框架的边距,6.3.4插入Web组件,中文版FrontPage 2003提供了一个强大的组件功能，能在网页中插入丰富的动态效果，让设计的网页更加生动活泼，例如，在网页中插入滚动字幕、交互式按钮、站点计数器和F

16、1ash动画等。 1插入滚动字幕 操作步骤： 1)打开要插入字幕的网页。 2)单击“插入”菜单中的“Web组件”命令，弹出“插入Web组件”对话框，在“组件类型”列表框中选择“动态效果”选项，在“选择一种效果”列表中选择“字幕”选项。 3)单击“完成”按钮，弹出“字幕属性”对话框，用户可以在其中设置相关的属性。 4)单击“确定”按钮，,6.3.4插入Web组件,2插入交互式按钮 在网页中插入交互式按钮，对按钮建立超链接，并且在按钮位置插入背景音乐和设置其他效果，可以丰富网页的内容。 操作步骤： 1)将光标定位于要插入按钮的位置。 2)单击“插入”菜单中的“交互式按钮”命令，弹出“交互式按钮”对

17、话框。 3)在默认的“按钮”选项卡中，在“按钮”列表框中选择其中的一个选项，并在“文本”文本框中输入文字，在“链接”文本框中输入链接到的网页的地址，用户也可以单击“链接”文本框右边的“浏览”按钮，在弹出的“编辑超链接”对话框中选择相应的网页地址。,6.3.4插入Web组件,4)在“交互式按钮”对话框中单击“字体”选项卡，在其中将“字体”设置字体、字形和字号等。 5) 用户还可以根据需要设置其他的选项。 6)设置完成后，单击“确定”按钮。 7)切换到“预览”视图，将鼠标指针置于创建的按钮上，会发现在按钮上的字体颜色发生了变化，而单击时字体颜色也发生了变化，单击该按钮将链接到相应的网页。 用户如果

18、对插入的按钮不满意，也可用鼠标右键单击该按钮，在弹出的快捷菜单中选择“按钮属性”选项，打开 “交互式按钮”对话框，在其中修改相应的属性即可。,6.3.4插入Web组件,3插入站点计数器 为了了解站点的访问情况，用户可在网页中使用站点计数器来记录被访问的次数。 操作步骤： 1)将光标定位于要插入站点计数器的位置。 2)单击“插入”“Web组件”命令，打开“插入Web组件”对话框，在“组件类型”列表框中选择“计数器”选项，在“选择计数器样式”列表框中选择一种样式。 3)单击“完成”按钮，弹出“计数器属性”对话框。用户在其中可以设定计数器的样式，还可以选中“自定义图片”单选按钮，在其右方的文本框中输

19、入背景图片所在的具体路径和名称。 4)用户还可以通过“计数器重置为”复选框来设定每次计数器重置时起始的数字；而“设定数字位数”复选框可以让用户设定计数器所要显示的数字位数。 5)设置完成后，单击“确定”按钮即可。,6.3.4插入Web组件,4插入Flash影片 运用中文版FrontPage 2003制作网页时，若能插入一些Flash影片，则效果将更加丰富多彩。 操作步骤： 1)将光标定位于要插入Flash影片的位置。 2)单击“插入”“图片”“Flash影片”命令，弹出“选择文件”对话框在其中选择一部合适的Flash影片。 3)单击“插入”按钮，将Flash影片插入到网页中。 4)单击视图栏中

20、的“预览”按钮，切换到“预览”视图，则插入的Flash影片会自播放。 用户若对默认的Flash影片的属性不满意，可双击插入的Flash影片，在弹出的 “Flash影片属性”对话框中进行相应的设置。,6.3.4插入Web组件,5插入Java小程序 Java是一种网络编程语言，具有平台独立性、面向对象、多线程、安全性等优点，特别是它跟Internet的成功结合，使之迅速成为当今世界上最热门的编程语言。 操作步骤： 1)准备好相应的Java小程序。 2) 将光标定位于要插入Java小程序的位置。 3) 单击“插入”菜单中的“Web组件”，在弹出的“插入Web组件”对话框的“组件类型”列表框中选择“高

21、级控件”选项，在“选择一个控件”列表框中选择“Java小程序”选项。 4)单击“完成”按钮，弹出“Java小程序属性”对话框，在其中可以对相应选项进行设置。 5)全部设置完成后，单击“确定”按钮即可。,6.4 创建超链接,6.4.1超链接概述,超链接通常是从一个网页到另一个目标网页或本页中不同位置之间的连接，但随着Internet功能的不断扩充和完善，现在，超链接的目标也可以是一幅图片、电子邮件地址、文件(如多媒体文件或Office文档)，甚至可以是一个应用程序。从载体上看，超链接的载体可以是文本，也可以是图片或图片中的某一位置。 当用户单击网页中的超链接后，目标网页就会在Web浏览器中预定的

22、位置显示出来。 在链接后面起作用的是HTML代码，它为Web浏览器提供一个URL，这个URL则被用作Web上的目标地址。,6.4.1超链接概述,下图所示是一个URL的具体示例，在该示例中的URL包含了协议、Web服务器、路径和文件名4部分。超链接是包含完整目标地址的绝对超链接，如果用户设计的超链接目标位于本站点内，还可以使用相对超链接。在创建相对超链接时，除了文件名不能省略外，前边3部分都可以省略。 在FrontPage 2003中创建到文件系统或Web目标的超链接时，用户不必知道这个目标URL，只需用浏览器打开这个网页或文件，FrontPage就会自动创建有效的超链接。,6.4.2创建和编辑

23、超链接,在创建超链接之前，用户应首先确定超链接的载体和超链接的目标。 作为超链接载体的对象既可以是文本，也可以是图像或图像中的一个特殊区域(通常称为热点)。 超链接的目标也可以是文件、网页、网页内部位置即书签以及电子邮件地址。 超链接的目标不同，则创建的方法也有所区别。,6.4.2创建和编辑超链接,1链接到其他网页 用户在创建站点时，不可能在一个网页中包含所有希望在站点中发布的消息，通常，站点中包含了存储不同信息的各种网页，甚至会包含具有不同功能的子站点。为了使漫游者能够全面浏览站点中的信息，用户必须创建一个完整的链接网络，例如，站点首页中包含到各子站点首页的超链接，在一些子网页中插入到首页的

24、链接。一般情况下，创建本站点中网页的超链接时要使用相对超链接，而在站点之外的友情链接，则往往需要绝对超链接。,6.4.2创建和编辑超链接,2链接到文件 能够从Internet上下载文件是促使Web更加流行的原因之一，许多软硬件生产商现在都通过Web进行一些技术支持。 如果用户要插入一个到文件的链接，可先选定要作为超链接载体的文本或图片，然后单击“常用”工具栏的“插入超链接”按钮，打开 “插入超链接”对话框。用户可单击其中的“浏览文件”按钮 ，打开 “链接到文件”对话框，选定相应的文件夹和文件，单击“确定”按钮，返回“插入超链接”对话框，在该对话框的“地址”文本框中就可以看到刚才选定的文件名了，

25、最后单击“确定”按钮返回。 在创建到文件的超链接后，只需要单击这个链接，浏览器就会自动识别此文件的格式。,6.4.2创建和编辑超链接,3链接到电子邮件地址 如果用户要插入一个到电子邮件地址的超链接，可先选定要作为电子邮件地址的文本或图片，然后单击“常用”工具栏中的“插入超链接”按钮，打开 “插入超链接”对话框，单击其中的“电子邮件地址”按钮，打开 “编辑超链接”对话框。在该对话框中的“电子邮件地址”文本栏中输入相应的电子邮件地址，如 “”。 FrontPage 2003会自动在地址前添加电子邮件协议“mailto：”以说明后面的字符是电子邮件地址。 最后，单击“确定”按钮返回即可。,6.4.2

26、创建和编辑超链接,4链接到书签 在一些类似术语表的特殊网页中，通常在网页的顶部有一个目录或索引，单击目录的名称就可以将网页滚动到相应的位置，在此位置通常还有一个名为“返回”的超链接，单击它便又回到目录的位置。链接到书签指的就是此类链接。通过到书签的超链接或直接定位当前网页或其他目标网页中的某一特定的位置。 要创建到书签的超链接，必须首先在目标网页中插入有书签。可先选定要插入书签的文本，然后选择“插入”菜单中的“书签”命令，在“书签名称”文本框中输入书签名，单击“确定”按钮返回即可。 设定好书签后，用户就可以创建到书签的超链接了。先选定要作为超链接载体的文本或图片，然后单击“常用”工具栏的“插入

27、超链接”按钮，打开 “插入超链接”对话框，单击其中的“本文档中的位置”按钮，在右边的列表栏中选择一个设定好的书签，最后单击“确定”按钮返回即可。,6.4.2创建和编辑超链接,5编辑超链接 一个超链接主要有载体和链接目标两种属性。因此，对超链接的编辑、修改、删除、取消等操作都是针对这两种属性进行的。 如果要修改超链接的目标，用户可将光标移到文本载体的内部或是单击选定图片，然后单击“常用”工具栏中的“插入超链接”按钮，即可打开与“创建超链接”对话框类似的“编辑超链接”对话框，用户可以利用创建超链接时的方法更改超链接的目标。 如果要删除包括载体和目标的超链接，可选定超链接载体，然后单击“常用”工具栏

28、中的“剪切”按钮或按Del键即可。,6.4.2创建和编辑超链接,6设置超链接的样式 默认情况下，在创建文本超链接之后，超链接显示为蓝色带下划线的文本。当使用超链接在页面间跳转时，超链接的样式会根据当前状态改变。通常，在单击超链接后，该超链接文本即变成褐色，如果超链接仍显示在目标网页中的话，则显示为红色。用户可根据实际情况对超链接的不同显示颜色进行控制。 如果要更改超链接的颜色，用户可在“设计”视图中右击页面，选择快捷菜单中的“网页属性”命令，打开“网页属性”对话框，单击上方的“格式”标签，打开“格式”选项卡，可在该选项卡中的“颜色”选项组中选择超链接的不同显示颜色。,6.4.2创建和编辑超链接

29、,6设置超链接的样式 默认情况下，在创建文本超链接之后，超链接显示为蓝色带下划线的文本。当使用超链接在页面间跳转时，超链接的样式会根据当前状态改变。通常，在单击超链接后，该超链接文本即变成褐色，如果超链接仍显示在目标网页中的话，则显示为红色。用户可根据实际情况对超链接的不同显示颜色进行控制。 如果要更改超链接的颜色，用户可在“设计”视图中右击页面，选择快捷菜单中的“网页属性”命令，打开“网页属性”对话框，单击上方的“格式”标签，打开“格式”选项卡，可在该选项卡中的“颜色”选项组中选择超链接的不同显示颜色。,6.5 插入其它对象,图像在网页中具有提供信息、展示作品、装饰网页、表现个人情调和风格的

30、作用。因此，本节将重点介绍有关图像方面的操作，如插入图像、设置图像和编辑图像等。 网页图像的类型主要有两种：一是动态图像，二是静态图像。动态图像的格式可以是动态GIF图像或视频文件，静态图像的格式有JPEG、GIF、PNG三种。 GIF(图像转换格式)格式的图像最多只能有256种颜色，这种格式最适用于少量颜色的高反差的图像，如商标或卡通，Web中大多数背景图像都是GIF格式的。 JPEG(联合图像专家组)格式的图片中可以容纳上百万种颜色，适用于颜色变化较大的图像，如照片。 PNG(可移植网络图像)格式是一种新的可移植网络图像格式。是目前最适合于网上使用的一种图像格式。许多新的浏览器都支持PNG

31、格式。,1插入图像 由于图像文件的原始位置与类型不同，因此将其插入到网页中的方法也不相同。一般情况下，建议用户先将设计网页中所要用到的图像文件引入到站点中某个特定的目录下(如images)，然后再插入到网页中，也可以从图像文件的原始位置直接插入。 如果用户已经拥有一个图像文件，或者在浏览Web页时发现了自己喜爱的图片，就可以将此图像插入到自己的Web页面中。在Web页面中插入图片时，图像格式必须为GIF、JPEG、BMP、TIFF、TGA、RAS、EPS、PCX、PNG、PCD或WMF。在保存带有图片的网页时，FrontPage会提示是否将此图片保存到站点中。如果图片格式不是GIF或JPEG，

32、则低于256色的图像被转换为GIF格式，其他所有图片都被转换为JPEG格式。,2插入音频 在网站空间和网络速度条件允许的情况下，在网页中插入一些与主题相匹配的背景音乐更能使浏览者流连忘返。 在中文版FrontPage 2003中，可插入的音频文件有AU、AIFF、WAVE、MIDI文件格式。 a.在网页中插入背景音乐 在中文版FrontPage 2003中，用户可以为自己创建的网页插入背景音乐，使得浏览器打开该网页时就能自动播放该音乐。在添加背景音乐之前，用户可先录制好音乐，然后以上面介绍的几种文件格式将其保存在文件系统中。,操作步骤： 1)打开需要添加背景音乐的网页。 2)在网页中单击鼠标右

33、键，在弹出的快捷菜单中选择“网页属性”选项，打开“网页属性”对话框。 3)在默认的“常规”选项卡中，在“背景音乐”选项区的“位置”文本框中输入背景音乐所在的具体路径和名称，也可以单击“浏览”按钮来选择背景音乐。 4)选定背景音乐后，在“循环次数”数值框中设置背景音乐播放的次数，也可以选中“不限次数”复选框，让背景音乐一直播放下去。 5)设置完成后，单击“确定”按钮即可将音乐作为背景添加到网页中。,b.在网页中插入音频插件 “插件”指的是为了内联显示或播放这些文件而安装或插入到网页中的应用程序。只要有播放各种类型文件的插件，用户就可以将浏览器的功能扩展到几乎任意类型的文件。 作为背景音乐插入到W

34、eb网页中的音频文件有很多局限性。如果要在网页中插入音频信息，可以采用插件的方式插入。 操作步骤： 1)打开需要添加插入音频插件的网页。 2)单击“插入”“Web组件”命令，打开“插入Web组件”对话框，在“组件类型”列表框中选择“高级控件”选项，然后在右边的“选择一种控件”列表中选择“插件”选项。 3)单击“完成”按钮，弹出“插件属性”对话框。 4)设置好以上选项后，单击“确定”按钮即可将音频插件插入到网页中。,3插入视频 在网页中经常使用的视频文件格式有以下两种： AVl文件它能够在安装Windows操作系统的计算机里播放，它的名称来源于该文件的扩展名(AVI)。Apple用户也可以从浏览

35、器中下载，并免费使用软件播放，因此，AVI格式的视频文件在网页中应用非常普遍。 MOV文件它是Apple公司推出的视频文件格式，与之配套的播放软件是QuickTime。免费获得这种播放软件之后，在安装Windows操作系统的计算机中也能够播放视频文件。MOV文件的扩展名是MOV或QT。,在中文版FrontPage 2003中可以很容易地在创建的网页中插入动态的视频信息。用户可以设定当浏览者打开网页或将鼠标指针移至视频处时自动播放该视频文件。另外，通过设置所插入的视频的属性，用户也可以控制视频播放的次数。 操作步骤： 1)打开需要添加插入视频文件的网页。 2)单击“插入”“图片”“视频”命令，打

36、开“视频”对话框，在其中选择要插入的视频文件。单击“打开”按钮，即可将视频文件插入到网页文件中。 3)单击视图栏中的“预览”按钮，切换到“预览”视图，起初看到的文件不是播放的文件，只有当鼠标指针移到该视频文件上时才会自动播放。,6.6 表单,6.6.1表单域类型,FrontPage 2003提供的表单域主要有以下几种类型： 文本框：文本框在表单网页中可以接收诸如姓名、地址、电话号码等类似的内容较少的信息。因该文本框的最大输入区域不超过一行，当输入的文本内容超过该宽度时文本可以在框中左右移动。 文本区：文本区在表单网贞中可以接受多行文本，特别是当让漫游者发表意见和建议时用滚动文本框可以让用户尽情

37、发表见解。当输入的文本内容较多时，可以通过拖动文本框右侧的上下滚动条调整框中的文本显示。 复选框：复选框是指在表单网页中预先定义好的若干项目，可以让漫游者从中选择多个项目。,6.6.1表单域类型,选项按钮：选项按钮在正常情况下只有一个按钮是按下的。在表单网页中单选按钮可以从列出的项目中选择其中的一项，比如要选择一个人的性别，即可在男、女两个单选按钮中选择其一。 下拉框：之所以这样命名，是因为在单击该表单域时一列选项就“下拉”出来了。 下拉菜单功能上与单选按钮类似，它们都可以让漫游者从一组预先定义好的选项中进行选择。它与单选按钮的不同之处在于下拉菜单只在漫游者单击该表单域右侧的向下三角时打开选项

38、，节省了表单网页的空间。,6.6.1表单域类型,高级按钮：高级按钮中的按钮包括3种类型：提交按钮、重置按钮、高级按钮。 提交按钮主要用于在完成表单操作时单击此按钮将表单结果传输到服务器，由表单结果处理器进行相应的处理。重置按钮可以在漫游者输入错误时，单击该按钮清除表单输入内容重新输入表单内容。高级按钮可以让用户自己定义单击该按钮时的动作。 图片：在表单中可以插入一个图片来代替提交按钮。 标签：准确地说，标签不是一个独立的表单域，它是表单域的说明信息。此外，用户还可以在表单中加入文件上载、分组框等表单域，由于它们平常很少会被使用到，在这儿就不做介绍了。,6.6.2加入文本框,文本框是最常用的表单

39、域，可以接受漫游者输入的多种信息。如果要把一个文本框加入到当前网页中，用户可先将光标定位到要插入的位置，然后选择“插入”“表单”“文本框”命令即可加入。 如果用户对插入的文本框有特殊要求，还可以修改该表单域的属性。将光标移到文本框中并右击，在快捷菜单中选择“表单域属性”命令，打开 “文本框属性”对话框。,6.6.3加入文本区,文本区与文本框类似，只是文本区可以接受多行文本，它对于那些需要输入成段文本的漫游者来说是比较理想的选择。如果用户要加入文本区，可先将光标定位到要插入文本区的位置，然后选择“插入”“表单”“文本区”命令，即可在网页中加入一个空白的文本区。 同文本框一样，用户也可以修改文本区

40、的属性，只需选中文本区并且右击，在快捷菜单中选择“表单域属性”命令，即可打开 “文本区属性”对话框。,6.6.4加入复选框,复选框提供了多个互相不排斥的选项，让漫游者从中选择若干个选项。每选中一项，在复选框中加入一个“”符号。如果用户要在网页中加入复选框，可先将光标定位到要插入复选框的位置，然后选择“插入”“表单”“复选框”命令，即可在网页中加入一个复选框。 同前两个表单域一样，选中复选框并且右击，在快捷菜单中选择“表单域属性”命令即可打开 “复选框属性”对话框。,6.6.5加入选项按钮,选项按钮是提供给漫游者通过从多个按钮中选择其中一个的表单域。选项按钮通常以列表的形式出现，其中只有一个按钮

41、能被选中，当重新选中另外一个按钮时先前被选中的按钮将取消选中状态。一组单选按钮使用同一个组名，一次只能选择组中的一个按钮。 如果要在网页中加入选项按钮，可先将光标定位到要插入选项按钮的位置，然后选择“插入”“表单”“选项按钮”命令，即可在网页中加入一个选项按钮。 同前几个表单域的操作一样，用户可打开 “选项按钮属性”对话框来编辑选项按钮。,6.6.6加入下拉框,下拉框可以允许一个或多个选项被选择。当一个下拉框被漫游者提交时，该下拉框的名称和所选中的选项被作为一个“名称-数值”组传送到服务器。 如果用户要在网页中加入下拉框，可先将光标定位到要插入下拉框的位置，然后选择“插入”“表单”“下拉框”命

42、令，即可在网页中加入一个下拉框。,6.6.7加入高级按钮与图像,如前所述，按钮包括“普通”按钮、“提交”按钮和“重置”按钮，其中“提交”按钮与“重置”按钮是一个完整表单应该具备的按钮。漫游者完成表单操作时，可以选择“提交”按钮将表单结果送交服务器处理。选择“重置”按钮可以将表单内容恢复到初始状态。 一般在向网页中插入第一个表单域的同时，系统就自动在网页中添加了“提交”按钮和“重置”按钮。用户可以按Del键删除选中的按钮，也可以对插入按钮的名称、标签等属性进行修改。,6.6.7加入高级按钮与图像,1修改“提交”按钮和“重置”按钮的属性 用户无论加入哪一个表单域，FrontPage 2003都会自

43、动为用户添加“提交”按钮和“重置”按钮。用户可打开 “按钮属性”对话框修改按钮的属性。 2修改“高级按钮”的属性 高级按钮与“普通”按钮的不同之处在于用户可以修改它的按钮大小。用户可先将光标定位到要插入高级按钮的位置，然后选择“插入”“表单”“高级按钮”命令，即可在网页中加入一个高级按钮。,6.6.7加入高级按钮与图像,3加入图片表单域 通过选择“插入”“表单”“图片”命令，用户可以在“图片”对话框中选择一幅图片来代替单调的“提交”按钮，这个图片称为图片表单域。图片表单域可以取代“提交”按钮的全部作用。,6.6.8为表单添加隐藏域,表单的隐藏域在网页中对漫游者是不可见的，也不能让漫游者修改，只

44、在提交表单时随其他表单输入内容传送到服务器。表单隐藏域可以向表单处理器传递表单的作用、作者、创建时间等信息。 如果用户要添加一个隐藏域，可右击已经加入表单域的网页，在快捷菜单中选择“表单属性”命令，打开 “表单属性”对话框，再单击其中的“高级”按钮，打开 “高级表单属性”对话框。 在该对话框中，用户可单击“添加”按钮，打开 “名称/值对”对话框在其中输入要隐藏的表单域的名称和值，单击“确定”按钮即可添加一个隐藏的表单域。重复以上步骤即可添加多个隐藏的表单域。,6.6.9保存表单结果,1将表单结果保存到文件 在默认情况下，表单处理程序将表单结果以文件形式保存于站点中。当漫游者再次提交表单时，Fr

45、ontPage 2003就将新的表单结果添加到这个文件中。在漫游者提交表单后，系统会根据情况在浏览器窗口中展示一个确认网页(成功提交时)或一个失败网页(出现有效性错误时)。当出现失败网页时，漫游者必须返回到表单重新修改表单输入的内容。 如果用户要将表单结果保存到文件，可在表单网页内右击，选择快捷菜单中的“表单属性”命令，打开 “表单属性”对话框。在该对话框中用户可看到默认的表单结果发送的目的地为当前站点下的一个文本文件，其位置和文件名出现在“文件名称”文本框中，用户可在该文本框中修改文件的位置和文件名。,6.6.9保存表单结果,2将表单结果发送到电子信箱 用户可以设置将漫游者提交的表单结果作为

46、电子邮件传递到的一个电子信箱中。该设置同样在“表单属性”对话框中进行，其中也可以事先设置邮件的文件类型、邮件的主题等信息。 如果用户要将表单结果发送到电子信箱，可按前面所述打开“表单属性”对话框，在“电子邮件地址”文本框中输入要接收表单结果的电子邮件地址，单击“确定”按钮即可。,6.7 发布站点,6.7.1检查超链接,在站点发布之前，检查站点中所有文件的链接是否有效是一项至关重要的工作。虽然在文件移动时FrontPage 2003会自动校正链接，但也难免会在编辑网页时造成一些人为的失误。 要检查站点中的超链接，可选择“工具”“重新计算超链接”命令，打开“重新计算超链接”对话框，该对话框用于说明

47、相应的操作，单击“确定”按钮即可对当前站点的链接状态进行验证，它的结果将反映在站点的“报表”视图内。 在该视图中，用户可以看到链接的状态、原有链接目标的URL、链接源所在的网页、网页标题、目标网页等信息。如果“报表”视图中不是超链接情况，用户可选择“视图”“报表”“问题”“超链接”命令，以使“报表”视图中显示超链接情况。,6.7.1检查超链接,双击“超链接”下拉列表框中的一个超链接后，用户即可对断开的链接进行修改，此时将打开 “编辑超链接”对话框。修复断开的链接有两种方法：修改链接源与更换链接目标。准备修改链接源时，可单击“编辑网页”按钮，打开链接源所在的网页，删除已经断开的链接源，或者为链接

48、源更换另一个链接目标。 更换链接目标时，用户可在“将超链接替换为”文本框内直接输入新链接目标的URL，也可以单击“浏览”按钮查找、定位链接目标的URL。选中“对所有网页进行更改”复选框时，对链接目标的更改将对站点内所有的网页生效，而打开链接源所在的网页时，只能更改所选网页的链接目标，这与选中“对所选网页进行更改”复选框的效果是一致的。 完成链接目标的修改之后，用户可单击“替换”按钮以使已经进行的修改生效。再次切换至站点的“报表”视图方式时，用户就可以看到断开的链接已经修正了。,6.7.2设置文件的发布状态,在发布站点时，用户可以根据情况设置文件的发布状态。该状态决定了站点中的相应文件是否发布。

49、创建的新站点在发布时对包含的文件一般应全部发送。若是对已发布站点的维护更新，只要把修改过的文件发布就可以了，一般没有必要把所有文件都重新上传，这样可以节约时间、避免长时间占用线路的开销。 用户可以通过“报表”视图显示一个站点上的所有文件的发布状态。该状态通过文件是否标识来决定其是否发布。在该视图中查看文件发布状态的刚时，用户也可以更改各文件的发布状态。 如果用户要设置文件的发布状态，可先打开要发布的站点，然后单击视图栏中的“报表”按钮进入“报表”视图，选择“视图”“报表”“工作流”“发布状态”命令，即可显示当前站点的“发布状态”报表。 如果用户希望不发布站点中某个文件，可选中“发布状态”列表框

50、的一个文件并且右击，在弹出的快捷菜单中选择“不发布”命令，即可不发布该文件。,6.7.3使用文件系统发布站点,如果用户在Internet上没有属于自己的空间来发布站点，那么可以先使用自身计算机中的文件系统来发布站点。 如果用户要使用文件系统发布站点，可先打开要发布的站点，然后选择“文件”菜单的“发布网站”命令，打开 “远程网站属性”对话框。 在此对话框中，用户可选择“远程Web服务器类型”选项组中的“文件系统”单选按钮，然后在下方的“远程网站位置”文本框中输入一个本地计算机中的具体路径作为远程网站，也可单击“浏览”按钮选择一个路径。最后，单击“确定”按钮，FrontPage 2003会提示用户是否建立站点，再单击“确定”按钮即可。此时，FrontPage 2003会自动转到“远程网站”视图。 在此视图中，用户可单击“发布网站”按钮，要发布站点中的所有文件和文件夹就会自动复制到远程网站中。,