frontpage框架网页

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

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

摄 影 技 术

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

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

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

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

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

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

篇二：实验十三 利用FrontPage建立框架网页

实验十三 利用FrontPage建立框架网页 框架网页：所谓框架网页是一种特殊的网页，它可以将浏览器视窗分为多个不同的窗口，而每个窗口可以看作一个网页容器，用于显示不同的网页。

一、实验要求

1. 掌握框架网页的制作。

2. 掌握网页动态效果的设置。

二、实验内容与步骤

所需素材均存放于“EX13”文件夹的Web子文件夹中，参考样页按下列要求进行操作。 ? 并设置其高度为34%，边距宽度和高度均为20，名称为title；

单元一 框架网页的制作

1. 打开站点：打开“EX13”文件夹的站点"原文web"。

2. 新建框架网页：新建一个"横幅和目录"的框架网页。

3. 设置框架网页：

1) 横幅框架：在横幅框架中新建网页，设置其高度为18%，边距宽度和高度均为20，名称为top；在网页中插入图片“3.gif”。

2) 目录框架：

? 在目录框架中新建网页；

? 在网页中插入三幅图片“DW.gif”、“FL. gif”和“FW. gif”，并为它们设置超链接，分别指向站点中的“DW.htm”、“FL.htm”和“FW.htm”文件； ? 在最后输入“返回主页”，并设置超链接，指向站点中的“index.htm”文件, 设置目标框架为“主框架”。

3) 主框架：设置初始网页为“index.htm”。

4. 将制作好的框架网页以文件名main.htm、上框架网页以top.htm保存，左框架网页以left.htm保存，其它修改的网页以原文件名保存，所有网页均存放于“EX13”文件夹下的Web站点中。

单元二 网页动态效果的设置

1. 动态HTML效果设置：在横幅框架中，设置“图片”动态HTML效果“开启”为“鼠标悬停”、“应用”为“交换图片”、文件名为“FP.gif”。

2. 网页添加滚动字幕：在横幅框架中，插入“字幕”，文本为“欢迎使用FrontPage制作网页”、方向“右”、表现方式为“交替”、字体格式为“隶书”、24磅、蓝色。

3. 网页过渡效果设置：设置主框架网页过渡效果“事件”为“离开网页”时“向右檫除”、周期10秒。

4. 将制作好的框架网页按原文件名保存。

篇三：第七节frontpage2000框架网页

第七节 frontpage2000框架网页

一、 教学目的：学习框架网页的制作方法，掌握框架网页的构成。 二、 教学重点：框架网页的制作, 框架网页的属性。

三、 教学时间：2课时

四、 教学步骤：

一）、框架页的基本组成

框架页是一种特殊格式的网页，主要由边框、网页、滚动条组成。在框架页中，每个框架都有一个网页相连接。当打开框架页时，则同时载入每个框架所相连的网页文件。

在框架页中显示的是三个独立的网页组成的（实际下载了四个网页，还包括框架页本身这个网页）。主体框一般用来显示正文内容的。

二）、创建框架页

FrontPage 2000提供了10个框架网页向导帮助我们创建框架页。其操作步骤如下：

（1）打开【文件】菜单，选择【新建】菜单项，在子菜单中选择【网页】菜单项，出现新建对话框。

（2）在对话框中单击【框架网页】选项卡。

（3）在选项卡中选择【目录】，此时在【预览】栏中会显示被选中的框架结构图，并在上方显示说明情况。

（4）单击【确定】按钮后，出现框架结构图。

（5）新创建的框架结构共有2个网页窗口，其中一个在左边，另一个在右边。这时单击【新建网页】按钮后，我们可以在当前框架网页中输入文字、图片等内容了。（如果这时单击【设置初始网页】按钮后，将弹出一个“创建超链接”的对话框，可以为所在的框架超链接到指定的网页上去。）

（6）框架的保存：单击“ ”工具按钮，出现【另存为】对话框。 ? 保存左边框的网页文件。在对话框右面的框架示意图中，单击左边框后为蓝色，表示左边框中的网页正准备保存。在“URL”中输入文件名“in1”，单击【确定】按钮后，此时左边框的网页文件被保存起来。

? 保存右边框的网页文件。紧接着，在对话框的框架示意图中，右边框显示为蓝色。在“URL”中输入文件名“in2”，单击【确定】按钮后，右边框的网页文件也被保存起来。

? 保存框架本身网页。在对话框中整个框架示意图的边框为蓝色，在“URL”中输入文件名“index.htm”，单击【确定】按钮后，此时保存的是整个框架页文件。

三）、框架及框架页的属性

