第8章网页制作软件FrontPage 2003

Report
第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章

similar documents