网页设计与制作 教学课件 作者 李云程 主编 李亮 周光明 副主编 第8章.pptVIP

第8章 Frame框架页面的创建 8.1 框架介绍 8.2 创建框架页面 8.3 总结 * * 框架Frame是设计页面布局的技术。 其实框架的每一部分都是一个正常的网页页面。 它是把浏览器窗口划分成若干个区域，每个区域用于显示不同的网页文件。 本章将主要学习应用Dreamweaver MX预定义的13种框架集创建框架页面的方法，设计者自己创建框架页面。 lyc 2008/3/24 深圳职业技术学院软件工程系 李云程制作 浏览器窗口分成了三个部分： 在一般的框架页面中，有一个页面是用来放置导航条，另外页面是用来显示相应网页内容。 当单击左边导航条的栏目，在右边就会显示该栏目的相关页面详细内容。 示例效果 右边部分是用来显示网站的主要内容。 顶部部分用来显示网站的标题； 左边部分是用来显示网站的导航条； 案例 创建一个框架页面 制作要求： 利用系统预定义的13种框架集，创建一个三页面的框架集。不过需要注意的是，我们只能在Design View设计视图模式下插入预定义的框架集。 制作步骤 1.在一个网页中插入一个顶部和嵌套的左侧框架。 2.修改框架或框架集 。这要通过页面上框架边框或Frames框架面板进行选择。 3. 保存框架集文件 。选择菜单File文件/Save All保存全部命令，最先是框架集文件，然后是主画面文件和其它。 Dreamweaver MX为我们提供了两种创建框架页面的方法：一种是使用系统预定义的框架集，另一种是由设计者自己创建。 示例效果 选择Insert 插入栏的Frames选项卡中的某个框架集，则页面显示该图示 。 如要修改各框架的大小，将鼠标指到框架边框线上拖动，就可以轻松地调整各个框架的大小 。 若修改框架大小，选中框架的边框就会出现带点线的轮廓线，拖动鼠标即可。 设置框架属性。选择菜单Window窗口/Others其它/Frames 框架命令，打开Frames面板。选中某部分，即可设置其属性 。 框架集文件Frameset.htm，是用来定义页面显示的框架数、框架的大小、载入框架的源文件，以及其它的属性信息。 其它框架被保存时，页面中相应部分会有明显显示样子，并依次进行保存即可 。 具体方法如下 1.新建一个HTML网页，为了使框架边框在文档中可见，选择View查看/Visual Aids可视化助理 /Frame Borders框架边框命令，然后插入框架集其边框方可见 。 2.选择菜单Insert插入 / Frame框架，插入框架即可。 注意：如果要删除某个框架，只须将该框架的边框拖曳到父框架的边框上即可。 应用Dreamweaver MX预定义的13种框架集创建框架是很方便的一件事情。这里学习另外一种创建框架页面的方法，设计者自己创建框架页面。 3. 选择菜单Modify修改/Frameset框架页中的子命令，可对框架不断进行左、右、上、下拆分。