Frontpage2000值得学习的10个操作技巧

制作网页——FrontPage2000◆单元概述Internet作为一种新兴的信息传播媒体和信息资源宝库，它吸引了越来越多的人。

我们不但可以获取最快捷、最准确的信息，还可以利用这个新的媒介来宣传自己。

在本单元中，我们将应用FrontPage软件，制作一个以青春校园为主题的网站——小荷才露尖尖角。

为了使制作的网页激动人心、丰富多彩，我们要在网站的网页里添加文字、图片、音乐等媒体，还要为网站规划结构。

在网站与网页的创作过程中，我们将学习规划网站结构，创建、编辑网站中的各个网页，设置网页中的共享边框、导航栏和网页主题，最后我们要作品发布到Internet。

在本单元的学习中，我们要充分利用教师提供的样例，认真观察与分析样例中网站的结构与网页的组成，但不要受样例的束缚，及时完成每一个学习任务。

相信同学们一定会制作出高水平的作品。

◆单元重点1．主要技术重点：网页制作2．相关技术重点：技术应用、运行环境、程序设计、Internet3．软件：Microsoft FrontPage2000、网络浏览器第l课进入FrontPage世界◆课程描述在本节课中，我们将了解网站、网页、主页的关系，通过观察网页，了解网页的组成，创建一个新站点。

◆教学目标1.了解网站与网页2.认识MicroSoft FrontPage20003.创建一个新的站点◆教学过程复习与导入1．复习上学期所学的内容：1)信息技术基础知识(信息与信息技术，计算机组成，信息安全)；2)windows2000(美化桌面，窗口与对话框，资源管理器，文件和文件夹)；3)网络知识(网络基础，IE看世界，信息搜索，电子邮件，网上交流)2．导入新课在本单元中，我们将学习网页制作技术，通过学习能够制作一个漂亮的网页，而在本节课中，我们则了解网站与主页，初步认识FrontPage2000，并创建一个新站点。

任务与活动第一任务了解网站与网页1．活动与探索打开IE浏览器，观察与思考问题：网站与网页的关系；网页与主页；怎样从主页进入到其它页面?2．了解常用的网页制作软件(FrontPage，Dream Weaver)第二任务初识FrontPage20001．活动：启动FrontPage2000，观察FrontPage2000窗口的组成。

一、创建网站：程序打开了，但现在我们还不能直接进行网页制作，首先得解决网页文件的存放位置问题，也就是把这个网页文件放在硬盘上的哪个文件夹（站点）之中。

创建本地网站还有一个重要原因，虽然同一个网站的网页可以分散在硬盘上的各个地方，但在进行文件上传时就会出现很大的困难，特别是文件比较多的时候，因为你可能由于文件过于分散而少传了些东西，或者多传了些不需要的东西，总之，非常不方便。

提示：如果没有进定位，网页制作完成后的效果预览就看不到，更重要的是，它可以解决由于误操作带来的麻烦。

所以，随时保存文件是个不错的好习惯。

保存的快捷键是：Ctrl+S1、在操作菜单上找到“窗口”→“站点文件”→“新建站点”，在“站点名称”中输入任意的字符（注意不要用中文），代表站点的名字；在“根目录”栏决定将刚才那个站点即文件夹放在什么地方。

2、点击“本地根目录”栏旁边的文件夹标志，然后在弹出的操作面板中创建一个叫“Homepage”的文件夹，在这个文件夹中将放置所有网页用到的资料。

（当然，你也可以为文件夹取其他名字）。

3、关闭站点管理窗口，然后将本网页文件保存到本站点中（“文件”→“保存”），起名为index，程序会自动为网页文件添加.htm的扩展名，表示此文件是一个网页，而不是其他类型的文件。

提示：以后要在同一个网站（即文件夹）中建立新网页，不再需要创建新站点，大家可以直接进入网页制作过程。

4、在站点中使用文件夹管理各类文件。

提示：站点管理窗口中，右键弹出菜单还有“新文件夹”选项，可以用来在站点中创建新文件夹。

为什么要创建新文件夹？这是为了使站点管理更为规范。

