Dreamdraw网页制作—表格处理教案.docVIP

“Dreamweaver网页制作 第五章 第一节 ——表格处理”教案 一、学情分析 1、学生分析：本课程所面向的是我校高二计算机班广告与动漫专业的学生，有相关专业软件较为熟练的操作基础，有平面设计基础，能够较为熟练的根据任务进行设计操作。但是对稍有难度的课程容易产生厌烦和抵触情绪。 2、“Dreamweaver网页制作”课程分析：该课程有一定的难度，不但要求学生能够熟练操作新软件，还要有一定的设计基础和专业审美态度。 二、教学目标： 1．知识目标： 1）、。 。、。 23．情感目标： 1）、培养学生勤于思考、的工作态度。 、培养学生。 。。 开课前分析了学生的现状及课程的性质，通过搜集网络素材作为教学案例，采用项目教学，根据一个又一个的小案例的不断演示和讲解是学生在掌握制作案例的过程中不知不觉的记住较为枯燥的理论知识，并且根据学生的实际情况把较为复杂和不易掌握的知识点通过他们较为感兴趣的项目融合在一起（比如：足球明星网页的制作）等。在此过程中学生不但掌握了本节理论知识还完成了操作任务。 五、项目内容 1.“产品销售表”的制作 2.“足球明星”网页的制作 3.“课程表”的制作 六、教学过程 1.导入 展示准备好的网页图片，请同学们根据前面所学一起思考一下，利用现有的知识能否实现当前网页的制作？ （学生思考并讨论回答） 根据学生提到的方法试试能否实现类似类型的网页制作并提出问题： 如何在Dreamweaver中制作表格？ 2.新课（演示制作、讲解、提问、思考、操作练习） （1）提出任务（一）：“产品销售表”的制作 地区 销售量 收入 华东 1000 3000 华北 2000 6000 ? ? （教师演示并讲解、提问） 知识点： a.插入表格 b.设置表格大小：行数和列数、表格宽度、边框粗细、单元格边距（默认1）、单元格间距（默认2） c.页眉与辅助功能： 页眉：用于设置表格的行或列的标题 标题：设置表格的标题名称，默认会出现在表格的上方。 摘要：为表格的备注，不会出现在网页中。 （2）任务（二）：“足球明星”网页的制作 （教师制作演示部分表格并讲解、提问，学生按要求完成本项目的制作） 附：项目要求 标题“足球明星” 设置字体：黑体、大小：36像素、 颜色：#FFCC33、居中对齐 创建导航位置的表格1行5列、表格宽度700像素、边框为0、填充3、间距0、背景颜色为：#FF99CC、每个单元格必须一样宽，且里面的文字居中对齐。 设置网页背景颜色为：#009900，设置导航链接 创建图像展示表格3行4列。 宽度 700像素 边框粗细 1像素 边框颜色 #003333 单元格边距 10像素 单元格间距 10像素 表格背景颜色 #006600 第一行背景颜色 #66FFCC 第二行背景颜色 #FFFF66 第三行背景颜色 #66FF00 知识点：1）选定表格和单元格 表格包括行、列、单元格3个组成部分。 选定整个表格 选定行或列 选定单元格 2）设置表格和单元格的属性 3）调整表格的尺寸 ■选定表格 鼠标移动 ■设置属性值 ■调整行和列的宽度 （3）任务（三）：“课程表”的制作 (教师引导学生共同分析该任务的难点：单元格的合并和拆分，学生自己动手制作) 附：项目要求 1）所有单元格居中对齐，字体大小为12px 2）第一列和第二行字体加粗 3）第二行背景颜色设置为：#B6C9D7；填写科目的单元格设置背景颜色：#E9F1F8 4）最上一行字体：隶书 36px 红色；设置行高70像素；背景图片：bg.gif 5）左上角单元格，插入图片logo.gif，设置图片宽和高为60,并设置图片在单元格的顶部对齐。 6）最下一行设置行高20像素；背景颜色：#B6C9D7，边框颜色：#FF0000 表格属性参数： 宽度 500像素 边框粗细 1像素 边距 1像素 间距 1像素 表格背景颜色 #D2E2EF 表格边框颜色 #B6C9D7 对齐 居中对齐 知识点：1）添加/删除行列 通过表格“属性面板”增加与删除表格的行或列 通过“修改”菜单完成增加与删除表格的行和列 2）单元格的合并和拆分 3）单元格的复制、粘贴、移动和清除 在网页编辑窗口中选中要复制的对象 复制：Ctrl+C 移动：Ctrl+x 粘贴：Ctrl+V 拖到：按住Ctrl+拖，则完成复制操作。直接拖拽可完成对象的操作。 清除：Delete 3.总结（教