。方法二：单击选择插入面板上的“布局”选项卡，单击 “布局”按钮，如图4-2所示。 Hacromedia Dreanweaver IX 2004-[Untitled Document (IyFirstSite/Untitled-1.hta)] 文件①)编摇)查看业)插入)修改)文本T)命今)站点⑤)窗口值)帮助) ,插入常用布局表单文本灯肌应用程序门$元素收藏夹 国觉脑标难甘展布局乳回司盖忌道醛日，网 目石©量自￥合西可 图4-2从插入面板上进入布局模式
• 方法二：单击选择插入面板上的“布局”选项卡，单击 “布局”按钮，如图4-2所示。 图4-2 从插入面板上进入布局模式
4.2 表格和单元格 在布局模式中，可以使用布局单元格工具直接在页面 上画出布局单元格。单元格将页面分成几块，形成页面的 版式。没有孤立的单元格，单元格都必须包含在表格中。 如果还没有画布局表格，当在页面上画单元格时， Dreamweaver会自动创建一个布局表格来包含这个单元 格。在一个布局表格中可以画多个布局单元格来构建页面。 还可以使用多个布局表格来构建。 多个表格可以把页面分成几部分，这样的几部分直接 不会互相影响。用多个表格构建，一个表格的行和列的变 化就不会影响其他的表格的变化。 表格的右边不能再画表格，单元格之间不能重叠或交 叉
• 4.2 表格和单元格 • 在布局模式中，可以使用布局单元格工具直接在页面 上画出布局单元格。单元格将页面分成几块，形成页面的 版式。没有孤立的单元格，单元格都必须包含在表格中。 如果还没有画布局表格，当在页面上画单元格时， Dreamweaver会自动创建一个布局表格来包含这个单元 格。在一个布局表格中可以画多个布局单元格来构建页面。 还可以使用多个布局表格来构建。 • 多个表格可以把页面分成几部分，这样的几部分直接 不会互相影响。用多个表格构建，一个表格的行和列的变 化就不会影响其他的表格的变化。 • 表格的右边不能再画表格，单元格之间不能重叠或交 叉
4.2.1绘制表格和单元格 ● 在页面中绘制表格和单元格时，要先将页面切换到 布局模式中。 ● 1.绘制布局单元格 ● 自动创建表格时，Dreamweaver会自动将表格创 建成和所建立的文档窗口大小一致，并且可以手动调整大 小。其操作步骤如下： 1)打开布局模式，单击选择插入面板上的“布局”选项 标康“布信视”，选择“布局单元格回安钮 鼠标变成“十”形获。 2)把鼠标放在页面上合适的位置，拖动鼠标，形成一个 可以调整大小的单元格。这时，系统自动创建一个表格来 包含这个单元格。 单元格显示时带有蓝色边框，蓝色是单元格的缺省 颜色，可以用手工改变其颜色，单元格顶端标题栏里显示 每个单元格的尺寸大小
• 4.2.1 绘制表格和单元格 • 在页面中绘制表格和单元格时，要先将页面切换到 布局模式中。 • 1. 绘制布局单元格 • 自动创建表格时，Dreamweaver会自动将表格创 建成和所建立的文档窗口大小一致，并且可以手动调整大 小。其操作步骤如下： • 1) 打开布局模式，单击选择插入面板上的“布局”选项 卡，单击“布局视图”，选择“布局单元格”按钮 ， 鼠标变成“＋”形状。 • 2) 把鼠标放在页面上合适的位置，拖动鼠标，形成一个 可以调整大小的单元格。这时，系统自动创建一个表格来 包含这个单元格。 • 单元格显示时带有蓝色边框，蓝色是单元格的缺省 颜色，可以用手工改变其颜色，单元格顶端标题栏里显示 每个单元格的尺寸大小
⊙Hacrosedia Dreanveaver亚2004-无标题文档(atit1ed-1n门 文件)编播)查看0)插入@)修改)文本红)命令)站点⑤)窗口阳)帮助D 插入常用布局表单文术|江应用程序h元索收夹 图觉能标准扩展布局回司导加的日·图 表格是绿色，上 省合应哈￥由Bnn 面带有一个布局表格 bottons htn tinelines htes ititzo-l hin Unitod-15 Tntit2e6-20 回代码回拆分国设计标题：无标粒文档 ☐t.c国. 标签和一个列标题栏， 布局梗式[退出们 在列标题栏上显示每 列的宽度，同时它也 是一个按钮，单击该 按钮，可以打开列表 22的x 洁除有高度C) 题菜单。如图4-3所 际所有分隔符惊】 0odr>《ab1e><r>td 出年9 552x251-1K/1秒 ,承性 示。 格式)无样式)无 BI三至旦链接L) 字体@)默认字体大小)园 三目标) 页面承性☐列表项目 图4-3布局模式中的单元格
• 表格是绿色，上 面带有一个布局表格 标签和一个列标题栏， 在列标题栏上显示每 列的宽度，同时它也 是一个按钮，单击该 按钮，可以打开列表 题菜单。如图4-3所 示。 图4-3 布局模式中的单元格
3)如果要画多个单元格， 包aer0e山Dreasveaver卫2004二无标题文档《Ontitled-1门 按住<Ctrl>键就可以连 文件)编招)查看)插入)修改)文本红)命令)站点S)窗口促)帮助0 目扬人常用布局表单文本江应用程序五元收夹 续绘制多个布局单元格。 国园胞标难扩展布局总园营最自好日·图 粉金应￥号路nn 但是由于单元格之间不 buttone小t]nelines hin送|htiu-士Untitled-1*hti口2 -日× 能重叠或交叉，所以不 回代码掉分国设计标题：无标殿文档 ☐8.C国 能在单元格中绘制单元 4) 单击“标准模式”按 钮，切换到标准模式 Dreamweaver自动围 绕所绘制的单元格，生 成一个布高表格，并根 body><table> 552x289,1X/1秒 性 据该表格与文档窗口边 表格1d 行⑧)2宽)372做索填充)0对济)默羽 缘的距离， 确定是否生 列g)2☐高) 像素间距)D■边指)0 哈以背景碳色 边花顾色B) 成其他的单元格，如图 背景图像⑧) 4-4所示。 图4-4围绕单元格自动生成表格
• 3) 如果要画多个单元格， 按住<Ctrl>键就可以连 续绘制多个布局单元格。 但是由于单元格之间不 能重叠或交叉，所以不 能在单元格中绘制单元 格。 • 4) 单击“标准模式”按 钮，切换到标准模式， Dreamweaver自动围 绕所绘制的单元格，生 成一个布局表格，并根 据该表格与文档窗口边 缘的距离，确定是否生 成其他的单元格，如图 4-4所示。 图4-4 围绕单元格自动生成表格