实际制作中，我们常常把站点中的所有图片放到一个文件夹中，并将其命名为 Images ，当然你也可以用诸如 Picture 等其他名称，反正你自己清楚哪个文件夹放置的是什么东西就行了。

二、用模板创建网页模板创建技术，实现了内容与设计样式的分离，利用模板制作的网页，还有一个特别有用的功能：当你对模板不满意，只需修改模板， Dreamweaver 就能自动更新所有用模板制作的网页，而不需要一个一个地进行修改,大大减少了网页设计者的工作量。

FrontPage教程初识FrontPage1．启动 FrontPage 2000单击“开始”\“程序”\“Microsoft FrontPage”，进入界面。

标题栏：位于窗口的最上方，表示程序图标、程序名称、网页文件名和“窗口控制”按钮等。

菜单栏：共有十个菜单，每个菜单都有若干项命令。

工具栏：工具栏中有“常用”工具，使用方法同Word。

格式栏：“格式”栏使用方法同Word。

网页标签：位于网页左上方，显示当前被编辑的网页名。

视图栏：位于窗口的左侧，用于在各种视图间来回切换。

共有6种视图，分别是网页、文件夹、报表、导航、超链接和任务栏。

编辑区：用户在此区域输入文字、插入表格、图片或其他媒体文件等，从而创建网页。

编辑模式按钮：有“普通”和“HTML”两种编辑模式，用户可以选择不同编辑模式编辑网页；在“预览”模式下，可以直接浏览网页的效果，很方便。

2．退出 FrontPage 2000单击“关闭”按钮或“文件”/“退出”，都可以退出FrontPage 2000。

退出时系统将显示一个对话框，询问用户是否将该网页保存，选择“是”，则保存网页，否则将不保留网页。

新建网页1．规划网页在新建网页前要仔细规划网页（网站），这是第一步。

（1）确定网页（网站）的主题和风格；（2）确定网页（网站）的内容（事先收集和整理一些相关的信息）；（3）确定网页（网站）的框架（根据内容确定框架的基本结构），如有几个副标题和几张网页；（4）分别创建不同内容的网页，包括插入图片、音乐、背景等；（5）修饰和调试网页（网站）；（6）保存网页或发布（网站）。

2．新建页面新建页面最简单的方法就是单击FrontPage“常用”工具栏的“新建”按钮。

它的右方有一个向下的小箭头，它是用来选择要新建什么，可以用“新建”按钮新建网页、站点、文件夹和任务。

默认状态下是新建网页。

如果要新建网页，可以不用向下箭头键选择，而直接单击“新建”按钮。

不过使用文件菜单的“新建”命令来新建网页能够有更大的选择。

八、使用多媒体1.使用音频网页除了显示图形和文字之外，还能实现多媒体功能。

对多媒体的良好支持是FRONTPAGE的一个突出的特色。

我们能够很容易的在网页里播放音频和视频。

我们从最简单的嵌入音频开始。

我们选择“插入”菜单的高级命令，单击“插件”选项，在打开的“插件”属性对话框中单击“数据源浏览”按钮，选择要播放的音频文件，我们可以选择扩展名为WAV、MID、SND、AU的音频文件，单击“确定”按钮。

在普通模式下，为了表示插入音频的位置，FRONTPAGE就会使用这样的插头标记。

现在我们切换到预览模式，音乐就自动播放了。

现在插头变成一个播放器了。

这个播放器名字叫ACTIVE MOVIE，它是Internet Explorer浏览器自带的一个媒体播放插件。

浏览器检测到我们在网页里插入了一个音频文件，就会在插入音频的位置显示一个ACTIVE MOVIE播放器，并用它来播放音频。

最新版本的Inter Explorer 和 Netscape Navigator都带了播放多媒体的必要插件，不过如果浏览者的浏览器没有带插件或没有安装，我们最好给他们一个不能播放文件的提示信息。

在刚才插入的音频文件图标上右单击鼠标健，选择“插件属性”命令，在“浏览器不支持插件时显示的消息”文本框中输入“对不起，您的浏览器不支持这种文件格式的播放.”，这样，当使用的浏览器不能播放音频时，浏览者就会在网页上看到提示信息。

