第11章 用表格控制网页布局精选.pptVIP

第11章 用表格控制网页布局 主要内容 11.1 插入表格 插入表格 11.1 插入表格 插入表格 11.1 插入表格 插入表格 11.1 插入表格 表格操作 11.2表格设置 11.3单元格设置 11.4格式套用 11.5 使用表格控制布局 常用的网页布局 “同”形布局 “厂”形布局 “工”形布局 布局控制方法 层叠样式表的应用 框架布局 表格布局 11.6表格标记 表格标记 本章小结 11.1 插入表格 1 11.2表格设置 11.3单元格设置 11.4格式套用 2 3 4 11.5 使用表格控制布局 5 11.6表格标记 6 1.在Dreamweaver 8中打开本书附带光盘中的11/01.html文件，并将光标定位在要插入表格的位置，如图11.2所示。 光标位置 图11.2 光标定位 2.单击【插入】菜单，选择【表格】命令，会弹出【表格】对话框，本例中插入一个6行5列的表格，在该对话框中也可以对表格进行其它设置，如图11.3所示。 图11.3 “表格”对话框 3.单击“确定”按钮，完成表格的插入操作，并调整到合适到小，如图11.4所示。 图11.4 插入表格 1.选择行列及单元格； 2．合并及拆分单元格； 3．删除与插入行 。 返回 选中表格，执行【窗口】→【属性】菜单命令，打开表格【属性】面板，如图11.17所示。 图11.17 “表格属性”面板 返回 选中要设置的单元格，在【属性】面板中即可对其进行设置，如图11.18所示。 返回 图11.18 “单元格格属性”面板 选中表格，单击下拉菜单中的【命令】→【格式化表格】命令，打开【格式化表格】对话框，如图11.21所示，在对话框的左上角列表框中选中任一种模式，单击【确定】即可将所选的表格完成格式化的设置，效果如图11.22所示。 图11.21 “格式化表格”对话框 图11.22 格式化后的表格 返回 返回 TABLE 、CAPTION 、TR 、TD 、TH 表格的属性 width属性、height属性、align属性、valign属性、rowspan属性、colspan属性、frame属性、rules属性、border属性、cellspacing属性 返回 表格是网页排版的灵魂，为网页设计提供了便利，使排版和布局工具变得轻而易举，在实际的应用中表格排版的地位不可动摇。熟练掌握表格的操作可以设计出富有创意、风格独特的网页。