Dreamweaver网页设计制作电子教案3班级网页制作

项目名称: 班级网页制作

项目 班级网页制作 课型 新授 授课日期 1、熟练掌握网页站点的建立 知识目标 2、掌握网页站点的管理 3、掌握站点的内容 1、能熟练创建站点和导入导出站点 项目 目标 能力目标 2、能熟练编辑站点 3、能自己独立为自己的班级制作一个网页 1、培养学生分析解决问题的能力 德育目标 2、培养学生自主学习，创新思考的意识 3、培养学生团队协作的精神 项目 分析 项目重点 项目难点 网页站点的创建和编辑 能对站点有深刻的理解并熟练应用 项目要求同学们能够熟练创建和编辑站点，并且能够制作一个班级内页面 要求 1、新建站点 任务内容 2、管理站点 3、管理站点的内容 4、班级网页的制作 教学 演示法、任务驱动法、启发式教学 方法 课前1、 按8s标准，课前清扫、清洁、整理、整顿 准备 2、 教师清点人数、查鞋套、收手机 教学 环节 教学内容 一、导入 先为学生展示一个班级的网页，起到抛砖引玉的 作用，让学生了解一个班级网页要有哪些内容，先以 问题的形式抛给学生，让学生讨论，再拿出老师的案 教师 活动 学生 活动 设计 意图 情景设置 项目导入 例。如下图 比较网页的特点，分队进行讨论，每队说出一条这个网页的特点 学生讨论网页的风格，并进行总结 。 教师：那我们如何制作这个班级内的网页，我们的制作的流学生总结完后，由教师总结 程是什么？ 首先应该做什么？引出站点的概念。 站点：Dw是为了更好对文件进行管理， 方便用户进行网页 编辑和处理，减少错误。 二、具体任务 任务一 新建站点 需要掌握的内容主要有： ? 1、定义站点的详细过程 以效果图导入提高学生兴趣 ? 2、 【文件】面板 ? 3、站点管理器 1、定义站点的详细过程 ? 掌握定义动态站点的方法，并学会【站点定义】对话框【基本】和【高级】两种状态的使用。这两种方式都可以完成站点的定义工作，不同点如下。 ? 【基本】：将会按照向导一步一步地进行，直至完成定义工作，适合初学者。 ? 【高级】：可以在不同的步骤或者不同的分类选项中任意跳转，而且可以做更高级的修改和设置，适合在站点维护中使用。 2、【文件】面板 在Dreamweaver的【文件】面板中有3个选项卡，其中【文件】选项卡就是站点管理器的缩略图。左图是没有定义站点时的状态，右图是已定义站点时的状态。 以学生自学为主，在巡回知道中发现存在的问题，统一讲解 锻炼同学们的 自主学 习能力 学生分队去完成任务，队长可下位为队内成员指导 3、站点管理器 在【文件】面板中单击 （展开/折叠）按钮，将展开站点管理器。再次单击该按钮，将又切换回到缩略图状态。如果站点管理器主菜单中的命令或者工具栏中的按钮显示为灰色，说明这部分功能目前不可用。 任务二 管理站点 （一） 复制和编辑站点 （二） 导出、删除和导入站点 （一）复制和编辑站点