frontpage怎么做网页

篇一：一步一步教你学会FrontPage网页制作

一步一步教你学会FrontPage网页制作

第1课 上网基础

学习做网页之前，我们首先要知道网页是什么，一般来说网页是用在网络上的htm文件，通过网页可以很方便的实现网络资源的共享，上网分为三个步骤；

1、输入正确的网址

1）在桌面上找到Internet Explorer

一般会自动进入微软的网站； ，双击打开，出现浏览器窗口，

2）找到地址栏一个长白条，里面有一串以http打头的字符，这就是地址栏；

3）在地址栏里头点一下鼠标左键，然后删除里面的字符，输入自己的的网址，网址一般是英文的以http打头，然后是一个冒号和两个斜杠（双斜杠），然后是www（三W），后面跟一个点，最后一般是com结尾，例如输入

输完检查一下，没问题就按一下回车键，这时窗口右上角的小图标就开始运动，也就是正在搜索；

4)一切正常就会进入到搜狐网站的首页；

2、找超级链接

网页上的内容是一页一页的，一般都藏在一个叫超链接的后面，所以第二步就是要找到超链接；

超链接有三个特点，首先文字的颜色是蓝色的，非常醒目，其次文字下面有一条下划线，便于查找，最关键的是当鼠标移过去以后，指针会变成手形这一点很重要；

找到超链接以后就可以鼠标左键单击，进入相应的内容了；

3、后退按钮

看完一页后如何返回呢？在窗口的左上角有一个后退按钮

就可以回到上一页，这样就不会迷失方向了；

，，点一下

其他还有浏览、下载、另存为等等也都是网络的功能；

本节学习了上网的基础知识，学习了上网的三步曲，网址－超链接和后退，如果你成功地理解并完成了练习，请继续学习下一课内容。

第2课 网页基础

这一节我们来学习做网页，通过上一节我们可以知道网页包括标题、内容和超链接几部分组成，下面我们通过一个练习来看看怎样做一个网页；

1、启动FrontPage

1

）单击“开始－程序－Microsoft FrontPage”一个蓝色的箭头图标

，启动FrontPage程序，自动新建一个空白文档；

2）单击工具栏上的保存按钮，出现保存对话框，从上到下先找到自己的文件夹，然后在下边的文件名框里点一下，删除里面的字符，输入index然后再点旁边的“更改”按钮，输入网页标题“青青草”，单击“确定”－“保存”，就成功地新建一个网页；

2、输入内容

保存完毕回到窗口中，输入网页标题和内容，这里我们创建个人主页，一行一行往里面输入，一行输完按一下回车键到下一行：

第一行是标题，也就是网页的名称，个人主页包括自己的简介、爱好等内容，注意输“联系”的时候，在冒号后面加一个空格就不会错了；

3、格式设计

下面把网页的版面设计一下，也就是把网页修饰的漂亮一些；

1）背景色 单击“格式”菜单，选择“背景”命令，如果没找着，就点一下菜单最下面的折叠按钮，藏在下面呢；

打开背景对话框以后，在中间找到“颜色”里面的“背景”，在“自动”上点一下，出来颜色对话框，在“其他颜色”上点一下，选一个自己喜欢的颜色，单击“确定”，背景色就加好了，单击“保存”按钮，保存一下文件；

，让标 2）标题修饰 选中标题“青青草花园”，单击工具栏上的居中按钮

题居中，然后从左到右依次选择字体、字号、颜色，字体设为华文彩云，字号设为6，颜色设为红色，注意颜色是大A按钮一下文件；

3）文本修饰 选中其他文本内容，把字体改为华文行楷，字号为4，颜色设为一个好看的颜色，保存一下文件；

4）做好的网页怎么观看呢？在工具栏上找到一个放大镜“浏览”按钮，就，旁边的铅笔是背景色，保存可以查看自己的网页了（如果网页没出来，就到底下的任务栏上找一找）。

第3课 网页练习

这一节我们来做网页练习，先在自己的文件夹里给每个要建的网页创建一个文件夹，名字改为每个网页的标题，保存网页的时候文件名都起成index也就是主页的意思，网页标题“更改”为标题，并且对内容进行修饰和设计；

