当前位置：文档之家 › FrontPage-2000简明教程7

FrontPage-2000简明教程7

  • 格式：doc
  • 大小：294.50 KB
  • 文档页数：33

FrontPage-2000简明教程7 第七讲 2 / 33 七、使用框架 1．创建框架 你见过布告栏吗？就是那种有一个大的

栏框，里面张贴着各种各样的布告的框架。布告栏可以把一个版面分成几个部分，在每一个部分里可以张贴不同的内容。 在我们的FRONTPAGE中，也可以制作这样的“布告栏”。在FRONTPAGE中我们把它叫做框架，它可以把一个浏览器窗口分成几个区域，每一个部分可以显示不同的网页。看，这些就是用框架制作的网页： 第七讲 3 / 33

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

这是一个三框架的网页，它分为三个框架，上面、左面和右面的框架都放着一个单独的网页。 我们还可以把不同框架的网页相互联系起来： 回到双框架网页中，单击左框架中的“显示主页内容”，这时在右面的框架里就会显示当前网站的主页。 第七讲 4 / 33

刚才我们单击了左框架的超链接，它就要显示链接到的网页，可是显示在右面的框架里。这是因为右框架是左框架的目标框架，在FRONTPAGE中，一个框架的链接内容总是显示在它的目标框架里。 我们现在就来制作一个框架网页： 选择“文件”菜单的“新建”命令，单击“网页”按钮，选择“框架网页”选项卡， 第七讲 5 / 33

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

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

2.填充框架网页 怎么在创建的框架网页里指定各框架所

显示的网页呢？ 单击框架网页左框架的“新建网页”按钮， 第七讲 7 / 33

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

我们也可以在框架中插入一个我已经事先编辑好的网页，甚至能够插入一个 第七讲 8 / 33

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

你可以直接在列表里选一个当前站点的网页； 也可以按放大镜按钮

在Internet上查找 第七讲 9 / 33

要插入的网页； 单击“文件夹按

钮”可以选择一个自己计算机里的网页； 也可以按“文档”按钮 第七讲 10 / 33

新建一个网页。 我们在这里选择站点的主页，

单击“确定”按钮，主页就被放到右面的框架中了。 我们可以按照常规编辑普通网页的方法 第七讲 11 / 33

来编辑框架里的网页。 单击要编辑的框架里的网页，输入文字，

你看，实际上和编辑普通网页一点区别也没有。 我们现在选择“框架”菜单中的“在新窗口中打开”命令， 第七讲 12 / 33

这是就在一个新窗口中打开了刚才框架中的内容网页，现在编辑起来是不是觉得宽敞多了？关闭框架内容网页窗口就可以回到刚才编辑创建的框架网页。

3.调整框架(上) 利用模板所创建的框架，框架的各种属性

和样式都是按FRONTPAGE的默认设置来确定的，如果觉得很单调或是用得不方便，我们可以根据自己的需要作修改。 我们现在改变一下框架的大小：将鼠标移动到框架与框架的边界上，这时鼠标就会变成双向箭头， 第七讲 13 / 33

拖动鼠标到合适的位置，框架的大小就改变了。 我们还能具体设置框架的大小数值：在左框架里单击鼠标右键，选择“框架属性”命令， 第七讲 14 / 33

在“框架大小”选项区内我们可以输入合适的数值，调整框架的大小。 我们改变宽度的数值，单击数值后面的数值单位下拉列表。在这里要是选择“相对”，那么左框架宽度相对于右框架宽度的倍数将由前面数值框里的数值决定，而如果我们选择百分比，那么数值框里的数值是表示框架相对于浏览器宽度的百分比。在这里我们就选择百分比，单击“确定”按钮，

你看，这时左框架的宽度就改变了。 如果在框架里插入的网页太大，框架放不下也没关系，你看，上面这个网页的右框架里 第七讲 15 / 33

就放了一个比自己大的网页，这时框架就会自动弹出滚动条，浏览者就可以通过滚动条滚动框架里的网页了。 我们也可以具体设置一下滚动条的具体显示方式： 在左框架上单击鼠标右键，选择“框架属性”命令，

单击“显示滚动条”下拉列表，这里有几个选项， “在需要时”表示由浏览器自动控制什么时候显示滚动条； “从不”表示无论框架里的网页有多大， 第七讲 16 / 33

也不显示滚动条； “始终”表示总是显示滚动条。 现在我们选择“始终”，

