dreamweaver网页设计使用框架布局网页实用教案

9.1 框架(kun ji)网页的创建9.1.1 关于(guny)框架和框架集在框架网页中，浏览器窗口被划分成了若干区域，每个区域称为一个(y )框架，每个框架可显示不同的文档内容，彼此之间互不干扰。框架网页最明显的特征就是当一个(y )框架的内容固定不动时，另一个(y )框架中的内容仍可以通过滚动条进行上下翻动。第1页/共14页第一页，共15页。9.1.2 了解(lioji)框架网页构造下图所示网页(wn y)至少由三个单独的网页(wn y)文档组成：两个框架区域中显示的两个网页(wn y)文档和把这两个文档显示在一个界面上的框架集文档。在Dreamweaver中设计使用框架的网页(wn y)时，必须全部保存这三个文件，框架网页(wn y)才能在浏览器中正常显示。第2页/共14页第二页，共15页。9.1.3 创建(chungjin)框架集1使用(shyng)“新建文档”对话框创建使用(shyng)“新建文档”对话框创建框架集的方法同创建普通页面的方法相似。第3页/共14页第三页，共15页。2使用“布局(bj)”插入栏创建使用“布局”插入栏创建框架集就像插入表格(biog)一样简单。第4页/共14页第四页，共15页。3手动创建(chungjin)使用(shyng)前面两种方法创建的都是Dreamweaver中预定义的框架集，当这些框架集无法满足用户需求时，可以在此基础上手动分割创建框架。第5页/共14页第五页，共15页。9.2 框架(kun ji)和框架(kun ji)集的基本操作9.2.1 选择(xunz)框架和框架集1在文档编辑(binj)窗口中选择在文档编辑窗口中选择框架的方法为：按住【Alt】键的同时在要选择的框架内单击，被选中的框架边框变为虚线。如要选择框架集，则单击该框架集上的任意边框即可，选中的框架集所有边框都呈虚线显示。第6页/共14页第六页，共15页。2在“框架”面板(min bn)中选择选择“窗口”“框架”菜单，可打开“框架”面板(min bn)，该面板(min bn)中显示了窗口中框架的结构，不同的框架区域显示了框架的名称。选择框架(kun ji)：在“框架(kun ji)”面板中单击需要选择的框架(kun ji)即可将其选中，被选择的框架(kun ji)在“框架(kun ji)”面板中以粗黑框显示。选择框架(kun ji)集：在“框架(kun ji)”面板中单击框架(kun ji)集的边框即可选择框架(kun ji)集。第7页/共14页第七页，共15页。9.2.2 设置(shzh)框架和框架集属性1设置框架(kun ji)属性选择框架后，“属性”面板(min bn)如下图所示。第8页/共14页第八页，共15页。2设置框架(kun ji)集属性选择框架集后，“属性(shxng)”面板如下图所示。第9页/共14页第九页，共15页。9.2.3 保存(bocn)框架和框架集1保存(bocn)框架保存框架(kun ji)网页文档的操作非常简单。第10页/共14页第十页，共15页。2保存(bocn)框架集保存框架集和保存框架的方法非常(fichng)相似。第11页/共14页第十一页，共15页。3全部(qunb)保存使用(shyng)“全部保存”命令可以同时保存框架网页中的所有框架集文档和框架网页文档。通常在新建框架网页后采用这种方法保存文档。 第12页/共14页第十二页，共15页。综合实例使用框架布局网页(wn y)“柠檬网”在学习了框架的相关知识后，本例通过制作一个使用框架技术制作的播客网站来学习其在实际网页制作中的应用(yngyng)。该网页由上下框架组成，当单击上方框架导航栏中的链接时，将在下方框架中显示链接的网页文档（具体操作见视频9-1-1和9-1-2）。 第13页/共14页第十三页，共15页。感谢您的欣赏(xnshng)！第14页/共14页第十四页，共15页。NoImage内容(nirng)总结9.1 框架网页的创建(chungjin)。9.1.1 关于框架和框架集。9.2 框架和框架集的基本操作。9.2.1 选择框架和框架集。9.2.2 设置框架和框架集属性。9.2.3 保存框架和框架集。保存框架集和保存框架的方法非常相似。使用“全部保存”命令可以同时保存框架网页中的所有框架集文档和框架网页文档第十五页，共15页。