我们可以改变音频图标的大小：单击音频图标，拖动图标四周的小黑点，图标就变大了，切换到预览模式，播放控件就也变大了。

这和改变图片的大小是一样的操作方法。

我们也可以精确的调整插件在网页中显示的大小：在普通模式下的音频图标上右单击鼠标健，选择“插件属性”命令，我们只要修改“大小”部分的数值就可以调整插件的大小。

“布局”部分中：对齐方式用来调整插件与网页中其他文字的对齐方式。

这也和图片的对齐方式一样；水平和垂直间距用来是用来调整插件与周围文本的距离的，变框粗细是用来设置图标边界的宽度的。

一、Frontpage的知识点1、网页的组成元素有文字、表格、图像、图形、动画、音乐和视频等。

2、Frontpage2000是一个功能强大，但操作非常简单的网页制作软件。

3、表格的操作：（1）插入表格：单击菜单“表格”——“插入”——“表格”，将出现“插入表格”对话框，输入行数和列数，就可以插入一个规范的表格。

（2）添加、删除行或列，合并或拆分单元格（3）设置表格的宽度和高度，边框的粗细、颜色，对齐方式：在表格上按鼠标右键，从弹出的菜单中选择“表格属性”，在“表格属性”对话框中进行设置。

4、设置网页的背景颜色：将鼠标移到网页中间，单击右键，从弹出的菜单中选择“网页属性”，出现“网页属性”对话框，选择“背景”选项卡，就可以设置背景颜色。

5、给网页添加背景音乐：将鼠标移到网页中间，单击右键，从弹出的菜单中选择“网页属性”，出现“网页属性”对话框，选择“常规”选项卡，就可以添加背景音乐。

6、插入图片：将光标移到要插入图片的地方，单击菜单“插入”——“图片”——“来自文件”，出现“图片”对话框，直接在文件列表中选择图片文件。

7、插入视频：单击菜单“插入”——“图片”——“视频”。

8、插入Flash动画(.swf格式)：将光标移到要插入Flash动画的地方，然后单击菜单“插入”——“高级”——“插件”。

在“插件属性”对话框中，单击“浏览”——选取要插入的flash动画文件——“确定”，完成插入。

9、插入字幕：将光标移到要插入字幕的地方，单击“插入”——“组件”——“字幕”，输入字幕的文字内容，设置好其他属性。

10、插入横幅广告管理器11、建立超链接：（1）可以在文字上建立，也可以在图片上建立。

（2）超链接的对象可以是网页、网址、电子邮箱地址，也可以是图片、电子文稿文件等。

（3）操作步骤：选中建立超链接的文字或图片，在选中的对象上按鼠标右键，在弹出的菜单中选择“超链接”，在对话框中选择要链接的对象，如网页、电子邮箱地址等。

四、超链接1. 用文本和图形建立链接怎样才能自己做的网页相互联系起来呢?也就是说让别人点页面上的图形或文本就跳转到其他页面呢？在网页里，我们把这种点击后会进行页面切换的网页界面元素叫超链接。

先来看一下用文字来建立链接。

首先创建一个指向站点内其他网页的超链接。

选择“插入”菜单的“超链接”命令，在文件列表框内选择“页面1.htm”文件，注意在URL文本框中显示了该文件的地址。

单击“确定”按钮.超链接就制作成功了。

我们切换到预览模式（单击预览按钮），当我们把鼠标指向“主页”两字时鼠标变成手形，单击它，我们就切换到主页了。

那么为什么不在普通模式下试呢？：因为普通模式主要是用来编辑网页的，当我们在普通模式把鼠标指向“主页”两字时鼠标没有变成小手状，因此不能进行页面切换。

不过如果按住CTRL键，鼠标就变成了小手状。

这时单击就可以进行切换了。

也就是说在普通模式中按住CTRL键才能激活超链接。

我们也可以将超链接指向其他站点的网页。

