框架页和框架集

《框架页和框架集》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、框架的主要作用是用来增强网页的导航功能。通过框架的定位页面作用，可以更整齐的排列页面中的对象。●框架页和框架集框架在网页设计中可以将窗口分成多个不同的区域，每个区域可以分别显示不同的网页。框架由两个部分组成--框架集和单个框架。框架集专门负责框架的设置：网页显示的框架数，框架的大小，是分行型还是分列型，或者是混合型；载入框架的网页源，等等。另外的就是单个框架，也就是普通的HTML文档分别被放置到各框架中，当链接到设置框架的HTML文档时，整个框架以及各HTML文档就会一起显示在浏览器中。在每个框架中，都有一个蓝色的区域，这个区域是主框架的位

2、置。当在一个页面插入框架时，原来的页面就自动成了主框架的内容。一般主框架用来放置网页内容，而其它小框架用来进行导航。1、执行【文件】

3、【新建】命令创建一个新的网页文件。2、将当前鼠标光标定位在需要插入框架的位置，执行如下操作之一即可：•执行【插入】

4、【HTML】

5、【框架】命令。•执行【修改】

6、【框架集】

7、【拆分框架】命令。•在【插入】栏的【布局】选项卡中单击【框架】按钮。3、按照设计要求，在“框架”列表中选择所需的框架结构。●5.3.2创建框架1．框架的插入“框架”按钮1、执行【文件】

8、【新建】命令创建一个新的网页文件。2、将光标定位到页面

9、中，执行如下操作之一即可：•执行【查看】

10、【可视化助理】

11、【框架边框】命令。•在【文档工具栏】中单击【视图选项】按钮，执行【可视化助理】

12、【框架边框】命令。3、页面四周显示出框架的边框线。4、将光标定位到页面中，执行如下操作之一即可：•将鼠标移到【文档窗口】边界线上，当鼠标变成为（左右分割框架）或（上下分割框架）时，拖动鼠标至相应位置，即可创建一条边框线。•将鼠标移到【边框架】角上，当鼠标变成为形状时，拖动鼠标至相应位置，即可创建4个边框。2．插入自定义框架1、执行【文件】

13、【新建】命令创建一个新的网页文件。2、将光标定位到页面中，单击【布

14、局】选项卡中的【框架】按钮，完成框架的插入。3、将光标定位到主框中，单击【布局】选项卡中的【框架】按钮，按照设计要求，插入嵌套的框架结构。3．重复插入框架虽然DreamweaverMX提供了最常用的13种框架模型，但是在实际操作时还是可能会需要使用到其它形式的框架模型，这时可以用重复插入的方法，创建各种形式的框架结构。重复插入框架可以随意创建框架格式。重复插入框架时，每个框架都会被自动命名，提高了效率；而且框架的形式是用rows“﹡，80”这样只指定一个全框架大小的语句，可以适应各种分辩率的浏览器窗口。如果是多层嵌套的框架，则必须分别保存多

15、个导航框架。1、执行【文件】

16、【新建】命令创建一个新的网页文件。2、将当前鼠标光标定位在需要插入框架的位置，执行【修改】

17、【框架集】

18、【拆分左/右/上/下框架】命令。然后按照设计要求，拆分框架。4．分割框架另外，也可以用拖动鼠标的方法来分割框架：执行【可视化助理】

19、【框架边框】命令，然后按照“插入自定义框架”的方式设置即可。●5.3.3框架的编辑和制作框架在网页上的应用可以说是形式多样，所以，熟练运用框架的属性，可以使网页的框架结构美观而实用。使框架成为一个整体：虽然应用框架后，窗口被分为几个部分，但出于美观考虑，应该使框架看起来像是个整体

20、，一般采用的方法是把框架的边界设置为0。然后把导航框中的元素确定位置，不进行移动，使滚动条只出现在主框架中。同时，将框架页的背景设置为一致。在编辑完成框架的结构后，有时会发现错误，这时可以通过替换与删除框架来达到目的。1．替换框架与删除框架在某些多层嵌套框架建立完成后，有时需要重新设置某一层的框架结构，这时就需要替换框架。替换框架就是将框架集中某个框架的内容替换成另外一个框架文件。（1）替换框架1、打开已经设置完成的框架集。在【框架】面板中单击需要替换的那个框架页，进行编辑。2、执行命令【文件】

21、【在框架中打开】命令。3、弹出【选择HTML

22、文件】对话框。在其中选择替换文件，单击【确定】按钮。将鼠标定位在某一框架页内，按住【Alt】键，单击鼠标左键，就选中了框架页，同时在编辑区该框架页周围有一圈虚线，鼠标光标变成形状。（1）选择框架页1、打开设置完成的框架集。在【框架】面板中单击需要删除的框架页，进行编辑。2、将光标定位在要删除框架的框架页边框，将边框移动至框架外沿，即可删除框架。2．选择框架页和框架集（2）删除框架将鼠标定位在框架边框上，当鼠标光标变成或形状时，单击鼠标左键，就选中整个了框架，同时在编辑区该框架集周围有一圈虚线。（2）选择框架集（1）保存框架集1、选中整个框架

23、，执行【文件】

24、【保存全部】或【文件】

25、【框架集另存为】命令。2、此时，弹出一个存储框架集设置选项的对话框（同时在编辑区整个框架集周围有一圈虚线），在【文件名】文本框中键入文件名