第八章 FrontPage 2000网页制作软件

框架
框架布局
框架是一种将浏览器窗口划分为功能独立的多个区域的常用方法。框架集 定义每个框架的大小、位置、名称和初始网页，普通网页提供每个框架的 内容。一个框架的超链接可以更改显示在另一个框架中的网页。 框架集是一种特殊的网页，该网页定义了整体的框架布局，但不提供实 际内容。 框架集
框架名称 rtop rbottom Left 初始网页 com-t.html com-m.html com-1.htm
框架
4、预览框架网页 “网页”编辑器对于框架有5种视图方式： 普通:是最常用的预览方式。 HTML：由于该窗口又包含有多个框架窗口，每个框 架窗口中的HTML代码都各自显示在属于自己的框架 窗口中，而框架大小、形状将保持不变。 框架网页HTML：显示的是整个框架的网页的HTML代 码。 无框架：和普通视图一样。 预览：网页直接以浏览器浏览时的效果显示出来
• 表单：“插入/表单”，会出现“提交”按钮和“复原”
• 单行文本框：只能让用户输入一行文字。“插入/表
单/单行文本框”，有提交和复原按钮
• • • • • •
滚动文本框：输入多行文本 复选框：√ 单选按钮： ⊙ 下拉菜单： 按钮： 图片：带图片的表单域；
创建和使用表单
表单能够向网页中添加文本框、 单选按钮、复选框、按钮等用 户界面控件。 每个网页可以包含一个或多个表 单，每个表单占据网页中的一个 特定区域。 表单中必须有一个元素作为 “提交”按钮。 单击“提交”按钮后，浏览器将数据传送给服务器，站点服务器 需要某种程序读取这些数据并进行处理。程序可能将数据保存在 文件或数据库中，也可能作为电子邮件发出等等。
个人主页
导航层网页
兴趣爱好
个人收藏
个人相册
……
内容层网页
FrontPage 2000的主界 面
视图窗口 编辑窗口
网页的三种视图方式
FrontPage 2000的主界面
FrontPage 2000提供了六种视图方式
来实现网页的编辑和网站的创建、管理 视 图 两大功能，其中只有网页视图是用来编 辑网页的，其他五种视图都是用来创建 和管理站点的，其所做的相关设置，是
8.2.3 图片的使用
1. 插入图片 2. 设置图片属性 3. 改变图片效果（使用 图片工具栏可调整图 片的亮度、对比度差、 旋转图片等）
1.
2. 3. 4. 5. 6.
网页中的超链接一般分为三种： 绝对URL的超链接 相对URL的超链接：链接到同一网站的其他网 页上去。 同一网页的超链接：使用书签建立的超链接。
任务视图
站点任务的管理，当多人同时编写一个站点时,可通过
任务视图为各个成员分配任务,协调成员之间的工作。
FrontPage 2000中常用术语
• 网页：是全球广域网上的基本文档，用HTML （超文本标记语言）书写。网页是站点 的 一部分。可以独立存在。 HTML：一个网页包含了HTML标记符，这些 标记符是一些嵌入式命令，提供网页的结构、 外观和内容等信息。 超链接：是从一个网页指向另一个目的端的 链接，这个目的端通常是另一个网页，但它 可以是一幅图片、电子邮件地址、一个文件 或一个程序。超链接可以是文本或图片。
使用FrontPage2000发布站点
• 通过ISP发布站点，需将站点复制一个 装有FrontPage服务器扩展的ISP服务器 上。发布之前，首先必须连接ISP，然 后用“发布网站”命令复制到ISP。 从FrontPage 2000中打开你的站点， “文件/发布站点”，进入“发布站点” 对话框。
•
8.2 FrontPage 2000的基本操作
8.2.1 建立站点 8.2.2 编辑文本 8.2.3 图片的使用
8.1节内容
8.2.4 创建超链接
8.3 页面布局
8.1节内容
8.3.1 在网页布局中使用表格
8.3.2 在网页布局中使用框架
8.4 表单的使用
8.1节内容
8.4.1 创建表单
8.4.2 使用表单域 8.4.3 表单属性的设置
使用FrontPage2000发布站点
可以在“指定发布站点的位置”输入站点网址。 单击下拉按钮，找到支持FrontPage网站的ISP， 也可以通过它找到完全支持FrontPage2000中 各种扩展工具的ISP。单击“选项/发布”， FrontPage2000就会将你的站点复制到目的服 务器。
文本、图形、图像、视频等多媒体信息。
框架也是一种常用的网页布局方法，它将浏览器窗口划分
为功能独立的多个区域，每个框架显示一个网页内容，并
且通过框架中的超链接可以更改显示在另一个框架中的网 页文件。
表格的创建
法1：菜单命令“表格”/“手绘表 格” 先绘制出表格的轮廓，然后绘制表格的单 元格, 由此可以创建一个不规则的表格。 法2：菜单命令“表格”/“插 入”/“表格” 用指定表格属性的方式创建表格， 这些属性包括表格的行数和列数、 表格宽度、对齐方式、边框粗细， 以及单元格边距和间距。 法3：使用“插入表格”按钮 通过指定列数和行数来快速创建一个规则的空表。
“文件” →“新建” →“站点”个人主页兴趣爱好Fra bibliotek个人收藏
个人相册
……
8.2.2 编辑文本
1. 输入文本
2. 设置字体
3. 修饰段落 4. 插入注释（注释是自己在设计页面时插入的解释性文本 和对自己提示的信息。访问者浏览网页时看不见，呈紫 色）具体操作是：“插入”→“注释” 5. 使用水平线 具体操作是：“插入”→“水平线”
8．4 表单的使用
1. 表单是用来采集用户的输入信息，从而实现 与用户交互的表格。例如：可以收集用户个 人资料；浏览者的反馈意见等。 2. 表单主要由：表单域和说明性的文字组成。 表单域是用户输入或选填的特定区域。
8．4．2 使用表单域
• FrontPage 2000中提供了9种表单域： 按钮。
8.1 FrontPage 2000概述

