FrontPage 2000基本操作PPT

(共131张PPT)
第8章 FrontPage的使用
8.1 FrontPage 2000概述
8.2 建立与编辑网页
8.3 使用表格
8.4 在网中实用多媒体
8.5 使用超链接
8.6 丰富你的网页
8.7 发布网页
退出
8.1 FrontPage 2000概述
8.1.1 FrontPage 2000的启动与退出
1. FrontPage2000的启动
2. 退出FrontPage 2000
8.1.2 FrontPage 2000的屏幕组成
FrontPage 2000启动后的窗口如图8-1所示，下面对窗口的组成部分进行说明。
1. 标题栏
2. 菜单栏
3. 工具栏
显示/隐藏工具栏使用查看|工具栏中相应的菜单命令，如图8-2所示。
FrontPage 2000中的菜单栏、工具栏具有浮动性，也就是说可以把菜单栏、工具栏移动到屏幕上的任意位置。将鼠标指针移动到菜单栏或工具栏的移动控制点上，当鼠标指针变为形状时(图8-3)，拖动鼠标到指定的位置即可。
4. 视图栏
(1) 网页视图
(2) 文件夹视图
在FrontPage 2000中要对文件进行管理，可以使用文件夹视图。文件夹视图的操作与Windows的资源管理器操作是类似的，界面也是类似的(如图8-4所示)。
切换到文件夹视图的另一种方法是选择查看|文件夹列表菜单命令。
(3) 报表视图
顾名思义，报表视图就是对用户工作进行统计后得到的多个报表。切换到报表视图(如图8-5所示)后，显示报表工具栏，从中可以选择要显示的报表。
(4) 导航视图
使用导航视图可以在创建站点时动态地显示和协调各网页之间的层次关系，这可通过使用导航工具栏进行操作(如图8-6所示)。
(5) 超链接视图
我们知道超链接是WWW的核心，网页和站点之间有各种的超级链接，使用超链接视图可以对超级链接进行管理。在该视图下可以显示出站点中格网页之间的链接关系，如图8-7所示。
(6) 任务视图
使用任务视图可以组织管理计划中的各项工作，并根据它逐相加以实施。如图8-8所示。
若要向其中添加任务，右单击编辑区，在弹出的快捷菜单中选择新建任务菜单命令，弹出新建任务对话框(如图8-9所示)。在该对话框的任务名称文本框中输入任务的名称，在分配对象下拉式列表框中选择任务分配的对象，在优先级选项组中选择任务的优先级，在说明列表框中输入对该任务的相关说明。
在任务视图中选中已经建立的任务右单击，弹出快捷菜单，选择相应的菜单命令可以对任务进行编辑、标记为已完成(已完成的任务标记为鲜绿色的圆点，未完成的标记为红色的圆点)、删除等的操作。
5. 编辑区
创建网页的工作区，大部分的编辑工作都是在编辑区进行的。
6. 网页查看方式
视图是用来对站点的开发管理，FrontPage 2000对网页的编辑也提供了几种查看方式，可以加快网页的开发效率。这些查看方式包括普通方式、HTML方式、预览方式，从一种方式到另外一种方式的切换，单击网页查看方式中相应的普通、HTML、浏览标签即可。下面对这些查看方式分别进行说明。
(1) 普通方式
FrontPage 2000启动后的默认方式就是普通方式。对网页的编辑通常在该方式下进行，在这里编辑时是所见即所得，即这里所显示同最终用浏览器浏览时的显示是类似的。
(2) HTML方式
我们知道一个网页实际上就是一个HTML文件。在普通方式编辑网页时，FrontPage 2000根据用户的操作自动生成实际的网页形式，并自动生成合适的HTML文件。网页的HTML方式提供了直接用HTML建立网页的操作方法，只要你对HTML语言熟悉。
(3) 预览方式
在编辑网页时，若要随时查看网页在浏览器中的实际显示效果，可以使用预览方式。我们知道网页的普通方式是所见即所得的，但对网页中的静态部分，普通方式和预览方式的显示是相同的；但网页中的一些特殊效果，如动态HTML等，只有在预览方式下才可以看到这些的特殊效果(如图8-10所示)。
(4) 用浏览器浏览网页
选择文件|在浏览器中预览菜单命令，弹出“在浏览器中预览”对话框，然后单击“预览”按钮 。或单击常用工具栏中的在浏览器中预览按钮，就可以在默认的浏览器中浏览当前的网页(如图8-11所示)。
7. 状态栏
8.2 建立与编辑网页
8.2.1 新建站点
新建站点采用下面的操作过程：
第1步：选择文件|新建|站点菜单命令，这时弹出新建对话框(如图8-12所示)。
第2步：在“指定新站点的位置”下拉式列表框中，输入新站点的位置，或在下拉式列表框选择使用过的站点。
第3步：在新建对话框左侧的列表框中选择要用来创建新站点的模板或向导。
8.2.2 网页的基本操作
1. 新建网页
使用菜单命令新建网页采用下面的操作过程：
第1步：选择文件|新建|网页菜单命令，或按快捷键Ctrl+N。
这时弹出“新建”对话框(如图8-13所示)，单击该对话框的“常规”标签。
第2步：在“新建”对话框的列表框中选择一个合适的网页模板，然后单击“确定”按钮。
图 8-13
2. 保存网页
使用菜单命令保存网页采用下面的操作过程：
第1步：选择文件|保存菜单命令，或按快捷键Ctrl+S。
对于保存过的网页，就将修改过的网页保存到原来的网页中，并结束保存过程。
对于新建的网页，这时弹出“另存为”对话框。
第2步：在另存为对话框中确定网页保存的位置、类型、名字、网页标题等。
第3步：单击“保存”按钮。
网页一般都自动保存为HTML格式，其扩展名为htm或html。
3. 编辑网页
(1) 文本输入
①中英文输入
②插入符号
插入符号采用下面的操作过程：
第1步：将光标移动到需要插入符号的位置。
第2步：选择插入|符号菜单命令，这时弹出“符号”对话框，如图8-14所示。
第3步：在该对话框的列表框中单击要插入的符号，然后单击“插入”按钮即可插入选定的符号。
第4步：若要插入其它的符号，重复第3步的操作。否则“单击”关闭按钮，关闭符号对话框。
③输入回车符
图 8-14
④插入日期和时间
插入日期和时间采用下面的操作过程：
第1步：将光标移动到需要插入日期和时间的位置。
第2步：选择插入|日期和时间菜单命令，这时弹出“日期和时间属性”对话框，如图8-15所示。
第3步：选定日期的显示类型：“该网页上次编辑的日期”或“该网页上次自动更新的日期”。然后选择日期和时间的显示格式。
第4步：单击“确定”按钮，关闭对话框。
(2) 文本编辑
①选定文本
②删除或替换文本
在输入的过程中，按Backspace键可以删除光标所在位置的前一个字符，按Delete键可删除光标所在位置的字符。
若要删除大量的字符，可采用下面的操作过程：
第1步：选定要删除的文本。
第2步：使用下列方法之一，删除选定的文本：
⊙ 选择编辑|删除菜单命令
⊙ 单击常用工具栏中的剪切按钮 。
⊙ 单击鼠标右键，在弹出的快捷菜单中选择剪切菜单命令。
⊙ 按快捷键Ctrl+X。
若要替换文本，直接输入新的文本。
③ 移动或复制文本
移动或复制文本采用下面的操作过程：
第1步：选定需要移动或复制的文本。
第2步：选择编辑|剪切或编辑|复制菜单命令，将选定的内容剪切到剪贴板中。
第3步：将光标移动到要移动或复制文本的位置，然后选择编辑|粘贴菜单命令。
④查找与替换
使用FrontPage 2000提供的查找与替换功能，可以加快文档的编辑速度。FrontPage 2000支持在一个或多个网页内查找或替换，并可根据需要确定是否对英文的大小写进行区分。
查找文本的操作过程如下：
第1步：将光标移动到文本的开始处。
第2步：选择编辑|查找菜单命令或按Ctrl+F快捷键，这时出现“查找”对话框，如图8-16所示。
第3步：在查找内容文本框中输入要查找的文本，并根据需要选择下列选项：
查找位置 是在全部网页中还是在当前网页中查找
方向 是向上查找还是向下查找
选项 对英文来说是否区分大小写、是否全自匹配，是否在HTML中查找
第4步：单击“查找下一个”按钮。
查找到后，若不是你所需要的位置可以单击“查找下一个”按钮继续进行查找。
替换文本是指用一段文本替换文档中你所指定的文本。如将文档中的“计算机”一词替换为“电脑”，可采用下面的操作过程如下：
第1步：将光标移动到文本的开始处。
第2步：选择编辑|替换菜单命令或按Ctrl+H快捷键，这时出现“替换”对话框，与查找对话框类似。
第3步：在“查找内容”文本框中输入要替换的文本，如“计算机”；在替换为文本框中输入替换的文本，如“电脑”；并根据需要选择选项，这与查找文本的选项是相同的。
第4步：选择“查找下一个”按钮。
第5步：当查找到要查找的文本后，选择“替换”按钮可以替换查找到的文本；选择“全部替换”按钮，可以将文档中所有出现的文本都进行替换。
⑤ 撤销与恢复
(3) 格式编辑
设置字符格式可以使用菜单命令，也可以使用格式工具栏中的按钮，格式工具栏中与字符格式有关的按钮如图8-17所示。
①字符大小
② 选择字体
③ 字符颜色
设置字符颜色采用下面的操作过程：
第1步：选定要设置颜色的文本。
第2步：使用下列方法之一改变字符颜色：
单击格式工具栏中颜色按钮 右边的下三角按钮 ，在弹出的颜色列表框中选择一种颜色。
字符的突出显示其效果类似于突出文档、幻灯片效果的荧光笔，也就是给出一种显示底色。设置字符突出显示的操作过程如下：
第1步：选定要设置突出显示的文本。
第2步：单击格式工具栏中突出显示颜色按钮 右边的下三角按钮 ，在弹出的颜色列表框中选择颜色。
这时选定的文本就以指定的底色显示，也就是突出显示。
结合突出显示与字符颜色的功能就可以实现反白显示。设置反白显示的操作过程如下：
第1步：以底色为黑色突出显示文本。
第2步：将字符的颜色设置为白色。
④ 字符效果
对字符的格式设置，不仅可以选择字体、字号，而且可以使用不同的字形：粗体、斜体、下划线，以及删除线、上标、下标等字符效果。
格式工具栏中有三个连续排列的按钮：加粗按钮 、倾斜按钮 、下划线按钮 可用来设置字形。其设置方法为选定文本，然后格式工具栏中的相应按钮就可以了。
字符的其它效果要在“字体”对话框中进行设置，如图8-18所示。
4. 网页编辑
① 设置网页标题
我们在Internet中使用浏览器浏览网页时，一定会注意到浏览器的标题栏上除了浏览器本身的信息外，还有一个与当前网页有关的标题，这个标题就是当前网页的标题。网页标题是该网页内部信息的简洁描述，它不能太长，一定要切中主题。如古城热线的页面标题为“跨越古老，迎接未来，古城热线带您进入网络时代！”(如图8-19所示)
② 添加标题
③ 对齐方式
左对齐
右对齐
居中对齐
两端对齐
④ 缩进
第1步：选定要设置缩进的段落。
第2步：选择格式|段落菜单命令，弹出段落对话框(如图8-23所示)。
第3步：在缩进选项组中的文本之前、文本之后或首行缩进加减器中设置需要的缩进量。
设置的缩进效果在段落对话框的预览框中可以设置的效果。
⑤ 段间距和行间距
8.3 使用表格
8.3.1 表格的基本组成
FrontPage 2000中的表格如图8-24所示。
1. 边框和虚框
2. 结束标记
结束标记在单元格中和行末均有，与虚框一样也是不可打印的字符，只能显示在屏幕上。
3. 单元格间距和边距
4. 表格移动控点和尺寸控点
5. 嵌套表格
8.3.2 创建表格
1. 使用插入表格按钮 创建表格
第1步：将光标放到需要插入表格的位置。
第2步：单击常用工具栏中的插入表格按钮 ，这时出现的示意网格如图8-25所示。
第3步：向下向右拖动鼠标，直到需要的网格行数和列数后松开鼠标。
2. 使用插入表格菜单命令创建表格
第1步：将光标放到需要插入表格的位置。
第2步：选择表格|插入|表格菜单命令，这时出现的插入表格对话框，如图8-26所示。
第3步：在插入表格对话框中设置表格的属性。这些属性包括：
大小 包括表格的行数和列数。
对齐方式 表格在网页上的对齐方式，包括默认、左对齐、右对齐、水平居中、两端对齐等。
边框粗细 表格边框宽度，单位为像素或占Web浏览器窗口的百分比。若不要表格边框，请键入0
单元格边距 指定单元格内内容和内边框之间的距离，单位为像素。单独的单元格不能设置单元格边距。默认单元格边距是1。
单元格间距 指定单元格之间的间距，单位为像素。
3. 嵌套表格
嵌套表格采用下面的操作过程：
第1步：在需要嵌套表格的单元格中单击。
这时就将光标移动到需要嵌套表格的单元格中。
第2步：使用插入表格按钮插入表格。
8.3.3 编辑表格
1. 表格或单元格的选定
2. 修改属性
⑴ 修改表格属性
将光标移动到表格中的一单元格内，选择表格|属性|表格菜单命令，这时弹出“表格属性”对话框(如图8-27所示)。
⑵ 修改单元格属性
将光标移动到表格中要修改属性的单元格内，选择表格|属性|单元格菜单命令，这时弹出“单元格属性”对话框(如图8-28所示)。
⑶ 单元格的插入与删除
① 插入单元格
图8-29是在单元格12前插入一个单元格后的情形。
② 插入行或列
将光标移动到一个单元格内，选择表格|插入|行或列菜单命令，弹出“插入行或列”对话框(如图8-30所示)。
在该对话框中确定是插入行还是列（选定行或列单选按钮），插入的行或列数（行或列数加减器），以及插入的位置(对于行来说，包括所选区域的上方或下方；对于列来说，包括所选区域的左方或右方)。
图8-31是在第2列前插入两列后的情形。
③ 删除
⑷ 单元格的合并与拆分
① 单元格的合并
图8-32是将第一行的单元格合并后的情形。
② 单元格的拆分
可以将单元格拆分，将它们划分为列或行。
选定要拆分的单元格，然后选择表格|拆分单元格菜单命令，或右单击在弹出的快捷菜单中选择拆分单元格菜单命令，或单击表格工具栏中的拆分单元格按钮 ，弹出“拆分单元格”对话框(如图8-33所示)。
图8-34是将第一行的单元格拆分为三列的情形。
⑸ 给表格加标题
选定表格，选择表格|插入|标题菜单命令，这时光标自动移动到表格上方的正中央，即可输入标题(如图8-35所示)。
8.4 在网中实用多媒体
8.4.1 图片
1. 图片格式
⑴ 加入Office剪贴画
Office剪贴画包含有几百幅图片，这些图片都是以GIF或WMF格式分类保存的，占用空间小。
在FrongPage 2000中插入Office剪贴画，采用下面的操作过程：
第1步：将光标移动到要插入图片的位置。
第2步：选择插入|图片|剪贴画菜单命令，弹出“剪贴画库”窗口(如图8-36所示)。
在该窗口的列表框中显示出剪贴画的类别，如收藏夹、Web背景、Web标题、Web符号、Web框架、Web元素等。
图8-36 “剪贴画库”窗口
第3步：在该窗口的列表框中选择一要插入图片的类别。
如选择Web框架后的窗口如图8-37所示。
将鼠标指针停留在剪贴画一会儿，即可弹出该图片的属性框，显示该剪贴画的属性，包括名称、大小和文件类型。
图8-37 Web框架剪贴画
第4步：单击要插入的剪贴画，弹出一个工具栏(如图8-38所示)。单击该工具栏上的插入剪辑按钮
，即可将剪贴画插入到网页中。
⑵ 加入其他类型的图片
除了剪贴画外，其他类型的图片其插入过程是相同的。
从文件中插入图片采用下面的操作过程：
第1步：将光标移动到要插入图片的位置。
第2步：选择插入|图片|来自文件菜单命令，弹出“图片”对话框，如图8-39所示。
第3步：在图片对话框里单击从计算机上选择一个文件按钮 或使用Web浏览器来选择网页或文件按钮
选择要插入的图片文件，或直接在URL文本框中输入图片文件的位置和名称。
3. 图片属性
⑴ 亮度
图8-40 是图片调整亮度的效果。
(2) 对比度
图8-41是图片调整对比度的效果。
⑶ 凹凸效果
图8-43是具有凹凸效果的图片。
⑷ 自动缩略图
图8-43是建立了自动缩略图的网页在Internet Explorer中的浏览效果。
图8-43 带有自动缩略图的网页
⑸ 图片属性对话框
① 图片的常规属性
在“图片属性”对话框中选择“常规”标签，这时的对话框如图8-44所示。
② 图片的外观属性
在“图片属性”对话框中选择“外观”标签，这时的对话框如图8-45所示。
图 8-46
4. 背景图片的使用
第1步：选择文件|属性菜单命令，或在网页上右单击，在弹出的快捷菜单中选择“网页属性”菜单命令，这时弹出“网页属性”对话框。
第2步：在“网页属性”对话框中选择“背景”标签，这时的对话框如图8-47所示。
第3步：选中“背景图片”复选框，然后在其下的文本框中输入背景图片的完整路径，或单击文本框右边的浏览按钮，在弹出的“选择背景图片”对话框中选择背景图片。
8.4.2 使用声音
1. 可以使用的声音文件类型
2. 设置背景音乐
设置背景音乐的操作过程如下：
第1步：选择文件|属性菜单命令，或在网页上右单击，在弹出的快捷菜单中选择“网页属性”菜单命令，这时弹出“网页属性”对话框。
第2步：在“网页属性”对话框中选择“常规”标签，这时的对话框如图8-48所示。
第3步：设置背景音乐。
这些设置包括：
音乐文件的位置：可以在位置文本框中输入音乐文件的位置，或单击文本框右边的浏览按钮，在弹出的对话框中选择音乐文件。
播放方式：选定不限次数复选框，可以连续播放；若不选定该复选框，可以在不限次数加减器中设置要播放的次数。
8.4.3 使用视频
1. 可以使用的视频文件类型
2. 加入视频
第1步：将光标移动到要插入视频的位置。
第2步：选择插入|图片|视频菜单命令，弹出“视频”对话框。
第3步：选择视频文件。
图8-49是插入视频后的网页，这时显示的只是视频的第一幅画面，同插入一个图片的效果是相同的。可在浏览器中预览视频播放的效果。
3. 修改视频属性
第1步：选定视频位置上出现的图片。
第2步：选择格式|属性菜单命令，弹出“图片属性”对话框，如图8-50所示。
第3步：在该对话框中设置视频的属性。
8.5 使用超链接
8.5.1 超链接的概念
8.5.2 建立超链接
1. 建立文本超链接
建立文本超链接采用下面的操作过程：
第1步：在网页中选定用作超链接的文本。或者，若要将目标网页的标题(例如主页)或文件位置(例如：http://localhost/filename)作为超链接文本，则可将光标移动到要插入超链接的位置。
第2步：单击常用工具栏上的超链接按钮 ，或按Ctrl+K快捷键，这时弹出“创建超链接”对话框(如图8-52所示)。
第3步：在创建超链接对话框中创建超链接。
2. 为图片添加热点与图片映射
为图片添加热点与图片映射采用下面的操作过程：
第1步：单击图片，选定它。
第2步：在图片工具栏，单击需要的热点形状按钮。
这些形状有：
长方形热点
圆形热点
多边形热点
这时当鼠标指针移动到图片上时变为笔形状。
第3步：将鼠标指针移动到图片上要创建热点区域的左上角(圆心)，按下鼠标左键，拖动到区域的右下角(圆周)；若要画多边形，可单击多边形的第一个角，然后单击要放置多边形每个角的位置，然后双击完成。当释放鼠标按钮后，FrontPage 2000自动打开“创建超链接”对话框。
第4步：其下的操作与创建文本超链接的第3步操作相同。
图8-52左边表示某汽车生产商的网页，当单击新车的图片映射时，就会显示详细说明车子的网页(右边的图)。
3. 为图片添加文本热点
为图片添加文本热点采用下面的操作过程：
第1步：单击图片，选定它。
第2步：单击图片工具栏上的文本按钮 ，这时在图片上出现文本框。
第3步：在图片上的文本框内键入文本。
若要调整文本框，可用下列方法之一：
通过单击和拖动控点来调整文本框大小。
通过单击和拖动边框来移动文本框。
第4步：双击文本框边缘，弹出“创建超链接”对话框。
第5步：其下的操作与创建文本超链接的第3步操作相同。
图片添加文本热点如图8-53所示。
4. 插入书签超链接
定义书签的方法是将光标移动到要定义书签的位置，然后选择插入|书签菜单命令，在弹出的“书签”对话框中(如图8-54所示)，定义书签的名称。
8.5.3 编辑超链接
1. 文本超链接的编辑
2. 编辑图片热点或镜像
8.5.4 检验超链接
第1步：进入报表视图，这时显示出报表工具栏。
第2步：单击报表工具栏中的验证超链接按钮，弹出“验证超链接”对话框(如图8-55所示)。
第3步：选定“验证所有超链接”单选按钮，然后单击“开始”按钮。
FrontPage 2000开始验证所有超链接，并显示出结果来。
图 8-54
8.6 丰富你的网页
8.6.1 网页特殊技巧
1. 动画
2. 文字突出显示
3. 单击鼠标时文字从屏幕上消失
4. 进入网页时文字产生一种飞入效果
5. 鼠标指向图片时交换图片
8.6.2 表单的使用
第1步：将光标移动到需要插入表单的位置。
第2步：选择插入|表单|滚动文本框菜单命令，这时在网页中插入了表单。
第3步：通过插入“回车”将按钮定位到文本框的下面，并调整文本框大小到合适的位置。
第4步：选定“提交”按钮，右单击，在弹出的快捷菜单中选择“表单域属性”菜单命令，这时出现“按钮属性”对话框。如图8-56所示。
第5步：在表单的任意位置右单击，在弹出的快捷菜单中选择“表单属性”菜单命令，在弹出的“表单属性”对话框中添入你的电子邮箱地址，如图8-57所示。
第6步：选择“表单属性”对话框的“选项”按钮，出现“保存表单结果的选项”对话框，如图8-58所示。在该对话框中设置结果保存的位置、电子邮件的消息标题等。
8.6.3 组件的使用
1. 横幅广告管理器
第1步：将光标移动到要插入图片的位置。
第2步：选择插入|组件|横幅广告管理器菜单命令，出现“横幅广告管理器属性”对话框，如图8-59所示。
第3步：在该对话框中设置横幅广告管理器的属性，这些属性包括：广告位的宽度和高度、图片之间的过渡方式、每幅图片显示的时间、希望链接到的网页、要显示的图片等。
3．2 悬停按钮
第1步：将光标移动到要插入悬停按钮的位置。
第2步：选择插入|组件|悬停按钮菜单命令，出现“悬停按钮属性”对话框，如图8-60所示。
第3步：设置悬停按钮的属性，这些属性包括：按钮文本、链接位置、按钮颜色、效果颜色、按钮大小等。
3. 移动字幕
设置移动字幕采用下面的操作过程：
第1步：将光标移动到要插入移动字幕的位置。
第2步：插入一个1×1的表格，并根据需要调整表格的大小。
第3步：将光标移动到表格的单元格内，选择插入|组件|字幕菜单命令，弹出“字幕属性”对话框，如图8-62所示。
第4步：设置移动字幕的属性，这些属性包括：文本内容、显示方向、速度、表现方式、文本对齐方式等。
8.7 发布网页
8.7.1 申请服务器空间
8.7.2 上传网页
第1步：在FrontPage 2000中打开你所建立的站点。
第2步：选择文件|发布站点菜单命令，弹出“发布站点”对话框(如图8-62所示)。
第3步：在“发布站点”对话框中指定站点的发布位置，然后单击“发布”按钮。
8.7.3 网页推广