第8章网页制作软件FrontPage 2003

Download Report

Transcript 第8章网页制作软件FrontPage 2003 

第8章 网页制作软件FrontPage 2003
信息技术基础
Intenet和FrontPage 2003 概述
项目1：创建和管理Web站点
项目2：创建并编辑简单的网页
项目3：使用超链接将信息连接起来
项目4：在网页中插入Web组件
项目5：框架网页和嵌入式框架
第8章
Intenet和FrontPage 2003 概述
URL和URL的常用协议
超文本与超链接
主页(HomePage)
发布Web站点
HTML简介
网站建设工具简介
第8章
URL和URL的常用协议
URL 地址是用于完整地描述Internet 上网页和其他资源地
址的一种标识方法，它可以是本地磁盘，也可以是局域网
上的某一台计算机，更多的是Internet 上的站点。
URL的常用协议：
HTTP:（HyperText Transfer Protocol） 超文本传输协议
FTP:（File Transfer Protocol） 文件传输协议
MailTo:（Mailto Protocol） 电子邮件协议
Telnet:（Telnet Protocol） Internet远程登录服务
File：（File Protocol） 本地文件传输协议
MMS：（Microsoft Media Server） 流媒体协议
FlashGet ：FlashGet（专用下载链接）协议
Thunder ：Thunder（专用下载链接）协议
第8章
超文本与超链接
超文本:用来做链接源的文本。
超链接（Hyperlink）也可以称为“超文本链接
（Hypertextlink）”，它是指文本、图像、声音
剪辑或影视剪辑之间的链接，或是其他的文件、
超文本文件之间的链接。超链接是从一个网页指
向一个目标的连接关系，这个目标可以是另一个
网页，也可以是相同网页上的不同位置，还可以
是一张图片，一个电子邮件地址，一个文件，甚
至是一个应用程序。而一个网页中的超链接的对
象可以是一段文本或者一张图片。
第8章
主页(HomePage)
每一个网站都有一个主页（HomePage），它
是用户通过客户端浏览器浏览WWW 服务器
时所看到的起始信息页，包含必要的内容
和索引信息。
第8章
发布Web站点
1．选择网络服务供应商
2．网站的设立
3．注册网站域名
4．站点的上传
第8章
HTML简介
HTML 主要由下面几个部分组成。
<HTML></HTML>其间说明内容为HTML 格式内容。
<HEAD></HEAD>其间说明标题内容。
<TITLE></TITLE>其间包含的文字是该HTML 的主
题，它会显示在窗口的TITLE栏内。
<BODY></BODY>其间说明HTML 文件的主体内容。
<-text->text 是描述性文字和注释。
<SCRIPT></SCRIPT>其间为描述性语言。
第8章
网站建设工具简介
FrontPage
“网页三剑客”
 Dreamweaver
 Fireworks
 Flash
