第6章布局视图排版(免费阅读).pptVIP

教学目标 绘制布局表格方法：将“插入”面板切换到“布局视图”后，单击“绘制布局表格”按钮，此时鼠标将变成“+”形状，在需要绘制表格的区域，按住鼠标拖动就能绘制出表格来。 6.3 嵌套布局表格 如果要在表格中嵌套表格，只要在一个布局表格内部再绘制一个表格即可。 【提示】：由于在布局视图下不必考虑单元格的宽度和高度，因此一般不需要使用嵌套表格。 6.4 使用标尺与网格 在使用布局视图创建表格时，为更方便定位，需要用测量工具来测量表格或单元格的宽度和高度。在Dreamweaver中提供了标尺和网格两种测量工具。 使用标尺：选择菜单栏“查看”?“标尺”?“显示”，即可打开标尺。如要隐藏标尺，则需要再次进行此项操作。 使用网格：选择菜单命令“查看”?“网格设置”?“显示”。 网格设置：选择菜单命令“查看”?“网格设置”?“网格设置”，此时将打开“网格设置”对话框。 对话框中各参数含义： 颜色：网格线颜色 显示网格：选中该复选框，可在设计视图中显示网格 靠齐到网格：使接近网格线的对象自动和网格线对齐 间隔：用来控制网格线之间的间距。间距单位可从右侧的下拉列表框中进行选择，可供选择项有“像素”、“英寸”或“厘米” 显示：指定网格线是线条还是点。 6.5 调整布局表格及布局单元格 选择布局表格和布局单元格 调整布局表格和布局单元格大小 移动布局表格和布局单元格 修改布局表格的属性 修改布局单元格的属性 调整列 以上各操作和表格的基本类似，此处不再详述。 作业 制作如图示页面： Dreamweaver CS3网页设计 第6章 布局视图排版 表格是一种重要的排版工具，但是使用起来非常烦琐，用表格排出的网页结构缺少灵活性。为解决这一问题，Dreamweaver提供了一种名为“布局视图”的功能。其好处在于网页设计师不必过多地关心表格中的行数和列数，也不必反复调整单元格的宽度和高度。使用它绘制表格就和画画一样，让用户的创作更加轻松自由。 能够应用布局视图进行排版，使创作的网页更加美观 6.1 布局视图 启动布局视图模式的具体操作步骤：新建文件，选择菜单命令“查看”?“表格模式”?“布局模式”，此时弹出“从布局模式开始”对话框，其中介绍了“布局单元格”与“布局表格”工具的使用方法，单击“确定”按钮自动进入布局模式。 6.2 绘制布局表格和布局单元格 绘制布局单元格方法：将“插入”面板切换到“布局视图”后，单击“绘制布局单元格”按钮，然后移动鼠标到绘制单元的位置，按住鼠标拖动即可。 网页要向浏览者提供的信息是多样化的，包括文字、图像、Flash动画等。如何使这些网页元素在网页中的合理位置上显示出来，使网页变得有条理和美观，是设计人员在着手设计网页之前必须考虑的事情。表格的作用就在于帮助设计者高效、准确地定位各种网页数据，直观、鲜明地表达设计者的思想。 Dreamweaver CS3网页设计