设计网站与制作首页

设计网站与制作首页（教学设计）

围场县第二中学泰国辉教学目标：

1．知识与技能

（1）了解网站的分类与作用。

（2）了解网站和网页的关系；知道建立网站的基本流程；了解网页版面布局的几种常见的方式。

（3）掌握“展示自我风采的个人网站”结构示意图的设计方法。

（4）了解网页制作工具Dreamweaver的基本功能。

2．过程与方法

（1）通过对比教学，使学生掌握学习及应用软件的基本方法和规律，达到举一反三的功效。

（2）通过学生动手设计网站的实践活动，使学生建立对象属性设置的思维方法和操作方法，为学生今后学习其它软件奠定了基础。

3．情感态度与价值观

（1）通过对比学习使学生体验软件学习的一般方法及规律，提高学生学习信息技术的信心。

（2）通过网站设计和首页制作，掌握对象属性的设置方法，初步体验成功的快乐。

（3）通过创建“展示个人风采”的网站，激发学生继续学习的兴趣和展示自我的愿望。

教学重、难点：

1．教学重点

(1)掌握建立网站的基本流程。

(2)掌握“展示自我风采的个人网站”结构示意图的设计方法。

2．教学难点

尝试认知网页制作工具dream weaver的基本功能，初步进行操做应用。

教学方法：

对比教学法，任务驱动学习法，探究学习法，小组合作学习法。

教学过程：

一．问题引入

教师提问：同学们，请问大家认识“度娘”吗？喜欢她吗？

学生回答：略

教师抓住学生回答的“上网”来引入新课：同学们都非常喜欢上网，上网不仅可以使我们随时了解世界各地发生的各类事件、各种领域的知识，还可以玩各类游戏、联络朋友、网上购物、传递信息等等，大家一般都登录哪些网站呢？看别人做的网站很过瘾，是否想过自己制作网页供别人去浏览呢？从本节课起我们就来学习运用Dreamweaver这一制作网站的工具来制作我们自己的网站，大家有没有信心做出让别人也喜欢的网站！

二．探究新知

1.理清网站、首页、网页的关系

教师提问：请大家谈一谈对“网站”“网页”“首页”的认识（举例说明）

学生思考，小组交流后尝试回答，小组间相互补充或质疑。

教师给与肯定的评价后，总结：网站就像一座图书馆，首页是图书馆的检索目录，网页是图书馆内各种各样的图书。

2.合作探究——建立网站的五步基本流程及其认识

教师提问：我们明白了网站、首页、网页的关系后，现在我们就可以制作总结的网站了吗？不行，我们还要做哪些准备工作？

学生自学课本，小组间谈论后尝试回答，小组间相互补充或质疑。

教师对学生的回答给与评价，引导学生得出结论：建立网站需要的五步基本流程。然后对前四步流程做简单的介绍。举例说明“常见网页版面布局方式”。如“河北远程教育网”“百度”等。

3.提出任务：设计展示自我风采的个人网站结构示意图

要求：可以运用以前学过的Word Excel PowerPoint等工具进行设计。

学生参照教材的示例自主设计，教师巡回检查指导。

学生的设计完成后，小组内交流、评比，相互指出优缺点，学生修改完善。

小组推荐作品展示，评比，相互指出优缺点，学生修改完善。

教师对学生的作品给与肯定的评价，特别是对有创新的作品给与表扬。

学生修改完善作品。

4.尝试认知Dreamweaver的基本功能

⑴.教师提问：我们已经做好了，下一步就该制作了，但是我们对Dream weaver 这一制作工具一点都不熟悉，那怎么办呀？

引导学生观察Dreamweaver和以前学过的flash界面的异同。

学生对比观察，相互交流，尝试回答，相互补充。

教师对学生的观察结果给与肯定的评价后，对Dreamweaver的窗口进行简单的介绍。

⑵.提出任务：尝试用Dreamweaver制作“展示自我风采的网站结构示意图”的一部分内容。（可以独立操做，也可以小组合作）

学生尝试操做，教师巡回指导。

⑶.交流操做心得，谈对Dreamweaver的认识。

⑷.小组内推荐优秀作品，展示给全班同学。教师与学生共同评价，肯定优点指出不足，对有创新的作品大家掌声鼓励，并请作者谈心得。

学生修改完善作品。

三、总结与评价

1.引导学生总结本节都知道和掌握了哪些知识，随机提问本节课的重点知识，反馈学生相关知识的掌握情况。

2.谈心得体会。

四、预留疑问，激发求知欲望

这节课，有的同学已经能利用Dreamweaver把“展示自我风采的个人网站”做出雏形了，是不是制作网站就这么简单呀？希望同学们课下自学教材后边的知识，并进行尝试性操做，以便尽快制作出令别人刮目相看的网站，大家有信心吗？

下课。