项目名称: 班级网页制作
项目 | 班级网页制作 | 课型 | 新授 | 授课日期 | ||||||||||||||||
项目 目标 | 知识目标 | 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、站点管理器 在【文件】面板中单击 （展开/折叠）按钮，将展开站点管理器。再次单击该按钮，将又切换回到缩略图状态。如果站点管理器主菜单中的命令或者工具栏中的按钮显示为灰，说明这部分功能目前不可用。 任务二 管理站点 （一） 复制和编辑站点 （二） 导出、删除和导入站点 （一）复制和编辑站点 1、复制站点 在主菜单中选择【站点】／【管理站点】命令，打开【管理站点】对话框，在列表框中选中要复制的站点，然后单击【复制】按钮将复制一个站点。 2、编辑站点 选中复制的站点，然后单击【编辑】按钮，打开站点定义对话框进行编辑。 （二）导出、删除和导入站点 1、导出站点 在【管理站点】对话框中选中要导出的站点，然后单击【导出】按钮打开【导出站点】对话框，设置导出站点文件的路径和文件名称保存即可。 2、删除站点 在【管理站点】对话框中选中要删除的站点，然后单击【删除】按钮。 3、导入站点 在【管理站点】对话框中单击【导入】按钮，打开【导入站点】对话框，选中要导入的站点文件，单击【打开】按钮即可导入站点。 任务三 管理站点内容 （一） 设置首选参数 （二） 创建文件夹和文件 （三） 在站点地图中链接文件 （一）设置首选参数 在主菜单中选择【编辑】／【首选参数】命令，打开【首选参数】对话框，根据需要进行设置即可。 (二）创建文件夹和文件 1、创建文件夹 在【文件】／【文件】面板中右击根文件夹，在弹出的快捷菜单中选择【新建文件夹】命令，在“untitled”处输入文件夹名并按回车键确认。 2、创建文件 在【文件】／【文件】面板中右击根文件夹，在弹出的快捷菜单中选择【新建文件】命令，在“untitled.asp”处输入文件名，并按回车键确认 （三）在站点地图中链接文件 在站点管理器中，单击 （站点地图）按钮，从其下拉菜单中选择“地图和文件”命令 ，用鼠标单击左侧站点导航中的主页文件，然后依次拖动其右上方的 图标到右侧本地文件夹中相应的文件上，这样就建立了主页文件和其他文件的链接。 任务四 班级网页的制作 制作流程： 1、站点建立 2、页面的布局 3、导航设计 4、内容添加 要求：内容、版式可创新，可以以老师的效果图为参照物，自行设计自己班级的页面，要结合本班级的实际进行制作 三、小队总结、评比 打分标准： 1、4个任务，每个任务1分，共4分。 2、做的最快的那个队另加2分 3、纪律差或队中有做和学习无关着没人次扣1分 4、效果图有创新另加1分
注：得分最高的那个队可以少做一次作业，最低的那个队要做大礼包进行惩罚。 | 比较网页的特点，分队进行讨论，每队说出一条这个网页的特点 学生总结完后，由教师总结 以学生自学为主，在巡回知道中发现存在的问题，统一讲解 教师提出任务“如何方便的以后管理站点内的网页” 分队思考后提出站点“导出、导入”的概念 以学生自学为主，在巡回知道中发现存在的问题，统一讲解 教师展示最终的效果图，学生可以根据其特点自行设计 如何制作网页文件教师根据每队的表现给每队进行打分 | 学生讨论网页的风格，并进行总结 。 学生分队去完成任务，队长可下位为队内成员指导 学生根据教师提出的问题思考 学生实际练习并记录笔记 学生分队进行练习 教师展示最终的效果图，学生可以根据其特点自行设计 得分最低的小队要进行“奖励”或表演节目 | 以效果图导入提高学生兴趣 锻炼同学们的自主学习能力 新知识难以理解，让学生用最快的速度得到间接知识 据要求自主处理，发挥学生的创造力 培养学生的总结归纳能力及运用知识的能力 肯定自己的成绩，正视自己的不足 | ||||||||||||||||
教师归纳 | 本项目介绍了站点在网页创建中的作用。为了更好的编辑和管理网站中的网页，站点起到一个纽扣的作用把Dw和站点文件夹有机的结合在一起，创建站点、编辑站点、导入导出站点和删除站点都是本项目的重要知识点。 班级网页的设计提高了学生们对自己班级的热爱，让学生们自己为本班去设计一个理想的网页，提高学生们的学习的主动性和积极性。 | |||||||||||||||||||
作业布置 | 1、网页站点创建的步骤有哪些？ 2、为什么要导入、导出站点？ | |||||||||||||||||||
课后记事 | 本节课在实施过程中主要以学生实际操作为主，老师起到一个引导作用，尽可能的通过本节课的学习来锻炼学生自主学习与探究的能力。 | |||||||||||||||||||
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论