十 框架的使用.ppt

1、十 框架的使用,一、概述,框架结构是一种使多个网页(两个或两个以上)通过多种类型区域的划分，最终显示在同一个窗口的网页结构。,一个框架结构又是由两部分网页文件组成的。它们分别是： 框架（Frame）：框架是浏览器窗口中的一个区域，它可以显示与浏览器窗口其余部分中所显示内容无关的网页文件。框架集（Frameset）：框架集也是一个网页文件，它将一个窗口通过行和列的方式割成多个框架，框架的多少根据具体有多少网页来决定，每个框架中要显示的就是不同的网页文件。框架集文件本身不包含要在浏览器中显示的HTML内容，但noframes部分除外，框架集文件只是向浏览器提供应如何显示一组框架以及在这些框架中应显

2、示哪些文档的有关信息。,二、创建/删除框架和框架集,创建框架集的方法有两种：一是使用系统预定义的框架集，二是自己动手设计框架集。1、使用预定义的框架集插入菜单框架选择项目插入栏框架选择项目,2、手动设计框架集显示框架面板：窗口其它框架(Shift+F2）显示框架边框：查看可视化助理框架边框 修改菜单框架页选择项目,3、嵌套框架4、删除框架和框架集将框架的边框拖离“设计”视图范围或拖到父框架的边框上。如果要删除的框架中的文档有未保存的内容，则Dreamweaver 将提示保存该文档。备注：不能通过拖动边框完全删除一个框架集。要删除一个框架集，先关闭显示它的文档窗口，再删除该框架集文件。,三、选择

3、框架和框架集,既可以在文档窗口中选择框架或框架集，也可以通过框架面板进行选择。,四、查看和设置框架和框架集属性,1、框架属性2、框架集属性,五、在框架中插入网页文件,直接在空白框架网页进行编辑文件菜单在框架中打开属性面板中修改源文件,六、保存框架和框架集的文件,可以单独保存每个框架集文件和带框架的文档，也可以同时保存框架集文件和框架中所有文档。1、保存框架集文件在“框架”面板或“文档”窗口中选择框架集，选择“文件保存框架页框架页别存为”,2、保存框架中显示的文档在框架中单击，然后选择“文件保存框架框架另存为”。3、保存与一组框架关联的所有文件文件保存全部,七、设置框架内超链接,要在一个框架中使

4、用链接以打开另一个框架中的文档，则必须设置链接目标。链接的target属性指定在其中打开链接的内容的框架或窗口。,八、设置浏览器不支持框架时说明,修改框架页编辑无框架内容再次选择“修改框架页编辑无框架内容”以返回到框架集文档的普通视图。 插入栏 frames无框架,九、页中页技术（浮动框架）,代码视图下手工编码代码视图下“插入栏框架iframe”,十、框架标记, 1. COLS=“120,*“就是垂直切割画面！你可以一次切成左右两个画面，当然也可以切成三个，很简单只要写成 COLS=“30，*， 50“ （数字随便调整），依此类推，四个以上当然就是四组数字。2. ROWS=“120,*“就是横

5、向切割画面，也就是将画面上下分开，切法同上。,3. frameborder=0设定框架的边框，其值只有 0 和 1 ， 0 就是不要边框， 1 就是要显示边框。边框是无法调整粗细的。 4. framespacing=5表示框架与框架间的保留空白的距离，以免看起来太挤。, 1. SRC=“a.htm“设定此框架中要显示的网页名称，每个框架一定要对应一个网页，否则就会产生错误，这里就是要您填入对应网页的名称。（如果该网页在不同目录，记得路径要写清楚） 2. NAME=“1“设定这个框架的名称，这样才能指定框架来作连结，所以一定要设定！当然名称随你高兴取名。,3. frameborder=0设定框架的边框，其值只有 0 和 1 ， 0 就是不要边框， 1 就是要显示边框。边框是无法调整粗细的。 4. scrolling=“no“设定是否要显示滚动条，YES是要显示滚动条，NO是无论如何都不要显示，AUTO是视情况显示。 5. Noresize设定不让使用者可以改变这个框框的大小，如果没有设定这个参数，使用者可以很容易的拉动框架，改变其大小。,6. marginhight=2表示框架高度部份边缘所保留的空间。 7. marginwidth=2表示框架宽度部份边缘所保留的空间。,