布局表格和布局单元格技巧

《布局表格和布局单元格技巧》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、在DreamweaverMX中，不仅可以导入外部的数据文件，还可以将网页中的数据表格导出为纯文本的数据文件。最初，使用表格只是为了以更方便阅读的格式显示数据。而现在，表格的格式控制能力可以用来构造网页的框架。先使用较大的表格对网页的版面进行大致的排布，再使用嵌套的表格对细节时行刻画。表格已经不仅仅是一种简单对象，而是一种版面控制和制作模板的强有力的工具。表格包含以下三个基本元素：•行•列•单元格布局表格和布局单元格●5.2.1使用布局视图和网格辅助线利用布局表格创建页面布局，必须在布局视图下完成。在

2、布局视图下，设计者可以很容易地把单元格拖动到页面上，然后按照自己的意图随意安排单元格的位置，还可以使页面的宽度固定，或者填充整个浏览器窗口。利用这个功能可以将原来繁琐的页面布局工作变得简单而又轻松。在绘制布局表格或布局单元格之前，必须从“标准”模式切换到“布局”模式。如果在“布局”模式中创建布局表格，则在向表格中添加内容或对表格进行编辑之前最好切换回“标准”模式。1．使用布局视图1、如果正在“代码”视图中工作，由于在“代码”视图中无法切换到“布局”模式，所以必须执行【查看】

3、【设计】命令，或执行【查

4、看】

5、【代码和设计】命令，切换到设计视图。2、选择显示布局视图：•在【插入】工具栏的【布局】选项卡中单击【布局模式】按钮。•执行【查看】

6、【表格模式】

7、【布局模式】命令。3、弹出一个从【从布局模式开始】提示对话框。如果不想以后再显示该对话框，选中下面的“不再显示此消息”复选框即可。4、单击【确定】按钮，【布局】选项卡中的【插入表格】按钮和【描绘层】按钮将变成灰色，这表示这两个对象不能在布局视图下使用；而原来是灰色的【绘制布局表格】和【绘制布局单元格】按钮则变成了彩色，可以使用这两个对象进行页面布局。

8、•在【文档】窗口的顶部，单击标有“布局模式”的彩色边框条中的【退出】按钮。•执行【查看】

9、【表格模式】

10、【标准模式】命令。•单击【插入】栏上的【布局】选项卡中的【标准模式】按钮。2．退出布局模式若要退出“布局”模式，请执行以下操作之一：执行【查看】

11、【网格】

12、【显示网格】命令，则页面编辑区域会出现网格辅助线。（1）显示网格3．使用网格辅助线在布局视图中，为了更好的显示文本、图象等元素的具体位置，规划页面布局，可以使用网格辅助。网格辅助线将页面划分成一个个的方格，便于对齐文本、图象、层对象等基本元素。

13、执行【查看】

14、【网格】

15、【靠齐到网格】命令，可以使需要对齐的元素在移动过程中自动对齐到相近的网格。（2）对齐到网格（3）网格设置对于显示出来的网格，可以通过更改默认设置，达到需要的效果。执行【查看】

16、【网格】

17、【网格设置】命令，弹出【网格设置】对话框，设置网格的整体格式。在“布局”模式中，不能使用在“标准”模式中可以使用的【插入表格】和【绘制层】工具。若要使用这些工具，必须先切换到“标准”模式。绘制完成布局表格后，有可能要更改布局表格的宽度或高度，可执行以下操作之一：•移动鼠标至布局表格右边缘，当鼠

18、标光标变为形状时，在编辑区内拖动鼠标更改布局表格的宽度。•移动鼠标至布局表格边缘，当鼠标光标变为形状时，在编辑区内拖动鼠标更改布局表格的宽度或高度。2．选择单元格1、在“布局模式”下新建布局表格。2、新建一个布局单元格：•在【插入】工具栏的【布局】选项卡中单击【绘制布局单元格】按钮。•单击【绘制布局单元格】按钮，鼠标光标变为+形状，在编辑区拖动鼠标绘制一个布局单元格。3、绘制完成后，在默认状态下，布局单元格边框是蓝色，背景色是白色，布局单元格被选中时以红色显示。如果需要，也可以在用户参数设置中对上述

19、有关颜色进行更改。3．新建布局单元格如果要绘制多个布局单元格，只能在布局表格的剩余区域中创建布局单元格，不能绘制嵌套布局单元格。具体操作与新建布局单元格的基本步骤相同。4．绘制多个布局单元格当新建布局单元格时，如果和另一个单元格相距很近（小于8个像素）或者和布局表格的边界相距很近（小于8个像素），这个单元格将会自动吸附。如果要取消自动吸附功能，在绘制单元格的同时，按住Alt键即可。自动吸附功能•移动鼠标至布局单元格右边缘，当鼠标光标变为形状时，在编辑区内拖动鼠标更改布局单元格的宽度。•移动鼠标至布局

20、表格边缘，当鼠标光标变为形状时，在编辑区内拖动鼠标更改布局表格的宽度或高度。5．更改布局单元格宽度/高度绘制完成布局单元格后，有可能要更改布局单元格的宽度或高度，可执行以下操作之一：●5.2.3绘制嵌套布局表格如果要绘制多个布局表格，既可以在页面布局的空白区域中创建布局表格，也可以在现有布局单元格和表格的周围或嵌套在现有布局表格中创建布局表格。如果页面已包含内容，而且要在页面布局的空白区域添加布局表格，则只能在现有内容的下方绘制新的布局表格。1．绘制非嵌套布局表格要绘