一、布局的格式化

• 布局单元格属性
• 设置布局表格属性

二、设置布局的宽度

• 设置自动伸展

  自动伸展是根据浏览器窗口大小自动设置的，使用自动伸展功能，表格总是充满浏览器窗口；
  在一个布局表格中只有一列可以选择自动伸展；
  如果是第一次设计自动伸展，会出现“选择间隔图像”对话框，单击“创建间隔图像文件”单选按钮，单击确定按钮后会出现“保存间隔图像为”对话框，选择适当的位置将space.gif间隔图像文件进行保存。
  例如：一个页面设计中，左部是菜单条，顶端是题目，右边是主要内容，可以设置左边的列为固定列宽，右边的文本内容为自动伸展，可以使访问者在访问中这列始终满屏显示。

• 设置列的固定宽度

示例：顶端标题
左边目录： 目录条1 目录条2 目录条3 目录条4	右边自动伸展

• 设置布局模式参数

执行“编辑”->“首选参数”命令，打开“首选参数”对话框，如下选择“分类”的“布局模式”，可以设置布局模式的参数选项。

实例练习：

要求：
（1）绘制一个页面布局：新建一个文档，以ch03A.html为文件名保存。
（2）设置页面布局：绘制一个布局表格，宽度700像素、高度476像素。顶端布局单元格的宽度为700像素、高度为73像素，背景颜色为#FFCCFF；左侧布局单元格的宽度为100像素、高度为403像素，背景颜色为#FFCCCC；右侧布局单元格的宽度为600像素、高度为403像素，背景颜色为#FFCC99。
点这里看样例

 

返回主页