工作文档Dreamweaver表格制作教材1

工作文档Dreamweaver表格制作教材1工作文档Dreamweaver表格制作教材1 专业技术部计算机专业课讲义科,,,,Dreamweaver8.0网页制作基础课,题表格的创建和编辑课型新授目授课备课 3 主备人李方参备人 9.27 时数时间教学掌握创建和编辑表格的方法目标教学设置表格属性重点教学设置单元格属性难点教学多媒体网络,,,启发,,引导,,演示教,具方法教室教,,,,,,学,,,,,,过,,,,,程教,,,,学,,,内,,,,容教学设计一、导入教师提问，展示做好的表格网页文件...

工作文档Dreamweaver 表格制作教材1 专业技术部计算机专业课讲义科,,,,Dreamweaver8.0网页制作基础课,题表格的创建和编辑课型新授目授课备课 3 主备人李方参备人 9.27 时数时间教学掌握创建和编辑表格的方法目标教学设置表格属性重点教学设置单元格属性难点教学多媒体网络,,,启发,,引导,,演示教,具方法教室教,,,,,,学,,,,,,过,,,,,程教,,,,学,,,内,,,,容教学设计一、导入教师提问，展示做好的表格网页文件，学生回答网页中的元素有哪些,让学生体会表格在网学生回答，页文件中的作用。导入新课表格是网页设计制作不可缺少的元素，它以简洁明了和高效快捷的方式将图片、文本、数据和表单的元素有序的显示在页面上，让我们可以设计出漂亮的页面，使用表格排版的页面在不同平台、不同分辨率的浏览器里都能保持其原有的布局，而在不同的浏览器平台有较好的兼容性，所以表格是网页中最常用的排版方式之一。二、教师示范学生看教 1、插入表格材，回答插入表格在文档窗口中，将光标放在需要创建表格的位置，单击“常用”快捷栏中的表的两种方格按钮弹出的“表格”对话框，指定表格的属性后，在文档窗口中插入设置的表格。, 法，教师演示学生观察, 表格对话框，了解表格的想关属性 “行数”文本框用来设置表格的行数。 “列数”文本框用来设置表格的列数。体会表格 “表格宽度”文本框用来设置表格的宽度，可以填入数值，紧随其后的下拉列宽度的两种单位: 表框用来设置宽度的单位，有两个选项——百分比和像素。当宽度的单位选择百百分比和分比时，表格的宽度会随浏览器窗口的大小而改变。像素的区,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,“单元格边距”文本框用来设置单元格的别内部空白的大小。 ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,“单元格间距”文本框用来设置单元格与单元格之间的距离。 ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,“边框粗细”用来设置表格的边框的宽度。 “页眉”定义页眉样式，可以在四种样式中选择一种。 ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,“标题”,定义表格的标题。 ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,“对其标题”定义表格标题的对齐方式。 ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,“摘要”,可以在这里对表格进行注释。看左图了解单元格边距和单元格间距的区别 2、选择单元格对象了解表格、对于表格、行、列、单元格属性的设置是以选择这些对象为前提的。行和单元格对应的选择整个表格的方法是把鼠标放在表格边框的任意处，当出现这样的标标签志时单击即可选中整个表格，或在表格内任意处单击，然后在状态栏选中标签即可;或在单元格任意处单击，点鼠标右键在弹出菜单菜单中选择“表格—— 选择表格” 要选中某一单元格，按住Ctrl键，鼠标在需要选中的单元格单击即可;或者，选中状态栏中的

