网页设计教程 第7章在网页中应用框架
DreamweaverCS6 HTML CSS DIV JavaScript网站开发框架与浮动框架
第七章框架与浮动框架课堂案例:企业邮箱网页地制作7.1网站地后台管理页一般是由框架结构组成,本章通过学习框架地网页组织形式,制作企业邮箱地页面。
准备知识:框架与框架集7.2•创建框架7.2.2•删除框架与增加框架7.2.4•框架与框架集介绍7.2.1•保存框架7.2.3•在框架使用超链接7.2.5框架与框架集介绍7.2.1框架是网页常用地布局方式与网页间地组织形式,经常使用在网站地后台,邮箱,论坛等结构为一个浏览器窗口划分为若干区域并且每个区域显示不同地网页文件地网页组成。
框架是网页经常使用地页面设计方式,其作用就是把网页在一个浏览器窗口下分割成几个不同地区域,实现在一个浏览器窗口显示多个HTML页面。
使用框架可以非常方便地完成导航工作,让网站地结构更加清晰,而且各个框架之间决不存在干扰问题。
利用框架最大地特点就是使网站地风格一致。
一个框架是由框架与框架集构成,框架是浏览器窗口地一个区域,它可以显示与浏览器窗口地其余部分所显示内容无关地网页文件;框架集也是一个网页文件,它将一个窗口通过行与列地方式分割成多个框架,框架地多少根据具体有多少网页来决定,每个框架要显示地就是不同地网页文件。
框架地HTML标签为<frame></frame>,框架集地HTML标签为<frameset></frameset>。
1创建框架打开Dreamweaver工具,创建一个新地站点名称为frame）,新建一个网页文件,暂时不保存。
在Dreamweaver地CS6版本,单击菜单栏地插入 HTML 框架然后选择菜单地具体框架结构。
2修改框架显示大小与框架属性方法一:修改框架在浏览器显示大小,将鼠标放到框架边框上,当出现双箭头光标时拖拽框架边框,可以改变框架地显示大小。
方法二:单击代码视图,在代码修改rows="80,*"或cols="80,*"地值,如修改为rows="169,*"或cols="257,*"。
网页设计DreamweaverCS3教案(华东师范大学)
第 7章建立框架网页教学目标：1．能够理解框架的作用2．能够合理使用框架划分窗口布局3．能够明白框架和框架集的关系4．能在框架中创建编辑网页5．能在框架中打开已有的网页进行编辑6．能够正确保存框架和框架集7．能够理解和编辑框架的属性教学重点：绘制布局表格、绘制布局单元格、设置布局表格和布局单元格的属性教学难点：绘制嵌套布局表格教学课时：理论：2课时实训：4课时教学方法：讲授法、任务驱动法。
教学过程:一、导入新课网页布局技术还有一种，叫做框架。
然而框架本质上是一种浏览器窗口的分割技术。
而前面我们学习的表格和层的布局方式则属于页面分割技术，只是对一个网页的页面做了的划分，在页面不同的位置放置不同的内容，但这些内容仍在同一个页面上。
利用框架，我们可以把浏览器窗口分成几个部分，每一部分都相当于浏览器窗口的一个子窗口，都可以用来显示一个完整的网页，从而可以实现多个页面在浏览器中的同时显示，所以说框架应该算作是一种“窗口”的布局技术。
按照布局要求，把浏览器窗口分成若干子窗口，并在各个子窗口中显示具有不同内容的网页，这些网页有机的结合在一起，达到一个完整的布局效果。
二、讲授新课（一）、框架和框架集的概念框架是一种窗口分割布局技术，利用框架我们可以把窗口分成规划好的若干子窗口，每一个框架都相当于一个子窗口，我们可以在框架中编辑和显示一个完整的网页。
不同框架中的网页是互不相干，根据我们的整体规划，可以把不同的信息放置在不同框架中页面上，从而实现我们想要的布局效果。
每一个框架都属于某个框架集，我们可以把框架集中的一个框架拆分，来实现更多子窗口的划分，就像我们项目中一样，这其实是通过在框架集中不断的嵌套子框架集来实现的。
（二）、创建框架在创建框架集或使用框架前，通过选择“查看/可视化助理/框架边框”命令，使框架边框在文档窗口的设计视图中可见。
1、使用预制框架集(1)、新建一个HTML文件，在快捷工具栏选择“布局”，单击“框架”按钮，在弹出的下拉菜单中选择“顶部和嵌套的左侧框架”。
使用框架布局页面.
单元4——使用框架布局页面学习目标：理解框架布局的原理掌握使用框架进行页面布局的方法学习利用浮动框架嵌入插件Dreamweaver CS3提供了一种很方便的可以进行网页布局的工具——框架。
框架主要是用来把浏览器窗口划分为若干个区域，每个区域可以分别显示不同的网页。
访问者浏览站点时，可以使某个区域的文档永远不更改，但可通过导航条的链接更改主要框架的内容。
框架结构常被用在具有多个分类导航或多项复杂功能的Web页面上。
任务4.1 框架基本操作在网页中，一个网页可以包含多个页面，此时需要用到框架。
使用框架可以进行页面布局，把网页化分为几个区域。
例如，一个水平框架用于放置Banner（也就是标题）；左垂直框架用于放置导航；右垂直框架用于放置正文。
每一个框架单独使用一个网页，从而使页面设计简单化。
框架除了用于页面布局，还可用于制作目录。
包含框架的网页称为框架集。
框架集定义了各个框架的结构、数量、大小和目标等属性。
本章将介绍框架的使用方法。
4.1.1创建一个新的框架集网页(1)运行Dreamweaver CS3，选择“文件”→“新建”命令，弹出“新建文档”对话框，在对话框中选择“示例中的页”→“框架集”→“上方固定，左侧嵌套”选项，如下图所示。
（2）单击“创建”按钮，弹出“框架标签辅助功能属性”对话框，如下图所示，在此可为每一个框架指定一个标题。
（3）单击“确定”按钮，即可创建一个上方固定，左侧嵌套的框架集，如下图所示。
4.1.2保存框架每个框架包含一个文件，因此一个框架集会包含多个文件，在保存网页时，要将整个网页文档都保存下来。
操作步骤如下：（1）选择“文件”→“保存全部”命令，整个框架边框会出现一个阴影框，同时会弹出“另存为”对话框，命名为“index.html”，表示整个框架集的名称。
（2）单击“保存”按钮，弹出第二个“另存为”对话框，右边框架内侧出现阴影，命名为“main.htlm”，表示右边框架即主框架的文件名。
网页设计与制作：使用层和框架布局页面
4. 创建嵌套层 单击对象面板上的层图标，直接拖动到父层中。 ●单击对象面板上的层图标，直接拖动到父层中。 ●层控制面板里ctrl+拖动 层控制面板里ctrl+层和框架布局页面
5. 对齐层（shift选定） 对齐层（ 选定） 选定 修改/ ●修改/对齐 6. 用标尺和栅格来对齐层 ①找到标尺 查看/标尺 标尺/显示 ● 查看 标尺 显示 ②修改标尺单位 ●右击标尺 ③弹出栅格 查看/网格 网格/显示网格 ●查看 网格 显示网格 ④栅格设置 查看/网格 网格/网格设置 ●查看 网格 网格设置
网页设计与制作
第一章 第二章 第三章 第四章 第五章 第六章 第七章 第八章 第九章 第十章 HTML语言基础 语言基础 初识Dreamweaver 初识 创建与应用表格 使用层和框架布局页面 CSS样式与模板的使用 样式与模板的使用 行为、 行为、库和资源管理 建立动态网站 Flash动画基础知识 动画基础知识 创建动画 使用Fireworks编辑网页图像 使用 编辑网页图像 2 4 3 3 3 3 3 3 3 3
1
第四章 使用层和框架布局页面
一、分层 1. 层的概念 ●层是可将网页分割成“一个个能包含任何元 层是可将网页分割成“ 素的逻辑块” 素的逻辑块”。 层的内容可重叠，位置可移动， ●层的内容可重叠，位置可移动，在不同浏览 器中由不同的标识符产生分层的特点。 器中由不同的标识符产生分层的特点。 2. 建立一个新层 对象面板/ ●对象面板/布局 3. 修改层 ①选择一个层
第四章 使用层和框架布局页面
4. 典型案例 用时间轴在网页中制作幻灯片（ ①用时间轴在网页中制作幻灯片（P112） ） ②制作框架网页（P114） 制作框架网页（ ）
第四章 使用层和框架布局页面
html中框架（frame）的详细使用方法
html中框架（frame）的详细使用方法框架概念：所谓框架便是网页画面分成几个框窗，同时取得多个URL。
只要<FRAMESET> <FRAME> 即可，而所有框架标记要放在一个总起的html 档，这个档案只记录了该框架如何划分，不会显示任何资料，所以不必放入<BODY> 标记，浏览这框架必须读取这档案而不是其它框窗的档案。
<FRAMESET> 是用以划分框窗，每一框窗由一个<FRAME> 标记所标示，<FRAME>必须在 <FRAMESET> 范围中使用。
如下例：<frameset cols="50%,*"><frame name="hello" src="up2u.html"><frame name="hi" src="me2.html"></frameset>此例中<FRAMESET> 把画面分成左右两相等部分，左便是显示up2u.html，右边则会显示me2.html 这档案，<FRAME> 标记所标示的框窗永远是按由上而下、由左至右的次序。
<FRAMESET> <FRAME> ：<FRAMESET> 称框架标记，用以宣告HTML文件为框架模式，并设定视窗如何分割。
<FRAME> 则只是设定某一个框窗内的参数属性。
<FRAMESET> 参数设定：例子：<frameset rows="90,*" frameborder="0" border=0 framespacing="2" bordercolor="#008000">COLS="90,*"垂直切割画面(如分左右两个画面)，接受整数值、百分数， * 则代表占用馀下空间。
使用框架布局网页板书
使用框架布局网页
一、框架构成
框架
框架集
二、创建框架方法
方法一：从”新建文档“对话框中创建
方法二：从”布局“插入栏中创建
三、保存框架
方法：选择“文件”菜单点击“保存全部”。
四、选择框架方法如下：
方法一：在框架面板中选择
方法二：在编辑窗口某个框架内按住Alt键并单击鼠标，即可选择该框架。
五、设置超级链接
操作步骤
1.选中要设置为链接的文字或图片
2.在属性栏中单击“浏览文件”按钮选择文件
3.在“目标”下拉列表框中选择目标框架名称
六、小结
网页布局有框架
框架名称要记清
保存框架看虚线
链接目标要确定
属性设置不能少
基本操作要记牢
框架布局也不难。
第7章 网页设计工具简介
7.4 网页上传工具
7.4.1 CuteFTP CuteFTP是最早支持断点续传的FTP客户软件之一，是 一个集FTP上传下载、FTP搜索和网页编辑功能于一体的软 件包，其功能强大，使用方便，支持拖放。最新的CuteFTP 版本，为了更好地适合专业用户的使用，推出不少新的特色 功能，例如，目录比较上传、宏处理、远端文件直接比较操 作及IE风格的工具栏等。 CuteFTP的最新版本是CuteFTP 6.0 Pro，是一个全新的 商业级FTP客户端上传工具，提供了目录同步，自动排程， 同 时 多 站 点 链 接 、 多 协 议 支 持 （ FTP 、 SFTP 、 HTTP 、 HTTPS），智能覆盖，整合的HTML编辑器等功能，以及更 加快速的文件传输系统。
7.2 网页图形图像处理工具
7.2.2 Photoshop Photoshop是Adobe公司推出的功能强大的平面图像处理 软件，也是迄今为止世界上最畅销的图像编辑软件。Adobe Photoshop CS2（Creative Suite）是目前Photoshop的最新版 本，无论从性能的优越还是使用的方便等方面，Adobe Photoshop CS2都给人以耳目一新的感觉。由于Photoshop在 图像编辑、桌面出版、网页图像编辑、广告设计、婚纱摄影 等各行各业中广泛应用，它已成为许多涉及图像处理的行业 的事实标准。 Photoshop中包含的ImageReady是用于网页图片制作的 工具，其缺点是体积庞大，操作比较复杂，非专业人士很难 熟练掌握。
7.2 网页图形图像处理工具
7.2.1 Fireworks Fireworks是Macromedia公司开发的一款优秀的网页图 形图像处理应用软件。Fireworks与多种产品集成在一起，包 括Macromedia的其他产品（如Dreamweaver、Flash、 FreeHand和Director）和其他用户喜欢的图形应用程序及 HTML编辑器，从而提供了一个真正集成Web解决方案，可 以帮助网页图形设计人员和开发人员解决所面临的特殊问题。 Fireworks的最新版本是Fireworks 8，利用Fireworks 8 中的新增功能，可以更方便地在网站上添加图形和交互元素， 这使得该应用程序越来越易于使用。对于有经验的Web设计 人员，需要与图形打交道的HTML开发人员，以及需要开发 包含大量图形图像的交互式网页但对代码编写或JavaScript 知之甚少或一无所知的Web开发新手来说，Fireworks 8都可 以最大限度地提高工作效率。
实训练习07 HTML网页布局设计——框架的应用
广东工程职业技术学院计算机信息系《网页设计》实训报告实训题目：实训项目07 框架的应用班级：学号：姓名：日期：教师：成绩：实训目的：1．掌握在网页中创建框架的操作方法。
2．掌握如何保存框架集文件和各个框架的操作方法。
3．掌握设置框架集属性和框架属性的方法。
4．掌握编辑框架内容的操作方法。
5．了解在框架中设置超链接的操作方法。
实训内容：1.本次实训要求用布局表格完成“我的主页”网页，完成2个框架集页面的创建，具体效果参见预览效果页面。
2.在站点“myweb”根文件夹之下，建立一个“07”的子文件夹，将“素材”复制到这个文件夹下，而且重新命名为“sucai”，里面的文件夹也重新命名，去掉中文；再在“07”下建立一个“letuweb”文件夹，将“ch8”复制到此文件下。
3.在“07”的子文件夹中建立“07.html”的网页文件，为本次练习的内容做一个首页。
4.制作一个框架网页a)新建一个页面文档，将其保存为07-1.html。
创建框架集“上方和下方框架”网页，在中间的框架中嵌套一个“左侧框架”，保存全部的页面，设置框架网页标题及属性。
b)框架集由4个框架组成：1.顶部为标题部分，显示网页的大标题，保存为07-1top.html。
2.中间左侧为导航部分，提供个网页的导航链接，保存为07-1left.html。
3.中间右侧为主题部分，显示网页主要内容，网页展示的内容共分为4大部分，分别为：公司简介07-1main.html、产品介绍07-1main2.html、征稿合作07-1main3.html和联盟伙伴07-1main4.html。
这4部分内容分别放置在4个网页中，并通过导航链接控制在住框架中显示。
4.底部为说明部分，主要包括一些版权信息等，保存为07-1bottom.html。
c)编辑各框架内的网页文件：1.将光标定位在topFrame框架中，编辑07-1top.html文档，在其中中插入一个1行1列宽度为680像数的表格，在表格中插入Banner图像。
网页设计与制作之——框架结构
框架是什么，框架就好比我们的骨骼，支撑着整个网页，如果一个网页没了框架，那么就感觉像一盘散沙，因此为了更好的实现网页的效果，我们就要学会给网页制作一个框架，为了更好的理解什么是框架。
我们画一张示意图来进行讨论。
这是一个左右型的框架，由三个网页文件组成的。
首先外部的框架是一个文件，图中我们用index.htm命名。
框架中左边命名为A，指向的是一个网页A.htm。
右边命名为B，指向的是一个网页B.htm。
下面我们就来从头开始制作一个框架。
1、点“文件”菜单>新建，弹出“新建文档”对话框如下图：或在插入栏>布局>选＂框架：左框架＂如下图：Dreamweaver MX 2004生成一个空白的框架页面，如下图：2、选择「窗口」菜单＞“框架”，弹出“框架”面板如下图。
从框架面板可知，系统对左右框架生成命名。
左框架名为：leftFrame，右框架名为：mainFrame，当然您可以通过框架属性面板对框架重新命名，了解这一点非常重要。
创建超级链接时，要依据它正确控制指向的页面。
3、保存框架。
选择“文件”菜单点击“保存全部”。
系统弹出对话框。
这时，保存的是一个框架结构文件。
我们按照惯例都命名为index.htm。
保存的时候如果虚线框笼罩的是周围一圈就是保存框架结构。
（下图）虚线笼罩在右边就是保存框架中右边网页。
（如下图）虚线笼罩在左边就是保存框架中左边的网页：（如下图）三个页面保存完毕。
4、下面我们要实现按左边的超级链接，对应的页面出现在右边。
在左边的页面中做上超级链接。
指向一个已经存在的页面。
注意做好链接以后，要在目标栏中设置为mainFrame。
(如下图）6、设置完毕，保存全部，按F12预览网页。
链接指向的页面出现在右边框架中。
7、重复以上步骤，把左框架所有的链接做完，一个简单的网站导航结构创建完成。
更多Dreamweaver 教程请继续访问建站学的Dreamweaver教程专区。
实验七框架结构【实验目的】：通过本实验，使学生熟悉创建、编辑框架网页和利用框架来布局页面的基本方法。
第七讲DW中应用框架技术制作网页
文档中
2.3 将现有文档分割为框架
具体操作如下： （1）新建一个空白的HTML文档后，选择 [查看][可视化助理][框架边框]菜单命令， 即可在当前文档中显示出框架的边框。 （2）拖动文档窗口四周的边框即可创建新 框架，在窗口中通过拖动文档窗口的边框 创建出新框架。
（3）按住【Alt】键，在框架中单击，再拖 动文档窗口上的边框，可创建出新框架。
_self：在当前框架中打开链接，同时替换该 框架的内容。
_top：在当前浏览器的窗口中打开该链接的文 档，同时替换掉整个框架集。
mainFrame 在框架集的主框架中打开链接 的文档，同时替换掉主框架中原来所显示 的文档。
leftFrame：在框架集的左框架中打开链接 的文档，同时替换掉左框架中原来显示的 内容。
在“框架”面板中选择
在“框架”面板中单击框架区域中的任意 位置即可选择框架，选中的框架以粗黑框 显示。
在“框架”面板中单击框架边框即可选择 框架集，如果要选择整个框架集，只需单 击框架最外面的边框即可。
除了前面两种选取方法外，还可以在选取一 个框架的基础上用快捷键选取其他框架， 其方法为：按住【Alt】键再按键盘上的左 右方向键即可选取同级框架或框架集；按 住【Alt】键再按键盘上的向上方向键可以 从文档编辑状态、框架、框架集逐步扩大 范围选取，即升级选取，反之按向下方向 键就是降级选取。
如果窗口中没有框架面板，可选择[窗 口][框架]菜单命令或按【Shift+F2】键打 开框架面板。
在编辑窗口中选择
在编辑窗口中选择框架的方法很简单，按 住【Alt】键，在要选择的框架内单击鼠标 左键即可。被选取的框架边框呈虚线显示。
选择框架集时，单击框架边框即可，选取 的所有框架边框呈虚线。
dreamweaver网页设计使用框架布局网页PPT学习教案
9.2 框架和框架集的基本操作
9.2.1 选择框架和框架集
1．在文档编辑窗口中选择
在文档编辑窗口中选择框架的方法为：按住【Alt 】键的同时在要选择的框架内单击，被选中的框 架边框变为虚线。 如要选择框架集，则单击该框架集上的任意边框 即可，选中的框架集所有边框都呈虚线显示。
第6页/共14页
保存框架集和保存框架的方法非常相似。
第11页/共14页
3．全部保存
使用“全部保存”命令可以同时保存框架网页中 的所有框架集文档和框架网页文档。通常在新建 框架网页后采用这种方法保存文档。
第12页/共14页
综合实例——使用框架布局网页“柠檬 网”
在学习了框架的相关知识后，本例通过制作一 个使用框架技术制作的播客网站来学习其在实 际网页制作中的应用。该网页由上下框架组成 ，当单击上方框架导航栏中的链接时，将在下 方框架中显示链接的网页文档（具体操作见视 频9-1-1和9-1-2）。
dreamweaver网页设计使用框架布局网 页
会计学
1
9.1 框架网页的创建
9.1.1 关于框架和框架集
在框架网页中，浏览器窗口被划分成了若干区 域，每个区域称为一个框架，每个框架可显示 不同的文档内容，彼此之间互不干扰。框架网 页最明显的特征就是当一个框架的内容固定不 动时，另一个框架中的内容仍可以通过滚动条 进行上下翻动。
1．使用“新建文档”对 使用“新建文话档框”对创话建框创建框架集的方法同
创建普通页面的方法相似。
第3页/共14页
2．使用“布局”插入栏 创建
使用“布局”插入栏创建框架集就像插入表格 一样简单。
第4页/共14页
3．手动创建
使用前面两种方法创建的都是Dreamweaver中 预定义的框架集，当这些框架集无法满足用户需 求时，可以在此基础上手动分割创建框架。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
首页 末页 向上 向下 返回 结束
《中文Dreamweaver 8网页设计培训教程》
认识框架和框架集
框架是将一个页面划分成不同的文档区， 每个文档区显示独立的内容，其效果是在浏 览网页时，网页中一部分区域（如公司Logo、 导航条）内容不改变，而其他区域内容在不 断发生改变。 框架集是HTML文件，它定义一组框架 的布局和属性，包括框架的数目、大小、位 置以及在框架中初始显示页面的地址。框架 集文件本身不包含要在浏览器中显示的网页 内容（对不能显示框架的浏览器进行的处理 除外，即<noframes>部分），框架集文件只 是向浏览器提供应如何显示一组框架以及在 这些框架中应显示哪些网页的有关信息。
认识“框架”面板 选择框架与框架集 删除框架
首页 末页 向上 向下 返回 结束
《中文Dreamweaver 8网页设计培训教程》
认识“框架”面板
“框架”面板中显示所创建的框架结构， 并在不同的框架区域中显示框架的名称。当 在框架网页中新建、删除框架，或修改框架 的尺寸、名称等时，“框架”面板中的示意 图会跟随变化。
首页 末页 向上 向下 返回 结束
《中文Dreamweaver 8网页设计培训教程》
保存框架集
选中要保存的框架集。 选择[文件] [保存框架页]菜单命令，打 开“另存为”对话框。 在“保存在”下拉列表框中选择框架集 的保存路径，在“文件名”文本框中为 框架集命名。 单击“保存”按钮即可保存框架集。
《中文Dreamweaver 8网页设计培训教程》
删除框架
如果窗口中有不需要的框架，可将 其删除，用鼠标将要删除框架的边框拖 到父框架边框上或拖离页面即可。
首页 末页 向上 向下 返回 结束
《中文Dreamweaver 8网页设计培训教程》
框架和框架集的保存
保存框架与框架集之后才能在浏览器中 浏览用框架布局的网页。每个框架包含一个 网页，一个框架集则包含多个网页，在保存 时应保存所有的框架与框架集。
首页 末页 向上 向下 返回 结束
《中文Dreamweaver 8网页设计培训教程》
在“框架”面板中选择
在“框架”面板中单击框架区域中 的任意位置即可选择框架，选中的框架 以粗黑框显示。 在“框架”面板中单击框架边框即 可选择框架集，如果要选择整个框架集， 只需单击框架最外面的边框即可。
首页 末页 向上 向下 返回 结束
上机实战
本课上机实战 主要练习个人网页 的页面制作。在练 习过程中，主要用 到框架的创建、框 架和框架集的属性 设置、框架和框架 集的保存、不能显 示框架的处理等知 识。本页面分为上 中下3个框架来制 作，在制作之前应 先制作好各框架中 要显示的网页。
首页 末页 向上 向下 返回 结束
首页 末页 向上 向下 返回 结束
《中文Dreamweaver 8网页设计培训教程》
框架和框架集的创建
在“插入”栏插入预定义的框架集 创建预定义框架集 手动设计框架
首页 末页 向上 向下 返回 结束
《中文Dreamweaver 8网页设计培训教程》
在“插入”栏插入预定义的框架 集
在Dreamweaver 8中预定义了一些 框架集样式，需要使用时直接插入即可。
首页 末页 向上 向下 返回 结束
《中文Dreamweaver 8网页设计培训教程》
保存框架集中的所有网页
首页 末页 向上 向下 返回 结束
《中文Dreamweaver 8网页设计培训教程》
框架和框架集的属性设置
框架集的属性设置 框架集文档标题的设置 框架的属性设置
首页 末页 向上 向下 返回 结束
首页 末页 向上 向下 返回 结束
《中建预定义框架集
首页 末页 向上 向下 返回 结束
《中文Dreamweaver 8网页设计培训教程》
手动设计框架
首页 末页 向上 向下 返回 结束
《中文Dreamweaver 8网页设计培训教程》
框架和框架集的选择和删除
保存框架 保存框架集 保存框架集中的所有网页
首页 末页 向上 向下 返回 结束
《中文Dreamweaver 8网页设计培训教程》
保存框架
将插入点定位到要保存的框架中。 选择[文件] [保存框架]菜单命令， 在打开的“另存为”对话框中像保 存其他网页一样指定保存路径和文 件名，然后单击“保存”按钮即可。
《中文Dreamweaver 8网页设计培训教程》
框架的属性设置
首页 末页 向上 向下 返回 结束
《中文Dreamweaver 8网页设计培训教程》
处理不能显示框架的浏览器
由于在低版本的浏览器中不能正确 显示使用了框架的网页和框架中的内容， 因此在Dreamweaver 8中允许指定在不支 持框架的基于文本的浏览器和较旧的图 形浏览器中显示内容。此类内容存储在 框架集文件中，用<noframes>标签括起 来。当不支持框架的浏览器加载该框架 集文件时，浏览器只显示用<noframes> 标签括起来的内容。
《中文Dreamweaver 8网页设计培训教程》
第7课 在网页中应用框架
课堂讲解 上机实战
首页 末页 向上 向下 返回 结束
《中文Dreamweaver 8网页设计培训教程》
课堂讲解
认识框架和框架集 框架和框架集的创建 框架和框架集的选择和删除 框架和框架集的保存 框架和框架集的属性设置 处理不能显示框架的浏览器 框架的链接
首页 末页 向上 向下 返回 结束
《中文Dreamweaver 8网页设计培训教程》
框架的链接
在使用了框架技术文档中的链 接与一般文档中的链接不同，增加 了与框架有关的链接目标，可以在 一个框架内使用链接改变另一个框 架的内容。
首页 末页 向上 向下 返回 结束
《中文Dreamweaver 8网页设计培训教程》
《中文Dreamweaver 8网页设计培训教程》
框架集的属性设置
使用框架集属性面板可以查看和设 置大多数框架集属性。
首页 末页 向上 向下 返回 结束
《中文Dreamweaver 8网页设计培训教程》
框架集文档标题的设置
当访问者在浏览器中查看该框架集 时，标题将显示在浏览器的标题栏中。
首页 末页 向上 向下 返回 结束
首页 末页 向上 向下 返回 结束
《中文Dreamweaver 8网页设计培训教程》
选择框架与框架集
在编辑窗口中选择 在“框架”面板中选择
首页 末页 向上 向下 返回 结束
《中文Dreamweaver 8网页设计培训教程》
在编辑窗口中选择
在编辑窗口中选择框架的方法很简单，按住 【Alt】键，在要选择的框架内单击鼠标左键即可。 被选取的框架边框呈虚线显示。 选择框架集时，单击框架边框即可，选取的所有 框架边框呈虚线。