第五章使用表格.pdf

使用表格 第5 章 使用表格 课堂练习——设计家园网 【练习知识要点】使用导入表格式数据命令导入外部表格数据。使用排序表格命令将表格的数 据排序，如图5-116 所示。 【效果所在位置】光盘/Ch05/效果/设计家园网/index.html 图5-1 1. 导入表格式数据 （1 ）选择“文件 打开”命令，在弹出的对话框中选择 “Ch05 clip 设计家园网 index.html”文件，单击“打开”按钮，效果如图5-2 所示。 图5-2 （2 ）将光标放置在要导入表格数据的位置，如图5-3 所示。选择“插入记录 表格对象 导 入表格式数据”命令，弹出“导入表格式数据”对话框。 （3 ）在对话框中单击“数据文件”选项右侧的“浏览”按钮，弹出“打开”对话框，在光盘 目录下的“Ch05 clip 设计家园网”文件夹中选择文件“jianjie .txt”，如图5-4 所示。 35 中文版Dreamweaver CS5 基础培训教程 图5-3 图5-4 （4 ）单击“打开”按钮，返回到对话框中，在“定界符”选项的下拉列表中选择“逗点”，如 图5-5 所示，单击“确定”按钮，导入表格式数据，如图5-6 所示。 图5-5 图5-6 （5 ）保持表格的选取状态，在“属性”面板中，将“宽”选项设为460 ，“背景颜色”选项设 为浅粉色（#F3F3F3 ），“填充”、“间距”和“边框”选项均设为0 ，如图5-7 所示，效果如图5-8 所示。 图5-7 图5-8 （6 ）将鼠标置入到第1 行第 1 列中，按住Shift键的同时，单击表格的第6 行第4 列，将表 格的单元格全部选取中，如图5-9 所示。 图5-9 （7 ）在“属性”面板中将“水平”选项设为“居中对齐”，将 “垂直”选项设为“居中”，“高” 选项设为25 ，如图5-10 所示，表格效果如图5-11 所示。 36 第5 章 使用表格 图5-10 图5-11 （8 ）将导入表格的第2 行单元格全部选中，如图5-12 所示，在“属性”面板中，将“背景颜 色”选项设为浅黄色（#F4DAAA ），表格效果如图5-13 所示。用相同的方法，将其他单元格设置 相同的背景颜色，效果如图5-14 所示。 图5-12 图5-13 图5-14 （9 ）保存文档，按F12键预览效果，如图5-15 所示。 图5-15 2. 排序表格 （1 ）返回到Dreamweaver 界面中，选中表格，如图5-16 所示。选择 “命令 排序表格”命 令，弹出 “排序表格”对话框。 37 中文版Dreamweaver CS5 基础培训教程 图5-16