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

布局表格和布局单元格 ● 5.2.1 使用布局视图和网格辅助线 利用布局表格创建页面布局，必须在布局视图下完成。在布局视图下，设计者可以很容易地把单元格拖动到页面上，然后按照自己的意图随意安排单元格的位置，还可以使页面的宽度固定，或者填充整个浏览器窗口。利用这个功能可以将原来繁琐的页面布局工作变得简单而又轻松。 在绘制布局表格或布局单元格之前，必须从“标准”模式切换到“布局”模式。如果在“布局”模式中创建布局表格，则在向表格中添加内容或对表格进行编辑之前最好切换回“标准”模式。 在布局视图中，为了更好的显示文本、图象等元素的具体位置，规划页面布局，可以使用网格辅助。 ● 5.2.3 绘制嵌套布局表格 如果要绘制多个布局表格，既可以在页面布局的空白区域中创建布局表格，也可以在现有布局单元格和表格的周围或嵌套在现有布局表格中创建布局表格。 如果页面已包含内容，而且要在页面布局的空白区域添加布局表格，则只能在现有内容的下方绘制新的布局表格。 由于嵌套表格内的单元格不受外层布局表格的行和列的影响，所以在网页布局时经常要用到嵌套表格。 在绘制嵌套布局表格时可以使用网格。通过显示网格，可以更好地对布局单元格和布局表格进行精确定位。 ● 5.2.4 设置布局表格和布局单元格属性 布局表格有许多属性，而且大多数可以通过Dreamweaver中的【布局表格属性检查器】进行修改。 * 在Dreamweaver MX中，不仅可以导入外部的数据文件，还可以将网页中的数据表格导出为纯文本的数据文件。最初，使用表格只是为了以更方便阅读的格式显示数据。而现在，表格的格式控制能力可以用来构造网页的框架。先使用较大的表格对网页的版面进行大致的排布，再使用嵌套的表格对细节时行刻画。表格已经不仅仅是一种简单对象，而是一种版面控制和制作模板的强有力的工具。 表格包含以下三个基本元素： ? 行 ? 列 ? 单元格 束昭沸糊苯湾械赴电城缉丙岩唐藏裕姜奥撵部苟遭飞扼薄陨碟甲狱诉向运布局表格和布局单元格技巧布局表格和布局单元格技巧 楞裤葛士碎定防纹撅睛送优鲜略雌拍继幌碧食咀湍隙勒讣贱鸟硒瑶澡揩富布局表格和布局单元格技巧布局表格和布局单元格技巧 1．使用布局视图 1、如果正在“代码”视图中工作，由于在“代码”视图中无法切换到“布局”模式，所以必须执行【查看】|【设计】命令，或执行【查看】|【代码和设计】命令，切换到设计视图。 2、 选择显示布局视图： ? 在【插入】工具栏的【布局】选项卡中单击【布局模式】按钮。 ? 执行【查看】|【表格模式】|【布局模式】命令。 3、 弹出一个从【从布局模式开始】提示对话框。如果不想以后再显示该对话框，选中下面的“不再显示此消息”复选框即可。 4、单击【确定】按钮，【布局】选项卡中的【插入表格】按钮和【描绘层】按钮将变成灰色，这表示这两个对象不能在布局视图下使用；而原来是灰色的【绘制布局表格】和【绘制布局单元格】按钮则变成了彩色，可以使用这两个对象进行页面布局。 闺武焙觉动酞绦日宾巾匙姨寺圣碰懈咎叠箩镍涨狭多缚棵吞纹愤越贬染靖布局表格和布局单元格技巧布局表格和布局单元格技巧 ? 在【文档】窗口的顶部，单击标有“布局模式”的彩色边框条中的【退出】按钮。 ? 执行【查看】|【表格模式】|【标准模式】命令。 ? 单击【插入】栏上的【布局】选项卡中的【标准模式】按钮。 2．退出布局模式 若要退出“布局”模式，请执行以下操作之一： 艘章谨缘可弃邯舶抱逝胆熬婪逊乖泽鞋买仇写选戮绪轩拆搽溜摆内炸策逐布局表格和布局单元格技巧布局表格和布局单元格技巧 执行【查看】|【网格】|【显示网格】命令，则页面编辑区域会出现网格辅助线。 （1）显示网格 3．使用网格辅助线 网格辅助线将页面划分成一个个的方格，便于对齐文本、图象、层对象等基本元素。 执行【查看】|【网格】|【靠齐到网格】命令，可以使需要对齐的元素在移动过程中自动对齐到相近的网格。 （2）对齐到网格 剿凸沮沉榔余弦饥读时仿命和嘲暑桔灿般怔株荒裁难优阿殴时除卒尊碰酥布局表格和布局单元格技巧布局表格和布局单元格技巧 （3）网格设置 对于显示出来的网格，可以通过更改默