银行员工能力提升培训【孙军正】.ppt

文档介绍：第3章框架、表格、AP Div
框架、表格、AP Div都是设计和布局页面的重要工具
本章要点
能够使用框架布局网页。
熟练掌握表格的创建、编辑过程。
熟练掌握表格的嵌套方法。
熟练掌握表格的宽度、边框、背景色及背景
图像的设置方法。
熟练掌握Div标签的使用方法。
掌握AP Div的使用方法。
在网页中使用框架
利用框架可以非常方便地对页面进行布局。Dreamweaver CS3提供了许多框架模板,用户也可手工修改框架的结构。
框架操作
框架观察器
在框架内插入HTML文件内容与保存框架文件
在网页中使用框架
框架操作
创建框架、调整框架、删除框架、对框架属性的设置。
一、创建框架
二、调整框架
三、删除框架
四、设置框架集属性
五、设置分栏框架属性
框架操作
框架操作
一、创建框架
创建框架有以下几种方法。
(1)方法一:单击【文件】/【新建】命令,调出【新建文档】对话框,如图3-1所示。单击该对话框左边【类别】栏中【示例中的页】,再单击示例文件夹中的【框架集】选项,单击选中该对话框右边【框架集】栏内的一种框架选项,然后单击【创建】按钮,即可创建有框架的网页。
图3-1 在页面内创建上下两个框架
框架操作
(2)方法二:单击【插入】(布局)面板的【框架】快捷菜单中的一个按钮,即可在页面内设置出相应的框架,如图3-2所示。
框架操作
图3-2 【框架】快捷菜单
建立框架之后,要增加框架的个数,可采用如下方法:
单击框架内部,再单击【查看】/【可视化助
理】/【框架边框】命令,使该命令左边有。
然后,将鼠标指针移到框架的边缘处,当鼠
标指针为“”或“”形状时,向鼠标指针箭头
指示的方向拖曳鼠标,即可在水平或垂直方
向增加一个框架。
辅助的边框线在浏览器中不会显示。
框架操作
框架操作
显示框架边框