1、设置框架的属性

框架有很多属性，例如框架的名称、宽度、高度、边距、滚动条、可调整性、间距等。以框架页为例说明，其具体操作方法如下：

单击要设置属性的框架，然后单击【框架】菜单，再单击【框架属性】菜单项，出现对话框。可以在此对话框中修改框架的属性了。

2、框架页的属性

以上是设置每个框架的属性，而修改整个框架页的属性，其具体操作如下： 在【框架属性】对话框中，单击【框架网页】按钮，会出现“网页属性”对话框。

在这个对话框中的“框架”选项卡中只有两项：

? “框架间距”：指框架之间的边框的宽度，默认值为2。

如果框架不要显示出边框时，可单击“显示边框”前面的单选框，取消“√”。

四）、框架页的编辑

在框架页中，当要拆分某一框架时，单击框架→拆分框架→选择并确定。当要删除某一框架时，单击框架→删除框架→选择并确定。

五）、框架页的超链接

在框架页中，当单击左边的超链接时，在右边框中显示该超链接网页的内容。下面我们将以框架页为例，说明怎样实现框架网页之间的超链接。其操作步骤如下：

（1）在左边的框架中选择要设置超链接的“ ”图片（或文字）。

（2）单击“ ”超链接工具按钮，出现【编辑超链接】对话框。这时在对话框的文件列表中选择“jbxx.htm”。

（3）在对话框右下角“目标框架”栏，单击“ ”按钮，出现一个对话框。

在对话框中，单击框架示意图中不同的区域，也可以单击右边列表框的选项，在对话框的“目标设置”栏中就相应显示所选定的区域名称。其中：

? 网页默认值(main)：超链接的网页将显示在右边框（即“main主体”）。 ? 相同框架：在左边框单击某个超链接时，其链接网页也将显示在左边框。 ? 整页：单击某个超链接时，只显示所链接的网页，原来框架不再显示。 ? 新建窗口：单击某超链接时，所链接的网页将显示在新打开的浏览器中。 ? 父框架：单击某个超链接时，将返回上一级的框架。

六）、上机操作

练习设计框架网页

篇四：Frontpage2000教程 七 课 使用框架

Frontpage2000教程 七 课 使用框架

创建框架

你见过布告栏吗？就是那种有一个大的栏框，里面张贴着各种各样的布告的框架。布告栏可以把一个版面分成几个部分，在每一个部分里可以张贴不同的内容。

在我们的FRONTPAGE中，也可以制作这样的“布告栏”。在FRONTPAGE中我们把它叫做框架，它可以把一个浏览器窗口分成几个区域，每一个部分可以显示不同的网页。看，这些就是用框架制作的网页：

这是一个双框架网页，它把浏览器空间分成了两个框架，左框架和右框架分别显示了不同的两个网页。

这是一个三框架的网页，它分为三个框架，上面、左面和右面的框架都放着一个单独的网页。

我们还可以把不同框架的网页相互联系起来：

回到双框架网页中，单击左框架中的“显示主页内容”，这时在右面的框架里就会显示当前网站的主页。

刚才我们单击了左框架的超链接，它就要显示链接到的网页，可是显示在右面的框架里。这是因为右框架是左框架的目标框架，在FRONTPAGE中，一个框架的链接内容总是显示在它的目标框架里。

我们现在就来制作一个框架网页：

选择“文件”菜单的“新建”命令，单击“网页”按钮，选择“框架网页”选项卡，

在这里列出了十种框架布局模板，你可以根据自己的需要选用。单击“目录”模板，在预览部分显示了框架网页的布局，上面的说明告诉我们左面的超链接内容在右面显示，这样我们就知道右框架是左框架的目标框架。有了这些信息你能够选择合适的框架模板了。 单击“确

定”按钮。

我们建立的框架网页上有按钮。

这是因为刚才我们创建了一个框架网页，但是并没有指定在各个框架里显示哪个网页，就好像我们做了一个布告栏，但是并没有向里面张贴布告一样，而这些按钮就是用来让我们指定在框架里显示哪个网页的。

填充框架网页

怎么在创建的框架网页里指定各框架所显示的网页呢？

单击框架网页左框架的“新建网页”按钮，

这样就在当前框架里插入了一个新的空白网页。

我们也可以在框架中插入一个我已经事先编辑好的网页，甚至能够插入一个Internet上的网页。

单击右框架的“设置初始网页”按钮，

你可以直接在列表里选一个当前站点的网页；

也可以按放大镜按钮

单击“文件夹按钮”

也可以按“文档”按钮在Internet上查找要插入的网页； 可以选择一个自己计算机里的网页； 新建一个网页。

