项目4 表格和布局.ppt

第4章表格和布局 课前复习 编辑文本 图像文件的类型 插入图像和设置图像属性 插入鼠标经过图像 插入导航条 本章要点 插入表格 设置表格属性 选择表格 使用表格 插入布局表格 插入布局单元格 使用布局表格 4.1插入表格 4.1.1插入表格并设置表格的属性 ＂插入＂菜单＂表格＂命令。 在插入栏中的“常用”选项卡中，单击表格按钮 设置＂表格＂对话框选项 例4-1 （4_1.htm）插入一个4行3列，宽为200（像素），边框为1，边距为2，间框为2的表格。 4.2选取表格 4.2.1 选择整个表格 4.2.2 选择行或列 4.2.3选择单元格 4.3设置表格属性 4.3.1表格属性 4.3.2 单元格属性 4.4表格的操作 4.4.1 插入行和列 1.添加单个行或列 2.添加多行或多列 4.4.2 删除行或列 4.4.3 拆分单元格 4.3.4 合并单元格 4.3.5复制、粘贴 例4-3 （4_3.html）插入如图4-16所示的课程表格 1）在Dreamweaver中按Ctrl+Alt+T，弹出插入表格的对话框，如图。 2) 设置表格属性，表格宽为400，具中对齐方式。背景色为#99CCFF。 3）选择条一行的第2-5单元格，单击合并单元格按钮，合并单元格，其他类似操作。 4) 在表格内的单元格内输入文字。完成表格。 4.5调整表格 4.5.1 调整表格大小 在水平方向调整表格的大小，拖动右边的选择柄。 在垂直方向调整表格的大小，拖动底部的选择柄。 在两个方向调整表格的大小，拖动右下角的选择柄。 4.5.2 调整列和行的大小 1．更改列宽度并保持整个表的宽度不变，拖动想更改的列的右边框。 2．更改某个列的宽度并保持其他列的大小不变，按住 Shift 键，然后拖动列的边框。 4.6嵌套表格 嵌套表格是在另一个表格的单元格中的表格。可以像对任何其他表格一样对嵌套表格进行格式设置；但是，其宽度受它所在单元格的宽度的限制。 1) 单击现有表格中的一个单元格。 2) 选择＂插入＂＂表格＂。 即会出现＂插入表格＂对话框。 3) 完成对话框。 4) 单击＂确定＂。 该表格即出现在现有表格中。 4.7排序表格 可以根据单个列的内容对表格中的行进行排序。还可以根据两个列的内容执行更加复杂的表格排序。不能对包含合并单元格的表格进行排序。 1) 选择该表格或单击任意单元格。 2) 选择“命令”“排序表格”。 3) 设置＂排序表格＂对话框选项。 4) 单击＂确定＂。 例4-4 (4_4.html) 绘制如图4-23的成绩表格。按第三列成绩升序排序。 例4-6 (4-6.html)创建基于表格的页面布局 操作步骤 1）插入第1个表格(1行1列，宽700)。 2）在表格下方插入第2个表格(1行8列，宽700)。 3）在表格下方插入第3个表格（1行3列，宽700）。将第2列分开为2行。 4）在表格下方插入第4个表格(宽700，1行1列)。如图4-29所示。 4.8 在＂布局模式＂对网页进行布局 4.8.1 “标准”模式和“布局”模式 １．切换到“布局”模式 ２．切换出＂布局＂模式 优点：在布局模式下，表格和单元格是分开创建，而且可以自由移动和改变大小的。 4.9.2 在＂布局＂模式中绘制单元格和表格 １．绘制布局单元格 单击＂绘制布局单元格＂按钮 ,拖动指针以创建布局表格。 ２．绘制布局表格 单击＂绘制布局表格＂按钮 ,拖动指针以创建布局表格。 3．嵌套布局表格 单击“绘制布局表格”按钮。 指向现有布局表格中的空白（灰色）区域，然后拖动指针以创建嵌套布局表格。 4．在现有布局单元格或表格周围绘制布局表格 4.9.3 将内容添加到布局单元格中 1．将文本添加到布局单元格（切换“到标准模式”） 1）将插入点放置在要添加文本的布局单元格中。 2）在单元格中键入文本。 当进行键入时，单元格将按需要自动扩展，或粘贴从其他文档复制的文本。 （键入时，单元格按需要自动扩展） 2．将图像添加到布局单元格中 1）将插入点放置在要添加图像的布局单元格中。 2）选择“插入”“图像”。或在“插入”栏的“常用”类别中，单击“图像”按钮上的箭头，然后选择“图像”。 4.9.4 调整布局单元格和表格的大小以及移动 1．调整布局单元格的大小 1）选择一个单元格，方法是单击该单元格的边缘，或者在按住 Ctrl 键的同时单击该单元格中的任何位置。该单元格周围出现选择控制点。 2）拖动选择控制点来调整单元格的大小。如图4-35 所示。 2．移动布局单元格 1）选择一个单元格，方法是单击该单元格的边缘，或者在按住 Ctrl 键的同时单击该单元格中的任何位置。 该单元格周围出现选择控制点。