你看，尽管左框架里的网页不需要滚动，但是框架的垂直和水平滚动条都显示出来了。 刚才的框架属性对话框还有一些选择没有介绍。 我们再次进入“框架属性”对话框： 第七讲 17 / 33

我们可以改变初始网页的设置来在框架中放入另一个页面； 如果去除“可在浏览器中调整大小”复选框就可以使浏览者不能改变框架的大小。 边距是指插入网页的正文与框架边界的距离，在默认情况下输入文字的开始处距离框架的左边界和上边界分别为12和16个像素。 框架网页是设置什么的？其实在FRONTPAGE里是这么处理框架的：我们把所有的框架定义在一个网页里面，这个用来定义所有框架的网页我们叫它框架网页；同时我们把框架里放的网页叫做内容网页。 第七讲 18 / 33

现在我们单击“框架网页”按钮， 在这里我们就可以设置框架网页的属性了，单击“框架”选项卡，在这里我们可以调整框架与框架之间的距离，

我们把它改为13，框架间的分隔条就变宽了； 单击“框架网页”按钮， 第七讲 19 / 33

把去除“显示边框”复选框的选择，单击“确定”按钮。

看，框架的分隔边框没有了。 4.调整框架(下) 第七讲 20 / 33

我们还可以在原有框架的基础上继续分割出新的框架。也就是说把一个框架再分为两个框架。 现在我们单击右框架，把它作为要分割的当前框架，选择“框架”菜单的“拆分框架”命令，选择“拆分为行”，

单击“确定”按钮。 第七讲 21 / 33

这和表格中的拆分单元格很象。要是不想拆分了就单击“常用”工具栏上的“撤消”

按钮。 当然利用“撤消”命令只能撤消上一步操作，如果你已经对网页进行了很多调整，然后想 第七讲 22 / 33

把拆分的框架再变成一个框架，就选中一个不想要的框架，然后单击“框架”菜单，选取“删除框架”命令，此框架就被删除了。 我们还可以用鼠标来分隔分割框架：将鼠标移到左右框架的边界处，这时鼠标变为了双箭头，

按住CTRL键拖动鼠标，一个新的框架就分割出来了。 竖直方向上的框架也基本一样拆分。 现在右侧框架是左侧框架的目标框架。不过我们可以换一下左框架的目标框架。在普通 第七讲 23 / 33

模式下单击左侧框架选中它，输入“框架示例”几个字，并选中这几个字，

再点“超级链接”按钮， 第七讲 24 / 33 接着点下面的”目标框架旁边的“更改

目标框架”按钮。我们单击当前框架网页预览框的右下框架，这时右下框架在预览框里就高亮显示了， 第七讲 25 / 33

单击“确定”按钮，退出“目标框架”对话框，选中“页面1.htm”，选择“确定”，

切换到预览方式，这时我们单击“框架示例”被链接到的网页就显示在右下侧的框架里了。 第七讲 26 / 33

在框架网页里链接到的网页不一定必须放在已有框架中，也可以有其他的设置，现在我们仍然进入刚才的“目标框架”对话框：

在公用目标区还有四种不同选择： “相同框架”表示把链接到的网页在当前选中的框架显示； “整页”表示被链接的网页将不考虑框架的设置而占满整个浏览器窗口； “新建窗口”表示被链接的网页会创建一个新的浏览器窗口，并在其中显示； “父框架”表示把链接的网页放在包含当前框架的父框架内。 第七讲 27 / 33

这里要说一下：框架网页就是它定义的每个内容网页的父框架， 选择“新建”窗口，

单击“确定”按钮，在“编辑超链接”窗口中选择“确定”。 我们用浏览器预览修改后的网页，单击超链接，链接到的网页就在新窗口中打开了。 如果要为一个框架里的几个超链接设置不同的目标框架，可以针对具体的超链接来设置它的目标框架。 这一个网页里有两个超链接，

合集下载

第八章 FrontPage 2000网页制作软件

第八章 FrontPage 2000网页制作软件