我们在这里选择站点的主页，

单击“确定”按钮，主页就被放到右面的框架中了。

我们可以按照常规编辑普通网页的方法来编辑框架里的网页。 单击要编辑的框架里的网页，输入文字，

你看，实际上和编辑普通网页一点区别也没有。

我们现在选择“框架”菜单中的“在新窗口中打开”命令，

篇五：用FrontPage2003制作网页课件

用FrontPage2003制作网页课件

Frontpage2003是office家族的一员，应用于网站、网页的编辑管理，操作简单方便。对于广大中小学教师来说，掌握frontpage2003的操作，我们可以：（1）制作网页课件（演示型、flash课件，网络型）

（2）建设教学资源网站 举例：http://221.194.113.149:4601/xkzhkj/index.html 三角形中的线段为例

今天我们将以“乡愁”为例，来讲述网站的制作过程。

创建网站是一个系统的过程，包括设计网站的结构、收集与加工网站素材、开发网站和发布网站四个步骤。

一、设计网站的结构

二、收集与加工网站所需素材

三、开发网站

四、发布网站

应该掌握的技能：

1、利用FrontPage，新建并保存一个站点。

2、新建、保存站点中的网页。

3、插入并调整表格。

4、在表格中输入文字并编辑。

5、加入背景图片。

6、在网页中插入图片并调整。

7、在网页中创建“超链接”。

8、在网页中利用框架布局网站。

9、在网页中设置背景音乐。

10、在网页中加入音频、视频、滚动字幕、水平线。

11、发布网站。

一、设计网站的结构

（一）确定网站的名称与栏目

1.网站名称就是一个网站的名字

命名原则：（1）内容性；（2）艺术性

2.网站栏目是网站内容的目录

栏目的设计应以教学需要为主要目的。本网站的栏目主要有：如菜单

（二）规划网站结构

网站的结构是指网站中各个网页之间的关系。例:《乡愁》网站结构图示例

二、收集与加工网站所需素材

网站素材包括文本、图片（图形与图像）、动画、音频和视频等。

在网站开发前，应根据每个网页内容的需要，收集相关的素材，途径：网上搜索或自制。

1. 如：网站所需素材表

三、开发网站站点：是一组相关网页的有机结合，网页之间彼此相连，这种完整的结构就称为站点。（网站相当于一本书，一个体系。网站的概念大于网页。

网页：站点就像一本书，网页就像书中的一篇篇文章。一个网站内可以包含很多页，当然也可以仅有一页。

Home Page：进入站点后看到的第一个页面通称为Home Page，也称为主页或首页，通常被命名为“Index.html。

新建站点：启动frontpage2003，新建---其他网站模板----只有一个网页的网站。将素材拷入相应文件夹内。

新建网页：新建---其他网页模板----普通网页

编辑网站首页

1、 网页属性设置：背景音乐（hunli.wav）

、网页标题(乡愁主页)、背景图片

（beijingtupian.jpg）

2、 表格布局：

（1） 分别插入三个1行1列的表格：宽：760像素 高：任意 ，水平居中

（2） 设置第1个表格高度为210像素，插入图片banner.jpg,设置宽759像素，

高210像素

（3） 设置第2个表格，拆分单元格为5列1行，分别插入---web组件----交互

式按钮（浮雕标签2），网站首页、走进乡愁、倾听乡愁、品味乡愁、感悟乡愁，字号12，字体微软雅黑，悬停蓝色，按下黄色，

图像宽152像素，高35像素，保持比例去掉。其余几个按钮用复制粘贴，

修改文本即可。

（4）将index.htm复制粘贴，分别命名为zjxc.htm，qtxc.htm，pwxc.htm。

（5）设置第3个表格，输入文本 乡愁、、、、、，宋体，14磅，将第一行文本设为水平滚动字幕。

（6）在文本下边插入两行，菜单：表格----插入-----行/列

（7）分别在两行中输入文字，插入---网页组件------计数器，站长信箱要链接邮箱。

编辑走进乡愁

1、

2、 打开zjxc.htm，设置第三个表格，拆分单元格，2列1行，再拆分右边单元格，2行1列。 对左边单元格设置背景图片（yuguangzhong.jpg），右边单元格第一行插入

艺术字“作者简介”宋体，24号，艺术字库第三行第一个。第二行插入相关文本，宋体，14磅，双倍行距。

编辑倾听乡愁

1、

2、

3、 设置表格背景图片（bj.jpg）拆分单元格3行1列，第一行插入图片（xiangchou.gif）余光中，楷体，18磅，加粗。 第二行输入文本，并进行排版，字体 微软雅黑，12磅。 第三行插入----图片----音频（xiangchou.mp3）保存。

