电子商务网站建设 第5章

《电子商务网站建设 第5章》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第5章网页的定位技术本章主要介绍5.1创建表格的基本操作5.2表格的编辑与格式化5.3外部数据导入和表格排序5.4布局表格和布局单元格5.5层的创建和基本操作5.6层的属性设置1005.7层与表格互换5.8层的应用实例5.9框架的基本操作5.10框架和框架集的选择与属性设置5.11框架和框架集的保存5.12框架应用实例5.13本章摘要与重点回顾表格不但在组织页面数据时非常有用，而且在网页元素布局安排上也起着重要的作用，利用表格可以控制文本和图形等对象在页面上的位置。网页一般可用表格(Table)、层(Layer)和框架(Frame)来对网页元素定位。

2、设计者用DreamweaverMX能很方便地在表格中输入数据，对表格进行修改，改变其外观和结构。可以增加、删除、拆分、合并表格的单元格、行和列，可以修改单元格、行、列以及表格的属性，实现表格的嵌套，表与层互相转换等操作。5.1创建表格的基本操作在网页制作时要新建一个表格，可选择【插入】

3、【表格】命令，此时网页编辑窗口中会弹出【插入表格】对话框，如图5-1所示。在此对话框中，可设置表格的属性，然后单击【确定】按钮确认属性设置后，便可在页面指定位置上插入表格。5.1.1新建表格图5-1【插入表格】对话框【插入表格】对话框中各项参数的具体意义如下：在【行数

4、】和【列数】文本框中，可设置表格的行数和列数；在【单元格填充】文本框中，可设置单元格的内容和单元格边框之间空白处的宽度；在【单元格间距】文本框中，可设置表格中各单元格之间的宽度；在【宽度】文本框中，可设置表格的宽度，并在右侧的下拉列表框中选择表格宽度的单位，选项分别为像素和百分比，其中百分比是指表格与浏览器窗口的百分比；在【边框】文本框中，可设置表格外框线的宽度。在网页上插入一个表格后，可根据需要在某些单元格中插入文本或图像等对象。在插入文字对象前必须先将光标定位在该单元格中，然后可直接输入文字或将复制在剪贴板中的文字对象粘贴到单元格内。在表格中插入

5、图像对象的方法是先将光标定位在某一单元格内，然后单击【插入】浮动面板组的【常用】选项卡中的【图像】按钮；或选择【插入】

6、【图像】命令，在弹出的【选择图像源】对话框中选择要插入的图像文件和路径，确认后便可插入图像。1.设置表格的属性新建表格后，可在表格属性面板中设置表格属性，来改变表格的外观特性。先在网页编辑器窗口中选中整个表格，此时表格【属性】面板如图5-2所示。图5-2表格【属性】面板5.1.2设置表格和单元格的属性表格【属性】面板中参数的具体意义如下：(1)在【表格Id】文本框中可输入表格名称；(2)【行】、【列】、【宽】、【高】、【填充】、【间

7、距】、【边框】等参数设置方法与上述【插入表格】对话框的参数设置方法相同；(3)在【对齐】下拉列表框中，可选择表格的对齐方式；(4)单击【清除列宽】按钮及【清除行高】按钮，可清除表格【属性】面板中行宽和列高的数据；(5)单击【将表格宽度转换成像素】按钮和【将表格高度转换成像素】按钮，可将表格宽度和高度的单位由百分比方式转换成像素；(6)单击【将表格宽度转换成百分比】按钮和【将表格高度转换成百分数】按钮，可将表格宽度和高度的单位由像素方式转换成百分比；(7)在【背景颜色】和【边框颜色】文本框中，可分别设置表格的背景颜色和边框线的颜色；(8)在【背景图像】

8、文本框中，可输入表格背景图片的路径和文件名。2.设置单元格的属性在表格的操作过程中，为了突出显示某一部分数据的重要性，常常会设置选中的行、列或者是某几个单元格的属性。选中一个或多个单元格后，打开单元格【属性】面板，如图5-3所示。图5-3单元格【属性】面板其中各项参数意义如下：(1)在【水平】和【垂直】下拉列表框中可以选择单元格内容的水平对齐和垂直对齐方式，4种水平对齐方式为“默认”、“左对齐”、“居中”、“右对齐”，5种垂直对齐方式为“默认”、“顶端对齐”、“中间对齐”、“底部对齐”、“基线对齐”；(2)【宽】和【高】文本框中，可输入以像素为单位的

9、单元格的宽度和高度，若输入的数据以百分比为单位，则可在数据后面加百分比符号%；(3)选中【不换行】复选框，可设置文本自动换行；(4)选中【标题】复选框，可将单元格设置为表格的标题，默认情况下，标题单元格中的内容将被设为粗体，并且居中对齐；(5)在【背景】文本框中，可设置背景图片的文件名和路径；(6)在【背景颜色】和【边框】文本框中，可设置表格的背景颜色和边框线的颜色；(7)单击【合并所选的单元格】按钮，可合并选中的单元格；(8)单击【拆分单元格为行和列】按钮，可拆分选中的单元格。单元格【属性】面板的上半部分与文字【属性】面板相同，这些项的参数意义这里

10、不再叙述。要对表格进行编辑操作，首先应掌握表格行、列以及单元格的选择方法。在DreamweaverMX中选择