在做下一个网页之前，先在“文件”菜单中“关闭”这一个网页，然后点“文件－新建－网页－确定”

1）给自己的爸爸建一个网页；

2）给自己的妈妈建一个网页；

3）给自己的爷爷建一个网页；

4）给自己的奶奶建一个网页；

5）给自己的外公建一个网页；

6）给自己的外婆建一个网页；

7）给自己的哥哥建一个网页；

8）给自己的姐姐建一个网页；

9）给自己的弟弟建一个网页；

10）给自己的妹妹建一个网页；

第4课 创建网站

网页的内容除了文本以外，还包括图片、音乐、动画等等，网页提供了一个窗口、一个界面，一个供大家展示的舞台，各个项目有机的组合在一起，构成一个网站，下面我们通过一个例子来看看怎样创建一个网站；

1、创建新站点

1）启动FrontPage，自动新建一个空白文档“new_page_1.htm”；

新建站点的方法有两种，一种是“新建站点”命令，另一种是“打开站点”命令，我们学习第二种方法；

2）单击“文件”菜单，找到“打开站点”命令，出来一个打开对话框，按从上到下先找到自己的文件夹，然后单击对话框右上角的“新建文件夹”

钮，出现新建对话框；

3）在“名称”栏里输入自己的名字，后面再加一个数字1，然后单击“确定”再单击右下角的“打开”按钮，这时会出现一个添加信息的询问，直接点“是”就进入到FrontPage窗口，不同的是左边出现一个“文件夹”列表，里面有两个文件夹，一个是“_private”一个是“images”，右边的窗口上还是

“new_page1”；

4)单击工具栏上的“保存”按钮，出现保存对话框，在文件名中输入index，在“更改”中输入“主页”，单击“确定－保存”，这时在左边文件夹列表里出现一个index.htm，而右边的标题也变成了index.htm；

5）这样我们就成功地创建了一个个人站点，站点的主页是index.htm，主页就是站点的第一个网页，用我们前面学习的知识来输入主页的内容；

6）通过创建我们可以发现，创建站点实际上是新建一个文件夹，在这个文件夹中有一个index.htm的网页，还有两个文件夹_private和images，如果仔细

篇二：使用FrontPage制作网页的基本方法

使用FrontPage制作网页的基本方法

摄 影 技 术

1.打开FrontPage程序,新建一个空白网页 逆光人像摄影技巧 如何拍摄出清晰的 买相机必读的常识 数码相机基本常识 数码相机基本常识 人物摄影的关键要

2.根据制作网页的内容,先大致划分出总体的框架.为方便直观便于了解,这个教程就是现在这个网页的框架。

执行，插入--插入表格，划分出4个大的框架。（1为LOGO区、2为过度区、3为主内容区、4为最底部分）

3.先对框架的宽度进行设定

4.在表格属性对话框中，设定网页的宽度。这里是900（单位是：像素,这个宽度是根据总体背景框架图的宽度设定的），并把“单元格衬距”“单元格间距”以及“边框的粗细”均设置为0。

5.这样，我们就对总体的框架设定完成了，下一步是对每个单元格进行设定。首先选中第一个单元格

篇三：用FrontPage制作网页课件教程

用FrontPage制作网页课件

【教学目标】了解用FrontPage制作课件的优势与不足，学会用FrontPage制作网页型课件。

【重点难点】重点是如何在FrontPage插入多媒体素材，难点是课件交互性的实现和网页源代码的应用。

【教学策略】教师实例演示，学生上机操作，教师辅导和点评。

【媒体选择】主要采用FrontPage示范课件和实际操作讲解相结合，并辅以文字教材 、网上学习资源和教学光盘。

【教学内容】

现在越来越多的课件是用网页制作工具来制作，并结合数据库、 ASP 等技术来加强课件的交互性。网页形式的课件可以集成丰富的多媒体信息，具有交互性强、制作简易、体积小、便于在网络上发布、传播和更新等优点，适合于个别化学习、课堂教学和网络教学。 网页课件的开发工具软件有很多，包括：

? 语言编程如 HTML 、 D HTML 、 ASP 、 JSP 、 PHP 、 JAVA 、 JavaScript 、 VBScritp 、 VRML 等。