选中作为超链接的文本，单击“常用”工具栏的“超链接”按钮，这和选择插入菜单的超链接命令是一样的。

在“创建超链接”对话框里，在URL地址栏直接输入要连接的网页或网站的地址。

如果不清楚要作超链接的地址，只要单击URL地址框后面的放大镜就可以用浏览器在INTERNET上查找要链接的网页，FRONTPAGE会自动记录你找到的地址。

单击“确定”按钮就可以了。

我们还可以改变已经设置好的超链接。

首先确认是普通模式，在要改变的超链接下单击鼠标右键，选择“超链接属性”命令，输入新的URL地址就可以了。

要想取消超链接，删除所有URL地址框里的内容就可以了。

还有一种超链接，可以链接电子邮件。

这样可以使你的网上朋友通过Email及时与你联系，这是一个网站站长和网友交流的重要手段。

首先选中要作为超链接的文本，一般文本就是你的邮箱地址，单击“超链接”按钮，单击“信封”按钮，输入你的邮箱地址，单击“确定”按钮，退出对话框，选择“确定”，这时超链接就建立好了。

FrontPage快速使用技巧一、精确定位对象在FrontPage中，对象定位的不精确受到很多人的指责，在FrontPage 2002中我们能够试着解决这个问题。

首先，单击“视图→工具栏→定位”命令，将在界面中显出“定位”工具栏（），该工具栏能够浮动在当前页面上，也能够拖放至FrontPage上端、右侧或下端的工具栏中。

当使用者选择一个对象（能够是图片、悬停按钮，甚至能够是在DreamWeaver中制作的图层等）后，“定位”工具栏的所有参数项即被激活。

此时，除了能够设定常规的“宽度”及“高度”外，还能够设定对象与左边界及上边界的距离。

注意:若是你选择对象后“定位”工具栏的“左”与“上”参数项没有被激活，只要将对象上移一层即可。

二、应用嵌入式网页首先，把鼠标插入点置于页面中预嵌入网页位置，然后单击“插入→嵌入式框架”命令，在当前位置会显示出嵌入式页面（），在此你能够点击“设置初始网页”按钮，在弹出的“插入超链接”对话框中，将站点中的任意页面或页面中某一书签，亦或是外部链接设置为链接源;也能够点击“新建网页”按钮，在当前建立的空白页面中直接编辑内容。

三、自动编排缩略图大凡桌布下载、图片欣赏类的站点，都需要定制大量的缩略图，此项工作若是手动完成，需要耗费大量的时间，而在FrontPage 2002中就能够自动完成缩略图的插入、编排。

点击“插入→图片→新建图片库”命令，弹出“图片库属性”对话框（），在此首先查看“图片”标签页，点击“添加”向下箭头按钮，能够从文件或扫描仪，照相机中选择图片。

当所需图片都被添加到列表中后，选择指定图片即可在右侧视图中预览，还能够为每个图片设定标题（可定义标题文字的字体、颜色、字号等属性）。

此后，切换到“布局”标签页，在此可选择图片在页面中的排列方式。

四、调用样式表在FrontPage 2002中调用样式表已经与DreamWeaver一样简便易行了。

下面以实例说明其调用方法:假设预先已制作好了一个“alpha.css”样式表，准备将其应用到站点的所有页面中，则点击“格式→样式表链接”，弹出一个对话框（），首先激活“所有网页”单项选择框，然后点击“添加”按钮，选择“alpha．css”样式表所在路径，将其添加到列表中即可。

FrontPage使用实用技巧3.1 编辑处理技巧(1)3.1.1 快速去掉文本格式当从Word或网页中复制文字到FrontPage中编辑时，会发现原文字格式也都被复制进来，请问有没有办法快速取消这些格式呢？答：有两种方法可快速取消这些格式。

第一种是利用鼠标选定这些文字，然后单击“格式→删除格式”命令，或者直接在键盘上按组合键“Ctrl+Shift+Z”。

第二种方法是把这些文字粘贴到记事本，或者直接保存为纯文本文件，然后在记事本中选择复制，再到FrontPage中进行粘贴便可去掉原文字所有格式。

