1、第8章 FrontPage 2000的使用,8.1 网页及网页制作工具简介 8.2 FrontPage 2000概述 8.3 FrontPage 2000基本操作 8.4 网页布局及超媒体在网页中的应用 8.5 FrontPage 2000的高级操作,8.1 网页及网页制作工具简介,通过浏览器在因特网上所看到的每一个页面都是一个网页（Web Page），网页是全球广域网上最基本的文档，是使用HTML语言编写而成的。网页中所包含的元素主要有文字、图片、声音、动画、影像以及链接等，通过这些元素的有机组合，就形成了包含各种信息的网页。其中，文字是网页中最常用的元素；图片可以给人以生动直观的视觉印象，
2、适当运用图片，可以美化网页；链接的合理设计，可以使用户进行选择性的浏览；随着动态HTML技术的发展，人们在网页中加入声音、动画等多媒体信息，使网页更加丰富多彩。,返回,8.2 FrontPage 2000概述,FrontPage 2000是微软办公系列组件之一，由于其界面与使用和前面章节里介绍的Word 2000有着很多相似之处，因此学习起来比较容易，并且FrontPage 2000提供了组件、动态效果以及表单等诸多为网页交互性服务的功能，利用FrontPage 2000也可以制作出相对专业的网页。,返回,8.3 FrontPage 2000基本操作,8.3.1 FrontPage 2000的
3、启动 8.3.2 FrontPage 2000界面认识 8.3.3 如何创建一个简单的网页 8.3.4 创建一个站点,下一页,8.3.1 FrontPage 2000的启动,（1）选择“开始”“程序”“Microsoft FrontPage”命令，打开FrontPage 2000的应用程序窗口，默认创建一个文件名为“new_page_1.htm”的新网页文件，如图8-1所示。 （2）选中一个HTML文件后单击鼠标右键，从快捷菜单中选择“编辑”命令也可以启动FrontPage 2000。 （3）浏览网页时，单击IE浏览器工具栏上的按钮也可以启动该程序。,下一页,上一页,8.3.3 如何创建一个简
4、单的网页,1. 创建新网页 选择“文件”菜单的“新建”“新建网页”命令，在“新建”对话框里，可以看到FrontPage 2000提供的许多网页模板，如图8-3所示。 2. 网页的简单修饰 （1）水平线在网页中的使用，如图8-4所示。 （2）网页背景的使用。 选择快捷菜单中的“网页属性”命令，弹出如图8-5所示的对话框。在网页视图模式下，右键单击网页，然后选择快捷菜单中的“网页属性”命令。在弹出的对话框中选择“背景”选项卡，如图8-6所示。,下一页,上一页,8.3.3 如何创建一个简单的网页,（3）字幕的使用。字幕可以显示滚动的文本消息以增加网页的动态效果，其方法是： 在网页视图模式下，在要修改
5、的字幕上单击鼠标右键，然后选择“字幕属性”命令，弹出如图8-7所示的“字幕属性”对话框。 3. 网页的保存 选择“文件”菜单的“保存文件”命令，弹出如图8-8所示的对话框。,下一页,上一页,8.3.4 创建一个站点,（1）打开“文件”菜单，选择“新建”子菜单，在子菜单中选择“站点”命令，弹出 “新建”对话框，如图8-9所示。 （2）在对话框的“指定新站点的位置”下拉列表框中选择新站点的存放位置。 （3）单击“确定”按钮。 （4）在保存站点时，插入到网页中的一些图片文件往往要求保存到站点的images文件夹中，单击“确定”按钮即可。,上一页,返回,8.4 网页布局及超媒体在网页中的应用,8.4.
6、1 网页布局 8.4.2 表格在网页中的使用 8.4.3 图片在网页中的使用 8.4.4 音频在网页中的使用 8.4.5 视频在网页中的使用 8.4.6 超链接及书签的使用,下一页,8.4.1 网页布局,1. 表格布局 2. 框架布局 3. 层叠样式表布局,下一页,上一页,8.4.2 表格在网页中的使用,（1）将插入点切入到要插入表格的位置。 （2）选择“表格”“插入”“表格”命令，弹出如图8-10所示的对话框。 （3）分别对行数、列数、宽度以及边框粗细进行设置。 （4）选择“表格”菜单的“属性”命令，单击级联菜单中的“单元格”命令，弹出如图8-11所示的对话框。,下一页,上一页,8.4.3
7、图片在网页中的使用,（1）在网页视图模式下，将插入点放置到要插入图片的位置。 （2）选择“插入”“图片”“来自文件”命令。 （3）从本地文件系统浏览想要的图片并且选择该文件。用户可以在“文件类型”下拉列表框中指定要查看的文件类型，如图8-12所示。 （4）选中插入的图片并单击鼠标右键，在快捷菜单中选择“图片属性”命令，弹出如图8-13所示的对话框。,下一页,上一页,8.4.4 音频在网页中的使用,（1）单击“插入”菜单，指向“高级”选项，选择级联菜单中的“插件”命令，弹出如图8-14所示的对话框。 （2）单击“浏览”按钮，选中想要插入的声音文件（一般以mp3格式文件居多）。 （3）单击“确定”
8、按钮即可。,下一页,上一页,8.4.5 视频在网页中的使用,（1）单击“插入”菜单，指向“图片”选项，选择级联菜单中的“视频”命令，弹出如图8-15所示的对话框。 （2）单击“查找范围”下拉列表框右侧的下拉按钮，选中想要的视频文件。 （3）单击“确定”按钮即可。,下一页,上一页,8.4.6 超链接及书签的使用,1. 创建超链接 （1）在网页中选中要建立超链接的文本或图片，右键单击该对象，在弹出的快捷菜单中选择“超链接”命令，弹出如图8-16所示的对话框。 （2）在“URL”下拉列表框中可以输入一个网址来指定链接的目的地。 （3）右侧还有几个不同的按钮用来指定不同的目的地。,下一页,上一页,8.
9、4.6 超链接及书签的使用,2. 制作书签 （1）在网页视图模式下，将插入点定位在想要创建书签的地方，或者选择想要指定书签的文本。 图8-17 插入书签 （2）单击“插入”菜单，选择级联菜单中的“书签”命令，如图8-17所示。 （3）在“书签名称”文本框中输入书签的名称，如图8-18所示，设为“图片1”（如果不填任何文字也可以）。 3. 制作图形热点链接 （1）在网页视图模式下，单击图片。 （2）在“图片”工具栏（如图8-19所示）中，单击“热点”按钮匹配想要的形状 （3）在图形上，依据所选形状画上矩形、圆形或多边形。,上一页,返回,8.5 FrontPage 2000的高级操作,8.5.1
10、站点的发布与管理 8.5.2 表单的应用与示例,下一页,8.5.1 站点的发布与管理,（1）打开“控制面板”窗口，双击“管理工具”图标，然后再双击“Internet信息服务”图标，打开“Internet信息服务”窗口，如图8-21所示，在“默认Web站点”上右键单击并选择“新建”“虚拟目录”命令。 （2）按照“虚拟目录创建向导”提示，依次单击“下一步”按钮，在“虚拟目录别名”对话框中输入personal（任意输入），单击“下一步”按钮，在“Web站点内容目录”对话框中，输入包含站点内容的目录路径，或者通过浏览按钮找到该文件夹，如图8-22 所示。,下一页,上一页,8.5.1 站点的发布与管理,
11、（3）切换到IIS设置界面，鼠标指针指向“默认Web站点”，单击鼠标右键，选择“属性”命令，在弹出的对话框中设置Web站点的IP地址，如图8-23所示，具体地址，可单击“IP地址”下拉列表框右侧的下拉按钮，在下拉列表中选择一个IP地址，一般这个IP地址就是本机的IP。然后选择“主目录”选项卡，单击“浏览”按钮，找到保存站点的文件夹，单击“确定”按钮，如图8-24所示。 （4）打开IE浏览器，在地址栏中输入,下一页,上一页,8.5.2 表单的应用与示例,1. 创建表单 （1）将插入点切换到想插入文本框的位置，然后在“插入”菜单中选择“表单”命令，在其子菜单中选择想插入的表单样式（本例选择“单行文
12、本框”）。图8-26 “文本框属性”对话框 （2）当插入好了一个文本框时，若想知道该文本框的确切大小，可在选定文本框后单击鼠标右键，在弹出的快捷菜单中选择“表单域属性”命令，可弹出如图8-26所示的对话框。 （3）单击“验证有效性”按钮，弹出如图8-27所示的“文本框有效性验证”对话框。,下一页,上一页,8.5.2 表单的应用与示例,2. 接受浏览者的信息 （1）在网页的空白处单击鼠标右键，在弹出的快捷菜单中选择“表单属性”命令，弹出“表单属性”对话框，如图8-28所示。 （2）如果需要更详细地设置，可以单击下面的“选项”按钮，弹出如图8-29所示的对话框，这个对话框共有4个选项卡，分别是：“
13、文件结果”、“电子邮件结果”、“确认网页”和“保存的域”。用户可以对这些选项卡进行逐个设置。,下一页,上一页,8.5.2 表单的应用与示例,图8-29中显示的第一个是“文件结果”选项卡，用于对浏览者反馈文件存储的设置。 如图8-30所示显示的是该对话框中的“电子邮件结果”选项卡。如图8-31所示显示的是该对话框中的“确认网页”选项卡，用于提交后的处理。如图8-32所示显示的是该对话框中的“保存的域”选项卡。,返回,上一页,图8-1 FrontPage 2000界面,返回,图8-3 “新建”对话框,返回,图8-4 “水平线属性”对话框,返回,图8-5 “网页属性”对话框,返回,图8-6 “背景”
14、选项卡,返回,图8-7 “字幕属性”对话框,返回,图8-8 网页保存对话框,返回,图8-9 “新建”对话框,返回,图8-10 “插入表格”对话框,返回,图8-11 “单元格属性”对话框,返回,图8-12 “选择文件”对话框,返回,图8-13 “图片属性”对话框,返回,图8-14 “插件属性”对话框,返回,图8-15 “选择文件”对话框,返回,图8-16 “创建超链接”对话框,返回,图8-17 插入书签对话框,返回,图8-18 “书签”对话框,返回,图8-19 “图片”工具栏,返回,图8-21 “Internet信息服务”窗口,返回,图8-22 选择站点文件夹,返回,图8-23 “Web站点”选项卡,返回,图8-24 “主目录”选项卡,返回,图8-26 “文本框属性”对话框,返回,图8-27 验证有效性对话框,返回,图8-28 “表单属性”对话框,返回,图8-29 “文件结果”选项卡,返回,图8-30 “电子邮件结果”选项卡,返回,图8-31 “确认网页”选项卡,返回,图8-32 “保存的域”选项卡,返回,