? 所见即所得的可视化编辑工具，如 FrontPage 、 Dreamweaver 、 Flash 、 Authorware 、 PowerPoint 、 CourseBuilder 等。

对于一般都有繁重教学任务在身的学科教师来说，没有太多的精力去学习复杂的编程语言。 可视化网页编辑工具由于源代码自动生成，使教师可以有更多的精力关注内容的表达和教学设计。

用 FrontPage 编制的网页课件有较易操作的界面（与上网浏览网页完全相同），一门课程或一堂课的脉络结构（知识结构）可以在主页上用菜单（树形菜单或弹出菜单）或导航条的形式清楚地表明，可以列出教学目的、内容、重点难点、引言、概念性质、例题、练习、小结、作业等等，甚至操作注意事项。 FrontPage 被公认为最好的入门级的网页编辑工具。

一、 FrontPage 基本操作

1. 启动 FrontPage ： 双击桌面上的 FrontPage 快捷方式图标； 开始→程序→ Microsoft FrontPage ；右击一个扩展名为 htm 或 html 网页文件，选“编辑”。

2. 打开或隐藏视图栏、文件夹列表和网页文档

a. 点“视图 → 视图栏”打开或隐藏视图栏。点“视图 → 文件夹列表”打开或隐藏文件夹列表。

b. 右击 扩展名为 htm 或 html 网页文件（ 如 index.htm ） ，选“编辑”，系统默认用 FrontPage 打开网页。

c. 点“文件 →打开”或点 常用工具栏中的“打开”按钮， 从本地磁盘或网络驱动器中打开网页文档，从任意 Web 网站打开网页，打开最近打开过的网页文档。

3. 在 FrontPage 编辑器中预览网页

a. 点普通视图按钮，观察刚才打开的 index.htm 网页。

b. 点 HTML 视图按钮，观察 index.htm 网页。

c. 点预览视图按钮，观察 index.htm 网页。

4.FrontPage 视图方式： 网页视图，文件夹视图，报表视图，导航视图，超级链接接视图，任务视图。

5. 保存网页： 点“文件 →保存（另存为）”或点 常用工具栏中的“保存”按钮，将新建的网页或从万维网上打开的网页保存到本地磁盘，把自己喜欢的网页作为模板保存。

6. 关闭网页： 点“文件 →关闭”或文档窗口 中的“ X ”按钮，关闭当前网页。

二、设计网页课件的框架结构

三、在网页中插入表格、图像、 背景、 剪贴画、声音、视频 和动画等多媒体对象

1. 插入表格

插入 到网页上的文本、图片、音频、视频、动画等元素，往往看起来显得不够整齐，为了使网页更美观，我们利用表格来控制复杂的网页布局，即 用 表格来定位 网页元素 。

(1) 点“表格 → 插入 → 表格”，输入行数、列数（如 3 列 5 行），插入一个规则表格， 设置表格的属性。

(2) 用“表格”工具栏上的 按钮或“表格”菜单上的“插入行或列”命令来增加 表格的 行或列。

(3) 用“表格”工具栏上的按钮删除一个单元或多个单元，删除一行、多行或一列、多列，删除整个表格，表格删除后立即按“常用工具栏”中的“撤消”按钮或按“ Ctrl+Z ”恢复表格；选择单元格或单元格中的内容用鼠标把选择的内容拖到新位置进行移动；按住 CTRL 键，再用鼠标把选择的内容拖到新位置进行复制。

(4)选中需要拆分的单元，单击“表格”工具栏上的按钮或使用“表格”工具栏上的“笔”拆分单元格；选中需要合并的单元，单击“表格”工具栏上的按钮或单击“表格”工具栏上的( 擦除 ) 按钮合并单元格。经过处理， 3 列 5 行的表格 变成 1 列 4 行。

2. 插入图像和背景图象

将鼠标定位到要插入图片的位置（如某个单元格内），单击“常用工具栏”上的“插入图片”按钮，从已建站点的图片文件夹中 选择 合适 的图片，点击“确定”。也可以 在“图片”对话框中点击“插入一个计算机中的图片”按钮， FrontPage 编辑器将打开“选择文件”对话框，从本地磁盘中指定一个图像文件。

