网页设计与制作实用技术 －齐建玲 CH4

《网页设计与制作实用技术 －齐建玲 CH4》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、通过本章学习，应该掌握以下内容：第4章网页表格的处理创建表格的方法编辑表格的方法表格的排序方法表格的格式化方法设置表格属性的方法用表格设计页面布局的方法4.1利用DreamweaverMX处理网页表格4.1.1创建表格1．新建表格利用DreamweaverMX创建新表格时，首先打开插入“常用”面板，然后可以通过下列四种方式中的任意一种：（1）在插入“常用”面板上，单击插入表格按钮。（2）通过主窗口的菜单“插入”

2、“表格”命令。（3）使用快捷组合键“Ctrl+Alt+T”。（4）在插入“常用”面板上，拖动表格按钮到主窗口的工作区中。执行完上述

3、任何一种操作，都可以看到如图所示的“插入表格”对话框。行数：初次指定表格的总行数。列数：初次指定表格的总列数。单元格填充：指定单元格的大小，以像素为单位。单元格间距：指定单元格之间的距离，以像素为单位。宽度：指定表格的宽度，以百分比或像素为单位（百分比用于根据浏览器窗口的大小来自动调整表格的宽度）。边框：指定表格边界的宽度，以像素为单位（如果在浏览器窗口中不显示表格的边框，则定义为0）。2．导入表格数据文件在DreamweaverMX中，利用插入列表数据命令可以很容易把表格数据加入到网页中。在插入外部数据前，首先要将表格数据文件转换成.tx

4、t（文本文件）格式，并且该文件中的数据要带有分隔符，如逗号、分号、冒号等，但加入到DreamweaverMX中的数据并不会出现分隔符，且会自动生成表格。要加入外部数据，选择如下的任何一种操作：（1）选择“文件”

5、“导入”

6、“表格式数据”命令。（2）选择“插入”

7、“表格对象”

8、“导入表格式数据”命令。（3）单击插入“常用”面板上的“表格数据”按钮。4.1.2编辑表格（1）如果要选择整个表格，可进行如下的操作之一：将光标置于表格中的某个单元格中，选择“修改”

9、“表格”

10、“选择表格”命令。将光标置于表格中的某个单元格中，再按两次组合键“Ctrl+

11、A”。将光标置于表格中的某个单元格中，单击鼠标右键，在弹出的快捷菜单中选择“表格”

12、“选择表格”命令。将光标置于表格的尾部（在表格的同一行，但不在表格之内），向左拖动鼠标。单击表格的边线。1．选择表格（2）选择单个单元格的方法有以下几种：将光标置于所要选择的单元格中，按一次组合键“Ctrl+A”。将光标置于所要选择的单元格中，向右拖动鼠标。将光标置于所要选择的单元格中，选择“编辑”

13、“全选”命令。按住Ctrl键，单击所要选择的单元格，再单击一次则取消对单元格的选择。（3）选择多个单元格的方法有以下几种：按住Ctrl键，单击所要选择的所有单元

14、格。将光标置于单元格中，拖动鼠标，选择多个单元格。如果要选择整行，将光标置于该行的左边缘，当光标变成图标时单击鼠标左键。如果要选择整列，将光标置于该列的上边缘，当光标变成图标时单击鼠标左键。（4）选择的全部单元格的方法有以下几种：将光标置于第1个单元格中，并拖动鼠标至最后一个单元格。将光标置于第1个单元格中，按住Shift键，再单击最后一个单元格。将光标置于第1行的左边缘，当光标变成图标时，向下拖动鼠标至最后一行。将光标置于第1列的上边缘，当光标变成图标时，向右拖动鼠标至最后一列。（1）在现有的表格中插入单元行，可以选择以下的操作之

15、一：将光标移到要插入单元行的下一行，选择“修改”

16、“表格”

17、“插入行”命令。将光标移到要插入单元行的下一行，按组合键“Ctrl+M”。将光标移到要插入单元行的下一行，单击鼠标右键，在弹出的快捷菜单中选择“表格”

18、“插入行”命令。2．添加/删除行列（2）在现有的表格中插入单元列，可以选择以上的操作之一：将光标移到在插入单元列的右边一列，选择“修改”

19、“表格”

20、“插入列”命令。将光标移到要插入单元列的右边一列，按组合键“Ctrl+Shift+A”。将光标移到要插入单元列的右边一列，单击鼠标右键，在弹出的快捷菜单中选择“表格”

21、“插入列”命令。（

22、3）如果想在现有的表格中添加多行或多列，可执行以下操作：首先将光标移到要插入行或列附近的单元格中，单击鼠标右键，在弹出的下拉菜单中选择“表格”

23、“插入行或列”命令，或是选择“修改”

24、“表格”

25、“插入行或列”命令，将弹出如图4-5所示的“插入行或列”对话框。在此对话框中进行相关的设置，然后单击“确定”按钮，设置的多列或多行将插入到页面中。（4）删除整行/整列，可以采用下列办法之一：先选择欲删除的整行或整列，直接按Del键，即可删除。先将光标移到要删除的行或列中，选择“修改”

26、“表格”

27、“删除行”或“删除列”命令。将光标移到要删除的行或列中，单

28、击鼠标右键，在弹出的快捷菜单中选择“表格”

29、“删除行”或“删除列”命令。（1）设置表格的宽度及高度在DreamweaverMX中，修改表格的大小有以下两种方法。①通过鼠标拖曳法可