边用边学Dreamweaver网页设计与制作教学课件 作者 李彪 杨仁毅 第10章.pptVIP

边学边用Dreamweaver CS4网页制作 教师： 职务： ——教育部实用型信息技术人才培养系列教材 第10章 使用框架制作网页 学习目标： 本章将学习使用框架制作网页，框架具有文档与结构分离的功能，所以使用框架布局使网页布局效率大大提高。希望读者通过本章内容的学习，能掌握创建框架或框架集、链接框架的内容等知识。 第10章 使用框架制作网页 本章知识点： 创建框架或框架集 框架或框架集的操作 链接框架的内容 在框架中嵌入网页 在网页中使用浮动框架 第10章 使用框架制作网页 第10章 使用框架制作网页 第10章 使用框架制作网页 第10章 使用框架制作网页 第10章 使用框架制作网页 第10章 使用框架制作网页 第10章 使用框架制作网页 第10章 使用框架制作网页 第10章 使用框架制作网页 * 10.1 创建框架或框架集 框架是把浏览器窗口划分为若干区域，分别在不同的区域显示不同的网页文档。有单个框架和框架集组成。框架即是网页上定义的一个区域它是独立存在的HTML文档。框架集即是由多个框架嵌套组合而成的，它包含同一网页上多个框架的布局、链接和属性信息。 10.1.1 创建自定义框架 10.1.2 创建预定义框架 在Dreamweaver CS4中，提供了十三种常见的框架结构。使用预定义框架，可以很轻松地创建框架。 10.1.3 创建嵌套框架 10.2 框架或框架集的操作 框架是浏览器窗口中的一个区域，它可以显示与浏览器窗口的其余部分显示内容无关的HTML文档。 框架集是HTML文件，它定义一组框架的布局和属性，包括框架的数目，框架的大小和位置以及在每个框架中初始显示的页面的URL。 10.2.1 选择框架或框架集 选择框架和框架集可以在“框架”面板中进行。 10.2.2 保存框架或框架集 在浏览器中预览框架集前，必须保存框架集文件以及要在框架中显示的所有文档。 1．保存框架 2．保存框架集 10.3 链接框架的内容 要在一个框架中使用链接以打开另一个框架中的文档，必须设置链接目标。例如导航条位于左框架，并且链接的材料显示在右侧的主要内容框架中，则必须将主要内容框架的名称指定为每个导航条链接的目标，当访问者单击导航链接时，将在主框架中打开指定的内容。 10.4 应用实践 任务1——在框架中嵌入网页 本例主要通过使用框架布局，并在框架中输入链接文字，然后为框架设置背景颜色，最后设置框架的链接目标来完成框架的链接。完成后的效果如下图所示。 10.4 应用实践 10.4.2 任务2——在网页中使用浮动框架 本例首先制作Spring服饰有限公司的加盟条件网页，然后制作一个公司的网页，最后利用浮动框架将外部的加盟条件网页添加到当前页面中。完成后的效果如下图所示。 10.5 知识拓展 10.5.1 框架与框架集属性 框架与框架集都有各自的属性，但框架属性优于框架集属性。 1．框架属性 2．框架集属性 10.5.2 创建无框架内容 有些浏览器不支持框架网页，Dreamweaver允许在不支持框架的浏览器中显示内容。 *