创建网站制作首页教案设计.doc

初中信息技术教学设计 江苏科学技术出版社（8年级） 第十章 主题网站设计 第二节 创建网站，制作首页 句容市第二中学 执教：徐飞 创建网站，制作首页（教学设计） 句容二中 徐飞 【教学背景】 网站首页是网站的“脸面”，学生通过学习设计网站首页，一方面培养他们为提高作品吸引力、展现自我而积极思考、探究、尝试的意识和态度，另一方面通过学习各种基本网页设计技术，亲历网页制作的一般过程，更好地为接下去几节课的学习和活动参与打下基本功。 【教材分析】 《创建网站，制作首页》是江苏科学技术出版社教材，初中信息技术（下册）八年级第10章第2节《制作网站》中的内容。教材中采用的网页制作软件是FrontPage2003。它是微软办公自动化软件Office中组件之一，具有功能强大、操作方便等特点。可以自动生成Html代码，轻松实现网页发布。由于FrontPage2003采用了与Word等其他Office软件相类似的图形操作界面，它们有许多相似之处，在使用许多菜单、工具的操作时会有一种似曾相识之感，教学过程中，要注意引导学生进行知识的迁移，有助于学生轻松学习。站点的管理是本节课的较难的内容，教学中，针对站点的建立和管理，教师要做详细讲解并演示。在网站首页制作中，针对FrontPage2003的启动、关闭、保存、文字编辑和图片处理、水平线的插入及属性设置等操作，应培养学生知识的迁移能力，对后续的学习非常有利。 【学情分析】 　　教学对象是八年级的学生，到目前阶段学生已经学习了多种软件的使用，具备了常规的操作技能，教学内容中插入图片、文本的编辑等，学生可以借助已有的认知经验迁移学习。新软件的使用学生需要一个适应过程，尤其是网站站点的建立和管理，这些比较抽象的概念学生在理解上存在一定的困难。本节课力图通过自主学习、示范讲解有机结合，以达到能够熟练创建站点、管理站点的水平。让学生体验成就感的同时初步感知制作网站的过程，从而增强对网页制作后续学习的兴趣。 【教学目标】 1、知识与技能 ①理解网页与网站的概念图片的保存【教学重点】掌握建立网站与建立网页的方法 【难点】建站点的位置②页面文件与图片的保存【】【】 通过教学课件的辅助，采用任务驱动模式逐步完成网页制作。通过自我评价、师生互评相结合的评价方式，通过展示学生的优秀作品来激发学生对网页制作的兴趣。通过小组互助合作，由操作能力强的学生充当组长，带动其他成员完成网页制作。 【】 师：提问：大家平时喜欢上什么网站？你们有没有想过自己也可可以建立漂亮的网站呢？ 生：回答：想。 师：浏览淘宝网等网站，和教学网站，理解站点、网页、首页的概念。 网站包含多个网页，通过超链接可以把不同的页面链接起来。 网站的第一个页面称为首页，“HomePage”，文件名通常是“index.htm”（index.html）。也就是在Web浏览器“地址”栏内输入一个网址后，用户浏览到的第一个网页。首页也是网页。 师：设计网页的软件很多，Frontpage和Dreamweaver是最方便的网页制作软件，它不仅可能制作网页，而且能方便地设计和管理网站。 二、先学后教、任务驱动、自主学习 1、打开软件，熟悉Frontpage窗口 任务一。指导学生对照讲义启动软件，熟悉窗口。 生：通过教学课件自学，并完成任务一。了解哪些地方是与Word不同。及四种编辑模式。 师：教师巡视课堂，做个别辅导。针对学生普遍存在的问题，教师做详细讲解。 设计意图：由于Frontpage窗口与以前学习的Word有着相似之处，利用知识的迁移，配合学生导学单引导学生认识窗口的组成。通过讨论对比，自然过渡，激发兴趣，活跃气氛。 2、建立与删除站点 师：布置任务：让学生对照教学课件和帮助视频，让学生尝试建立站点，教师视情况讲解关键步骤。站点建立自动生成两个文件夹_private 和Images，一般将图片放入Images文件夹中。 任务二：建立一个新站点。 ①建立一个新站点，类型为“空站点”，路径是“d:\student”（站点名最好是英文，d:\英文状态下的，路径目录一定要填写正确） ②打开、关闭、删除站点。 ③对比站点与文件夹的区别。 生：对照学习指导上的要求建立站点，遇到不会的操作可以参考教学视频，帮助学生快速完成。在建立、打开、编辑的过程中，观察站点与文件夹的区别。对于不需要的站点及时删除掉。 设计意图：教师边讲解边演示操作，强调建立站点的路径：d:\student。很多同学会将“:\student”写成“;\student”或者“：/student”，最终的结果是不一样的。路径格式要在英文状态下输入:\ 。当然，也可以先在硬盘上建立文件夹student，再通过浏览方式将该文