4-FrontPage 2019 教程
frontpage使用教程(可编辑修改word版)
FrontPage2003初级教程一、新建网站（提示：如果图片觉得小，将鼠标移到图片上，向上滚动鼠标滚轮，图片会放大）打开FrontPage2003点击新建菜单命令会弹出一个对话框，有不同的模板供选择。
选择你想要的一个，然后确定，会自动生成一个网站。
二、新建一个空白网页你也可选择新建空白网页，或点新建工具按钮。
当然，这上面的内容你要自己编辑。
三、打开一个网站点击打开网站四、浏览网页“文件”“浏览”有几个选项（不同分辨率）五、编辑方式有“设计”“拆分”“代码”“浏览”六、插入WEB组件WEB组件中有很多常用的功能，你自己去试各项。
七、插入图片有两种情况:1、插单个图片，可在菜单上直接用；2、插入图片库，也可插入WEB组件中，可插队入图片库。
有三种形式（自己试一下，因为有预浏）。
八、插入“互动按钮”，互动按钮可以有三种形式，鼠标经过，按过，没按。
可选形式，在文本的文本框中将按钮文本换成你要的文本。
如：首页……还可改变文本的属性，字体颜色，等。
有初始颜色，经过颜色，按下颜色。
九、在网页中插入已有的网页如果新建的网页，内容想用现存的，只须插入已有的网页就行了。
比较简便。
十、书签链接有时的链接，不是和另一个网页链接，而是和页面中某一段链接，或另一页面的一段链接。
这种方法用在“标题和内容”之间链接最方便。
1、选择：菜单、插入、书签（被链接的内容）（一般自动生成名字，你也可以自己指定名字）2、制作到书签的链接（标题）3、选择右边的“书签”4、找到书签名十一、创建一个超链接1、选中要建立超链接的文字或图片。
2、右键，弹出菜单，点击“超链接”3、在弹出的对话框中选中被链接的网页或图片或其他（注：如是下载软件选中它）4、当然，最后是点击“确定”十二、插入表格1、点击菜单中“表格”再“插入”再移到“表格”单击“表格”2、在弹出的对话框中有几项值是要注意的：a、表格的“行数”和“列数” b、“指定宽度”和“指定高度”如果是用固定宽和高填写数字，如果是页面随屏幕变化的选100% c、“使用背景图片”点击“浏览”找到图片d、“对齐方式”用“默认” e、“浮动”方式用“默认” f、“边框”是表格宽度如果选“零”则不显示表格否则显示你选或填的数字的宽度。
DreamweaverCC实例教程01 初识Dreamweaver CC 2019
“新建文档”对话框
新建空白文档
1.3 管理站点文件和文件夹
重命名文件和文件夹 移动文件和文件夹 删除文件或文件夹
1.3.1 重命名文件和文件夹
修改文件名称或文件夹名称操作的具体步骤如下。 （1）选择“窗口 > 文件”命令，弹出“文件”面板，在其中选择 要重命名的文件或文件夹。 （2）可以通过以下2种方法激活文件或文件夹的名称。 ① 单击文件名，稍停片刻，再次单击文件名。 ② 用鼠标右键单击文件或文件夹图标，在弹出的菜单中选择“编 辑 > 重命名”命令。 （3）输入新名称，按Enter键。
Dreamweaver CC 2019提供了多文档的编辑界面，将多个文档整 合在一起，方便用户在各个文档之间切换。单击文档编辑窗口上方的选 项卡，即可快速切换到相应的文档，方便同时编辑多个文档。
多文档编辑界面
1.1.5 新颖的“插入”面板
Dreamweaver CC 2019的“插入”面板可以随意与其他面 板组合，为了方便操作一般会放置在菜单栏的下方。
友善的开始页面 不同风格的界面 伸缩自如的功能面板 多文档的编辑界面 新颖的“插入”面板 更完整的CSS功能
1.1.1 友善的开始页面
启动Dreamweaver CC 2019首先看到的画面是开始页面，用户可在 此选择新建文件的类型，或打开已有的文档等。
老用户如果不太习惯开始页面，可选择“编辑 > 首选项”命令，或 按Ctrl+U组合键，弹出“首选项”对话框，取消选择“显示开始屏幕”复 选框。单击“应用”按钮，然后单击“关闭”按钮。这样打开 Dreamweaver CC 2019时将不再显示开始页面。
1.4.1 打开站点
当要修改某个网站的内容时，首先要打开站点。打开站点的具体操 作步骤如下。
FrontPage软件的入门
第九课认识FrontPage学习目标1、初步认识FrontPage2、学会安装、启动和退出FrontPage3、熟悉FrontPage的界面学习过程1．通过认识FrontPage，知道网页设计的平台。
2．在学习启动和退出FrontPage过程中，发掘更多启动和退出的方法。
3．培养独立操作计算机的能力，会安装和卸载常用应用程序。
知识与技能同学们常常上网浏览网页吧！你知道哪些精美的网页都是怎么制作出来的吗？你想不想也做一个精美的个人主页呢？现在，我们就开始学习用FrontPage制作网页，FrontPage是优秀的专业化网页设计软件之一，使用FrontPage你就可以制作出你喜欢的网页啦！一、FrontPage简介FrontPage是微软开发的办公自动化应用程序套装软件（office）系列中的一个。
它简单易学，界面与word类似，通过它可以制作出具有一定水平的网页。
FrontPage可以实现：（1）设计网页：所见即所得，不需要学HTML语言；（2）管理网站：查看、调整网站结构；（3）发布网站：把你设计好的网站上传到互联网的服务器上，使全世界都能看到你的网站；（4）通过FrontPage可以管理网站中各个网页，调整网页的关系，修改站点结构，导入导出网页，检验网页之间的超链接，发布网页等。
二、安装、启动和退出FrontPage（1）安装FrontPage插入FrontPage安装光盘，在安装目录运行安装文件：（2）启动和退出FrontPage启动FrontPage可以通过“开始”-“程序”-“Microsoft Office”-“Microsoft Office FrontPage 2003”退出FrontPage 有两种方法：三、FrontPage 的界面方法二：单击“文件”菜单下的“退出”（1）标题栏（2）菜单栏（3）常用工具栏和格式工具栏（4）制作网页工作区（5）状态栏（6）任务窗格学习评价1、想一想你都知道哪些网站？2、通过学习了解一下什么是HTML语言？3、练习启动和退出FrontPage？4、下载几个你喜欢的漂亮网页，说说有什么优点？5、通过上网，查找教材，你还知道有哪些制作网页的工具？6、试试自己安装和卸载FrontPage？小资料认识网站？网站是Internet上最常用、普遍的服务，Internet上有很多的网站。
FrontPage教程
第五章 FrontPage第五章 FrontPage (124)实验5.0 FrontPage的启动与建立站点 (124)任务1 FrontPage的启动与关闭 (124)任务2 建立站点 (126)实验5.1 网页制作1 (129)任务1 新建、打开与保存网页 (129)任务2 文本格式编辑 (131)任务3 插入对象 (135)作业5.1 (138)实验5.2 网页制作2 (140)任务1 网页属性设置 (140)任务2 图片操作及动态HTML效果 (143)任务3 表格操作 (145)作业5.2 (149)实验5.3 网页制作3 (151)任务1 书签超连接 (151)任务2 超连接 (154)作业5.3 (157)实验5.4 框架网页 (158)任务1 创建与保存框架网页 (158)任务2 框架属性 (161)任务3 编辑框架中的网页 (165)作业5.4 (169)实验5.0 FrontPage的启动与建立站点任务1 FrontPage的启动与关闭⒈启动FrontPage，查看网页编辑的三种工作环境；操作步骤⑴【开始】→【程序】→【Microsoft FrontPage】，出现FrontPage窗口，窗口界面的主要功能见图5.1。
124125说明程序启动后，自动进入“网页管理器”工作视图窗口，并建立名为new_page_1.hrm 的网页文件。
⑵ 分别单击【普通】、【HTML 】、【预览】三个标签，查看各窗口。
说明 ⑴ 由于当前打开的是一个空白网页，所以【普通】、【预览】两个窗口无内容，在以后的操作中我们会在【普通】窗口中进行网页的编辑工作，经常会使用【预览】窗口查看网页制作的效果。
⑵ 【HTML 】窗口中出现的是用HTML 语言编写的网页的源代码。
可以直接编写、修改源代码，同样可以达到编辑网页的目的。
⒉ 关闭FrontPage ，返回WINDOWS 。
操作步骤选【文件】→【退出】；（或：单击窗口右上方“×”按钮），返回WINDOWS 。
FrontPage网页制作教案(18课时)
FrontPage网页制作教案（18课时）第一节网页制作基础知识教学目标：1、了解网站、网页、主页和HTML的基本概念2、了解常见的网页制作工具3、掌握Frontpage的启动和退出教学手段：教师讲解与学生演示相结合教学过程：一．讲课：一、网页及其组成通过浏览器在WWW上所看到的每一幅画面都是一个网页（Web Page）。
网页是全球广域网上的基本文档，用HTML语言编写。
网页中所的元素主要有文字、图片、声音、动画、影像以及链接等，通过这些元素的有机组合，就形成了包含各种信息的网页。
其中，文字是网页中最常用的元素；图片可以给人以生动直观的视觉印象，适当运用图片，可以美化网页；链接的设计，可以使我们进行选择性的浏览；随着动态HTML技术的发展，人们在网页中加入声音、动画等多媒体信息，使网页更加丰富多彩。
二、常用的网页制作工具最初，人们利用HTML语言在文本编辑器中制作网页。
HTML语言是超文本标记语言（Hypertext Markup Language）的缩写，用来描述网页的结构，但不能直观的描述网页在浏览器中的效果。
因此，只有熟练掌握HTML语言的专业人员才能用它制作网页。
后来出现了一些网页制作工具（如CDIDA软件），降低了对HTML语言的要求，但是要实现某些功能，还必须输入相应的HTML代码。
FrontPage系列软件的问世，才将人们从HTML代码中解放出来。
用FrontPage软件制作网页就象在文字处理软件中编排多媒体文档一样，具有“所见即所得”的特性，而真正描述网页结构的HTML代码，则由FrontPage在幕后自动生成。
这样，大家都可以方便地制作自己的网页。
目前，使用较多的网页制作软件有：FrontPage、Flash、Dreamweaver等。
三、FrontPage2000的启动和退出1．启动方法：单击“开始”按钮，拖动鼠标指针依次指向“程序（P）”“Microsoft FrontPage”，并单击，即可启动FrontPage2000。
FrontPage教程
第五章 FrontPage第五章 FrontPage (124)实验5.0 FrontPage的启动与建立站点 (124)任务1 FrontPage的启动与关闭 (124)任务2 建立站点 (126)实验5.1 网页制作1 (129)任务1 新建、打开与保存网页 (129)任务2 文本格式编辑 (131)任务3 插入对象 (135)作业5.1 (138)实验5.2 网页制作2 (140)任务1 网页属性设置 (140)任务2 图片操作及动态HTML效果 (143)任务3 表格操作 (145)作业5.2 (149)实验5.3 网页制作3 (151)任务1 书签超连接 (151)任务2 超连接 (154)作业5.3 (157)实验5.4 框架网页 (158)任务1 创建与保存框架网页 (158)任务2 框架属性 (161)任务3 编辑框架中的网页 (165)作业5.4 (169)实验5.0 FrontPage的启动与建立站点任务1 FrontPage的启动与关闭⒈启动FrontPage，查看网页编辑的三种工作环境；操作步骤⑴【开始】→【程序】→【Microsoft FrontPage】，出现FrontPage窗口，窗口界面的主要功能见图5.1。
124125说明程序启动后，自动进入“网页管理器”工作视图窗口，并建立名为new_page_1.hrm 的网页文件。
⑵ 分别单击【普通】、【HTML 】、【预览】三个标签，查看各窗口。
说明⑴ 由于当前打开的是一个空白网页，所以【普通】、【预览】两个窗口无内容，在以后的操作中我们会在【普通】窗口中进行网页的编辑工作，经常会使用【预览】窗口查看网页制作的效果。
⑵ 【HTML 】窗口中出现的是用HTML 语言编写的网页的源代码。
可以直接编写、修改源代码，同样可以达到编辑网页的目的。
⒉ 关闭FrontPage ，返回WINDOWS 。
操作步骤选【文件】→【退出】；（或：单击窗口右上方“×”按钮），返回WINDOWS 。
Frontpage操作步骤
说明：所有操作必须是右击“test.html”→“编辑”，不能双击打开，否则无法修改。
一、设置背景颜色1.右击网页空白处→“网页属性”2.在“网页属性”对话框中单击“背景”选项卡3.在“背景”栏中单击向下的箭头，弹出颜色窗口，将鼠标缓慢移动，系统自动显示颜色的类型，按题目要求选择颜色4.单击“确定”按钮二、设置标题1.右击网页空白处→“网页属性”2.在“网页属性”对话框中单击“常规”选项卡3.在“标题”栏中按题目要求输入4.单击“确定”按钮说明：若要检查标题，只能浏览该网页时观察标题栏才能看到三、字体设置、1.必须先选定文字2.“格式”→“字体”3.在“字体”对话框中按题目要求进行设置4.最后单击“确定”四、插入水平线1.按题目要求，将光标单击对象所在行的末尾2.“插入”菜单→“水平线”五、插入图片1.单击要插入的位置2.“插入”→“图片”→“来自文件”3.在弹出的对话框中找到相应的文件并单击选定4.单击“插入”按钮六、建立超级链接1.必须先选定文字2.“插入”菜单→“超链接…”3.在弹出的对话框中的“地址”栏中按题意输入七、插入表格1.单击要插入表格的位置2.“表格”菜单→“插入…”→“表格…”3.在弹出的对话框中按题意输入行数和列数4.按题意设置对齐方式、边框粗细、单元格边距、单元格间距及指定宽度（注意：是像素还是百分比）说明：如果插入表格时万一没有设置对齐方式、边框粗细、单元格边距、单元格间距及指定宽度等，可右击表格中任一单元格→“表格属性…”，在相应栏中可以再进行设置5.若题意要求合并单元格，必须先按住鼠标的左键拖动来选定相应的单元格，“表格”菜单→“合并单元格”八、文字的移动1.必须先选定文字2.“编辑”菜单→“剪切”3.将鼠标单击目的位置后，“编辑”菜单→“粘贴”注意：“移动”操作的结果是：原位置没有，新位置出现。
九、段落的设置1.按题目要求将鼠标单击相应的段落2.“格式”→“段落…”3.在弹出的对话框中按题意进行设置。
FrontPage软件操作步骤
FrontPage软件操作步骤1、字体的设置：在工具栏中选择【格式】——》【字体】选择【字体】页面：（默认页面）根据试题要求改变对应“红体字”的选项内容：字体：改变字体的形态；例：宋体。
字形：改变字体的形状；例：斜体。
字号：改变字体的大小；例：小四号。
字体颜色：改变字体的颜色；例：红色。
下划线：增加不同的字体的下划线；例：单下划线。
点击“确定”按钮。
2、段落的设置：在工具栏中选择【格式】——》【段落】选择【缩进和间距】页面：（默认页面）根据试题要求改变对应“红体字”的选项内容：对齐方式：改变段落对齐的显示方式；例：居中对齐。
缩进：改变左右边距；例：向左缩进2个字符。
特殊格式：是缩进方式的一种；例：首行缩进2个字符。
间距：改变段前段后的距离；例：段前间距0.5行。
行距：改变段落每行的距离；例：单倍行距。
点击“确定”按钮。
3、表格的插入：在工具栏中选择【表格】——》【插入】——》【表格】选择【插入表格】页面：（默认页面）根据试题要求改变对应“红体字”的选项内容：行数：改变行的数量；例：3行。
列数：改变列的数量；例：3列。
点击“确定”按钮。
4、图片的插入：在工具栏中选择【插入】——》【图片】——》【来自文件】选择【插入图片】页面：（默认页面）根据试题要求改变对应“红体字”的选项内容：查找范围：找到图片所在的路径。
点击“确定”按钮。
5、字幕的插入：在工具栏中选择【插入】——》【Web 组件】选择【插入Web组件】页面：（默认页面）根据试题要求改变对应“红体字”的选项内容：组件类型：找到组件所在的类型；例：动态效果。
选择一种效果：实际所需要的类型效果；例：字幕。
点击“完成”按钮。
选择【字幕属性】页面：（默认页面）根据试题要求改变对应“红体字”的选项内容：文本：即字幕要求输入的内容；方向：即字幕要求的动态方向；例：左。
速度：即字幕滚动的快慢；例：30。
表现方式：即字幕出现的方式；例：滚动条。
大小：即字幕的宽度和高度；重复：即字幕出现的频率；点击“确定”按钮。
FrontPage、Word、Excel操作指南
Word操作指南注意：选择正确的选区：全文＝标题＋正文。
当有误操作时，用按钮撤销。
1、设置纸张大小、页边距、纸的横纵向方法：文件菜单——页面设置2、把文章中的“；”全部替换成“。
”方法：：编辑菜单——替换。
3、插入页码方法：插入菜单——页码。
4、给文字设置下划线、着重号、阴影、阳文、双删除线、礼花绽放等方法：格式菜单——字体5、设置首行缩进（两字符）、行间距、段前段后间距方法：格式菜单——段落。
6、设置边框和底纹方法：格式菜单——边框和底纹。
7、更改文字方向方法：格式菜单——文字方向。
8、文字转换与表格方法：表格菜单——转换——文字转换成表格。
Excel操作指南注意：当有误操作时，用按钮撤销。
1、插入“五角星”自选图形方法：插入菜单——图片——自选图形——选择“五角星”2、设置行高、列宽方法：对要设置的行/列号击右键，选择行高/列宽。
3、把符合条件的单元格设置成红色粗体方法：格式菜单——条件格式。
4、排序方法：选中相关的所有单元格，数据菜单——排序——选择按某列排序。
5、插入函数方法：选中要插入函数的某一单元格——点击常用工具栏中按钮。
SUM：求和函数A VERAGE：平均数函数MAX：最大值函数MIN：最小值函数6、自定义公式那道题：用公式”人均数＝合计/学生数”计算方法：选中要求平均数的那个单元格，输入内容为K3/D3。
7、合并并居中单元格方法：选择要合并的单元格——点常用工具栏上的8、设置小数位数、边框、对齐方式、填充颜色方法：对选中单元格击右键——设置单元格格式。
9、数据转换图表中，用Ctrl键可以选择多个不连续的选区。
10、数据转换图表，关键要选择正确的选区题1：打开“考生文件夹\193\”文件夹中的文件“降水量.xls”进行以下操作并保存！（4）选择相应的图表，绘制哈尔滨从1月到12月降水曲线图表，图表类型为数据点折线图，图表标题为“哈尔滨”。
正确的选区为：题2：打开“考生文件夹\195\”文件夹中的文件“比赛成绩.xls”进行以下操作并保存！（4）将六个城市的总分绘制成簇状柱形图，图表标题为“总分”，分类(X)轴为每队的名字，不显示图例。
FrontPage站点操作
现在我们选择“文件”
菜单的“新建”选项，
单击“站点”命令，你 看，FrontPage提供了 两个向导：公司展示向 导、讨论站点向导，使
用起来都很方便，你有
兴趣也可以利用向导建 立一个站点。
设计主题
Internet上的站点千千万万，要使自己的站点有吸引力，就要使站
点具有独特的风格。设计站点的风格，包括很多方面的内容，比如： 文本的字体字号、页面的背景图片、按钮的形式、水平线和项目符
先进入的就是站点的主页。主页的名字在一般情况下就叫做“index.htm”。
就是说我们新建只包含一个网页的站点时，FrontPage就自动为我们创建了 站点的主页了。这个新建的站点主页时空的，我们可以向里面添加内容。
在文件列表里除了主页之外，还有文件夹。新建站点时，FrontPage都会在
站点所在位置下新建两个文件夹，一个是“images”另一个是“_private”。 我们在编辑站点时可以在“image”文件夹里放置站点用到的图片。
隐藏了
导航视图与导航栏
现在我们看到一个网页，单击鼠标右键，在弹出的菜
单中选择“共享边框”命令，进入“共享边框”对话
框，确认“当前网页”选项是选中的，把“上”、
“左”、“右”、“下”四个复选框都选中，单击
“确定”按钮，现在我们来看一看页面的变化：
首先看一下显示出来的上共享边框，在这个共享边框
里，可以看到有“将此网页添加到‘导航视图’中，
我们选择“反馈”， 右击，点选“已加入 链接（B）”
点击之后，反馈的
图标会变暗
好了，这一课我们就
讲这些。站点方面的 知识很多，建议您回 去后要多动手操作， 遇到不明的地方多想 一想。
THANK YOU
Frontpage基本操作
选中需要添加书签的文字
“插入”
书签
确定
在“书签”对话框中给出书签的名 称
四、超链接的设置
② 建立指向书签的超链接
选中要插入超 链接的文本
右键单击，在 快捷菜单中选 择“超链接”
在“创建超链 接”对话框中 选择“书签”
项
确定
四、超链接的设置
③与电子邮箱的链接
选中文字
“插入”
超链接
确定
第九讲 Frontpage基础操作
主要内容
1、Frontpage 基础操作 2、创建文本、网页超级链接 3、创建图片超级链接 4、表单操作
一、Frontpage基本操作
1、网页的创建、保存。
一、Frontpage基本操作
2、网页文字、段落设置
一、Frontpage基本操作
3、网页属性： 背景色、背景音乐
拖动鼠标形成一个热点区域→松开鼠标后会自动
弹出“插入超链接”对话框→在该对话框中设置
要链接的目标地址即可。
在浏览网页时，如果将鼠标移动到热点上，鼠
标指针会变成手的形状，这时单击鼠标将跳转到相
应的链接对象。
四、超链接的设置
三种方法： • 书签 • 与电子邮箱的超级链接 • 与其它网站的超级链接
四、超链接的设置
在弹出的对话框 中输入电子邮箱 地址
点击电子邮件图标
四、超链接的设置
④与其它的网站网页的链接
选取文字→右击→超链接→显示文字/地址
四、超链接的设置
设置超链接的颜色
五、表单的设置
1、插入表单对象： 选取位置→“插入”菜单→表单→表单/文本框/复选 框/下拉框等。 2、表单属性的设置：表单对象上双击
frontpage教程-编辑网页
frontpage教程:编辑网页第一课：frontpage教程:网页制作基础知识1.视图与模式（一）现在进入frontpage。
单击任务栏“开始”按钮，选择“程序”选项，单击“microsoftfrontpage”选项就可以了。
可能你会发现frontpage界面和word很相似[图2－1]，这是因为编辑web页面和编辑word文档有很多同样的设置，这些设置所用的图标和word中的是一样的。
[图2－1]frontpage2000界面视图中的组框是用来切换视图的，单击里面的小图标就可以切换到不同的视图。
frontpage共有6种视图[如图2－1左]，使用不同的视图可以从不同的侧面查看设计的web 站点。
对一个web站点而言，不断更新是很重要的。
随着站点的成长，维护站点的工作量会越来越大。
建立站点可能很快，但是如果没有这6种视图的帮助，维护起来就很困难了。
这些视图的使用不用一下就全部掌握，只要知道有这些视图就可以了。
2.视图与模式（二）下面看一看同一个web站点在不同视图中是怎样显示的。
(1)单击“网页”按钮，切换到网页视图，再单击工具栏上的“文件夹列表”按钮，窗口中增加了一个文件夹列表框[图2－2]。
网页视图是用来显示选中的网页的，双击文件夹列表中的某一个htm文件，在最右方的工作区中就会显示该网页的内容。
注意，此时工作区的左下角有三个切换显示模式的选项卡[图2－3]。
单击“普通”选项卡，就切换到了普通模式。
在普通模式可以编辑网页的内容以及设置各种格式。
单击“预览”选项卡就到了预览模式。
如果要看一看当前编辑的文件在浏览器中的显示情况，就使用预览模式，在预览模式下，是不能编辑网页的。
也可以切换到html模式直接对网页对应的html文本文件进行编辑，从而为网页作一些特殊的设置，前提是你要懂一点html语言（在教程附录中有相关说明）。
(2)文件夹视图以列表的形式给出了当前web站点的文件夹和文件夹里包含的文件[图2-4]。
frontpage教程-编辑网页
第一课：frontpage教程:网页制作基础知识1•视图与模式(一)现在进入frontpage。
单击任务栏"开始”按钮，选择"程序”选项，单击"microsoftfrontpage ” 选项就可以了。
可能你会发现frontpage界面和word很相似［图2- 1］,这是因为编辑web 页面和编辑word文档有很多同样的设置，这些设置所用的图标和word中的是一样的。
［图2 —1］frontpage2000 界面视图中的组框是用来切换视图的，单击里面的小图标就可以切换到不同的视图。
frontpage共有6种视图［如图2 —1左］，使用不同的视图可以从不同的侧面查看设计的web 站点。
对一个web站点而言，不断更新是很重要的。
随着站点的成长，维护站点的工作量会越来越大。
建立站点可能很快，但是如果没有这6种视图的帮助，维护起来就很困难了。
这些视图的使用不用一下就全部掌握，只要知道有这些视图就可以了。
2•视图与模式(二)下面看一看同一个web站点在不同视图中是怎样显示的。
(1) 单击“网页”按钮，切换到网页视图，再单击工具栏上的“文件夹列表”按钮，窗口中增加了一个文件夹列表框［图2 —2］。
网页视图是用来显示选中的网页的，双击文件夹列表中的某一个htm文件，在最右方的工作区中就会显示该网页的内容。
注意，此时工作区的左下角有三个切换显示模式的选项卡［图2—3］。
单击“普通”选项卡，就切换到了普通模式。
在普通模式可以编辑网页的内容以及设置各种格式。
单击“预览”选项卡就到了预览模式。
如果要看一看当前编辑的文件在浏览器中的显示情况，就使用预览模式，在预览模式下，是不能编辑网页的。
也可以切换到html模式直接对网页对应的html文本文件进行编辑，从而为网页作一些特殊的设置，前提是你要懂一点html语言(在教程附录中有相关说明)。
(2) 文件夹视图以列表的形式给出了当前web站点的文件夹和文件夹里包含的文件［图2-4］。
一、Frontpage操作简化步骤
一、Frontpage操作简化步骤１、如何启动f r o n t p a g e①开始程序－f r o n t p a g e②桌面快捷方式ⅰ双击桌面上的f r o n t p a g e图标ⅱ先右击鼠标，然后左击右键菜单里的“打开”２、新建站点实例：使用【只有一个网页的站点】模板创建一个Web站点。
操作步骤：打开【文件】菜单，选择【新建】菜单项，在子菜单中选择【站点】菜单项，出现一个【新建】对话框，在对话框的【指定新站点的位置】项中输入新站点的存放位置。
３、关闭站点打开【文件】菜单，选择【关闭站点】菜单项，则当前站点被关闭。
４、打开站点站点内容需要修改或添加时，必须把该站点打开。
操作过程如下：打开【文件】菜单，在下拉菜单选择【打开站点】，出现一个对话框，在对话框的【文件夹】项中输入该站点的存放位置，然后单击【打开】按钮，站点将被重新打开。
５、新建网页方法：使用工具按钮。
在FrontPage 2000中单击“”新建网页工具按钮，在主编辑窗口将出现一个空白网页。
使用菜单命令。
（1）我们也可以从【文件】菜单中选择【新建】菜单项，在子菜单中选择【网页】菜单项，出现一个对话框。
（2）这个对话框中列出了很多事先设计好的网页模板。
这时选择【普通网页】，单击【确定】按钮，此时在主编辑窗口中将出现一个空白网页。
６、保存网页单击常规工具栏上的“”，或单击【文件】菜单再选择【保存文件】，就可以把正在编辑的网页保存起来。
或直接按Ctrl+S键也可以保存网页。
如果你是在修改已经保存过的网页，修改过的网页将被重新保存。
但如果是新建的网页，单击“”后会出现对话框。
在对话框中的【文件名】栏内输入网页的文件名（如“First”），单击【保存】按钮，该网页就会保存到当前的站点上。
FrontPage 2000保存文件的类型主要有网页文件（.htm）、FrontPage模板（.tem）、文本文件（.txt）、超文本模板文件（.htt）等。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
3.实现方法很简单，在源代码的<head>和<head>之间加上 如下的CSS语法控制：
<style type="text/css">
<!--
a:link { text-decoration: none;color: blue}
a:active { text-decoration:blink}
a:hover { text-decoration:underline;color: red}
超链接创建与编辑（网页、Email、书签、图形）
管理超链接
超链接创建与编辑
指向现有文件、网页的超链接 指向www上其他站点的超链接 指向文档中书签的超链接：(为文档插入书签 －创建指向
书签的超链接。目标框架选择
创建指向新文档的超链接 创建发送电子邮件的超链接 为图形添加热点超链接：方形热点、圆形热点、多边形热点 编辑超链接：更改、删除
a:visited { text-decoration: none;color: green} -－>
</style> 其中： a:link 指正常的未被访问过的链接； a:active 指正在点的链接； a:hover 指鼠标在链接上； a:visited 指已经访问过的链接； text-decoration是文字修饰效果的意思； none参数表示超链接文字不显示下划线； underline参数表示超链接的文字有下划线
FrontPage 2000 教程
德化三中 曾华伟
FrontPage 2000
创建网站 编辑文本、添加图片 构建网页页框架 设置超连接 设计导航结构 使用表单 使用组件 站点管理与发布
退出
创建站点、网页
Web站点是由万维网托管的一组相关网页。 通常包含一个主页和指向其他页的超链接。
设计导航结构
导航结构就像一个单位或组织的结构图，首页位于顶部，其他 的网页归入下面各层。导航结构可以直观的浏览各网页间的链 接关系，同时利用鼠标就可以改变网页的链接位置。
导航结构基本操作（创建、修改查看） 共享边框（设置，取消） 添加导航栏（插入、自定义）
导航结构基本操作
创建导航结构：导航视图－右键新建网页或主页。
发送到电子邮件：表单属性－电子邮件结果－指
定邮件地址及格式（需与ips人员联系）
注：结果＝域名＋值
确认页
使用模板创建：文件－新建－确认表单－输入域名 自定义：建立网页－输入确认文本－插入“确认域”组件
－输入域名
应用：待应用网页的“保存结果”－确认网页－指定确认
页－选择验证失败页面
注：如果用户未指定确认页，系统会自动创建确认页， 同样如果未指定验证失败页，系统也会自己创建。
录
2.页面属性设置：常规、背景、边距、自定义工作组 3.样式表：唯一名称标识的格式特征集合 4.首页布局：创建表格、调整表格、表格属性 5.制作框架页面：（使用模板、修改框架布局）
首页构成
网站Logo 广告Banner 导航栏 版权信息 子栏目内容索引 其他
页面属性设置
在页面编辑区上右键－页面属性、工具－页面属性
使用向导、模板创建 站点设置（总体设置、兼容性设置) 网站结构管理（设置文件属性，文件/文件夹的导入）
插入网页
使用向导、模板创建
导入网站向导：导入已有的站点或内容。分为导入内
部站点和外部站点。（新建－导入站点向导）
使用公司展示向导：(新建－公司展示向导－主题－产品
服务页数－额外项目－收集信息－收集类型（tab用数据库或 excel处理结果－建立导航．．．．．．） 只有一个网页的模板（新建－只有一个网页的模板） 空白站点：只创建站点的文件夹结构。（新建－空白站点）
使用预定图片组件：方法同上
部分组件需在页面被保存后，通过浏览器进行基于wbb的访问才能正确显示
站点管理与发布
任务和文件管理 报表管理 超链接管理 发布
任务和文件管理
创建任务来追踪web站点的工作，分配任务，设置任务优先 级，监视任务状态
添加任务：文件夹视图－右键－添加任务指定任务
名称、分配对象、优先级及说明。
常规设置：url、标题、目标框（使超链接跳转 到指定框架）背景音乐。
背景属性：背景图、超链接效果、从其他网页 获取信息。
边距属性：设置边距 自定义属性：设置设计者某些自定义信息，在
网页中不显示。 语言属性：正确的HTML字符编码避免web页
上的乱码。 工作组属性：设置相关联的类别分类等。
（注：1.独立的顶层无任何逻辑关系2.导航中的每个图标与相应 的web页对应3. 这些页面将成为导航栏中的超链接。）
修改导航结构：添加现有网页（不能添加已经位
于导航结构中的网页）。删除：从结构或站点中删除。 移动。
共享边框
站点上一个或多个网页共享的区域
设置共享边框：格式－共享边框（选中上、下、
下画线开头的文件夹将在fp中隐藏，浏览web时可以看见其内 容。特：fp自动建立的_private文件夹内容浏览者无法访问。
提示： 为各类文件指定单独文件夹、有序的存放页面文件
插入网页
方法一：新建－网页 方法二：文件视图右键新建网页
注意：请及时保存
构建网页框架
1.首页构成：1.网站logo2.广告banner3. 导航栏 4. 内容目
左、右包含导航、站点默认【取消】）
删除共享边框：反操作
添加导航栏
导航栏是用于浏览网站的一组超链接。
居于导航结构的导航、下一个的导航栏： 自定义导航栏 注：将导航栏插在共享边框内可为所有web页设置导航
栏
表单
表单是网页与用户浏览者之间的一种交互界面。
超链接视图：链接的图形化表示
报表视图：显示链接文件、未链接文件、断开的链
接
发布
将本地计算机文件复制到web服务器的过程
文件－发布－指定地址目录（例：本地计 算机）
发布到本机可作为备份
参考网站
hongen dcren webbworm.myetang/ wsy99jb.8u8 hua852.8u8/qqzt.htm st982106.i-p/h.htm tech.163/tm/001111/001111_10852.html
在超链接中去下划线
管理超链接
“超链接”视图：右键自定义 跟踪超链接 自动修复超链接 验证和修复超链接：保存所有网页－查看－报
表－断开的超链接（外部链接显示“？未知”、注： 目标端被删除的链接必须重新设置）
重新计算超链接：修复所有超链接、更新组件信
息及同步站点数据、数据库信息和类别。
注意：1.创建时注意选择站点保存位置。 2.向导和模板只是建立一个网站的框架，大量个性
化的设计还需用户自己来做。
站点设置
创建站点后应立即对站点进行设置
总体设置：工具－站点设置（参数：可在组件替换时应
用。高级：隐长/临时文件/脚本语言。语言：服务器扩展语言 /编码语言【编码方式决定如何保存网页】/创建时忽略键盘编 码方式。导航：修改默认导航标签。
图片
插入图片（请及时保存，注：从网络上插入底图片
将直接保存路径，当图片网址变动时会找不到该图）
调整图片：控点、图片属性
图片工具栏：设置透明色、裁剪图片、效果图、
重新取样、替代图及文本
设置超链接
超链接是从一个网页指向另一个目的端（网页、图片、 Email、文件、程序、书签等。一个完整的超链接包含： 链接载体和链接目标。
去下划线
在head与/head之间插入下列代码之一
1.<style> <!-- a {text-decoration: none} -></style>
2.<style> type="text/css A:link{text-decoration:none; color:#003300} A:visited{text-decoration:none; color:#003300} A:active{text-decoration:none; color:#c00000} A:hover{text-decotation:underline;color:#c00000} </style>
组件
悬停按钮效果：颜色、效果…..
滚动字幕效果：方向、速度、方式
横幅广告效果：图片、过渡、时间
DHTML效果：事件、效果
站点计数器：起始值、固定位数
： 使用替换组件
在站点设置添加变量，替换信息变动网页会 自动更新变量
使用包含网页组件：插入另一网页内容
： 使用预定网页组件 插入另一网页内容并指定显示时间
Praga－no－cache
式、
段落设置：缩进间距、样式、边框底纹、 应用主题：自定义、挑选 网页浏览 页面保存
插入图片 调整图片 使用“图片”工具栏
文本、段落、主题
文本：输入编辑、字符、注释、查找替换、格式 段落：缩进间距、样式、边框底纹 主题：自定义、挑选 页面保存 预览 水平线与垂直线
嵌入式样式表 将样式直接应用：格式－样式
制作框架页面
使用模板创建框架：文件－新建－框架网页（填充框架
网页：创建空白页、填充已有网页。替代页：左下脚－无框架）
修改框架布局：右键框架属性、框架菜单 保存框架网页：逐个保存－框架本身
例：联众游戏
编辑文本、添加图片
文本处理：分段换行、字符、注释、查找替换、格
模板、向导创建 表单域创建（文本、按钮等表单域） 处理表单结果（发送到文件，电子邮件） 确认页（创建、应用）
模板、向导创建表单