第4章框架和表格.pptVIP

第4章 框架和层 通常情况下，浏览器窗口一次只显示一个页面，使用框架可以把窗口划分成几个子窗口，每个子窗口内显示一个不同的页面。 有时我们也会使用框架来布局网页，当网页的导航栏不变，且导航栏出现在各个子页面时，可以使用框架来布局：把不变的元素放在一个框架内作为单独的网页文档，这个文档是不变的，其他经常更新的内容放在主框架内。 框架的使用有一些缺点，框架页面在加入书签和打印时，经常会出现错误，如果使用复杂的框架布局网页，链接也容易发生错误。因此，不要频繁地使用框架，尽量用表格来布局网页。 4.1 框架的编辑 在Dreamweaver中，提供了可视化的工具 来创建框架、拆分框架，设置框架属性，可以 很方便地对框架进行各种操作。 4.1 框架的编辑 4.1.1 创建框架和框架集 4.1.2 选中框架或框架集 4.1.3 保存框架和框架集文件 4.1.4 设置框架属性 4.1.5 设置框架集属性 4.1.1 创建框架 1．框架的创建 有三种方法，可任选其中一种： （1）选择【文件】/【新建】命令，在弹出的【新 建】对话框中，单击【常规】选项卡，在左侧的【类 别】列表框中选择【框架集】选项，然后从中间的 【框架集】列表框中选择一种预设的框架集，框架布 局可以通过右侧的【预览】窗口预览。 (2)切换到【布局】工具栏，点击【布局】工具栏上的【框架】下拉列表，在列表中选择一个框架 （3） 【插入】 【HTML 】 【框架】下拉列表 4.1.1 创建框架 2.修改框架 (1) 框架创建好后，如果不理想，可通过拆分框架来达到目的。把光标定位于要拆分的框架区，选择【修改】/【框架集】命令，在其子菜单中选择任一分割命令，可对框架进行拆分。 (2) 【查看】 【 可视化助理】 【框架边框】 按住ALT键可任意拆分。 3.删除框架 若想删除一个框架，将其边界线拖到页面边缘或其母框架之外即可。 4.1.2 选中框架或框架集 如果想改变框架或框架集的属性，要先选定框架或框架集，然后通过【属性】面板的参数进行设置。选定操作的方法有两种。 1．选择框架 （1）按下【ALT】键，在要选择的框架内单击鼠标左键，则该框架边框内侧出现虚线，【属性】面板显示该框架的参数。 （2）选择主菜单中的【窗口】/【框架】命令，把【框架】面板打开，在面板中单击要选择的框架，被选中的框架边框会出现虚线。 2．选择框架集 （1）单击文档窗口中的框架边框，可选中框架集，被选中的框架集的边框变为虚线，【属性】面板显示该框架集的参数。 （2）在【框架】面板中单击框架集的边框线，可以选择整个框架集，此时框架集的边框变为虚线。 4.1.3 保存框架和框架集文件 当一个页面被划分为若干个框架时，Dreamweaver就建立了一个未命名的框架集文件，同时为每一个框架建立一个文档文件。也就是说，一个包含两个框架的页面实际上存在三 个文件，一个框架集文件，另两个是分别存储每个框架内容的文件。例如，一个左右框架的网页对应的代码为： frameset cols=160,* frameborder=NO border=0 framespacing=0 frame src=left.htm name=leftFrame scrolling=NO noresize frame src=main.htm name=mainFrame /frameset frameset标签为框架集标签。包括所有框架的数量，大小和方位信息，这里表示页面被分为左右两个框架，左侧的框架宽为160像素。 4.1.3 保存框架和框架集文件 frame标签为框架标签。包含有关显示在这个框架中的页面的信息，这里表示在左侧的框架内打开的文件为“left.htm”，框架被命名为“leftFrame”，框架没有滚动条，不可以改变大小。右侧的框架内打开的文件为“main.htm”，框架被命名为“mainFrame” 框架集标签和框架标签是配对使用的。我们在保存带框架的网页时，要分别保存框架集文件和单个的框架文件。这样才能把整个网页都保存下来。以一个左侧框架的的网页为例,具体操作步骤如下： 4.1.3 保存框架和框架集文件 选择主菜单中的【文件】/【保存全部】命令，整个框架边框的内侧会出现阴影框，同时弹出【另存为】对话框。如图4-4所示。框架集显现选中状态，表示要求保存的是框架集文件。输入文件名，单击保存按钮，将整个框架集保存为“index.htm”。 4.1.3 保存框架和框架集文件 接着出现第2 个【另存为】对话框，要求保存右侧框架的内容文件名，输入文件