网页制作软件 rontPage2003
120
网网网网网网 rontPage2003
description
网页制作软件 rontPage2003. HTML 文件的结构. 一个 HTML 文件大体分为以下几部分： 网页标题 网页的内容 . HTML 文件的结构. < HTML > 和 < /HTML > ：超文本的开始和结束。 < HEAD > 和 < /HEAD > ：超文本标题的开始和结束。 < TITLE > 和 < /TITLE > ：超文本窗口标题的开始和结束，它被显示在浏览器顶端的标题栏中。 - PowerPoint PPT Presentation
Transcript of 网页制作软件 rontPage2003
网页制作软件 rontPage2003
2
HTML 文件的结构
一个 HTML 文件大体分为以下几部分：
<HTML> <HEAD> <TITLE> 网页标题 </TITLE> </HEAD> <BODY> 网页的内容 </BODY> </HTML>
3
HTML 文件的结构
< HTML > 和 < /HTML > ：超文本的开始和结束。< HEAD > 和 < /HEAD > ：超文本标题的开始和结束。< TITLE > 和 < /TITLE > ：超文本窗口标题的开始和结束，
它被显示在浏览器顶端的标题栏中。< META > ：是用来描述 HTML 文档的元信息，即文档文
档自身的信息。< BODY > 和 < /BODY > ：正文的开始和结束，它被显示
在浏览器中。其中可以包含许多元素，是 HTML 语言的核心部分。
4
• 页面• 字体• 文字布局• 图象• 表单• 表格• 多媒体
HTML 命令
5
• 用记事本，输入以下内容
• 文件——另存为 lzx.html
• 一个简单的网页就制作好了，可以浏览。
<HTML> <HEAD>
<TITLE> 李正新的网页 </TITLE> </HEAD> <BODY>
李正新欢迎您浏览 网页的内容……
</BODY> </HTML>
本课要点
1. 站点的创建与发布。2. 网页的基本编辑。3. 表格的操作和利用表格布局。4. 文本的设置。5. 网页元素的插入 。6. 超链接的基本操作。7. 表单的基本概念和操作。
8. 框架式网页的制作。 9. 几种特殊动态效果的制作。
目 录
• 7.1 认识 FrontPage2003
• 7.2 案例 1―― 茶文化网页制作
• 7.3 案例 2―― 调查表的制作
• 7.4 案例 3―― 个人就职网站
7.1 认识 FrontPage2003
• FrontPage2003 的特点： 1. 更容易建立专业、精确的网站。2.FrontPage2003 不仅可以用来制作网页，用户可
以使用它来建设和维护整个网站，更简单的检测、更新你的网站。工作组用户可以通过 Front
Page2003 使分布在世界各地的子公司一起工作。 3.FrontPage2003 与其他 Office 组件的整合性更
加提高，打开和运行的速度比 FrontPage2000 更快。
一、 FrontPage2003 概述
FrontPage2003 是 Office2003 组件之一，运行与启动 Office 其他软件相同。启动成功后，出现的初始画面可能因机器使用情况的不同而不同，一般的界面如图 7-1 所示，菜单部分与 Office 中的其他软件相似，最大区别是工作区的左端有一个视图栏，包含：网页、文件夹、报表、导航、超链接、任务。
图 7-1 FrontPage2003 启动后显示页面
二、视图栏
1 ．网页。编辑网页需在“网页”视图中进行。在“网页”视图中，有“设计”、“拆分”、“代码”和“预览” 4 张选项卡。
2 ．远程网站视图。同步此网站和远程网站之间的文件。
3 ．文件夹视图。用于管理站点中的文件和文件夹。
4 ．报表视图。分析网站并管理其内容。5 ．导航视图。显示站点的导航结构，用
于对站点结构的管理。6 ．超链接视图。用于显示站点中每一页
的超链接。 7 ．任务视图。用于创建和管理站点中的
任务。
7.2 案例 1―― 茶文化网页制作
任务要求：为一茶吧制作一个个性化主页，用于介绍茶知识、茶文化以及趣闻等，其效果如图 28-1 所示
28.3.1 新建网页
• ⑴ 启动 FrontPage 2003 。• ⑵ 新建一张空白网页。
28.3.2 设置网页属性• ⑴ 单击快捷菜单中的“网页属性”对话框
选项，弹出“网页属性”对话框。• ⑵ 在“网页属性”对话框中单击“格式”
选项。• ⑶ 在“背景”栏中选择“背景图片”选项。• ⑷ 单击“浏览”按钮，选择“．． / 素材 /
image/house.jpg” 文件，再单击“确定”按钮，效果如图 28-2 。
28.3.3 表格设置
• 1 ．插入主表格并编辑 。• ⑴ 单击“表格”菜单，选择“插入”子菜
单下的“表格”选项，弹出“插入表格”对话框。在表格的“大小”栏中的“行数”选项设置为“ 2” ，列数设置为“ 1” ，“边框”栏中的“粗细”选项设置为“ 0” ，其它参数设置如图 28-3 所示。
• ⑵ 单击“确定”按钮。• ⑶ 选中第 1 行，单击快捷菜单中的“拆
分单元格”选项，弹出“拆分单元格”对话框。
• ⑷ 在“拆分单元格”对话框中，选择“拆分成列”选项，“列数”设置为“ 2” ，如图 28-4 所示。
• ⑸ 单击“确定”按钮。• ⑹ 选择第 2 列，单击快捷菜单中的“拆分
单元格”选项，弹出“拆分单元格”对话框。
• ⑺ 在“拆分单元格”对话框中选择“拆分成行”选项，“行数”设置为“ 2” 。
• ⑻ 单击“确定”按钮，主表格的效果如图28-5 所示。
• 2 ．在第 1 行第 1 列的单元格中插入表格。• 单击“表格”菜单，选择“插入”子菜单下
的“表格”选项，弹出“插入表格”对话框。在“插入表格”对话框中，“行数”选项设置为“ 1” ，“列数”选项设置为“ 1” ，“单元格衬距”设置为“ 0” ，“单元格间距”设置为“ 0” ，“边框”栏中的“颜色”设置为“棕红色”，其它参数如图 28-
6 所示。
• 3 ．在第 1 列插入表格并编辑。• ⑴ 选择第 1 列，单击“表格”菜单选择
“插入”子菜单下的“表格”选项，弹出“插入表格”对话框。
• ⑵ 在“插入表格”对话框中“行数”选项设置为“ 1” ，“列数”选项设置为“ 1” ，“粗细”选项设置为“ 0” ，其它参数如图 28-7 所示。
• ⑶ 单击“确定”按钮。• ⑷ 单击快捷菜单的“表格属性”选项，弹出
“表格属性”对话框。• ⑸ 选择“背景”栏中的“使用背景图片”选项。• ⑹ 单击“浏览”按钮，选择“ ../ 素材 /image/h
ouse1.jpg” 图像文件。• ⑺ 单击“打开”按钮，“表格属性”对话框属
性设置如图 28-8 所示。• ⑻ 单击“确定”按钮
• 4 ．第 3 行插入表格并编辑。• ⑴ 单击“表格”菜单，选择“插入”子菜单
下的“表格”选项，弹出“插入表格”对话框。
• ⑵ 在“插入表格”对话框中“行数”选项设置为“ 3” ，“列数”选项设置为“ 6” ，“单元格衬距”选项设置为“ 1” ，“单元格间距”选项设置为“ 2” ，在“边框”栏中的“粗细”选项设置为“ 1” ， “颜色”选项设置为“棕红色”，
• ⑶ 单击“确定”按钮。• ⑷ 选中第 1 列的第 1 、第 2 、第 3 行，
单击快捷菜单中的“合并单元格”命令；选中第 3 列的第 1 、第 2 、第 3 行，单击快捷菜单中的“合并单元格”命令；选中第 5 列的第 1 、第 2 、第 3 行，单击快捷菜单中的“合并单元格”命令
28.3.4 输入文本并编辑
⑴ 在第 1 列的嵌套表格中输入“广东人的茶饮风俗、茶逢知已、苏轼与茶、新茶与旧茶的鉴别、茶的分类、闽人钟情茶文化、喝茶并不能解酒、中国古代‘斗茶’”等文字，字体为宋体，字号 4号，颜色为黑色，
⑵ 在第 3 个表格的相应单元格内输入“茶知识、茶的分类、饮茶的方式、新茶与旧茶的鉴别、茶与人生、茶人逸事、茶逢知已、品茶与心灵净化……”等文字，字体为宋体，字号 4号，颜色为黑色，
⑶ 在主表格的第 2 行输入文本（文字内容保存于“ ..\ 素材 \ 中国茶文化拾趣 .do
c”），字体为宋体，字号 4号，颜色为棕红色
• 2 ．保存网页。• ⑴ 单击“文件”菜单下的“另存为”选
项，弹出“另存为”对话框。在“另存为”对话框中，在“文件名”的文本框中输入文件名，例如： indextea ，文件类型为“网页”，或 html 文件。
• ⑵ 单击“保存”按钮。
28.3.5 插入图片
• ⑴ 选择主表格的右侧的第 1 行。• ⑵ 单击“插入”菜单，选择“图片”子菜单
下的“来自文件”选项，选择“ ../ 素材 /image
/bgc.gif” 图像文件。• ⑶ 单击“插入”按钮。• ⑷ 选择图像，调整大小直至充满整个单元格。
28.3.6 调试预览并保存网页
• 1 ．调试预览网页。• 总体调试网页，在布局上还有不合理的
地方重新进行调整，并且边调整边预览，直至达到满意的效果，
7.3 案例 2―― 茶文化网页制作
任务 2 ： 创建一读者调查表，如下图 30-1 所示，把一 Flash 动画文件插入到学校主页 .htm
文件中，增加网页的动感效果，最后把制作好的网页进行发布。
30.3.1 插入表单并设置
• 1 ．新建一个空白网页。• 2 ．单击“插入”菜单，选择“表单”子
菜单下的“表单”选项，新建一个空白表单，“空白表单”
• 3 ．在表单中插入一个表格
4 ．在表格的第 1 行插入艺术字 • ⑴ 把光标定位在图片栏中的第 1 行，单击“插
入”菜单，选择“图片”子菜单下的“来自文件”选项，弹出“图片”对话框。
• ⑵ 在“图片”对话框中选择“ ../ 素材 /image/ima
ge001.gif” 图像文件，再单击“插入”按钮。• 5 ．在表格的第 2 行输入文字“基本信息调
查：”，字体格式设置为“宋体”，“ 3号”，“黑色”。
• 6 ．在表格的第 3 行先输入文字“姓名：”，再单击“插入”菜单，选择“表单”子菜单下的“文本框”命令。
• 7 ．选择文本框，把鼠标指针移到控制点处进行大小调整，直到一个比较适合的大小
• 8 ．在表格的第 4 行插入单选钮，效果如图 30-
5 所示。• ⑴ 输入文字“性别：”。• ⑵ 单击“插入”菜单，选择“表单”子菜单
下的“选项按钮”命令。• ⑶ 输入文字“男”。• ⑷ 单击“插入”菜单，选择“表单”子菜单
下的“选项按钮”命令。• ⑸ 输入文字“女”。
• 9 ．在表格的第 5 行插入下拉框• ⑴ 输入文字“职业：”。• ⑵ 单击“插入”菜单，选择“表单”子菜单下
的“下拉框”命令。• ⑶ 双击网页中新创建的下拉框，弹出“下拉
框”属性框。• ⑷ 单击“添加”按钮，弹出“添加选项”对话
框。• ⑸ 在“添加选项”对话框中的“选项”文本框
中输入“学生”。
• ⑹ 单击“确定”按钮。• ⑺ 重复⑷～⑹的操作，分别输入选项值
为“公司职员、教师、其他”。• ⑻ 单击“确定”按钮。
• 10 ．在表格的第 6 行创建复选框 • ⑴ 输入文字“喜欢本书哪里：”。• ⑵ 单击“插入”菜单，选择“表单”中
的“复选框”命令。• ⑶ 输入文字“封面”。• ⑷ 重复第⑵～⑶的操作，输入的文字分
别为“案例、版式、内容、印刷”，直至所有选项设置完成。
• 11 ．在表格的第 7 行输入文字“意见与建议：”。
• 12 ．创建多行滚动文本框。• ⑴ 把光标定位在表格的第 8 行。• ⑵ 单击“插入”菜单，选择“表单”子菜单下
的“文本区”命令。• ⑶ 双击新建的文本框，弹出“文本区属性”对
话框。• ⑷ 在初始值的文本框中输入文字“不喜欢本书
的哪几个方面、改进意见：”，属性设置如图 30-8 所示。
• ⑸ 单击“确定”按钮。• ⑹ 单击选中新创建的文本区，调节控制点，把文
本区调整到一个合适的大小，文本区设置完成。
• 13 ．在表格的第 9 行输入文字“注册成为我们的会员：”。
• 14 ．在表格的第 10 行输入文字“用户名：”。
• 15 ．单击“插入”菜单，选择“表单”子菜单下的“文本框”命令。
• 16 ．在表格的第 11 行输入文字“密码：”。• 17 ．插入一个密码框。• ⑴ 单击“插入”菜单，选择子菜单下的“表
单”下的“文本框”。• ⑶ 双击新创建的文本框，弹出“文本框属
性”对话框。• ⑷ 单击密码域的值“是（ Y）”的单选钮，该文本框设置为密码域，
• 18 ．网页属性设置，设置网页的背景图片为“ ../ 素材 /image/bg.jpg” 。
• 19 ．调试预览并保存网页
30.3.2 建立超链接
• 1 ．打开“ ..\ 素材 \index.htm” 网页。• 2 ．在网页的左下角的“读者调查”上创
建超链接。• ⑴ 选择文字“读者调查”。• ⑵ 单击快捷菜单中的“超链接”选项，
弹出“插入超链接”对话框
• ⑶ 在“插入超链接”对话框中选择“ ..\
素材 \读者问卷调查表 .htm” 文件。• ⑷ 单击“确定”按钮，超链接创建完成。• 3 ．在导航栏中的“娱乐”选项上创建超
链接。• ⑴ 选择文字“娱乐”。• ⑵ 单击快捷菜单中的“超链接”选项，
弹出“插入超链接”对话框。
• ⑶ 在“插入超链接”窗口中选择“ ..\ 素材 \indextea.htm” 文件。
• ⑷ 单击“确定”按钮，超链接创建完成。
30.3.3 插入组件
• ⑴ 打开“ ..\ 素材 \index.htm” 。• ⑵ 把光标定位在网页右下的图像，删除
图像。• ⑶ 单击“插入”菜单下的“ Web 组
件”选项，弹出“插入 Web 组件”对话框，如图 30-11 所示。
• ⑷ 在“组件类型”窗口中选择“高级控件”，在“选择一个控件”窗口中选择插件（也可选择 Flash影片）。
• ⑸ 单击“完成”按钮，弹出如图 30-12
的“插件属性”对话框。
• ⑹ 单击“浏览”按钮，选择“ ..\ 素材 \f
j.swf” 文件，单击“打开”按钮。• ⑺ 单击“确定”按钮。• ⑻ 单击新创建的组件框，拖动控制点，把组件调整到一个合适的大小。
7.4 案例 1―― 个人就业网站
本章案例“个人就业网站”，该网站的主页上有 5 个板块，分别是：学习经历、求职简历、求职须知、课程成绩、作品图片。学生个人就职网站结构图如图 7.4-1 所示。
图 7.4-1学生个人就职网站结构图
7.4.1 案例综述
案例中用到的知识点主要有：创建站点、文本的格式化，网页属性的设置 (网页背景颜色、背景图片、网页标题、背景音乐 )，插入层，水平线与图像的插入，表格的制作及用表格布局，超链接 (文本超链接、图像超链接、热点超链接、书签超链接 )，表单的制作，框架网页制作，几种动态效果 ( 字幕、交互式按钮、动态 DTML、站点计数器 )，插入 Flash 影片等。如图 7.4-2 是用这些知识点制作的个人就职网站主页。
图 7.4-2 个人就职网站主页
7.4.2 站点的创建
所谓站点，就是多个相关网页通过各种链接关联起来的集合。在使用 FrontPage 2003设计网页之前， 应建立一个本地站点，用来管理创建的网页。
用户可以选择以下三种方式创建一个新的站点：
（ 1）站点向导。包括“导入网站向导”、“公司展示向导”、“数据库界面向导”、“讨论网站向导”。（ 2）站点模板。包括“个人网站” 、“客户支持网站”、“项目网站”。（ 3）自定义站点。包括“只有一个网页的站点”
、“空白网站”、“ SharePoint 工作组网站”。
使用“只有一个网页的站点”创建学生个人就职网站。
在 FrontPage2003 的主窗口下，单击菜单栏上的“文件”，在弹出的下拉菜单中选中“新建”，在窗口的右边出现“新建”面板，在新建项中选择“其他网站模板”。在“站点”列表框中，选中“只有一个网页的网站”图标，并在右边“指定新网站的位置”框中，输入新站点的名称。如图 7-4“ 网站模板”对话框 。
图 7.4-3 “ ”网站模板 对话框
7.2.3 网页的基本编辑 一、新建一个网页
在 FrontPage2003 的主窗口中，单击“视图”栏上的“网页”视图，使当前处于网页视图模式下。单击菜单栏上的“文件”，在弹出的下拉菜单中选中“新建”，在窗口的右边出现“新建”面板，在新建网页项中选择“其他网页模板”。打开如图 7-4 所示的“网站模板”对话框。单击“常规”选项卡，在列表框中显示了 FrontPage2003 提供的创建网页的 11 种模板，包括有普通网页、表单网页向导、常见问题、目录、确认表单等。使用各类模板可以创建不同的网页。
二、保存网页 当前网页是新建的网页并且尚未保存，则单击“常用”工具栏中的“保存”按钮，在弹出的“另存为”对话框中找到并双击要保存网页的文件夹，然后在“文件名”下拉列表框中输入网页的文件名“ index.htm” ，再单击“保存”按钮即可。
如果当前网页是从当前网站打开的，则单击“常用”工具栏中的“保存”按钮即可。
如果当前网页是从当前网站之外的位置打开的，则单击“文件” |“另存为”命令，在弹出的“另存为”对话框中找到并双击要保存网页的文件夹，并在“文件名”下拉列表框中输入网页的文件名，最后单击“保存”按钮即可。
三、网页属性设置
网页的属性包括网页的背景颜色、图片、网页的标题和网页的页边距等。选择菜单“文件”→“属性” 命令或在页面空白处右键单击选择“页面属性”命令则可以在弹出的对话框中进行设置，
如图 7-5 所示，或者在没有选中任何对象的情形下，选菜单“格式”→“背景”，直接进行背景颜色图片的设置。
图 7-5 网页属性对话框
7.2.4 表格
一、插入表格 在“表格”菜单
“插入”级联式菜单中选择“表格”命令，出现如图 7-6 所示。单击“确定”就可以网页中插入表格。
图 7-6 插入表格属性对话框
二、设置表格属性 • 表格属性设置若想设置表格的边框粗细、颜色以及表格的背景可指向表格，用鼠标右键单击表格，在弹出快捷菜单中选择“表格属性”命令，打开“表格属性”对话框如图 7-6 所示 。
大小：设置表格的行列数目。 布局：设置表格的对齐方式、边框粗细（无边框为 0）、单元格边距（表格内单元边框线之间的距离）、单元格间距（单元格内容与边框线之间的距离）。
指定宽度：指定宽度前，则在复选框前打上“∨”，宽度单位有两种分别为像素和百分比，百分比是相对浏览器而言，像素则为绝对值。
三、编辑表格
1. 选定表格对象 选定单元格，执行“表格”→“选定” →“单元格”命令；选定行、列或整个表格，在“表格”→“选定”中选择相应的命令即可。2. 插入、删除表格对象 插入行或列，可以使用“表格”→“插入” →“行或列”命令，也可以用鼠标右击表格后在快捷菜单中选择相应的命令。如果要删除行或列，只要选定行或列后单击“表格” →“删除单元格”命令即可删除。
• 3. 合并、拆分单元格• 合并、拆分单元格的操作可以通过“表
格”菜单的“合并单元格”或“拆分单元格”命令来完成。也可以通过右击鼠标后在弹出的快捷菜单中选择相应的命令进行。
• 4. 设置表格或单元格属性• 将打开“表格属性”或“单元格属性”对
话框，或右击鼠标弹出快捷菜单。
7.2.5 文本设置
一、输入文本可选择两种方式：第一种是和在 Word 一样，可以直接在 Fro
ntPage2003 的普通视图中输入文字，文字的编辑修改和 Word 基本一样；第二种是可以通过复制和粘贴从其他地方复制文字。
二、设置文字及段落格式文字格式，包括“字体”、“字型”、“大小”、“颜色”、
“效果”以及字符间距的设置，以直接在格式工具栏中进行，也可以选择菜单“格式”→“字体”命令，也可以选择字符后右键单击选择“字体”命令。弹出如图 7-7 所示对话框。
图 7-7 文字格式对话框
7.2.6 网页元素的插入
一、插入换行符 网页中插入换行符可将网页中的一段网页内容断
开。 FrontPage 中的换行分成“隔行换行“（两行之间有空行）和“紧凑换行”（两行间没有空行）两种，这两种换行符的插入方法分别是：（ 1）插入“隔行换行”。直接在插入点按 Enter键。。（ 2）插入“紧凑换行”。先定位插入点，选择“插
入”菜单“换行符”命令，或按 Shift+Enter 组合键。
二、插入水平线
方法：光标定位于表格第二行，单击“插入”菜单“水平线”命令，就可以在第二行中插入水平线。单击刚插入的水平线，右键单击在快捷菜单中选择“水平线属性”。如图 7-8水平线属性对话框。
图 7-8 水平线属性对话框
三、插入图片和背景图片
1 ．插入图片 将插入点定位欲插入图片位置，选择“插入”菜单上的“图片”命令。从“图片”子菜单中选择“来自文件”命令，在对话框寻找需要的图片文件，单击“确定”按钮插入图片。
在图片上右键单击，在快捷菜单中选择“图片属性”，在图片属性对话框中可以设置图片属性。如图7-9插入图片对话框 。
图 7-9 插入图片对话框
2 ．设置背景
背景可由“背景图片”和“背景颜色”构成，其设置在网页属性、表格属性或单元格属性中设置：（ 1）背影图片的设置：在“背景”选项卡中，选中“背景
图片”复选框，然后在与之相关的文本框中指定图片文件的位置。单击“浏览”按钮可以快速定位图像文件。 （ 2）背景颜色的设置：在“背景”框中可以设置网页的背
景颜色。如果同时使用背景颜色和背景图片，则背景图片将覆盖背景颜色。 （ 3）文字和超链接的颜色：在“文本”、“超链接”等框
架中可以设置普通文本、超链接文本的颜色。
四、层操作1 ．插入层方法是：“插入”菜单“层”命令。然后鼠标在 1 行 2 列上拖动即可。
2 ．选择层可以单击层的选择手柄、单击层边界等方法，选择多层时候可以使用 shift 键来配合使用。
3 ．调整层大小选中层，然后在属性面板中输入宽度和
高度值。或直接用鼠标的在层的八个控点上拖动调整大小。
4 ．移动层无论是移动一个或多个层，先选中层，
用鼠标拖住最后一个选中层的手柄随意移动。
五、插入插件操 作方法：移动鼠标在层中 单 击 ， 选 择
“插入”菜单上的“ Web 组件…”，在“ 插 入 Web 组 件 ” 对 话 框 中 “ 组 件类型”选择“高级控件”。选择“一个控件”中选择“插件”，弹出“插件属性”对话框。
六、插入背景音乐具体操作步骤为：在网页视图模式下，单
击 “ 文 件 ” 菜 单 “ 属 性 ” 命 令或“ 格式”菜单“背景”命令或右键单击网页快捷菜单中选择“页面属性命令”。选择“常规”选项卡，在“背景音乐”栏下“位置”框中输入播放的声音文件的位置，若选中“不限次数”复选框，表示在浏览器中该音频文件将持续地播放。
7.2.7 超链接
超链接概念：超链接是指站点内不同网页之间、站点与站点之间的一种链接关系，它不仅使站点内的每一个网页有机地联系在一起上，而且使不同的站点之间建立了联系。
• 使用超链接，浏览者可以从一个网页转到另一个网页，从一个站点转到其他的站点。除了指向网页和和站点，超链接还可以指向图片、电子邮件地址、多媒体文件，甚至可以指向一个程序。
一、为文本创建超链接
1 ．链接到网页首先选定要建立超链接的文本，单击“插入”→“超链接”命令，或右键单击选定的文本在快捷菜单中选择“超链接”，打开如图 7-10 所示的“插入超链接”对话框。
• 根据超链接的目标，用户可以从列表框中选定某个网页文件，也可以直接在“地址”文本框（ URL）中输入要链接的目标地址，还可以单击图标，从弹出的“选择文件”对话框中选定链接的目标文件。选定的目标文件地址均会出现在地址文本框（ URL）中。
图 7-10 插入超链接对话框
2 ．链接到其他网站的网页
方法如下：（ 1）首先选定要建立超链接的文本，单击“插
入”→“超链接”命令，或右键单击选定的文本在快捷菜单中选择“超链接”，打开如图 7-1
0 所示的“插入超链接”对话框。
• （ 2）在“编辑超链接”对话框中的地址文本框中输入所需要链接的其他网站的网页如“ http://www.myjob.edu.cn/new
s_files/2008417673.htm”, 单击“确定”按钮即可完成超链接的设置。
3 ．链接到电子邮件
方法如下：（ 1）选中要电子邮件链接的文本，单击
工具栏中的“插入超链接”按钮，打开“插入超链接”对话框；（ 2）单击“电子邮件地址”选项，对话
框变成图 7-10 所示；
（ 3）在“要显示的文字”文本框中输入 要 显 示 的 文字， 在 “电子邮件 地址”文本框中输入邮件地址，在“主题”文本框中输入主题；（ 4）单击“确定”按钮。
二、为图像创建超链接1 ．图像的默认超链接先选中图片，单击鼠标右键，在弹出的快捷
菜单中选择“超链接”菜单项，会弹出一个“编辑超链接”对话框或者单击“插入”菜单上的“超链接”。
（ 1）如果要链接的是当前站点中的文件或计算机中某个目录下的文件，则从列表框中选择网页文件，查找该文件，单击“确定”按钮。 （ 2）如果要链接的网页或文件夹来自We
b ，在“插入超链接”对话框中的地址文本 框 中 输 入 所需要 链 接 的 网 站 , 单 击“确定”按钮。
• （ 3）如果要链接的是电子邮件，打开“插入超链接”对话框，单击左边的电子邮件地址，在“电子邮件地址” 文本框中输入邮件地址，单击“确定”按钮。
2 ．图像的热点链接
热点是图像上具有超链接的区域，一幅图片上可以包含若干个热点，单击图片中的这些热点可以跳转到不同的目标。热点形状可以是矩形、圆形或多边形，热点位置可自行确定。设置热点的方法如下：
（
图 7-11 图片工具栏
1）选定图片后，在编辑区的底部会自动弹出如图 7-11 所示的图片工具栏。（ 2）单击图片工具栏的热点形状按钮（例如长方形按钮），这时鼠标变成铅笔形状，将光标定位到需创建热点区域的左上角或右下角，然后拖动鼠标形成一个热点区域，松开鼠标后会自动弹出“创建超链接”对话框。（ 3）在“创建超链接”对话框中设定链接目标。
三、书签的设置和使用
利用书签实现网页内部跳转。（ 1）选定要插入书签的位置。（ 2）单击“插入”→“书签”命令，弹出
“书签”对话框。在对话框内输入书签名后单击“确定”按钮，即可创建一个书签。（ 3）建立书签后，就可以创建链接到该书签
的超链接。创建的方法和建立超链接的方法相同，只是选择书签作为超链接的目标。
7.2.8 表单
表单是用来收集浏览者的用户名、密码、 E-mail 地址、个人爱好和联系地址等用户信息的输入区域集合。图 7-12 公司概况表单 。 FrontPage2003 提供了文本框、文本区、单选按钮、复选框、下拉框、提交按钮和重置按钮等丰富的表单域。
图 7-12 公司概况表单
• 一、插入表单单击“插入” →“表
单” →“表单”命令，在网页上插入一个表单。在表单内输入所需的文本，例如“姓名”、“性别”等，然后在对应的位置插入表单对象。
图 7-13 表单域类型
• 二、表单域的类型 1 ．文本框 2 ．下拉菜单 3 ．复选框 4 ．选项按钮 5 ．文本区6 ．按钮
7.2.9 框架式网页 框架网页是—种特殊的网页，它可将浏览
器窗口分成不同的区域，每个区域都可以显示不同的网页。
1 ．创建框架单击菜单栏上的“文件”，在弹出的下拉
菜单中选中“新建”，在窗口的右边出现“新建”面板，在新建项中选择“其他网站模板”。然后在弹出的“网页模板”对话框中选择“框架网页”选项卡，如图 7-14所示。
2 ．设置框架属性鼠标右击某个框架后，在弹出的快捷菜
单中可以设置“框架属性” 。
图 7-14 新建框架网页对话框
二、显示或隐藏框架线
在创建网页时，有时为了达到特殊的显示效果，可以将框架线去掉。选择“文件”菜单上“属性”命令，打开“网页属性”对话框，然后选择“框架”选项卡。用户还可以在设置每个框架的属性时，单击“框架属性”对话框中的“框架网页”按钮，显示边框前“√”去掉就可以隐藏框架线。
三、框架网页的保存
在多框架网页中，每个框架都将单独形成一个文件，整个网页也需要一个文件。在图7-15 中建立的框架网页含有 3 个框架，将产生 4 个文件。保存时，单击“文件” →“保存”命令，会出现 4次“另存为”对话框，“另存为”对话框预览区将指示所保存的框架对象。
保存一个框架的网页后， FrontPage 2003会对每一个尚未保存的新网页或框架网页重复进行此操作，直到全部网页和框架网页都保存为止。
图 7-15 保存框架网页对话框
7.2.10 动态效果
• 二、特殊效果FrontPage 2003 的组件功能可以为网页加入动态效果，
设计出生动活泼的 Web 网页。1 ．字幕2 ．站点计数器3 ．交互式按钮4 ．设置网页过渡方式 5. 设置动态 HTML 效果
7.2.11 站点的发布
• 一、测试网页网页制作完成后还需要对网页进行测试，以检查每个网页的功能是否实现，超链接是否正确等。
1 ．拼写检查拼写检查是网页测试时最基本的一项检查，
可以使用 FrontPage 2000自带的拼写检查功能，它可以检查并修改整个站点所有页面的英文拼写及语法错误。
2 ．检查网站的超链接要检查网站中每一处超链接是否正确，其步骤如
下：（ 1）启动 FrontPage 2000 ，打开站点，单击视
图栏的“超链接”按钮，切换到超链接视图。双击其主页图标打开主页。
（ 2）单击工具栏中的“在浏览器中预览”按钮，并把浏览器窗口最大化。依次点击网页中的超链接，检查它们的指向是否正确。（ 3）使用“工具”栏中的“重新计算超链
接”选项，将所有超链接状态视图变成激活状态，能同时进行超链接验证。若发现某个超链接出现问题，应做好记录并到相应网页中修改。
• 二、发布站点 网页制作完成并经过测试后，就可以把站
点网页发布到 Internet 的某个 Web服务器上，使 Internet上的每个用户都能访问到该站点。
• 通过本课学习，应理解和掌握：1. 站点的创建与发布。2. 网页的基本编辑。3. 表格的操作和利用表格布局。4. 文本的设置。
• 5. 网页元素的插入 。6. 超链接的基本操作。7. 表单的基本概念和操作。
8. 框架式网页的制作。 9. 几种特殊动态效果的制作。
