使用表格规划网页课程介绍.ppt

使用表格规划网页 教学过程 4 学情分析 2 教学目标 3 教学内容 1 教学内容 学情分析 初一学生 思维活跃，对事物充满好奇，愿意去尝试探索新事物 在第七章前三节的学习中，已经认识了dreamweaver软件的操作界面，能过建立网站站点，制作简单的网页（插入图片、编辑文字、设置网页背景），创建超级链接。但是对于DW接触时间较短，操作还不够熟练。 教学对象 学生特点 知识储备 教学目标 知识与技能 过程与方法 情感态度价值观 掌握在网页中插入表格及合并、拆分单元格的方法 通过对网页示例的展示和分析，以及任务实践，了解使用表格规划网页的特点，理解表格对网页布局的作用。 通过先规划后实施操作的实践过程，使学生建立规划意识。 学会利用合并拆分单元格等技术实现简单的网页表格规划 通过创作实践的过程，形成主动学习和利用信息技术、参与信息作品创作的态度； 通过自主探究，使学生掌握软件的使用规则，培养学生自主学习的能力。 重点难点 教学重点： 插入表格 合并和拆分单元格 重点难点 教学难点： 灵活应用合并和拆分单元格技术实现网页表格规划 教学思路 引入：展示示例网页，提出问题 规划网页表格布局 实现自己创作网页设计 在DW中分析示例网页，引出课题 实施规划：在网页中实现规划的布局表格 作品交流展示、评价 教学过程 通过对示例网页的图片文字放置位置简单分析 提出问题：如何实现的？ 引入 设计意图：1、带着问题学习，激发学习兴趣 2、对网页元素放置位置的分析，为表格布局网页的作用做铺垫 在DW中打开网页，观察分析 帮助网页元素布局：表格 简述表格布局的优点：表格因其规整，而常被用于规划网页，实现网页的结构设计，通过使用表格，可以对素材进行合理精确的布局。使网页的页面内容排列规则、结构清晰。 解决两个问题： 网页示例的效果是如何实现的？-----通过表格帮助网页布局后实现的 为什么使用表格布局网页-----表格的在网页布局可以起到的作用，可达到的效果 引出课题 2、分析示例网页的表格布局 分割线 图片 文字: 诞生记 阿狸故事 图片 文字:简介 分割线 网页横幅 1、了解规划网页表格布局的必要性 学生活动： 任务一：画一画你的网页规划图 要求：浏览素材，将你设计规划的网页布局表格画在纸上，并简要的标注每个部分放置的内容。 参考：帮助文档中的“常见网页布局格式”。 设计意图：建立规划意识 练习进行规划自己的网页布局：分析示例网页的表格布局意在为学生规划提供思路和案例参考 规划网页表格布局 学习在网页中插入表格和合并拆分单元格 实施规划 教学方式：以“网页示例”的布局表格结构为目标 1、 分析：插入一个几行几列的表格？ 2、 插入表格应该去哪里找这个功能？ 3、 演示操作 任务 插入表格 目标 关键操作 预览效果 4行3列 边框=1 合并单元格 表格可见 4行1列 边框=0 拆分单元格 表格不可见 设计意图： 1、通过自主探究从任务表格到目标表格的设置过程，使学生掌握软件的使用规则，培养学生自主学习的能力。 2、掌握三个关键知识点 插入表格之前需对行列数进行分析，而且方法并不唯一 掌握在表格布局最常用操作：合并和拆分 如果表格只起到布局、划分区域的作用，边框可设置为0，最终不显示在网页中 实施规划 学生活动：任务二 活学活用：分析表格布局实例 实施规划 学生思考后给出思路 设计意图：通过实例的分析打开学生的思路，另外是学生体会到只要思路清晰、并灵活运用合并和拆分单元格，实现自己的网页布局表格非常容易的。为下边的完成网页设计实践做好铺垫。 学生活动：任务三 按照你在纸上所画的规划图，完成你的网页作品。 要求：布局平稳、排列规则、条目清晰整齐 图文并茂 颜色协调 完成网页设计 规划网页表格布局 实现自己创作网页设计 实施规划：学习插入表格和合并拆分单元格 评价要点： 布局：排列规则，布局平稳，整齐 内容：主题统一，图文搭配得当 格式：文字（大小，字体，对齐方式，标题设置） 图片（位置，大小，像素） 评价原则： 评价的针对性要强； 评价要具体、明确； 评价要有建设性； 作品交流展示、评价 Thank You! * *