制作网页 新建一个站点 在网页中插入一些动态元素 设置动态效果 设置网页过渡效果 建设和维护整个网站 检测、更新网站
FrontPage
网页与主页
浏览器与Web服务器之间是以页为单位来传送信息。
网页 ( Web Page ) /index.php 主页 ( Home Page )
针对整个站点的。选择不同的视图方式，
右边的编辑区中会显示不同的内容。
FrontPage 2000的主界面
网页：对页面进行编辑和预览； 文件夹：组织站点中的文件和文件夹； 报表：文件和超链接的状态； 导航：显示网站的导航结构，对页面进行添 加、删除、移动等操作。 超链接：显示来自和转向站点中的每一页的 超链接，也可以查看从任何网页连入及连出 至任何网页的超链接。 任务：创建和管理任务；不仅可以组织你的 工作任务，还可以跟踪工作细节。
8.5 测试与发布站点
8.1节内容
8.5.1 测试站点 8.5.2 网站的发布
FrontPage是一种“所见即所得”的网站管理和网页制作的 工具。FrontPage2000属于Office2000家族的成员,使用 FrontPage 2000制作网页时，并不要求用户了解和掌握 HTML、Javascript、Vbscript等网页开发语言，非专业人员 也能制作出专业网页。 其主要功能有:
框架
框架的基本操作：
选择框架窗口：单击要选择的框架； 选择所有框：把鼠标移动到框架与框架之间的分隔 线上，单鼠标变成黑色的左右箭头后单击左键即可。 改变框架的尺寸：同上步，拖动鼠标。 拆分框架：按住CTRL拖边框。 删除框架：单击框架，单击框架下的“删除框架”。 在框架窗口中打开网页：“设置初始网页”—“创建 超级链接”—“确定”
FrontPage 2000的主界面
编辑窗口： 当处于“网页”视图下，使用网页编辑器可以
•
• •
在网页中输入文本，插入组件、多媒体、表 格，建立超链接等。 编辑器的视图左下方有三个选项卡，代表三种 视图方式：普通、HTML和预览。 “普通”视图：编辑器默认的是“普通”视图， 可以像使用WORD那样排版文字，插入表格、 图像及各种元素。 “HTML”视图：可以看到编辑器自动生成的 HTML代码，也可以直接输入HTML代码。
建立与编辑超链接 创建图片超链接：与文本超链接一样。 创建到书签的超链接 检测超链接 建立电子邮件超链接 取消超链接
8.2.4 创建超链接
表格和框架是网页布局的常用工具。
网页的布局
表格在网页制作中的作用已经超越了传统意义上的存放数 据，表格已成为组织数据、排列网页元素空间位置最为灵 活的方法。表格是一种能够有效描述信息的组织方式，使 用表格可以很好地控制网页布局。表格单元格可以填入：
文件夹视图
类似Windows资源管 理器,显示站点的所
有文件和文件夹,在
此视图方式下可进 行文件和文件夹的
新建、复制、删除、
剪切、重命名、修 改属性等操作。
报表视图
提供14种报表，
帮助我们了解 站点的情况。
导航视图
记录站点结构
超链接视图
提供基于超链 接的结构分析， 以任意网页为 中心，形象地 说明通过超链 接相连的其他 网页。从微观 的角度展示站 点的结构。
第八章 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中常用到 的术语
网页与网站
网页通常成组出现，并且这组网页 之间通过超链接相互组织成为反映 某个主题的网站。