《电子商务》实验三指导书.docVIP

实验三 表格的应用 实验目的： 主要步骤： 表格的概念 表格是一种能够有效地描述信息的组织方式。在网页中表格也被用来控制页面版式，即控制文字、图形以及其它所有页面元素之间的属性。一个优秀的网站，除了用精美的图片、丰富的内容来装饰页面，还要利用表格的绚丽效果来锦上添花。 表格的应用 创建表格 将插入点置于网页中要插入表格的位置。选择“插入”|“表格”命令，出现插入表格对话框。 在“表格宽度”文本框中指定表格的宽度，为了让使用不同分辨率显示方式的用户都能正确显示表格及其内部内容，可以用百分比定义表格的宽度。 在“单元格边距”文本框中指定表格的各单元格的内容与其边距之间的距离。 在“单元格间距”文本框中指定表格各单元格之间的距离。 选择表格对象 选中整个表格 直接用鼠标单击表格的某一个角，这时，在表格的外框会显示3个黑色小方块。 选择一列 将鼠标移到某一列的上方，鼠标指针变成黑色的向下箭头形状时，单击鼠标左键即可选择该列。 选择一行 将鼠标移到某一行的左侧，鼠标指针变成黑色的向右箭头形状时，单击鼠标左键即可选择该行。 选中单元格 如果仅选择一个单元格，则用鼠标直接在单元格内双击即可。 如果要选择多个单元格，则用鼠标在表格内拖动即可。 选择某个单元格后，按下Shift键再单击其它单元格，可以选择连续的多个单元格。 选择某个单元格后，按下Ctrl键再单击其它单元格，可以选择不连续的多个单元格。 调整表格的结构 插入行或列 删除行或列 合并单元格 选择要合并的单元格，右击鼠标，从弹出的快捷菜单中选择“表格|合并单元格”命令。此时，表格中选定的行或列就被合并为一个单元格。 拆分单元格 将插入点放在表格的一个单元格中。右击鼠标，从弹出的快捷菜单中选择“表格|拆分单元格”命令。 调整表格的大小 修改表格的属性 表格名称 行和列 宽和高 边框 填充和间距 单元格填充指单元格中的对象与表格边框间的距离；单元格间距指单元格之间的距离。 对齐 背景颜色与背景图像 边框颜色 设置单元格属性 设置单元格的宽度和高度 对齐方式：水平对齐可以将单元格中所有的内容居中到单元格的水平中央去；垂直对齐可以让单元格内的对象对齐到单元格的顶部。 创造嵌套表格 大表格的宽度一般用像素值，嵌套表格一般使用百分比。 10、套用已有的表格 选中表格，选择“命令|格式化表格”命令，选择其中一种，则表格会显示表格的士例外观。 11、表格制作效果实例 1 细线框的制作 2 制作三维表格效果 （ⅰ） table cellspacing 1 border 1 bordercolorlight white bordercolordark maroon Food  Drink  Sweet A  B  C （ⅱ） table cellspacing 1 border 1 bordercolorlight white bordercolordark maroon Food  Drink  Sweet A  B  C （ⅲ） table cellspacing 1 border 1 bordercolorlight white bordercolordark maroon bgcolor fdc0c0 Food  Drink  Sweet A  B  C （ⅳ） table cellspacing 1 border 1 borderColorDark #fdfeff borderColorLight #99ccff bgColor #e0f0ff Food  Drink  Sweet A /td  B  C 练习三 根据本实验所讲授知识，利用网络搜索一些优秀学院站点，利用表格对页面进行布局，设计一个主页站点。要求：颜色搭配合理，布局合理。