使用框架布局网页.ppt

《使用框架布局网页.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第8章使用框架布局网页框架网页的创建框架和框架集的基本操作8.1框架网页的创建8.1.1认识框架网页在框架网页中，浏览器窗口被划分成了若干区域，每个区域称为一个框架，每个框架可显示不同的文档内容，彼此之间互不干扰。框架网页最明显的特征就是当一个框架的内容固定不动时，另一个框架中的内容仍可以通过滚动条进行上下翻动。8.1.2创建框架网页1．使用“新建文档”对话框使用“新建文档”对话框创建框架网页的方法同创建普通网页的方法相似，本节来看具体操作。2．使用“插入”面板使用“插入”面板可以在网页中插入Dreamweaver预定义

2、的框架集。3．手动创建使用前面两种方法创建的都是Dreamweaver预定义的框架集，当这些框架集无法满足用户需求时，可以在其基础上手动分割创建框架集，本节来看具体操作。8.2框架和框架集的基本操作8.2.1选择框架和框架集选择框架集的方法有两种，一种是在文档编辑窗口中单击框架集上的任意边框；还有一种是在“框架”面板中选择。要选择框架就只能在“框架”面板中操作，本节我们来看“框架”面板的应用。8.2.2设置框架和框架集属性1．设置框架属性选择框架后，属性检查器如下图所示。2．设置框架集属性选择框架集后，属性检查器如下图所

3、示。8.2.3保存框架和框架集1．保存框架保存框架实际上就是保存框架所对应的网页文档。2．保存框架集保存框架集和保存框架的方法差不多。综合实例——使用框架布局网页“草根视频”在学习了框架的相关知识后，本例通过制作一个使用框架技术制作的视频网站来学习其在实际网页制作中的应用。该网页由上下框架组成，当单击上方框架导航栏中的链接时，将在下方框架中显示链接的网页文档（具体操作见视频8-1-1和8-1-2）。