使用表格布局排版网页.pptVIP

***第3章使用表格布局排版网页教学内容：表格是网页不可缺少的重要元素。无论用于排列数据还是在页面上对文本进行排版，表格都表现出了强大的功能。它以简洁明了和高效快捷的方式，将数据、文本、图像和表单等元素有序地显示在页面上，从而呈现出版式漂亮的网页。表格最基本的作用就是让复杂的数据变得更有条理，让人容易看懂，在设计页面时，往往要利用表格来排版网页元素。通过对本章的学习，应掌握插入表格、设置表格属性和编辑表格的方法，能够利用表格排列网页数据。01学习目标02掌握表格的插入03掌握表格属性的设置04掌握选择表格的方法05掌握编辑表格和单元格06掌握利用表格排列布局网页_________________________________________________________________________________________________________教学时间：本章共分_______课时教学目标和基本要求案例教学 多媒体教学 理论面授教学方法课程范例文件：sample\第3章\练习文件：exercise\第3章\教学素材3.1插入表格在Dreamweaver中，表格可以用于制作简单的图表，还可以用于安排网页文档的整体布局，起着非常重要的作用。利用表格设计页面布局，可以不受分辨率的限制。3.1.1表格的基本概念表格基础是随着添加正文或图像而扩展的。表格由行、列和单元格3部分组成。行贯穿表格的左右；列则是上下方向的；单元格是行和列交汇的部分，是输入信息的地方。单元格会自动扩展到输入信息相适应的尺寸。小案例——插入表格在Dreamweaver中插入表格非常简单。3.2设置表格属性直接插入的表格有时并不能让人满意，在Dreamweaver中，通过设置表格或单元格的属性，可以很方便地修改表格的外观。3.2.1小设置表格属性设置表格的属性，可以通过表格的【属性】面板进行。选择表格，在【属性】面板中将显示表格的属性。3.2.2设置单元格属性将光标置于单元格中，该单元格就处于选中状态，此时属性面板中显示出所有允许设置的单元格属性的选项。3.3选择表格元素要想在文档中对一个元素进行编辑，那么首先要选择它；同样，要想对表格进行编辑，首先也要选中它。选择表格操作可以分为选中整个表格、选中单元格等几种情况，下面分别进行介绍。选择整个表格有以下几种方法。单击表格线的任意位置。将光标置于表格内的任意位置，选择菜单中的【修改】|【表格】|【选择表格】命令。将光标放置到表格的左上角，按住鼠标左键不放，拖曳鼠标指针到表格的右下角，将整个表格中的单元格选中，单击鼠标右键，在弹出的菜单中选择【表格】|【选择表格】选项。将光标放置在表格的任意位置，单击文档窗口左下角的table标签，选中表格后，选项控柄就出现在表格的四周。3.3.1选取表格3.3.2选取行或列将光标置于要选择的行首或列顶，按住鼠标左键不放从左至右拖曳或者从上至下拖曳，即可选中行或者列。选择表格的行或列有以下几种方法。当鼠标指针位于要选择行首或列顶时，鼠标指针形状变成了箭头或箭头时，单击鼠标左键即可以选中行或列。01选择表格中的单个或多个单元格的方法有以下多种。05在已经选择的相邻单元格中，按住Ctrl键单击不想选择的单元格，将其去除，可以选择不相邻的多个单元格。03按住Ctrl键，单击选择的单元格，即可选中单元格。02按住鼠标左键并拖曳，可以选择一个单元格或多个单元格。04将光标放置在表格的任意单元格中，单击窗口左下角的td标签，即可选中一个单元格。3.3.3选取单元格按住Shift键不放并单击多个单元格中的第一个和最后一个，可以选择多个相邻的单元格。按住Ctrl键不放并单击多个单元格，可以选择多个相邻或不相邻的单元格。3.4表格的基本操作创建表格后，可以根据需要调整表格的高度和宽度，添加或删除行或列，拆分或合并单元格等。3.4.1小案例——调整表格高度和宽度调整表格的高度和宽度时，表格中所有单元格将按比例相应改变大小。选中表格，此时会出现3个控制点，将鼠标指针分别放在3个不同的控制点上，按住鼠标左键拖动即可改变表格的高度和宽度。3.4.2小案例—添加或删除行或列将光标置于要插入行的位置，选择菜单中的【修改】|【表格】|【插入行】命令，即可插入一行。 将光标置于要插入列的位置，选择菜单中的【修改】|【表格】|【插入列】命令，即可插入一列。 将光标置于要插入行或列的位置，选择菜单中的【修改】|【表格】|【插入行或列】命令，弹出【插入行或列】对话框，在对话框中进