右击网页空白处，选“ 网页属性 ”快捷命令，单击“ 网页属性 ”对话框的“背景”选项卡，先选中“背景图片”复选框，选择合适的图像作为背景图插入网页，点击“确定”按钮。

3. 插入剪贴画

点“插入”→“图片”→“剪贴画”命令，选择一幅剪贴画，单击“插入”按钮，或直接双击剪贴画。

4. 插入声音或视频剪辑

选择“插入”→“高级”→“插件”命令，打开“插件属性”对话框，单击“浏览”按钮，打开“选择插件数据源”对话框，从站点文件夹或本地计算机上指定要播放的声音或视频文件。调整网页中插件图标到合适的尺寸。

5. 修改图像属性

右击网页中的图像，选“图片属性”命令，在“常规”选项方式下指定图像的格式（例如 jpg 和质量 75 ）；在“文本”框内简单地描述图像；单击“外观”选项卡，指定图像无边框即边框线宽度为 0 ，指定图像与相邻的文字或图像之间的水平间隔和纵向间隔，要改变图像的大小，首先选中“大小”框内的“指定大小”复选框，然后分别指定图像的宽度和高度。熟悉“图片”工具栏：创建自动缩略图；调整图像的黑白对比度和亮度；给图像加上斜面边界；把彩色图像变成黑白图像；把图像翻转；修正图像；裁剪图像；淡化图像；把图像恢复原样；在 GIF 格式的图像上写文字；使 GIF 图像透明等。

6. 插入水平线美化网页

网页水平线用于把网页分隔成几个部分。新建或打开网页文档，把插入点移到要插入水平线的地方，单击“插入”菜单上的“水平线”命令。要把水平线插入在下一行，就把插入点定在行尾。在水平线上单击鼠标右键，在弹出的菜单中选择“水平线属性”命令，也可直接双击该水平线，设置水平线的宽度 、 水平线的对齐方式和水平线的颜色。

四、在课件网页中使用书签和超级链接接

1. 书签的作用

书签用于在长网页内部快速跳转和定位。

2. 创建书签 网页

从 Web 网页上复制一篇比较长的文本，粘贴（选择性粘贴：无格式文本）到新建网页中。

选择要标记的位置，单击“插入”菜单中的“书签”命令。 FrontPage 编辑器将显示“书签”对话框。在“书签”框中键入书签名称（最好用西文命名），书签名称应具有较好的描述性，然后单击“添加”按钮。可看到标签小旗出现在期望定位的位置上。用同样的方法创建其它书签。

在网页顶端创建系列提纲（目录）文本，选中其中一个，右击文本，选“超链接”，在“链接到”栏中点“本文档中的位置”，在书签列表中选中合适的书签，确定。用同样的方法给其它的提纲（目录）文本建立超链接。保存网页，在 IE 中预览。

3. 超级链接

使用超级链接，不仅可使站内的网页成为一个有机整体，还可使不同的站点之间建立联系。例如，在制作“网上学习资源”网页时，需要给所列出的大量的网上学习资源的标题文字设置超链接，以便访问者通过点击网页上的标题文字打开相对应的学习资源。首先选中标题目文字，然后单击标准工具栏上的“超级链接”按钮，在弹出的“创建超链接”对话框中指定超级链接所对应的网页，或在 URL 文本框中填入网页的地址即可。

4．创建图像热点作为超级链接接

新建或打开包含有复杂图片（如地图或大型仪器图片）的网页。练习创建图像热点作为超级链接接。例如，在世界地图片上的“国家地区”区域处创建一个热点，指定它跳转到“按国家地区查询”的主页上。方法是：首先单击图像，编辑器将显示“图片”工具栏，选择“图片”工具栏上的“图片”按钮，把光标移到图像上，光标将变成笔状，按住鼠标左键在图像上画出热点。释放鼠标后， FrontPage 编辑器自动打开“创建超级链接”对话框，在此指定该热点要跳转的目标网页或网址。制作好后在 IE 浏览器中预览。

5. 改变超级链接的外观