个人主页
导航层网页
兴趣爱好
个人收藏
个人相册
……
内容层网页
FrontPage 2000的主界 面
视图窗口 编辑窗口
网页的三种视图方式
FrontPage 2000的主界面
FrontPage 2000提供了六种视图方式
来实现网页的编辑和网站的创建、管理 视 图 两大功能，其中只有网页视图是用来编 辑网页的，其他五种视图都是用来创建 和管理站点的，其所做的相关设置，是
建立与编辑超链接 创建图片超链接：与文本超链接一样。 创建到书签的超链接 检测超链接 建立电子邮件超链接 取消超链接
8.2.4 创建超链接
表格和框架是网页布局的常用工具。
网页的布局
表格在网页制作中的作用已经超越了传统意义上的存放数 据，表格已成为组织数据、排列网页元素空间位置最为灵 活的方法。表格是一种能够有效描述信息的组织方式，使 用表格可以很好地控制网页布局。表格单元格可以填入：
使用FrontPage2000发布站点
• 通过ISP发布站点，需将站点复制一个 装有FrontPage服务器扩展的ISP服务器 上。发布之前，首先必须连接ISP，然 后用“发布网站”命令复制到ISP。 从FrontPage 2000中打开你的站点， “文件/发布站点”，进入“发布站点” 对话框。
•
第八章 FrontPage 2000 网页制作软件
主要内容: 8.1 FrontPage 2000概述 8.2 FrontPage 2000的基本操作 8.3 页面布局 8.4 表单的使用 8.5 测试与发布站点
8.1 FrontPage 2000概述
8.1节内容
8.1.1 FrontPage 2000主界面 8.1.2 学习FrontPage 2000中常用到 的术语
第一节 用Frontpage2000创建站点

第一节 用Frontpage2000创建站点

第一节用Frontpage2000创建站点一、教学目的：（1）了解网页设计的基本原理及Frontpage 2000简介；（2）掌握Frontpage 2000 软件的启动方法以及窗口的组成；（3）学会应用Frontpage 2000 建立空白网站，能够制作简单的欢迎网页；（4）掌握Frontpage 2000 基本编辑功能：文字、图片、水平线、背景等操作。

二、教材分析：（1）教学重点：Frontpage 2000 菜单、网站建立和简单网页制作（2）教学难点：网站路径及工具使用、图片定位（3）教学关键：网站存储结构、主要视图方式三、教学方法和教学手段（1）教学方法：讲授、演示、启发，动手实践，教师采用问题任务启动的教学方式（2）教学手段：应用多媒体电教手段辅助教学四、教学过程：（一）网页设计的原理网页设计是一种程序设计方式，他用html超文本语言编写的（或java语言）。

目前微软公司提供的Frontpage 2000 是一种图形化、工具式可以直接编写网页。

（二）Frontpage 2000 软件1．Frontpage 2000 软件与微软的offece 办公系统软件很类似，通过菜单、工具按钮可以完成设计任务，自动生成html语言。

2．Frontpage 2000 网页编辑器启动：（1）通过开始菜单启动（2）显示编辑器窗口：窗口组成（3）窗口的组成与WORD类似，但增加了许多功能（4）视图的六种方式：网页视图、文件夹视图、报表视图、导航视图、超级链接视图、任务视图。

（5）网页制作编辑区，三种编辑窗口：普通编辑、html 编辑窗口、预览窗口3．建立网站网页设计的第一步，一般建立一个网站，其作用将与本网页有关的文字、图片、声音等文件都放在该网站内，以便浏览和访问。

其操作如下：（1）创立新站点d:\myweb 网站：a 新建——> b. 站点——> c .模板（选空站点）——> d 站点位置( d:\myweb )（2）打开站点：_private , images 两个文件夹，存放系统文件和用户文件4. 新建网页单击“新建”、“网页”（空白网页）（1）主页：打开网站的第一页，一般取名为home 或index ，扩展名htm（2）语言设置：页面属性，语言——html ，编码设计——简体中文（3）任务启动：完成如下的网页设计（4）标题：绿色山庄（也可以用艺术字等方法）（5）图标：绿色在线（6）输入文字（7）加入水平线：水平线的属性修改（8）背景设置、背景音乐（9）插入动画图片和按钮5．预览网页五、反馈练习1．在D盘下建立一个网站，站点名“d:\myweb ”2．新建一个网页，完成如下任务：（1）标题：绿色家园（2）加图标（3）加水平线，并修改水平线的属性（4）加背景、背景音乐（5）加动画显示小图标。

FrontPage教程

FrontPage教程

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

默认状态下是新建网页。

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

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

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]。

由于一个web站点要涉及到许多文件，因此将这些文件分类并分别放到不同的文件夹就很有必要。