第8章
项目1：创建和管理Web站点
项目目标：
创建站点
设计站点的风格：
主题
导航
共享边框
网站发布
演示：项目1的完成效果
第8章
创建站点操作步骤：
① 单击【开始】|【程序】|【Microsoft Office】
|【Microsoft Office FrontPage 2003】启动
FrontPage软件。
② 在窗口的右边任务窗格【开始工作】选择【新
建网页和网站】，转到【新建】任务窗格 。
③ 单击【新建】窗口的【其他网站模板】选项，
打开【网站模板】对话框 。
④ 选择“个人网站”作为模板，在“选项”中指
定网站的存储位置。点击“浏览”按钮，选择
新网站存放目录“d:\Mysite” 。
⑤ 单击【确定】。
第8章
网站模板的分类
(1)只有一个网页的网站：创建网站内的基本目录和一个空
白的index.htm网页。
(2)SharePoint 工作组网站：通过使用此模板，可以创建网
站来组织信息并与他人共享。“工作组网站”模板包括文
档库和 SharePoint 列表（例如，通知、事件、联系人和
快速链接）。
(3)个人网站：创建一个包含兴趣爱好、照片和喜好网站的
个人网站。
(4)客户支持网站：改善客户支持服务的网站，适合公司的
产品服务。
(5)空白网站：只有网站内的基本目录，其他由用户自己创
建。
(6)项目网站：为包含一系列成员、计划、状态、存档和讨
论的项目创建网站。
第8章
设置站点名称：
为站点设置名称是为站点的文件夹设置一个
名称。步骤如下：
① 选择【工具】|【网站设置】命令
② 默认打开【常规】选项卡，将网站名称修改
为“我的主页”
③ 单击“确定”按钮即可。
第8章
打开网站操作步骤：
① 单击【文件】|【打开网站】命令，弹出打开
网站对话框。
② 在【查找范围】下拉列表中选择所要打开的
站点名称，单击【打开】按钮即可。
第8章
关闭网站
单击【文件】|【关闭网站】命令即可关闭当
前打开的站点。
第8章
删除网站
方法1：直接在资源管理器中删除该站点所对应文件
夹
方法2：操作步骤如下：
① 选择【视图】|【文件夹列表】命令，切换到文件夹
列表视图，
② 在文件夹列表中选择根目录文件夹，单击鼠标右键，
在弹出的快捷菜单中选择【删除】命令，弹出【确认
删除】对话框
③ 选中【删除整个网站】单选按钮，单击【确认】按钮
即可删除该站点。
第8章
修改站点的主题风格
① 单击【格式】|【主题】菜单项
② 在右边的任务窗格显示FrontPage提供的【主
题】样式。选择【如梦花季】或【少女情怀】
样式。
第8章
新建主题
操作步骤：
① 单击【主题】窗格下面的【新建主题】选项，
打开【自定义主题】对话框
② 对颜色、图形和文本进行相应设定
③ 单击【另存为】按钮可以为新建主题命名。
第8章
创建导航结构
导航忠实的记录了站点的主页与从页之间的逻辑关
系，从导航可清楚地看到网站的结构
单击【视图】|【导航】菜单项，打开导航对话框，
在导航结构中可以完成以下操作：
① 添加现有网页--在“文件夹列表”中，单击所需
的网页，然后将它拖到导航结构中的某个位置。
② 在现在网页之下添加新网页--用鼠标右键单击网
页，指向【新建】|【网页】。
③ 删除网页--在导航结构中，用鼠标右键单击网页，
再单击快捷菜单上的【删除】。
第8章
发布站点
发布Web站点通常指的是将组成Web站点的全部文件复制到某
个特殊目标。步骤如下：
① 打开需要发布的站点“我的网站”.
② 选择【文件】|【发布网站】命令，弹出【远程网站属
性】对话框
③ 在“远程Web服务器类型”选项区域中选择远程Web服务
器的类型，例如选中【文件系统】单选按钮。
④ 在【远程网站位置】下拉列表中选择或输入一个本地计
算机的位置。
⑤ 选择一个新的发布位置，单击【打开】按钮，返回到
【远程网站属性】对话框。
⑥ 单击【确定】按钮，打开【发布站点】窗口，选择要发
布的相关文件，在窗口底部选中“本地到远程”单选按
钮。
⑦ 然后单击【发布网站】按钮。
第8章
项目总结：
创建Web站点的方式，打开、关闭和删除网
站
修改站点的主题风格样式，保存网站格调
的统一
创建导航结构，导航视图的作用
FrontPage的网站的发布功能
第8章
项目2：创建并编辑简单的网页
制作一个网页，在这个网页中要求在指定的
位置显示图片、水平线、文本内容，以及
对网页的标题，文本、背景进行必要的修
饰，页面使用表格进行布局。
演示：项目2的完成效果
第8章
第8章
新建一个网页
单击【文件】|【新建】菜单项， 在窗口
的右侧出现“新建”任务窗口，单击“空
白网页”，FrontPage创建一个名为
new_page_1.htm 的空白网页。
当第一次打开 FrontPage 时， FrontPage
也会自动创建一个名为 new_page_1.htm
的空白网页。
第8章
网页属性的设置
1. 设置网页的标题：“溪居—柳宗元”
①
②
③
④
切换到空白网页的设计视图
右键单击网页的空白位置
选取【网页属性】菜单项
在【常规】选项卡中的【标题】文本框内输
入“溪居—柳宗元”
⑤ 单击【确定】按钮
第8章
2. 设置网页背景：使用images 文件夹中的
bg1.gif 图片作为背景
①
②
③
④
⑤
⑥
⑦
⑧
⑨
第8章
切换到空白网页的设计视图
右键单击网页的空白位置
选取【网页属性】菜单项
单击【格式】标签
选中【背景图片】复选框
单击【浏览】按钮，打开选择文件对话框
选择images 文件夹中的bg1.gif
单击【打开】按钮，回到【网页属性】对话框
单击【确定】按钮
3. 设置网页背景颜色
①
②
③
④
⑤
⑥
第8章
切换到空白网页的设计视图
右键单击网页的空白位置
选取【网页属性】菜单项
单击【格式】标签
在【颜色】选项区域中设置背景的颜色
单击【确定】按钮
使用表格进行网页布局
1. 创建布局表格—使用“标题、页脚和三列”
模板。
① 切换到网页的设计视图
② 选择【表格】|【布局表格和单元格】命令，
在窗口的右侧打开【布局表格和单元格】任
务窗格。
③ 单击需要的模板“标题、页脚和三列”模板
第8章
2. 设置表格属性--宽度800像素，居中对齐
在【布局表格和单元格】任务窗格中的【表
格属性】选项区域中设置该表格的属性。
在【宽度】文本框内输入800，然后单击
【对齐方式】中的居中按钮。
第8章
3. 合并和拆分单元格--要将中间的3 列变成
两列
① 选中中间的3 个单元格
② 选择【表格】|【合并单元格】命令，中间的
三个单元格即被合并成一个单元格
③ 选中此单元格，选择【表格】|【拆分单元格】
命令，在打开的【拆分单元格】对话框中设
置【列数】为2
④ 然后单击【确定】按钮。
第8章
插入水平线
选择【插入】|【水平线】命令，在当前光标
所在的位置添加一条水平线
第8章
插入图片
1. 插入图片
① 切换到网页的设计视图
② 将光标定位在欲放置图片的布局单元格中
③ 选择【插入】|【图片】|【来自文件】命令，
打开【图片】对话框
④ 在文件列表中选择某个图片文件
⑤ 单击【插入】按钮
第8章
2. 图片属性的设置
① 右键单击插入的图片，在弹出的快捷菜单中选
择【图片属性】命令，打开图片属性对话框
② 在【外观】选项卡中可以设置图片的大小、对
齐方式和环绕方式，也可以给图像加边框
③ 在【常规】选项卡中的【文本】文本框中输入
图片的描述性文字
④ 单击【插入】按钮
第8章
3. 用【图片】工具栏进行图片的处理
【视图】|【工具栏】|【图片】命令显示【图片】工具栏
【绝对定位】
【上移一层】
【设置透明色】
【文本】
【自动缩略图】
【热点】图片的热点是指图片中的某个区域，单击这个区域
就可链接进入相关链接的页面
第8章
文本设置
① 选中文字
② 选择【格式】|【字体】命令，在打开的【字
体】对话框中设置字体、字号和颜色
③ 选择【格式】|【段落】命令，在打开的【段
落】对话框中设置对齐方式
第8章
表格操作
表格操作和在Word 中的操作类似
① 切换到网页设计视图
② 将光标定位到要创建表格的地方
③ 选择【表格】|【插入】|【表格】命令，
打开【插入表格】对话框
④ 设置行数为1，列数为4，边框颜色设置为
橄榄绿，背景色设置为银白色。
⑤ 单击【确定】按钮。
第8章
保存网页文件
单击工具栏中的【保存】按钮
或者选择【文件】|【保存】命令
或者按【Ctrl+S】组合键
第8章
打开网页文件
1. 单击【常用】工具栏中的【打开】按钮，
2. 选择【文件】|【打开】命令
3. 按【Ctrl+O】组合键，在打开的【打开文
件】对话框中选中所要打开的文件
4. 单击【打开】按钮
5. 直接双击所选文件即可打开该页面。
第8章
项目3：使用超链接将信息连接起来
链接源就是我们制作的超
链接的对象，它可以是文
本、图片、图片热点和画
等，常用下画线和不同颜
色来表示
是任意网络资源，如网页、
图片、文件（如Word 文档、
PowerPoint 演示文稿等）、
其他网站和E-mail，或者是
网页中某个位置（即
书签）。
超链接
链接源
链接目标
演示：项目3的完成效果
第8章
第8章
使用图片作为链接源创建从文件到文件的超链接
将网页中的柳宗元、李白、杜甫3 位作者的图片分
别链接到yuan.htm、bai.htm、du.htm 网页文
件。具体操作步骤如下：
① 在FrontPage 中打开要创建超链接的页面index.htm。
② 选中柳宗元的头像图片。
③ 单击【常用】工具栏中的【插入超链接】按钮，或者
选择【插入】|【超链接】命令，或者按【Ctrl+K】
组合键，打开【插入超链接】对话框
④ 选择yuan.htm 文件
⑤ 单击【确定】按钮
第8章
使用图片中的某个区域作为链接源创建从文件到文件的超链接
将网页中的大图片中的3 位作者的头像分别做成圆形、多边
形和矩形热点，然后分别链接到yuan.htm、bai.htm、
du.htm3 个网页文件，具体操作步骤如下：
①
②
③
④
⑤
⑥
⑦
第8章
在FrontPage 中打开要创建超链接的页面index.htm
选中网页中的大图片
单击【图片】工具栏中的【圆形热点】按钮
在图片上单击以确定圆心位置，然后按住鼠标左键并拖动鼠标
画一个圆，将柳宗元的头像图片
释放鼠标，打开【插入超链接】对话框
选择 yuan.htm 文件
单击【确定】按钮
使用文本作为链接源创建从文件到文件的超链接
将网页中的“溪居”、“渔翁”、“江雪”文字分
别链接到yuan1.htm、yuan2.htm、yuan3.htm
网页文件。具体操作步骤如下：
① 在FrontPage 中打开要创建超链接的页面index.htm
② 选中网页中的文字“溪居”
③ 单击【常用】工具栏中的【插入超链接】按钮，或者
选择【插入】|【超链接】命令，或者按【Ctrl+K】
组合键，打开【插入超链接】对话框
④ 选择 yuan1.htm 文件
⑤ 单击【确定】按钮
第8章
创建电子邮件的超链接
将网页底部的“和我联系”链接到[email protected] 邮箱，
具体操作步骤如下：
①
②
③
④
⑤
⑥
第8章
在FrontPage 中打开要创建超链接的页面index1.htm
选中网页中的文字“和我联系”
单击【常用】工具栏中的【插入超链接】按钮，或者选择【插
入】|【超链接】命令，或者按【Ctrl+K】组合键，打开【插入
超链接】对话框
选择【链接到】选项区域中的【电子邮件地址】
在【电子邮件地址】文本框中输入[email protected]。
单击【确定】按钮
创建到文件内部的超链接
将在网页文件中的柳宗元、李白、杜甫3 位作者的介绍内容前插入名为
yuan、bai 和du 的书签，并将柳宗元、
李白、杜甫3 位作者的名字分别链接到yuan、bai、du3 个书签位置。具
体操作步骤如下：
①
②
③
④
⑤
⑥
⑦
⑧
⑨
⑩
第8章
在FrontPage 中打开要创建超链接的页面index .htm
将光标定位在柳宗元作者的介绍内容前
选择【插入】|【书签】命令或者按【Ctrl+G】组合键，打开【书签】
对话框
在【书签名称】文本框内输入yuan
单击【确定】按钮，在网页中出现标志，不过在浏览网页时不显示该
标志
选中链接源网页文件开头的“柳宗元”文本
单击【常用】工具栏中的【插入超链接】按钮，或者选择【插入】|
【超链接】命令，
或者按【Ctrl+K】组合键，打开【插入超链接】对话框
选择【链接到】选项区域中的【本文档中的位置】。在【请选择文档
中的位置】列表中列出了本文档中的所有书签名选择【本文档中的位
置】
选中yuan，单击【确定】按钮。
图片中的某个区域作为链接源创建从文件到文件内部的超链接
项目3 将大图中的“溪居”、“望岳”、“春思”分别做成
圆形、多边形和矩形热点，然后分别链接到poem.htm
网页文件中的yuan、bai、du 书签位置。具体操作步骤
如下。
①
②
③
④
⑤
⑥
⑦
第8章
在FrontPage 中打开要创建超链接的页面index.htm。
选中网页中的大图片。
单击【图片】工具栏中的【圆形热点】按钮。
在图片中单击以确定圆心位置，然后拖动鼠标画一个圆将“溪
居”包住。
释放鼠标，打开【插入超链接】对话框
选中poem.htm 网页文件，单击【书签】按钮，打开对话框。该
对话框中列出了poem.htm 网页文件中的所有书签名。
选中yuan，单击【确定】按钮。
项目总结
超链接的概念
链接源为图片、图片中的热点、文本的超
链接
链接目标为文件、文件内的某个位置、电
子邮件的超链接
第8章
项目4：在网页中插入Web组件
Web 组件（有时称为 WebBot）是网页上的一
种动态对象。FrontPage 2003 提供了组件
功能，使用该功能可以在网页中添加字幕、
交互式按钮、图片库等组件。
演示：项目4的完成效果
第8章
第8章
制作滚动字幕
制作滚动字幕“熟读唐诗三百首，不会做诗也会吟”。具体
操作步骤如下：
①
②
③
④
⑤
⑥
⑦
第8章
在FrontPage 中打开index3.htm 网页文件
将光标定位在要插入字幕的位置
选择【插入】|【Web 组件】命令，打开【插入Web 组件】对话
框
在左侧的【组件类型】列表框中选择【动态效果】，然后在
【选择一种效果】列表框中选择【字幕】项，单击【完成】按
钮，打开【字幕属性】对话框
在【文本】文本框中输入“熟读唐诗三百首，不会做诗也会
吟”，在【方向】选项区域中选中【左】单选按钮，在【表现
方式】选项区域中选中【滚动条】单选按钮，在【大小】选项
区域中设置宽度为80%
单击【确定】按钮
单击网页中插入的滚动字幕，选择【格式】|【字体】命令，打
开【字体】对话框，设置文本为隶书、褐紫红色，然后单击
【确定】按钮
制作交互式按钮
添加交互式按钮，按钮样式为发光胶囊3，文本为柳宗元，
并链接到yuan.htm。字体为隶书，字号为14 号，初始
字体颜色为“褐紫红色”，悬停时字体颜色为“紫色”，
按下时字体颜色为“银白色”，宽度为150，高度为30。
具体操作步骤如下：
①
②
③
④
⑤
第8章
在FrontPage 中打开index3.htm 网页文件。
将光标定位在要添加按钮的位置。
选择【插入】|【Web 组件】命令，打开【插入Web 组件】对话
框
在左侧【组件类型】列表框中选择【动态效果】，然后在【选
择一种效果】列表框中选中【交互式按钮】，单击【完成】按
钮。打开【交互式按钮】对话框，单击【按钮】标签
在此选项卡中可以设置按钮样式和按钮文本，并为按钮添加到
当前网站中的其他网页、万维网上的网站或电子邮件地址的链
接。在【按钮】列表框中选择“发光胶囊3”，在【文本】文本
框内输入“柳宗元”。单击【链接】文本框右侧的【浏览】按
钮，打开【编辑超链接】对话框。选中按钮要链接到的文件
yuan.htm。
⑥ 单击【字体】标签，在此选项卡中可以设置
字体样式和字号，设置按钮文本的对齐方式，
并设置按钮不同状态时的字体颜色，包括初
始字体颜色、悬停时字体颜色（将鼠标指针
悬停在按钮上）和按下时字体颜色。
⑦ 设置【字体】为隶书，【字号】为14，【初
始字体颜色】为褐紫红色，【悬停时字体颜
色】为紫色，【按下时字体颜色】为银白色。
⑧ 单击【图像】标签
⑨ 在此选项卡中可以设置按钮图像的尺寸，设
置【宽度】为150，【高度】为30。
⑩ 单击【确定】按钮
第8章
制作图片库
横排：按行显示照片的缩略图，并将标题
置于图像的下方
竖排：按列显示照片的缩略图，并将标题
置于图像的右侧
图片库的布局
蒙太奇：以类似拼贴画的模式显示图像
的缩略图，当网站访问者将鼠标
指针放在图像上时，将显示标题文本
幻灯片：带有图片浏览导航栏的一组图片，
在图片浏览导航栏中单击图片组中的某个
缩略图时，在图片显示框中会显示该图片
第8章
具体操作步骤如下。
① 在FrontPage 中打开index3.htm 网页文件所在的站
点。
② 打开index3.htm 网页文件。
③ 将光标定位在要插入图片库的位置。
④ 选择【插入】|【Web 组件】命令，打开【插入Web
组件】对话框
⑤ 在左侧的【组件类型】列表框中选择【图片库】，然
后在【选择图片库选项】列表框中选中竖排版式，单
击【完成】按钮。打开【图片库属性】对话框，也可
以直接选择【插入】|【图片】|【新建图片库】命令
打开该对话框。
⑥ 单击【添加】按钮，在打开的列表中选择【图片来自
文件】选项，打开【打开】对话框。选择一张图片后
单击【打开】按钮，图片被添加到列表中。
第8章
⑦ 选中【使用自定义字体格式】单选按钮。
⑧ 在【标题】文本框中输入图片标题“饮中八仙歌—杜
甫”，并设置字体为隶书、2（10磅）、蓝色、加粗。
⑨ 在【说明】文本框中输入想要对这张图片表达的文字
（即对应的唐诗），并设置字体为隶书、1（8 磅）、
褐紫红色。
⑩ 设置缩略图的宽度为120，高度为80。选中【保持锁
定纵横比】复选框。选中【设为默认值】复选框，使
缩略图的大小设置应用于图库中的每张图片。
⑪ 重复步骤⑥~步骤⑨，将准备好的图片按顺序添加到
列表中。
⑫ 单击【确定】按钮
⑬ 保存index3.htm 网页，在【我的电脑】窗口中找到
该网页文件，双击，在IE 浏览器中查看效果。
第8章
项目总结
制作滚动字幕
添加交互式按钮
创建图片库
第8章
项目5：框架网页和嵌入式框
演示：项目5的完成效果
第8章
框架网页的基本概念
框架网页是一种特殊的HTML 网页，它将浏览器窗口分为若
干个区域，每个区域都是一个独立的、可滚动的页面，都
可显示不同的网页。每个分割区域都是一个框架，一组框
架的集合就称为框架集。
框架网页由边框、滚动条和其中显示的网页组成，其本身并
不包含可见内容，只是用来指定要显示的网页及其显示方
式的容器。每个框架网页中都有一个专门用来显示站点栏
目的框架和一个显示栏目内容的框架。单击站点栏目框架
中的某个超链接时，该超链接指向的网页将出现在另一个
框架（即目标框架）中。框架网页通常应用于目录、文章、
信息列表等网页上。
第8章
使用模板创建框架
使用模板创建框架网页的具体操作步骤如下:
① 选择【文件】|【新建】命令打开【新建】任
务窗格，单击其中的【其他网页模板】超链
接，打开【网页模板】对话框，切换到【框
架网页】选项卡。
② 选择相应的模板，可以在窗口右下角看到相
应的框架样式。这里选择【横幅和目录】模
板，单击【确定】按钮，打开新建框架网页
的设计页面。
第8章
为框架添加页面内容
单击最上边框架中的【新建网页】按钮，则
此网页处于编辑状态
第8章
保存框架网页
框架网页的保存方法与其他网页的保存方式有所不
同，因为要涉及多个页面。具体操作步骤如下:
① 选择【文件】|【保存】命令或者单击工具栏中的
【保存】按钮，打开【另存为】对话框
② 在对话框的右边用深色标志指出要进行保存的框架，
单击【更改标题】按钮，打开【输入文字】对话框，
然后输入“唐代诗人”作为整个框架网页的标题。单
击【确定】按钮，返回【另存为】对话框
③ 在【保存位置】下拉列表中选择保存框架网页文件的
位置，并输入一个文件名称，然后单击【保存】按钮。
④ 保存完一个框架以后，系统会自动转到其他框架，提
醒保存其他的框架，保存方法同上。
⑤ 保存完所有的框架以后，系统会提示保存整个框架集，
此时只需在【文件名】文本框中输入框架集的名称，
再单击【保存】按钮，即可保存整个框架网页。
第8章
设置目标框架
目标框架是指显示超链接的目标网页的框架。可在框架集的
某个框架中设置超链接，而将另一框架作为目标网页。
设置目标框架的具体操作步骤如下:
① 选择要定义超链接的文字或者按钮。
② 单击【常用】工具栏中的【插入超链接】按钮，打开对话框。
③ 在【查找范围】下拉列表中选择要链接的目标网页，或直接在
【地址】文本框中输入要链接的目标网页的路径。
④ 单击【目标框架】按钮，打开【目标框架】对话框。
⑤ 在【当前框架网页】区域中显示的缩略图中选择要用做目标框架
的框架。
⑥ 单击【确定】按钮，返回到【插入超链接】对话框，在【地址】
文本框中将显示出目标框架的地址
⑦ 单击【确定】按钮
第8章
编辑网页框架
设置框架的属性
对于网页中的框架，可以对其属性进行设置和修改。取消边
框的操作步骤如下:
① 在要设置属性的框架网页中单击鼠标右键，在弹出的快捷菜单中
选择【框架属性】命令，打开【框架属性】对话框。
② 在【名称】文本框中输入要设置的框架网页的名称，如main。
③ 单击【框架网页】按钮，打开【网页属性】对话框，并切换到
【框架】选项卡。
④ 在【框架】选项卡中取消选中【显示边框】复选框，并将【框架
间距】设置为0。
⑤ 单击【确定】按钮，保存设置并返回到【框架属性】对话框。
⑥ 单击【确定】按钮，完成取消边框的设置
第8章
拆分和删除框架
新建一个框架网页后，有时还需要将其中的框架变成更小的
框架，这时就可以使用拆分框架的功能。拆分框架有两
种方式，一种是行拆分，它可以将一个框架一次拆分成
两行。另一种是列拆分，它可以将一个框架一次拆分成
两列。
拆分框架的具体操作步骤如下。
① 在拆分视图下打开需修改的框架网页并选中要拆分的框架。
② 将鼠标指针移至框架边框，在按住【Ctrl】键的同时按住鼠标左
键将其拖动到所需要的位置，释放鼠标即可拆分框架。
③ 如果需要精确地将框架拆分，可以选中要拆分的框架，然后选择
【框架】|【拆分框架】命令，打开【拆分框架】对话框，在该
对话框中进行设置即可。
④ 新建一个框架网页后，有时需要删除多余的框架，此时将用到删
除框架功能。选中需要删除的框架，选择【框架】|【删除框架】
命令，即可将其删除。
第8章
嵌入式框架
嵌入式框架和框架网页基本相同，区别在于
嵌入式框架及其内容好像表格和图片一样，
是嵌入在现有的网页中的，它可以存放任
何普通网页的内容，也可以像普通网页一
样进行自定义。嵌入式框架最大的优点是
制作嵌入式内容时不需要单独创建框架网
页。
第8章
项目总结
框架网页的创建方式、特点及保存方式
目标框架的含义和相关操作
框架网页的属性设置，框架的拆分、删除
和嵌入式框架的应用
第8章