选择某文字超级链接，单击“格式”菜单上的“背景”命令，打开“网页属性”对话框的“背景”选项。把该超级链接的颜色改为另一种更醒目的颜色，预览一下，看超级链接文字是否发生变化。试着用不同的颜色表示未访问过的超级链接 (Hyperlink) 、访问过的超级链接 (Visited Hyperlink) 和将要访问的超级链接 (Active Hyperlink) 。看看改变超级链接的外观的效果。

6. 编辑超级链接属性

右击超级链接，选“超级链接属性”，FrontPage编辑器将打开，在URL框内键入新的网页文件名或网址。观察改变后的效果。

7. 取消超级链接

右击超级链接，选“取消超级链接”命令。

五、插入活动元素 - 让课件网页活起来

1. 制作悬停按钮

定位插入点，单击“插入” / “组件” / “悬停按钮”，打开“悬停按钮”对话框。把动态按钮默认标签“按钮文本”，改成所需的按钮文字，单击“字体”按钮，在打开的“字体”（字体）对话框里设置您所需标签的字体。要为动态按钮创建超级链接，可直接在“链接到”框内键入要跳转的 URL ，也可单击“浏览”按钮，从当前打开的网站、 WWW 、本地磁盘中指定跳转目标。可重新指定按钮的前景颜色，不过如果按钮显示的是图像，前景颜色无效。当用户把鼠标移到动态按钮上时，按钮的颜色将自动发生变化，这是动态按钮最大的特色，至于颜色是怎样变化的，可通过“效果”和“效果颜色”框设定。还可改变按钮的宽度和高度（以像素为单位）。动态按钮还有一些高级用法，单击“自定义”按钮，在“自定义”对话框可设置播放声音或音乐和在动态按钮上显示图像等。

2. 制作横幅广告

定位插入点后，单击“插入” / “组件” / “横幅广告管理器”命令，打开“横幅广告管理器”对话框。单击“添加”按钮从图片目录下分别获取图片序列（例如 01.gif ~ 04.gif ），设置宽度、高度、渐变效果、显示每幅图片时间。要为横幅广告创建一个超级链接，只需在“链接”框内键入跳转目标的 URL ，或者单击“浏览”按钮定位跳转目标。

3. 制作字幕

定位插入点后，单击“插入” / “组件” / “字幕”命令，打开“字幕属性”对话框。在“文本”框内键入要显示的字幕内容，设定文字游动“方向”、“速度”、“表现方式”、“文本对齐方式”等选项。在“表现方式”框内，可指定字幕游动的方式，默认是“滚动条”，如果选“幻灯片”，表示当第一个字符而不是最后一个字符触及左边界时就停止游动，如果选“交替”，表示像钟摆那样在左右边界内摆来摆去。可?a href="http://www.zw2.cn/zhuanti/guanyuwozuowen/" target="_blank" class="keylink">我馍柚米帜坏目矶群透叨龋帜坏目矶群透叨燃瓤梢园聪袼氐木灾蹈觯部梢园?Web 浏览器窗口的百分比给出。默认情况下，字幕周而复始，不停地游动，周而复始。您可让字幕只游动若干次，方法是，不选中“连续”复选框，然后在“次数”框内选择要游动的次数。此外，还可给整个字幕加上“背景颜色”。

4 、插入 Flash 动画

方法一：“插入”→“ Web 组件?”→“高级控件”→“插件”

（ 1 ）将鼠标定位到要插入 Flash 动画 的位置，单击菜单命令“插入”→“ Web 组件?”，在“插入 Web 组件”对话框中“组件类型”列表框中选“高级控件”，再在右边点选“插件”，单击“完成”按钮。

（ 2 ）单击“插件属性”对话框中的“浏览”按钮，打开“选择插件数据源”对话框，选择要插入的 swf 课件，单击“打开”按钮。

（ 3 ）返回“插件属性”对话框，设置合适的“高度”、“宽度”等项，单击“确定”按钮。双击插入到网页中的插件，或右击，选“插件属性”，均可打开“插件属性”对话框，进行修改。

方法二：“插入”→“ Web 组件?”→“高级控件”→“ ActiveX 控件”

（ 1 ）用插件的方法播放 .swf 课件，操作简单、实用，但如果要对 .swf 课件进行更

