(框架讲义.docVIP

5．1框架的使用 【教学内容】 【教学目的】 【教学重点】 【教学难点】 【教学方式】 讲授式、项目模块式、演示教学 【教学参考】【新课内容】框架的作用是把游览器窗口划分为若干个区域，每个区域可以分别显示不同的网页框架由两个主要部分----框架集和单个框架组成。框架集是在一个文档内定义一组框架结构的HTML网页。框架集定义了一页网页显示的框架数、框架的大小、载入框架的网页源和其它可定义的属性等等。单个框架是指在网页上定义的一个区域。如果一个页面被划分为两上框架，那么它实际上包含的是三个独立的文件，一个是框架集文件和两上框架内容文件。框架内容文件就是显示在页面框架中的内容。2、创建框架集： 4种实现方法①使用插入面板；②使用菜单；③使用新建文档；④手动绘制； A：自定义框架集，查看→可视化助理→框架边框，首先使框架边框在文档窗口中可见。使用修改→框架集/页来创建框架集，四种类型，左右上下拆分框架。B：按住ALT拖动任一条边框，可分割文档（或已有的框架），按住ALT从一个角上拖动框架边框，可以把文档分为四个框架，这种方法最为方便插入预定义框架集：DW8插入框架集的方法，新建---框架集，可插入DW8预置的框架集 操作步骤：单击“文件”→“新建”菜单命令，调出“新建文档”对话框，单击该对话框左边“类别”栏中的“框架集”选项，再单击选中该对话框右边“框架集”栏内的一种框架选项，然后单击“创建”按钮，即可创建有框架的网页。 其它版本插入方法，布局---框架，插入预置的框架，在框架集面板上单击想要的框架集图标或把图标直接拖入文档中 操作步骤：单击“插入”（布局）栏内“框架”快捷菜单中的一个菜单命令，如图5-1-11所示，即可在页面内设置出相应的框架 使用菜单 操作步骤：单击“修改”→“框架集”→“×××”菜单命令 或单击“插入”→“HTML”→“框架”→“×××”菜单命令，也可以创建框架。3、删除框架任意拖动框架边框离开页面或拖动到其它框架的边框上即可删除4、嵌入式框架集跟表格和层一样，框架也可以嵌套，在要嵌套框架的框架中单击鼠标将光标定位到该框架中，然后使用上面的插入框架的方法嵌套5、保存框架和框架集文件保存全部6、选择框架和框架集选择框架和框架集的方法有两种一种是用框架面板来选择，一种方法是在文档窗口中选择在中只需要单击相应框架即可，单击环绕框架的边框即可选择框架集文档窗口中，按住ALT单击相应框架即可选择，直接单击框架边框即可选择框架集 框架观察器（框架面板） 单击“窗口”→“框架”菜单命令，调出“框架”面板，也叫框架观察器。如果光标在框架内，则框架观察器中对应框架内的文字变为黑色。 框架观察器的作用 是显示出框架网页的框架结构（也叫分栏结构）。单击某一个分栏框架（选中的框架边框呈黑色），即可选中该分栏框架，同时“属性”栏变为该分栏框架“属性”栏。如果单击框架的外框线，可以选中整个框架（即框架集），如图5-1-13所示，同时“属性”栏变为框架集“属性”栏。7、框架大小框架集属性：单击框架的外边框后，可使“属性”栏变为框架集“属性”栏。改变框架集属性需要通过框架集“属性”栏来完成。 （1）“边框”列表框：用来确定是否要边框。选“是”选项是保留边框；选“否”选项是不保留边框；选“默认”选项是采用默认状态，通常是要边框。 （2）“边框颜色”栏：用来确定边框的颜色。单击按钮，可调出颜色板，利用它可确定边框的颜色，也可在文本框中直接输入颜色数据。 （3）“边框宽度”文本框：用来输入边框的宽度数值，其单位是像素。如果在该文本框内输入0，则没有边框。如果“查看”→“框架边框”菜单选项被选中，则网页页面编辑窗口内会显示辅助的边框线（它不会在浏览器中显示出来）。 （4）“值”文本框：用来确定网页左边分栏的宽度或上边分栏的高度。 （5）“单位”下拉列表框：用来选择“值”文本框内数据的单位，单位有“像素”等。 框架属性： 按住Alt键，单击分栏框架的内部后，可使“属性”栏变为分栏框架“属性”栏，如图所示。分栏框架属性的改变需要通过分栏框架“属性”栏来完成。分栏框架的框架“属性”栏中各选项的作用如下所述。 （1）“框架名称”文本框：用来输入分栏的名字。 （2）“源文件”文本框：用来设置该分栏内HTML文件的路径和文件的名字。 （3）“滚动”下拉列表框：用来选择分栏是否要滚动条。选择“是”选项，表示要滚动条；选择“否”选项，表示不要滚动条；选择“自动”选项，表示根据分栏内是否能够完全显示出其中的内容来自动选择是否要滚动条；选择