第十一章Dreamweave中表格和表单的应用(上课)摘要.ppt

11.1.4 设置表格属性 为了使表格更具特色，需要在“表格”属性面板中对表格线的颜色、表格或单元格的背景、边框等进行设置。“表格”属性面板中显示了所插入的表格的所有特性，通过修改面板中的参数可快速地编辑表格外观。如果窗口中没有显示属性面板，可选择[窗口]?[属性]菜单命令打开。如图11-2所示。 11.3 表单 11.3.1 什么是表单 表单是用于实现浏览者与网页制作者之间信息交互的一种网页对象，在 Internet 中表单被广泛应用于各种信息的搜集与反馈。 * * 第十一章 Dreamweaver中 表格和表单的应用 11.1 表格 11.2 布局表格和布局单元格 11.3 表单 11.1 表格 在网页设计中，页面布局是一个重要的部分。 Dreamweaver 8.0提供了多种方法来创建和控制网页布局，最普通的方法就是使用表格，使用表格可以简化页面布局设计过程、导入表格化数据、设计页面分栏及定位页面上的文本和图像等。 11.1.1插入表格 在Dreamweaver 8.0“文档”窗口的“设计”视图中，将插入点置于需要插入表格的位置。如果文档是空白的，则只能将插入点放置在文档的开头。 执行下列操作之一打开“表格”对话框，如图11-1所示。 选择[插入]?[表格]菜单命令； 在“插入栏”的“常用”选项卡中单击“表格”按钮 ； 按【Ctrl+Alt+T】键。 图11-1 表格 在“表格”对话框中可对各项参数进行设置。 11.1.2 在表格中添加内容 将表格插入到文档后即可向表格中添加文本或图像等内容。向表格中添加内容的方法很简单，只需将光标定位到要输入内容的单元格，再输入文本即可。 11.1.3 选择表格 表格的选取是编辑表格的前提，要在表格中进行任何操作都离不开选取表格。 整个表格的选择 整行或整列的选择 单个单元格的选择 一行或矩形单元格的选择 单击一个单元格,然后按住shift键单击另一个单元格.这两个单元格定义的直线和矩形区域中的所有单元格都将被选择。 在按住ctrl键的同时单击要选择的单元格、行或列，可选择不相邻的单元格。 图11-2 表格属性 11.1.5拆分与合并单元格 修改---表格---合并拆分单元格 11.1.6插入或删除行或列 修改---表格---删除行或列 11.1.7格式化表格 命令---格式化表格 如图11-3所示 图11-3 格式化表格 11.2 布局表格和布局单元格 11.2.1使用布局视图 　1.切换到布局视模式的方法是：　　在“插入”面板中的“布局”标签中，单击“布局模式”按钮，如图所示。  布局模式”按钮 　　在布局面板上，有两个较为重要的按钮，一个是“布局表格”按钮，可以让用户像绘图一样在页面里绘制表格，进行表格布局；另一个是“绘制布局单元格”按钮，可以在表格中直接绘制单元格。 11.2.2 创建布局表格和布局单元格 1、绘制布局表格具体操作步骤如下：开启布局模式，然后在布局面板上单击“布局表格”按钮。然后在文档窗口中绘制表格，如图11-4所示。 图11-4 绘制表格 表格外边框呈绿色，拖动表格的边框可调整它的大小，或在下面的属性面板中调整宽和高的参数。　　若要绘制多个表格，不必每次都点击布局表格按钮，只需在绘制过程中按Ctrl键即可。当绘制多个表格时，表格间不可相互重叠，但可以层层嵌套。布局表格中不可直接插入网页元素（图像和文字等），需要在布局表格中插入布局单元格。 2、绘制布局单元格　　一般来说，单元格是包含于表格中的，所以似乎必须先绘制表格，然后再在里面绘制单元格。在布局模式下并非如此，在这里可以直接绘制布局单元格，Dreamweaver会自动创建布局表格，其宽度和文档窗口大小一致。绘制布局单元格的具体步骤如下：　　在布局模式下，单击“布局单元格”按钮，如图所示。  布局模式下的“布局单元格”按钮 　　将光标放到绘制单元格的位置，按下并拖动鼠标，就完成布局单元格的绘制。 11.2. 3、将布局转换为表格　　 绘制完成后，在布局面板中按下“标准模式”按钮，将布局模式的表格转换为标准模式的表格，如图11-5所示。我们可任意调整表格，也可切换回布局模式继续绘制。 图11-5 将布局模式转换为标准模式 11.2.4　添加内容 　　在布局视图中可以将文本、图像和其他内容添加到布局单元格中，就象在标准视图中将内容添加到表格单元格一样。　　单击您要添加内容的单