编辑品味乡愁

1、 拆分单元格为2行2列，分别插入“乡愁四韵.swf”，“ 英语儿歌视频-How are you.avi”，“2.jpg”，“3.jpg”。

音频支持格式：WAV、MID、RAM暂不支持MP3格式。

视频支持格式：.swf, .wmv, .avi

编辑感悟乡愁

感悟乡愁模块链接的是一个新的框架网页

框架网页

框架: 框架网页：所谓框架网页是一种特殊的网页，它可以将浏览器视窗分为多个不同的窗口，而每个窗口可以看作一个网页容器，用于显示不同的网页 框架组成:边框、滚动条、网页。

（一）创建框架网页

1.创建框架网页

单击文件→新建,选择“框架网页”选项卡,在“框架网页”对话框里列出了10种框架布局模板,选择自己需要的一种,单击“确定”。

2.编辑框架内容

每个框架有两个按钮,单击新建网页按钮,这些按钮就是用来让我们指定在框架里显示哪个网页的，或新建一个网页，或设置一个已经存在的编辑好了的网页。

3.保存框架网页

逐个保存每个框架内的新建网页。

（二）改变框架的布局

注：框架的大小及属性均可通过“框架属性”对话框来设置。

“框架属性”对话框介绍：

·边距：网页内容与框架边框之间的距离。

·显示滚动条：包括3个可选项：即“需要是”、“从不”、“始终”。

·“框架网页”按钮：单击“框架网页”按钮，弹出“网页属性”对话框的“框架”选项卡，在此项中可以设置框架之间的距离，若想无框架边框，只须取消“显示边框”复选框即可。

1.调整框架的大小

法1:用鼠标拖动

法2:将光标置于要调整的框架中,单击右键或单击框架→框架属性

2.拆分或删除框架

拆分:

法1:用鼠标拖动:按Ctrl键不放,用鼠标拖动框架的边框线法2:用菜单:将鼠标置于要拆分的框架中,单击框架→拆分框架

删除:

选定要删除的框架,单击框架→删除框架.

（三）设置目标框架

目标框架是超链接目标网页出现的那个框架。例如，在左边的目录框架中单击一个链接后，右侧的框架中将出现一个对应的网页。所以右边框架是左边框架中所看到的链接的目标框架。

1、设置超链接的目标框架

步骤：选中文字或图片——击右键选“超链接属性”——在对话框中选择目标网页——确定

知识加油站：

在“创建超链接”窗口击“目标框架”按钮，弹出“目标框架”对话框，从中选择“新建窗口”，则被链接的网页会创建一个新的浏览器窗口，并在其中显示。 设置超链接

每当我们在浏览网页时，都会发现当鼠标指针移动到某些文字或图片时，就会变成一只“手掌”的样子，这时只需单击鼠标左键就可以打开另一网页了。这就是我们将要讲述的网页“超链接”方式。正是由于有了“超链接”，因特网才会如此神奇和流行！网页上的超链接主要有三种：一种是相对网址的超链接；第二种是与绝对网址（如http://www.163.net）的超链接；第三种是指在同一网页内的超链接。

四、发布网站

（一）测试网站

在发布站点之前，应该检查各个页面之间的链接、网站的外观和文件的路径等，测试无误后，可以发布网站了。

（二）发布网站

网页的发布，就是将制作好的网页发布到WWW中的某台web服务器上的过程。也就是将用户创建在本地计算机上的一个站点复制到服务器上指定URL的过程。

方法：单击文件→发布网站，弹出对话框，在远程网站选项卡中选文件系统，在远程网站位置输入一个本地计算机中的具体路径或单击浏览，再单击发布网站。 用专门的上传软件发布，如FlashFXP

网站制作前的几个问题？

一、 确定网站主题

1、根据用途 2、根据自己性格的特点 3、根据自己的特长

二、 制定网站的结构

分支，层级

三、 搜集素材

用FRONTPAGE2003制作网站

一、 启动FRONTPAGE2003

方法：开始—程序—MICROSOFT FRONTPAGE

二、 创建站点

站点就像一本书，网页就像书中的一篇篇文章。一个网站内可以包含很多页，当然也可以仅有一页。

一、 创建站点：

步骤1：文件——新建——站点

2：在“新建”对话框中，单击“只有一个网页的站点”或“空站点”图标，在“指定新站点的位置”列表框中输入站点文件夹的位置、名称，单击“确定”。

例如在F盘创建名字为mysite的站点，输入：“F:\

字数作文