HTML和中文Dreamweaver MX2004实用教程 配套课件作者 杜金 郭海 曲彭生 第4章新.pptVIP

第4章 框架、层与网页布局 本章要点 4.1 重做“Flash技术说明”网页 4.2 “心情随笔”网页 4.3 “立体的卡通”网页 4.4 修改“心情随笔”网页 4.5 “互联网公司”网页 4.6 “北京国际教育发展中心”网页 习题 4 4.1 重做“Flash技术说明”网页 4.1 重做“Flash技术说明”网页 4.1 重做“Flash技术说明”网页 4.1 重做“Flash技术说明”网页 4.1 重做“Flash技术说明”网页 4.1 重做“Flash技术说明”网页 4.1 重做“Flash技术说明”网页 4.1 重做“Flash技术说明”网页 4.2 “心情随笔”网页 4.2 “心情随笔”网页 4.2 “心情随笔”网页 4.2 “心情随笔”网页 4.2 “心情随笔”网页 4.2 “心情随笔”网页 4.2 “心情随笔”网页 4.2 “心情随笔”网页 4.2 “心情随笔”网页 4.2 “心情随笔”网页 4.2 “心情随笔”网页 4.2 “心情随笔”网页 4.3 “立体的卡通”网页 4.3 “立体的卡通”网页 4.3 “立体的卡通”网页 4.3 “立体的卡通”网页 4.3 “立体的卡通”网页 4.3 “立体的卡通”网页 4.3 “立体的卡通”网页 4.3 “立体的卡通”网页 4.3 “立体的卡通”网页 4.4 修改“心情随笔”网页 4.4 修改“心情随笔”网页 4.4 修改“心情随笔”网页 4.4 修改“心情随笔”网页 4.4 修改“心情随笔”网页 4.5 “互联网公司”网页 4.5 “互联网公司”网页 4.5 “互联网公司”网页 4.5 “互联网公司”网页 4.5 “互联网公司”网页 4.5 “互联网公司”网页 4.5 “互联网公司”网页 4.5 “互联网公司”网页 4.5 “互联网公司”网页 4.5 “互联网公司”网页 4.5 “互联网公司”网页 4.5 “互联网公司”网页 4.5 “互联网公司”网页 4.5 “互联网公司”网页 4.5 “互联网公司”网页 4.6 “北京国际教育发展中心”网页 4.6 “北京国际教育发展中心”网页 4.6 “北京国际教育发展中心”网页 4.6 “北京国际教育发展中心”网页 4.6 “北京国际教育发展中心”网页 4.6 “北京国际教育发展中心”网页 4.6 “北京国际教育发展中心”网页 前面分别介绍了使用表格和层对网页进行布局的方法。其实，在Dreamweaver中这两种布局方法是可以进行相互转换的。将“心情随笔”网页转换成使用表格布局后网页的显示效果与使用层布局时网页的显示效果基本相同。 使用表格进行布局与使用层进行布局相比，使用表格进行布局更加精确，也更容易控制。将“心情随笔”网页中的层转换为表格后，在Dreamweaver中的显示效果如图4-4-1所示。 图4-4-1 “心情随笔”网页的显示效果 4.4.1 层转换为表格 执行“修改”→“转换”→“层到表格”菜单命令，调出“转换层为表格”对话框，如图4-4-2所示。该对话框内各选项的作用如下。 （1）“表格布局”栏内各选项的含义如下。 ? “最精确”单选钮：表示使用最高的精度转换。转换后的单元格位置基本不变，空白处会产生空的单元格。 ? “最小：”单选钮：选中该复选框后，可合并空白单元格。 ? “小于：像素宽度”文本框：选中“最小：”复选项后，该文本框变为有效，可在其中输入数值，单位为像素。当层与层的间距小于此值时，转换为表格后会自动对齐，而不是以空白单元格去补充，从而避免产生过多的表格和单元格。 ? “使用透明GIFs”复选框：选择该复选框后，转换后的表格空白单元格内用透明的GIF图像填充。从而保证在任何浏览器中都能正常显示。 ? “置于页面中央”复选框：选择该复选框后，转换后的表格在页面内居中显示。未选中该复选框时，转换后的表格在页面的左上角显示。 （2）“布局工具”栏与“转换表格为层”对话框中各选项的含义一样，如图4-4-3所示，将在下一节中重点介绍。 图4-4-2 “转换层为表格”对话框 图4-4-3 “转换表格为层”对话框 4.4.2 表格转换为层 由于层的功能比表格的功能强得多，所以将表格转换为层以后，可以利用层的操作，使网页更丰富多彩。将表格转换成层的方法如下。 执行“修改”→“转换”→“表格到层”菜单命令，调出“转换表格为层”对话