欢迎来到天天文库
浏览记录
ID:38763339
大小:181.50 KB
页数:7页
时间:2019-06-19
《Dreamweaver表格制作讲义1》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、专业技术部计算机专业课讲义科目Dreamweaver8.0网页制作基础课题表格的创建和编辑课型新授授课时数3主备人李方参备人备课时间9.27教学目标掌握创建和编辑表格的方法教学重点设置表格属性教学难点设置单元格属性教学方法启发引导演示教具多媒体网络教室教学过程教学内容教学设计一、导入展示做好的表格网页文件,学生回答网页中的元素有哪些?让学生体会表格在网页文件中的作用。表格是网页设计制作不可缺少的元素,它以简洁明了和高效快捷的方式将图片、文本、数据和表单的元素有序的显示在页面上,让我们可以设计出漂亮的页面,使用表格排版的页面在不同平
2、台、不同分辨率的浏览器里都能保持其原有的布局,而在不同的浏览器平台有较好的兼容性,所以表格是网页中最常用的排版方式之一。二、教师示范 1、插入表格 在文档窗口中,将光标放在需要创建表格的位置,单击“常用”快捷栏中的表格按钮弹出的“表格”对话框,指定表格的属性后,在文档窗口中插入设置的表格。教师提问,学生回答,导入新课学生看教材,回答插入表格的两种方法,教师演示7 “行数”文本框用来设置表格的行数。 “列数”文本框用来设置表格的列数。 “表格宽度”文本框用来设置表格的宽度,可以填入数值,紧随其后的下拉列表框用来设置宽度
3、的单位,有两个选项——百分比和像素。当宽度的单位选择百分比时,表格的宽度会随浏览器窗口的大小而改变。 “单元格边距”文本框用来设置单元格的内部空白的大小。 “单元格间距”文本框用来设置单元格与单元格之间的距离。 “边框粗细”用来设置表格的边框的宽度。“页眉”定义页眉样式,可以在四种样式中选择一种。 “标题”定义表格的标题。 “对其标题”定义表格标题的对齐方式。 “摘要”可以在这里对表格进行注释。学生观察表格对话框,了解表格的想关属性体会表格宽度的两种单位:百分比和像素的区别7 2、选择单元格对象 对于表格、行、列、
4、单元格属性的设置是以选择这些对象为前提的。 选择整个表格的方法是把鼠标放在表格边框的任意处,当出现这样的标志时单击即可选中整个表格,或在表格内任意处单击,然后在状态栏选中
5、 要选择某一行或某一列,将光标移动到行左侧或列上方,鼠标指针变为向右或向下的箭头图标时,单击即可。 3、设置表格属性 选中一个表格后,可以通过属性面板更改表格属性。看左图了解单元格边距和单元格间距的区别了解表格、行和单元格对应的标签教师演示对表格的基本操作如行列的选择删除等7图1 “填充”文本框用来设置单元格边距,“间距”文本框用来设置单元格间距。“对齐”下拉列表框用来设置表格的对齐方式,默认的对齐方式一般为左对齐。 “边框”文本框用来设置表格边框的宽度。 “背景颜色”文本框用来设置表格的背景颜色。 “边框颜色”用来
6、设置表格边框的颜色。 在“背景图像”文本框填入表格背景图像的路径,可以给表格添加背景图像。也可以如下图所示给文本框加上链接路径。还可以单击文本框后的“浏览”按钮,查找图像文件。在“选择图像源”对话框中定位并选择要设置为背景的图片,单击“确认”按钮即可。 4、单元格属性把光标移动到某个单元格内,可以利用单元格属性面板对这个单元格的属性进行设置。会利用属性面板设置表格属性7图2 “水平”文本框用来设置单元格内元素的水平排版方式,是居左、居右或是居中。 “垂直”文本框用来设置单元格内的垂直排版方式,是顶端对齐、底端对齐或是居中对
7、齐。 “高”、“宽”文本框用来设置单元格的宽度和高度。 “不换行”复选框可以防止单元格中较长的文本自动换行。 “标题”复选框使选择的单元格成为标题单元格,单元格内的文字自动以标题格式显示出来。 “背景”文本框用来设置表格的背景图像。 “背景颜色”文本框用来设置表格的背景颜色。“边框”文本框用来色设置表格边框的颜色。 5、表格的行和列 选中要插入行或列的单元格,单击鼠标右键,在弹出菜单中选择“插入行”或“插入列”或“插入行或列”命令。观察图1表格属性和图2单元格属性的异同教师演示用多种方法实现表格、行和列的选择、插入、
8、删除方法7 如果选择了“插入行”命令,在选择行的上方就插入了一个空白行,如果选择了“插入列”命令,就在选择列的左侧插入了一列空白列。 如果选择了“插入行或列”命令,会弹出“插入行或列”对话框,可以设置插入行还是列、插入的数量,以及使在当前选择的
此文档下载收益归作者所有