篇四：教你如何做网页--frontpage

《很好轻松做网页》第二章：网页制作例1（上）

表格、单元格及其属性

本章通过制作网页wj/jiandeng.htm ，要求掌握的知识要点是：

1． 设置网页背景色；

2． 运用表格定位布局以及表格（单元格）属性的设置；

3． 生成自动缩略图；

4． 插入水平线，设置水平线的属性；

5． 输入网址和邮箱地址并制作超链接；

6． 为文字和图片制作超链接；

7． 为超链接文本制作翻转效果；

8． 制作书签超链接。

现在我们就来制作如图2-1所示这张网页。

图2-1 网页wj/jiandeng.htm在 Frontpage 中的页面状况

一、新建网页

1. 启动frontpage 2000 程序，显示一个空白网页，并自动命名为 new_ page_1.htm （如果

制作过程中又新建了一个网页，frontpage就将其命名为 new_page_2.htm ，以此类推。Frontpage 可以同时打开多个网页，并且能通过“窗口”菜单进行切换）。

2. 设置背景颜色：菜单→“格式”→“背景”，弹出“网页属性”对话框。

选择“背景”选项卡→颜色→背景，在下拉菜单里点击“其他颜色”→选择“值：Hex={00,99,cc}”（直接输入0099cc即可，英文字母不分大小写）。点击“自定义”按钮，将会有更多的选择，不过你可别挑花了眼喔！

如图2-2、图2-3所示。

图2-2 设置网页背景色

图2-3 选择颜色

二、插入表格

根据内容，本网页的布局主要是三张表格。让我们依次制作。

1. 第一张表格

⑴菜单→表格→插入→表格。弹出“插入表格”对话框

大小：１行 ２列

布局：对齐方式 水平居中；

边框粗细 ０；

单元格边距 ０；

单元格间距 ０；

指定宽度 750 象素。如图2-4所示。

注意：此处的表格宽度不宜选择“百分比”，因为“百分比”是个相对数，会随浏览窗口的大小而伸缩，会把你原先设计好的网页排版搞得面目全非。

图2-4 插入表格

⑵设置表格的背景颜色

点击鼠标右键，弹出快捷菜单。点击“表格属性”，弹出“表格属性”对话框。背景→颜色→其他颜色→选择“值：Hex = {00,66,99}”。 如图2-5所示。

图2-5 设置表格背景色

⑶输入文字、插入图片

确定文字样式：在格式工具栏上选择字体Arial Black，14磅，加粗，字体颜色：白色。如图2-6所示。输入大写 WAHGYOUJIANDENG 。

图2-6 设置文字样式

确定文字样式：在格式工具栏上选择字体“默认”，10磅，加粗，字体颜色：白色。输入“欢迎推荐 欢迎来稿！”

光标移到表格第二列，点击格式工具栏上的“居中”图标。

插入图片：菜单→插入→图片→来自文件→打开存储图片的文件夹images，选择所需图片。

输入“返回主页”,字体为“默认”，10磅，白色。

OK！第一个表格的制作任务完成了。如图2-7。

图2-7

2. 第二张表格

⑴菜单→表格→插入→表格。弹出“插入表格”对话框。

大小：１行 9列

布局：对齐方式 水平居中；

边框粗细 1；

单元格边距 1；

单元格间距 1；

指定宽度 750像素。如图2-8所示。

图2-8 边框粗细设置为1的效果

⑵插入图片、输入文字

插入图片：菜单→插入→图片→来自文件→打开images文件夹，选择所需图片→确定。 复制图片：由于这是一个栏目菜单，以后各列的剪头图片可采取复制方式解决。选中图片，右击鼠标，弹出快捷菜单→复制，光标移向下一列，右击键→粘贴。以后各列类推。

确定文字样式：选择字体“默认”，10磅，字体颜色：“自动”

输入文字：分别在各列输入文字：五十乱弹 情感档案 人生百态 网友作品 网友荐登 健康茶座 财富驿站 边学边做 连环画。

OK！

3. 第三张表格

⑴插入表格：4行3列；水平居中；边框粗细、单元格边距、单元格间距均为０；