3.1.2 轻松制作竖排文字HTML语言中没有提供中文竖排的功能，请问在FrontPgae中能否制作出中文竖排文字效果？答：我们可以巧妙地运用表格功能来制作出竖排的中文文字。

在FrontPage菜单栏中单击“插入→表格”命令，设置为1行1列，然后调整好该表格的高度及宽度，在宽度上仅供一个中文文字显示完全，这样文字便会进行“竖直”排列了。

接下来在表格上单击鼠标右键，从快捷菜单中选择“表格属性”选项打开“表格属性”对话框，在“边框”栏中把表格线条更改为和背景色相同的颜色即可达到隐藏表格的效果。

3.1.3 隐藏框架边界在网页设计时若利用FrontPage采用了框架，则会出现厚厚的框架边界，有时会大大影响网页的美观，请问有没有办法隐藏框架的边界？答：可以隐藏框架的边界，在菜单栏单击“框架→框架属性”命令打开“框架属性”对话框，然后在该对话框中单击“框架网页”按钮打开“网页属性”对话框，然后选择“框架”选项卡，取消选择“显示边框”复选框即可，如图3-1所示。

图3-1 “网页属性”对话框3.1.4 自动加入最后修改日期如希望FrontPage能自动在每次更新后添加上日期，请问可以如何进行设置便可让FrontPage自动进行添加呢？答：这其实非常简单，只需在源代码<BODY>…</BODY>之间加入一段代码即可，该代码如下：<Script Language="JavaScript"><!—document.write ("Last Updated:" + stModified);--> </Script> 3.1.5 减小换行段落间距在FrontPage中编辑网页时，若直接按回车键进行换行则会使两个段落间产生很大间距，请问有没有办法缩小这个换行间距？答：按回车键可使字符另起一行进行输入，而要减少段落间的间距，可利用“Shift”键配合回车键使用即可，即按下“Shift+Enter”组合键进行换行；或者在HTML代码中要换行的文字后加入“<br>”（双引号不用输入）代码。

和之间加上如下的CSS语法控制：a:active { text-decoration:blink}a:hover { text-decoration:underline;color: red}a:visited { text-decoration: none;color: green}-－>其中：a:link 指正常的未被访问过的链接；a:active 指正在点的链接；a:hover 指鼠标在链接上；a:visited 指已经访问过的链接；text-decoration是文字修饰效果的意思；none参数表示超链接文字不显示下划线；underline参数表示超链接的文字有下划线。

同样，如果将none替换成overline则给超链接文字加上划线，换成line-through给超链接文字加上删除线，blink则使文字在闪烁。

8、给图形增加一个缩略图Top 如果网络速度比较慢，可以给图片增加一个缩略图，快速地显示图片的概图。

缩略图是指把原图像按比例缩小，作为原图的预览，即当访问者点击一个到图片的链接后，在图片下载的过程中，网页上首先出现图片的略图，直至原图全部出现。

下面我们看一下在FrontPage中如何完成这样的功能。

首先制作缩略图，这可以在imageready等图形软件中制作一个缩略图，并保存到相应的目录中。

在FrontPage中插入图片，然后单击鼠标右键，选“图片属性”。

选择“常规”选项卡，单击“替代表示”栏中的“浏览”按钮，找到刚才所制作的缩略图jq-pc0.gif，也可以在“文本”栏中填入相应的说明文字。

单击“确定”按钮，完成此操作。

9、强制页面重新载入Top 如果想别人在看你的主页时，每次都刷新，而不是读取缓存里旧的数据，可以这样来做。

用鼠标右键单击页面，选择“页面属性”，弹出“网页属性”对话框。

单击“自定义”选项卡，这里并没有我们要的功能。

点“添加”按钮，弹出“系统Meta变量”对话框，输入一个变量，“名称”为“Pragma”，“值”为“no-cache”，单击“确定”。

Frontpage操作技巧1、插入一个完整表格，表格→插入→表格→选择行数和列数。

2、在现有表格中插入行或列，要在哪行或哪列前插入，就在该行或列单击鼠标右键→插入行或插入列。

3、合并单元格。

