第3章 架、表格、 AP Div.pptVIP

第3章 框架、表格、AP Div 框架、表格、AP Div都是设计和布局页面的重要工具 本章要点 能够使用框架布局网页。 熟练掌握表格的创建、编辑过程。 熟练掌握表格的嵌套方法。 熟练掌握表格的宽度、边框、背景色及背景 图像的设置方法。 熟练掌握Div标签的使用方法。 掌握AP Div的使用方法。 3.1 在网页中使用框架 利用框架可以非常方便地对页面进行布局。Dreamweaver CS3提供了许多框架模板，用户也可手工修改框架的结构。 3.1.1 框架操作 3.1.2 框架观察器 3.1.3 在框架内插入HTML文件内容与保存框架文件 3.1 在网页中使用框架 3.1.1 框架操作 创建框架、调整框架、删除框架、对框架属性的设置。 一、创建框架 二、调整框架 三、删除框架 四、设置框架集属性 五、设置分栏框架属性 3.1.1 框架操作 3.1.1 框架操作 一、创建框架 创建框架有以下几种方法。 （1）方法一：单击【文件】/【新建】命令，调出【新建文档】对话框，如图3-1所示。单击该对话框左边【类别】栏中【示例中的页】，再单击示例文件夹中的【框架集】选项，单击选中该对话框右边【框架集】栏内的一种框架选项，然后单击【创建】按钮，即可创建有框架的网页。 3.1.1 框架操作 3.1.1 框架操作 （2）方法二：单击【插入】（布局）面板的【框架】快捷菜单中的一个按钮，即可在页面内设置出相应的框架，如图3-2所示。 3.1.1 框架操作 （3）方法三： 利用【修改】/【框架集】下相应的命令 或利用【插入记录】/【HTML】/【框架】下相应的命令，也可以创建框架。 3.1.1 框架操作 （3）方法三： 利用【修改】/【框架集】下相应的命令 或利用【插入记录】/【HTML】/【框架】下相应的命令，也可以创建框架。 3.1.1 框架操作 建立框架之后，要增加框架的个数，可采用如下方法： 单击框架内部，再单击【查看】/【可视化助 理】/【框架边框】命令，使该命令左边有。 然后，将鼠标指针移到框架的边缘处，当鼠 标指针为“?”或“”形状时，向鼠标指针箭头 指示的方向拖曳鼠标，即可在水平或垂直方 向增加一个框架。 辅助的边框线在浏览器中不会显示。 3.1.1 框架操作 3.1.1 框架操作 二、调整框架 用鼠标拖曳框架线，即可调整框架的大小。(图3-3)P57 三、删除框架 用鼠标拖曳框架线，一直拖曳到另一条框架 线或边框处，即可删除框架。(图3-4)P57 3.1.1 框架操作 四、设置框架集属性 单击框架的外边框，可使[属性]栏变为框架集[属性]栏。[边框]、 [边框颜色]、 [边框宽度] 3.1.1 框架操作 五、设置分栏框架属性 按住Alt键，单击分栏框架的内部，可使【属 性】栏变为分栏框架【属性】栏，如图3-6所 示。 3.1.1 框架操作 3.1 在网页中使用框架 3.1.2 框架观察器 单击【窗口】/【框架】命令，或按下 Shift+F2组合键，调出【框架】面板，也叫 框架观察器，如图3-7所示。如果光标在框架 内，则框架观察器中对应框架内的文字变为 黑色，如图3-7所示。 3.1.2 框架观察器 3.1.2 框架观察器 框架观察器的作用是显示出框架网页的框架 结构（也叫分栏结构）。单击某一个分栏框 架（选中的框架边框呈黑色），即可选中该 分栏框架，同时【属性】栏变为该分栏框架 【属性】栏。如果单击框架的外框线，可以 选中整个框架，如图3-8所示，同时【属性】 栏变为框架集【属性】栏。 3.1.2 框架观察器 3.1 在网页中使用框架 3.1.3 在框架内插入HTML文件内容 与保存框架文件 一、在框架内插入HTML文件内容的操作步骤如下： 1. 单击网页框架的某一个区域内部，使光标在该区域内出现。 2. 可以象在没有框架的网页页面内输入文字和导入对象那样，在选中的框架区域内输入文字和导入对象。也可以单击【文件】/【在框架中打开】命令，调出【选择HTML文件】对话框。利用它可将外部的HTML文件加载到选定的框架区域内。 在框架内插入HTML文件内容 3.1.3 在框架内插入HTML文件内容与保存框架文件 二、保存框架文件 1. 单击【文件】/【框架集另存为】命令，调出【另存为】对话框。利用该对话框可输入文件名，再单击【保存】按钮，完成框架文件的存储。 2. 如果网页中的框架进行了修改，而且框架网页已经保存过，则单击【文件】/【保存框架页】命令即可再保存。 3.1.3 在框架内插入HTM