山东省郯城第三中学初中信息技术 第2课设计网站的首页教案.doc

第2课设计网站的首页教学分析： 本节课学习的内容是设计网站的首页。首页如同一本书的封面、一个戏曲人物的脸谱，应该能够反映出整个网站的整体风格和特色，让访问者通过网站首页就能对整个网站有所了解。所以，网站首页的设计是整个网站设计的重点。 本课是在第一课的规划设计基础之上进行的学习活动。首页的设计一定要按照规划进行。本节中涉及的知识点（编辑网页：文字输入和编辑、插入图片、插入水平线；保存、预览和新建网页）是网站制作过程中需要反复用到的，所以学生应熟练掌握。 教学目标： 知识目标： 1认识网页的工作原理； 2了解网页编辑的一般过程。 技能目标 情感态度与价值观目标 感受身边版面设计的素材：广告、报刊、课本，学以致用，将其用于网页设计中。 教学重难点 重点：插入图片和水平线。 课时分配建议 1课时 教法 因frontpage与学生之前学习的word、excel同属微软的office家庭软件，在操作上有许多相同或相似之处，所以在教学过程中，教师应鼓励学生对照word中的操作完成文字的输入与编辑、插入与编辑图片等操作；采用分组设置、对比效果的形式探究“水平线属性”对话框中各参数的含义，从而加深学生对水平线的理解；在网页保存环节中，嵌入式文件的保存是学生从来没有接触过的知识点，教师应安排学生将不同的网页素材保存在站点中的不同文件夹中，以此达到强化的目的；组织学生进行网页预览时，提醒学生注意站点文件夹中文件的变化和html窗口中代码的变化；讲解新建网页时，可以让学生尝试使用其它网页格式新建网页，拓展学生网页设计的思路。 学法 对照以前学过的word中的操作，总结frontpage与其在操作上的不同，大胆尝试以不同的方式和途径完成老师交给的任务。 本课教学资源索引 教师应为学生提供足够多的各种格式、各种大小的图片素材。 自评、互评、师评要注意的问题 学生在设计网站首页时是否能对照word完成相似的操作，是否能对新网页中的素材进行灵活的设置。 教学过程 第一阶段：导入新课，明确学习目标 教学环节 教师活动 学生活动 设计理念 导入新课 播放说唱脸谱音乐。 师：脸谱能准确反映出人物的性格，一个网站的“脸”是什么？ 师：我们如何给我们的网站设计脸谱呢？这就是本节课我们要学习的内容设计网站首页（出示课件）。 学生讨论答案网站首页。 结合第一节课的规划，讨论如何设计首页。 通过脸谱联想到首页，激发学生学习网页设计的热情。 第二阶段：范例精讲，学生自主探究，完成范例 教学环节 教师活动 学生活动 设计理念 学习与探究 任务一：输入文字 出示网页输入文字后的效果。 任务二：插入图片 出示插入图片后的效果，并提示图片存放位置。 要求学生分别使用控制柄和设置图片属性的方法调整图片大小。 任务三：插入水平线 根据教材提示，使用默认值插入水平线，然后分组修改“水平线属性”对话框各参数。 将前面输入的“=”组成的线替换为水平线。 任务四：保存网页 出示任务，由学生探索嵌入式文件保存的技巧。 任务五：预览网页 分组尝试两种预览网页的方法，并作比较。 任务六：添加新网页 根据教材提示为网站添加新网页。 对比老师出示网页效果进行文字的输入和编辑，比较与word中操作的异同。 根据样例插入相应图片。 尝试操作并比较说明二者的区别。 分组实验，填写表1-2-1。 操作并体验二者在表现效果上的差异。 预览网页。 完成操作，并探索新建网页的其它方法。比较它们的优缺点。 前两个任务与word操作大同小异，让学生通过对比强化记忆。 通过学生自己实践理解水平线对话框的设为方法。 网页制作中的学用操作，应熟练掌握。 第三阶段：知识、情感拓展 教学 环节 教师活动 学生活动 设计理念 知识与情感 师：请大家回想一下，你从小到现在，你的妈妈给你洗了多少次脚？你为她洗过多少次呢？ 师：如果还没有做，就从今天开始吧！ 请同学们课下完成体验任务，根据自己的感受设计网页feeling1htm。 生：记不清。 生：还没有。 放学后完成这一体验活动，并将感受以网页的形式表达出来。 让学生通过这一活动体验感受父母对自己的爱。能够以网页的形式表达自己的感受。 第四阶段：综合实践，巩固与提高，自由创作，迁移运用 教学环节 教师活动 学生活动 设计理念 实践与创新 师：本节课的学习内容基本结束，但我们探索的路还有很长，请大家完成二级网页parentshtm的设计。 教师巡视学生制作的情况，并进行指导。 师：预览网页，调整浏览器窗口，你能发现网页的变化吗？怎样才解决这个问题呢？ 根据图1-1-6（b）设计网页。 操作并观察片面的变化。 在学习与探究基础上进行自主的网页创作。 设疑，为下一节课“网页中表格”作知识铺垫。 同时，制作的二级网页也是为第五课准备超链接的网页素材。 第五阶段：教学总结，设疑激趣，为下一节课作好铺垫 教学 环节 教师活动 学生活动 设计理念 课堂小结 课堂小结本节课的学习内容。 师：请同学们通过浏览器预览自己刚刚制作的网页，然后任意改变浏览器窗口的大小，看看网页中已经排好的版面是不是发生了变化？有防止这种现象的发生的办法吗？ 预览网页，观察版面的变化，思考解决的方法。 承上启下，激发学生进一步学习网页制作的兴