先选中要合并的单元格→鼠标右键→合并单元格。

（拆分单元格同理）4、删除行或列。

选中要删除的行或列→右键→删除行或删除列。

5、单元格属性。

设置单元格的水平、垂直对齐方式，单元格的宽度、单元格的背景颜色或图片，在该单元格中右键→单元格属性。

6、表格属性。

设置表格的宽度，边框粗细，表格的背景颜色，背景图片，表格中的对齐方式等，右键→表格属性。

7、网页属性。

设置网页的标题，网页的背景音乐，网页的背景颜色、背景图片，超链接的颜色，右键→网页属性。

8、超级链接。

选中要设置超级链接的图片或文字，右键→超级链接。

（链向本地文件，链向网址，链向邮箱）9、设置滚动字幕。

插入→组件→字幕。

10、插入水平线。

插入 水平线11、插入Flash 动画。

插入→高级→插件。

IE 操作技巧一、IE 浏览器属性设置选中IE 浏览器→右键→属性。

1、常规→主页和历史记录保存天数设置。

2、 安全→自定义级别→设置安全级别。

3、 高级→设置网页中的视频、动画、声音是否播放。

输入要滚动的字幕设置字体的样式二、网页的收藏与保存1、网页的收藏。

打开需要收藏的网页→收藏夹→添加到收藏夹→输入网页的名称→创建到→新建文件夹→输入文件夹的名称→收藏。

2、网页的保存。

打开需要保存的网页→文件→另存为→选择保存位置→输入网页的名称→选择保存的文件类型（网页类型HTML，文本类型TXT）。

三、保存文字、图片或歌曲选中文字→复制→打开word/记事本→粘贴→保存（注意位置与名称）选中图片→右键→图片另存为→选择保存位置→输入图片的名称。

选中歌曲→右键→目标另存为→选择保存位置→输入歌曲的名称。

创建文件夹按钮。

用FrontPage2000作动态网页DHTML是动态网页的意思，它其实并不是一个标准的术语。

事实上没有一种技术叫作DHTML.D HTML是利用CSS（层叠样式表），JavaScript，HTML等技术而建立的能与访问者产生互动的网页。

比如在动态网页里，当访问者单击了某一张图片后，这张图片会自动的移动，这就是DHTML效果。

也就是说，当网页下载完毕后，它无需再与服务器连接就能产生变化了。

FrontPage2000提供了一套容易制作动态网页的方法，你可以建立起属于自己特色的动态网页。

使用DHTML的基本步骤：1.在页面点选需要使用DHTML的对象，比如文本，图片。

对于文本需要拖曳鼠标选定；2.在DHTML工具栏，选择通过开启的下拉列表选择一种事件，文本和图片所具有的事件是不同的；接下来再应用下拉列表选择一种效果；最后选择该效果的的实现方法；3.当你为对象使用了DHTML后，保存该页面并预览，你会发现你选定的对象按照你设置的DHTML的效果出现；4.如果想删除某一个对象的DHTML效果，先选定该对象，然后单击DHTML工具栏上的删除效果图标即可。

（图1）DHTML的事件在DHTML制作中，我们听得最多的是“事件”这个术语。

什么是“事件”呢，顾名思义，就是发生的一件事情，比如你用手打开门，那么这就是一个事件。

换到网页制作中，开门变成了单击，也就是说，访问者单击了一个链接，那么出现了事件的结果，门被打开了。

在FrontPage2000中，当我们打开DHTML效果工具栏后，点选文本或者图片会产生不同事件。

但它们的施用方法是一样的，下面我们以文本举例：我们先在编辑器里输入一段文本，比如：网页陶吧，然后继续下面的三个步骤：事件-（图2）选定一段需要产生DHTML效果的文本，这里是：网页陶吧。

从DHTML效果工具栏的开启下拉列表选择一个事件。

这里对于文本我们只有“网页加载”这个事件。

“网页加载”就是当网页第一次装入的时侯发生的事件，它不需要用户利用鼠标去触发它，而只需要访问者利用浏览器打开它的时侯就会产生预设的动态效果。