指定宽度 750 像素。

⑵设置表格背景色

点击右键，弹出快捷菜单，选择“表格属性”。“表格属性”对话框：背景→颜色→白色。确定。

⑶输入内容。本表格所显示的内容以“列”排序分类。

▲第1列要输入4张原本大小不一的图片，插入前要把它们制作成宽度相同的缩略图。点击菜单→ 工具→ 网页选项，在弹出的“网页选项”对话框中选择“自动缩略图”选项卡，设置宽度为120像素，不选择“边框粗细”和“边缘凹凸效果”两项，如选择，效果如范例所示。如图2-9。

图2-9 设置自动缩略图宽度

激活图片工具栏。菜单→ 查看→ 工具栏→ 图片。

光标移至第1列第1行，左对齐，插入图片《江南小镇》。点击图片，使之处于选中状态，再点击图片工具栏上的“自动缩略图”按钮。如图2-10所示，图片就自动缩小成所设置的宽度120像素。

图2-10 图片工具栏上的自动缩略图按钮

光标移至第1列第2行，如上所述，插入图片《含蓄的金秋》，选中，进行缩略；

光标移至第1列第3行 插入图片《布达拉宫》，缩略；

光标移至第1列第4行 插入图片《恋爱季节》，缩略。

▲制作第2列：

第1行 插入题图《网友荐登》，居中；如图2-11所示。

图2-11 格式工具栏上的“居中”按钮

第2行 右击鼠标，弹出快捷菜单→单元格属性，跳出“单元格属性”对话框，布局栏：水平对齐方式：默认；垂直对齐方式：顶边对齐。如图2-12所示。

图2-12 单元格属性中“布局”

插入表格：1行，1列；水平居中；边框粗细、单元格边距、单元格间距均为0；指定宽度：90 百分比。

在表格内输入文字。字体：默认 10磅， 字体颜色：db8400。“好货总是由众人的眼光挑选出来的，别错过了机会噢……”

篇五：用FrontPage制作网页课件教程

用FrontPage制作网页教程

【教学目标】了解用FrontPage制作课件的优势与不足，学会用FrontPage制作网页型课件。

【重点难点】重点是如何在FrontPage插入多媒体素材，难点是课件交互性的实现和网页源代码的应用。

【教学策略】教师实例演示，学生上机操作，教师辅导和点评。

【媒体选择】主要采用FrontPage示范课件和实际操作讲解相结合，并辅以文字教材 、网上学习资源和教学光盘。

【教学内容】

一、 FrontPage 基本操作

1. 启动 FrontPage ： 双击桌面上的 FrontPage 快捷方式图标； 开始→程序→ Microsoft FrontPage ；右击一个扩展名为 htm 或 html 网页文件，选“编辑”。

2. 打开或隐藏视图栏、文件夹列表和网页文档

a. 点“视图 → 视图栏”打开或隐藏视图栏。点“视图 → 文件夹列表”打开或隐藏文件夹列表。

b. 右击 扩展名为 htm 或 html 网页文件（ 如 index.htm ） ，选“编辑”，系统默认用 FrontPage 打开网页。

c. 点“文件 →打开”或点 常用工具栏中的“打开”按钮， 从本地磁盘或网络驱动器中打开网页文档，从任意 Web 网站打开网页，打开最近打开过的网页文档。

3. 在 FrontPage 编辑器中预览网页

a. 点普通视图按钮，观察刚才打开的 index.htm 网页。

b. 点 HTML 视图按钮，观察 index.htm 网页。

c. 点预览视图按钮，观察 index.htm 网页。

4.FrontPage 视图方式： 网页视图，文件夹视图，报表视图，导航视图，超级链接接视图，任务视图。

5. 保存网页： 点“文件 →保存（另存为）”或点 常用工具栏中的“保存”按钮，将新建的网页或从万维网上打开的网页保存到本地磁盘，把自己喜欢的网页作为模板保存。

6. 关闭网页： 点“文件 →关闭”或文档窗口 中的“ X ”按钮，关闭当前网页。

二、 网页课件制作实例

1. 创建站点

（ 1 ）在本地硬盘（如 D 盘）建一个文件夹 , 用英文或汉语拼音命名 , 如 myweb, 打开它。

