《框架表格APDiv》PPT课件

《《框架表格APDiv》PPT课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第3章框架、表格、APDiv框架、表格、APDiv都是设计和布局页面的重要工具本章要点能够使用框架布局网页。熟练掌握表格的创建、编辑过程。熟练掌握表格的嵌套方法。熟练掌握表格的宽度、边框、背景色及背景图像的设置方法。熟练掌握Div标签的使用方法。掌握APDiv的使用方法。3.1在网页中使用框架利用框架可以非常方便地对页面进行布局。DreamweaverCS3提供了许多框架模板，用户也可手工修改框架的结构。3.1.1框架操作3.1.2框架观察器3.1.3在框架内插入HTML文件内容与保存框架文件3.1在

2、网页中使用框架3.1.1框架操作创建框架、调整框架、删除框架、对框架属性的设置。一、创建框架二、调整框架三、删除框架四、设置框架集属性五、设置分栏框架属性3.1.1框架操作3.1.1框架操作一、创建框架创建框架有以下几种方法。（1）方法一：单击【文件】/【新建】命令，调出【新建文档】对话框，如图3-1所示。单击该对话框左边【类别】栏中【示例中的页】，再单击示例文件夹中的【框架集】选项，单击选中该对话框右边【框架集】栏内的一种框架选项，然后单击【创建】按钮，即可创建有框架的网页。图3-1在页面内创建上下

3、两个框架3.1.1框架操作（2）方法二：单击【插入】（布局）面板的【框架】快捷菜单中的一个按钮，即可在页面内设置出相应的框架，如图3-2所示。3.1.1框架操作图3-2【框架】快捷菜单（3）方法三：利用【修改】/【框架集】下相应的命令或利用【插入记录】/【HTML】/【框架】下相应的命令，也可以创建框架。3.1.1框架操作（3）方法三：利用【修改】/【框架集】下相应的命令或利用【插入记录】/【HTML】/【框架】下相应的命令，也可以创建框架。3.1.1框架操作建立框架之后，要增加框架的个数，可采用如下

4、方法：单击框架内部，再单击【查看】/【可视化助理】/【框架边框】命令，使该命令左边有。然后，将鼠标指针移到框架的边缘处，当鼠标指针为“”或“”形状时，向鼠标指针箭头指示的方向拖曳鼠标，即可在水平或垂直方向增加一个框架。辅助的边框线在浏览器中不会显示。3.1.1框架操作3.1.1框架操作显示框架边框二、调整框架用鼠标拖曳框架线，即可调整框架的大小。(图3-3)P57三、删除框架用鼠标拖曳框架线，一直拖曳到另一条框架线或边框处，即可删除框架。(图3-4)P573.1.1框架操作四、设置框架集属性单击框架

5、的外边框，可使[属性]栏变为框架集[属性]栏。[边框]、[边框颜色]、[边框宽度]图3-5框架集【属性】栏3.1.1框架操作五、设置分栏框架属性按住Alt键，单击分栏框架的内部，可使【属性】栏变为分栏框架【属性】栏，如图3-6所示。3.1.1框架操作图3-6分栏框架【属性】栏图3-6分栏框架【属性】栏3.1.1框架操作[框架名称]文本框、[源文件]文本框、[滚动]下拉列表框、[不能调整大小]复选框、[边框]下拉列表框、[边框颜色]按钮3.1.2框架观察器单击【窗口】/【框架】命令，或按下Shift+F

6、2组合键，调出【框架】面板，也叫框架观察器，如图3-7所示。如果光标在框架内，则框架观察器中对应框架内的文字变为黑色，如图3-7所示。3.1在网页中使用框架3.1.2框架观察器图3-7框架观察器3.1.2框架观察器框架观察器的作用是显示出框架网页的框架结构（也叫分栏结构）。单击某一个分栏框架（选中的框架边框呈黑色），即可选中该分栏框架，同时【属性】栏变为该分栏框架【属性】栏。如果单击框架的外框线，可以选中整个框架，如图3-8所示，同时【属性】栏变为框架集【属性】栏。3.1.2框架观察器图3-8选中整个

7、框架后的观察器3.1.3在框架内插入HTML文件内容与保存框架文件一、在框架内插入HTML文件内容的操作步骤如下：1.单击网页框架的某一个区域内部，使光标在该区域内出现。2.可以象在没有框架的网页页面内输入文字和导入对象那样，在选中的框架区域内输入文字和导入对象。也可以单击【文件】/【在框架中打开】命令，调出【选择HTML文件】对话框。利用它可将外部的HTML文件加载到选定的框架区域内。3.1在网页中使用框架在框架内插入HTML文件内容图3-9【选择HTML文件】对话框3.1.3在框架内插入HTML文

8、件内容与保存框架文件二、保存框架文件1.单击【文件】/【框架集另存为】命令，调出【另存为】对话框。利用该对话框可输入文件名，再单击【保存】按钮，完成框架文件的存储。2.如果网页中的框架进行了修改，而且框架网页已经保存过，则单击【文件】/【保存框架页】命令即可再保存。二、保存框架文件3.单击【文件】/【框架另存为】命令，调出【另存为】对话框。利用该对话框可输入文件名，再单击【保存】按钮，完成该框架窗口中的内容存储(该框架窗口中的HTML)。4.单击【文件】