表格的格式化.doc

实验1 插入并编辑表格1、打开index_ori.htm页面，将光标定位到插入单元格的位置；2、单击“常用”快捷栏中的“表格”按钮；3、打开“表格”对话框；4、在行数中设置表格的“行数”为5，在“列数”中设置表格的列数为2，相对宽度为100%；5、在“边框粗细”文本框中指定表格边框的宽度，默认值为1，单位为像素。若要不显示边框，可以设置为0，若要不显示边框却希望编辑网页时能看到表格边框，选择“查看/可视化助理/表格边框”命令，这里设置为0；6、在“单元格边距”文本框中设置单元格边框和单元格内容之间的像素数，默认为1，若不想在浏览器中显示表格的边距，将“单元格边距”设置为0，这里设置为0；7、在“单元格间距”文本框中设置相邻单元格之间的像素数，默认为2，若不想在浏览器中显示表格的间距，将“单元格边距”设置为0，这里设置为0；8、在“页眉”选项组定义页眉的样式，可以在4种样式中选一个，这里选择“无”；9、在“辅助功能”选项组中定义与表格存储相关的参数，包括在标题中定义表格标题，在“对齐标题”下拉列表中定义表格标题的对齐方式，在摘要中对表格进行注释，这里使用默认的设置；10、单击“确定”按钮，一个5行2列饿表格就插入到页面中了。实验2 表格的格式化1、打开index_ori.htm页面，我们要对页面中的表格进行格式化；2、将鼠标移动到表格的左上角或是表格上边框或下边框外附近的任意位置，当鼠标下呈现表格图样时，选中整个表格；3、在页面编辑窗口下选择“命令/格式化表格”命令，弹出“格式化表格”对话框；4、在左上角的窗口中选择表格样式，下面可以设置两种“行颜色”，并选择交错方式，包括“不交错”、“每一行”、“每两行”“每三行”、“每四行”，设定第一行的外观，包括行内容的对齐方式、文字样式、背景色、文本颜色，设定“最左列”的外观，包括对齐方式和文字样式，在“边框”中设定表格边框的宽度；5、设定完毕后首先单击“应用”按钮预览效果，确定设定后单击“确定”按钮，表格的格式就设定好了。实验3 表格的排序 1、打开index_ori.htm页面；2、将鼠标移动到表格的左上角或是表格上边框或下边框外附近的任意位置，当鼠标下呈现表格样式时单击鼠标，选中整个表格；3、选择“命令/排序表格”命令，弹出“排序表格”对话框；4、在“排序按”下拉列表框中选择排序需要依据的列，实例中选择了“列15”表示按照第15列中“得分”的数据进行排序；5、在“顺序”右侧的下拉列表中。可以选择排序的顺序选项，“按字母排序”表示以字母的方式进行排序，“按数字排序”表示以数字本身的大小作为排序依据的方式，本例中选择“按数字排序”；6、在“顺序”右侧第2个下拉列表中，可以选择排序的方向，可以从字母AZ，从数字09，以升序排列，也可以反过来以降序排序，本例中选择“降序”；7、在“再按”下拉列表框中，可以选择作为第2排列依据的列，这里不再设置；8、“排序包括第一行”可以选择是否从表格的第一行开始进行排序，“排序标题行”可以对标题行进行排序，“排序脚注行”可以对脚注行进行排序，以上三种均不选择，这里选择“完成排序后所有行颜色保持不变”，选择后排序的时候不仅移动行中的数据，行的属性也随之移动；9、设置完毕后单击“确定”按钮。实验4 制作网站首页1、新建页面，选择“修改/页面属性”命令，打开网页属性面板。在“标题”文本框输入网页的标题“安凡设计企业介绍”。2、在“外观”的“背景颜色”项设定背景色为#ff99003、单击“常用”快捷栏中的“表格”按钮。4、打开“表格”对话框，在“行数”中设置表格的行数为7，在“列数”中设置表格的列数为3。在“表格宽度”文本框中填入表格的宽度，这里设置为100%。在“边框粗细”中指定表格边框的宽度，这里设置为0。在“单元格边距”中设置单元格边框和单元格内容之间的像素数，这里设置为0。在“单元格间距”中设置相邻的表格单元格之间的像素数，这里设置为0。5、单击“确定”按钮，一个7行3列的表格就插入到页面了。6、分别选择左侧和右侧的7个单元格，然后在单元格属性面板中单击按钮，将单元格合并。 7、在单元格属性面板中将左侧和右侧的单元格宽度定为10%。8、将光标放置到中间列的第1个单元格，然后执行“插入/图像”命令，或是单击对象面板“常用”快捷栏上的“图像”按钮。9、单击这个按钮，弹出“选择图像源文件”对话框，在“选择图像源”对话框中选中images文件夹下的top.jpg，单击“确认”按钮即向网页中插入图像。10、在属性面板中将图像的宽度和高度改为705和121。11、将光标放置到中间列的第2个单元格，单击“常用”快捷栏中的“表格”按钮，打开“表格”对话框，在行数中设置表格的行数为1，在列数中设置表格的列数为8。在“表格宽度”文本框中填入表格的宽度，这里设置为100%。在“边框粗细”文本框中指定表格边框的宽度，这里设置为0。在“单元格边距”文本框中设置单元格边框和单元格内容之间的像素数，这里设置为0，在“单元格间距”文本框中设置相邻的表格单元格之间的像素数，这里设置为0。12、在表格属性面板中将背景颜色设置为#80808013、将光标放置到中间列的第3个单元格，在单元格属性面板中设置背景图像为images文件夹中的jianjie2.jpg图像文件，然后改变这个单元格的高度为190。14、将光标放置到中间列的第3个单元格，单击对象常用插入栏上的“媒体”按钮，然后从弹出的菜单中选择Flash。15、打开“选择文件”对话框，可以选择要打开的Flash动画swf文件。这里选择images文件夹下的0002.swf文件。16、单击“确定”按钮后，插入的Flash动画并不会在“文挡窗口”中显示内容，而是以一个带有字母F的灰色框来表示。17、在属性面板中将Flash动画的宽度和高度该为705和121。18、这时，按下F12键预览页面，可以看到，Flash动画的黑色背景遮挡住了设定好的背景图像，如图9-95所示。因此，我们需要回到Dreamweaver中为Flash设定背景透明。19、单击属性面板中“参数”按钮20、参数对话框中，设定参数为wmode，参数值为transparent即可。这样，在任何背景色下，Flash动画都能实现透明背景的显示。21、将光标放到中间列的第4个单元格，在单元格属性面板中将背景颜色设置为#ffffff。22、在单元格中输入正文文字。23、选中输入的文字，单击属性面板中的“文字缩进”按钮，使文字缩进。24、将光标放到中间列的第5个单元格，单击H