（ 2 ）启动 Microsoft FrontPage 。

（ 3 ）点“文件 → 新建 → 站点” , 选择“空站点”图标，再在“指定新站点的位置”栏中输入新建的站点文件夹（ D:\myweb ），或通过单击“浏览”按钮来指定。点“确定”后片刻，编辑区出现一个空站点。

2. 建立框架网页

（ 1 ）点“文件 → 新建网页”，选框架网页”选项卡 , 双击“横幅和目录”。编辑区被划分为上框架、 左 框架和 右 框架 3 个区域。

（ 2 ）点上框架区中的“新建网页”按钮 , 切换到上框架网页编辑状态 , 点“插入 → 组件 → 字幕” , 在“字幕文字”栏中输入网页课件的标题 , 选“交替”表现方式和“连续”选项 , 确定。根据需要插入图片、 gif 动画或 Flash 动画。

（ 3 ）点左框架区中的“新建网页”按钮 , 切换到左框架网页编辑状态 , 输入表示课件目录的文本，如“情境导入”、“新课”、“课堂练习”、“知识扩展”、“课堂小结”、“网上学习资源”、“课外探究”等（或插入相应的图片）。

（ 4 ）点右框架区中的“新建网页”按钮 , 切换到右框架网页编辑状态 , 输入前言文本，插入与课件主题相关的图片或动画。该页相当于课件的封面、前言或首页。

（ 5 ） 点常用工具栏上的“保存”按钮，将弹出保存框架网页的对话框（共 4 个）。注意框架网页的命

名要与框架一一对应起来，即 top.htm 对应上 框架 网页 ， left_frame.htm 对应左 框架 网页， right_frame.htm 对应右 框架网页， index.htm 对应整个 框架 。

3. 建立内容网页

右击“文件夹”窗格空白处 , 选“新建网页” , 命名为“ daoru.htm ”。双击它，在右边的编辑区制作完成“导入”网页。点 常用工具栏上的 “保存”按钮。

用同样的方法创建“新课”网页 xinke.htm 、“课堂练习”网页 ktlx.htm 、“知识扩展”网页 zskz.htm 、“课堂小结”网页 ktxj.htm 、“网上学习资源”网页 wsxxzy.htm 、“课外探究”网页 kwtj.htm 。

4. 制作超链接

双击“文件夹”窗格中的 index.htm （ 主页） , 在 左 框架网页目录区选中表示 “情境导入”的文本或图片，右击它，选“超链接”，在弹出的“插入超链接”对话框中选中 daoru.htm, 确认目标框架的默认值为 main ，点“确定”。用同样的方法将“新课”与 xinke.htm 、“课堂练习”与 ktlx.htm 、“知识扩展”与 zskz.htm 、“课堂小结”与 ktxj.htm 、“网上学习资源”与 wsxxzy.htm 、“课外探究”与 kwtj.htm 建立超链接关系。

点“预览”按钮，点左框架网页目录区的超链接，看它所对应的网页是否在右框架区正确地显示。

5 ．完善课堂练习网页

双击“文件夹”列表中的 ktlx.htm ，在右 框架区 输入练习题（例如一道有 A 、 B 、 C 、

D 四个选项的多项选择题）。

右击“文件夹”窗格空白处 , 选“新建网页” , 命名为“ right.htm ”，该评价网页存放回答正确的反馈信息。双击它，点“插入 → 图片 → 来自文件” , 点“从计算机上选择一个图片文件”按钮 , 选中合适的 gif 动画文件 , 确定。弹出“保存嵌入式图片”对话框，点“改变文件夹” , 选“ images ”文件夹 ( 默认存放站点图片的文件夹 ) ，点“确定”。在插入的 gif 动画右侧输入表示鼓励、赞赏的文本（如“您真行！”、“您真聪明！”）。点“保存”按钮。用同样的方法制作“ wrong.htm ”，该评价网页存放回答错误的反馈信息。 回到课堂练习网页 , 依次将 A 、 B 、 C 、 D 四个选项链接到评价网页 , 目标框架设“新建窗口”，即在新窗口中打开评价网页。保存后预览。

作文素材