标签。教师演示对表格的要选中连续的单元格，按住鼠标左键从一个单元格的左上方开始向要连续选基本操作择单元格的方向拖动。要选中不连续的几个单元格，可以按住Ctrl键，单击要选如行列的择的所有单元格即可。选择删除等要选择某一行或某一列，将光标移动到行左侧或列上方，鼠标指针变为向右或向下的箭头图标时，单击即可。 3、设置表格属性选中一个表格后，可以通过属性面板更改表格属性。会利用属性面板设置表格属图1 性 “填充”文本框用来设置单元格边距，“间距”文本框用来设置单元格间距。 “对齐”下拉列表框用来设置表格的对齐方式，默认的对齐方式一般为左对齐。 “边框”文本框用来设置表格边框的宽度。 “背景颜色”文本框用来设置表格的背景颜色。 “边框颜色”用来设置表格边框的颜色。 ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,在“背景图像”文本框填入表格背景图像的路径，可以给表格添加背景图像。也可以如下图所示给文本框加上链接路径。还可以单击文本框后的“浏览”按钮，查找图像文件。在“选择图像源”对话框中定位并选择要设置为背景的图片，单击“确认”按钮即可。 4、单元格属性把光标移动到某个单元格内，可以利用单元格属性面板对这个单元格的属性进行设置。观察图1 表格属性和图2单元格属性的异同图2 “水平”文本框用来设置单元格内元素的水平排版方式，是居左、居右或是居中。 “垂直”文本框用来设置单元格内的垂直排版方式，是顶端对齐、底端对齐或是居中对齐。 “高”、“宽”文本框用来设置单元格的宽度和高度。教师演示用多种方 “不换行”复选框可以防止单元格中较长的文本自动换行。法实现表格、行和 “标题”复选框使选择的单元格成为标题单元格，单元格内的文字自动以标题列的选择、格式显示出来。插入、删除方法 “背景”文本框用来设置表格的背景图像。 “背景颜色”文本框用来设置表格的背景颜色。 “边框”文本框用来色设置表格边框的颜色。 5、表格的行和列选中要插入行或列的单元格，单击鼠标右键，在弹出菜单中选择“插入行”或 “插入列”或“插入行或列”命令。如果选择了“插入行”命令，在选择行的上方就插入了一个空白行，如果选择了“插入列”命令，就在选择列的左侧插入了一列空白列。如果选择了“插入行或列”命令，会弹出“插入行或列”对话框，可以设置插入行还是列、插入的数量，以及使在当前选择的单元格的上方或下方、左侧或是右侧插入行或列。利用合并和拆分按钮及菜单命令实现单元格的合并与拆分要删除行或列，选择要删除的行或列，单击鼠标右键，在弹出菜单中选择“删除行”或“删除列”命令即可。 6、拆分与合并单元格拆分单元格时，将光标放在待拆分的单元格内，单击属性面板上的“拆分”按钮，在弹出对话框中，按需要设置即可。学生练习制作教材中的商务合并单元格时，选中要合并的单元格，单击属性面板中的“合并”按钮即可。网页，巩固本节所学三、学生实训知识学生根据教师演示练习表格插入的两种方法，编辑自己插入的表格如:用多种方法选择表格、行列和单元格，设置表格和单元格的属性。学生演示，四、教师指导和方法教师补充教师演示讲解完成后，给学生布置本节练习内容，学生在练习过程中教师要巡视了解学生练习掌握情况，发现问题及时解决，并对练习较好的同学适时提出表扬，督促学习组长查看小组成员练习进程，通过以快带慢的方法完成本节学习目标。五、考核及评价方法熟练地插入表格并编辑，设置表格和单元格的属性。教学反思

                    本文档为【工作文档Dreamweaver表格制作教材1】，请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑，
                    图片更改请在作品中右键图片并更换，文字修改请直接点击文字进行修改，也可以新增和删除文档中的内容。 
 该文档来自用户分享，如有侵权行为请发邮件ishare@vip.sina.com联系网站客服，我们会及时删除。

                    [版权声明] 本站所有资料为用户分享产生，若发现您的权利被侵害，请联系客服邮件isharekefu@iask.cn，我们尽快处理。

                    本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用。

                    网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
                

下载需要：免费已有0 人下载

立即下载

工作文档Dreamweaver表格制作教材1

你可能还喜欢