粤教2003课标版《4.2.1网站的结构设计》新课标优质课教案设计

粤教2003课标版《4.2.1网站的结构设计》新课标教案优质课下载

过程与方法：通过学习，使学生了解网站设计需要有明确的主题，掌握开发网站的基本过程，培养学生整体规划、设计网站的思想和方法。

情感态度与价值观：通过网站规划设计，培养学生通过整体规划、分步实施来解决问题的思想，使学生体验成功的快乐和创意的美感，增强相互之间协作学习和交流的能力。

三、教学重点及难点：

重点：掌握开发网站的基本过程，能策规划出简单的网站。

难点：能整体规划设计自己的网站并进行评价。

四、课前准备：教案、课件

五、教学方法：激趣导入法、合作学习法、展示评价法等

六、教学时间：一课时

七、教学过程：

（一）导入：（1分钟）

网络是我们每个人都熟悉的，上网更是我们生活中的家常便饭。同学们对上网很感兴趣，那你知道网络上那么多内容丰富、功能强大的网站它们是怎样设计制作出来的呢？你有兴趣规划设计自己的网站吗？今天，我们一起走进《网站的开发》，共同学习《网站的规划与设计》，同学们也来规划设计属于自己的网站吧！

（二）课件展示：

1、学习目标：了解WWW、网页、主页、网站概念及区别；熟悉开发网站的基本过程；学会规划设计自己的网站并进行评价。（1分钟）

2、了解WWW、网页、主页、网站概念及区别：（1分钟）

万维网（Word Wide Web，缩写WWW）是因特网上一种非常受欢迎的服务，是在因特网中发展最快、信息存储和信息检索量最大的资源网络。网站是面向全球世界发布消息的地方，由若干个网页构成。主页（HomePage）存在于每个网站的根文件夹上，一般名称叫default.htm 或 Index.htm，作为网站的一个入口文件。网页（webpage）是构成网站的基本元素。

3、开发网站的基本过程（五步）：网站的规划、网站的设计、网页的制作、网站的发布与管理、网站的评价。（2分钟）

4、网站的规划：（四个方面）网站主题的确定；网站运行环境的确定；网页制作工具的选择（主要包括选择网页制作工具（Frontpage、Dreamweaver)、图像处理工具（Photoshop）、动画制作软件（flash）等，我们后面学习要选择的工具软件就是FrontPage）；网站开发任务的管理。

开发网站就好比作家写一部作品一样，要先确定主题，再按章节编写目录，最后才是作品内容的加工整理。（4分钟）

5、网站的设计：网站结构的设计、网页版面的设计（8分钟）

在学生欣赏优秀网站（五张）的过程中，结合示例网站引导学生分析网站的整体构思。设计问题并提问：网站的主题是什么？围绕主题从哪些方面规划展现的？是如何布局的？网站的设计风格是什么？简单评价一下这几个网站。

对出示的网站加以分析总结，引导学生了解不同的网站主题及规划设计思想，培养学生整体规划、布局设计网站的思想和方法，为设计自己的网站做好铺设。

八、学生练习：设计自己的网站，进行整体布局规划。（10分钟）

学生分六个小组练习，小组成员明确分工，互相合作完成。网站设计要主题鲜明，内容健康向上，整体布局合理，恰当地运用各种表现方式，充分展现个人风格。

学生练习，教师巡视指导。

九、作品展示并评价：（10分钟）