粤教版4.2 网站的设计公开课教学设计

4.2.1 网站的设计教案（一）

一、本节的作用和地位

网站的规划工作是解决做什么样的网站问题。到设计阶段，学生需要思考的问题是如何去表达网站的主题，如何做才能够把内容成功组织和展现。如果说，规划使“做什么”的问题得到解决，那么，设计则是解决作品如何实现的问题，即决定“如何做”是设计的主要任务。设计是创作进程发展的高潮期，是学生经历信息技术过程的核心期，也是学习、体会软件系统开发方法的关鍵期。

二、学习目标

1、以恰当的方式组织并呈现网站的信息。

2、掌握网站设计中栏目结构、版式设计。

三、学习重点

掌握网站设计中栏目结构、版式设计。

四、学习方法

任务驱动学习方法

五、学习时间

1课时

六、学习环境

计算机网络实验室

七、学习过程

1、网站主页的布局和色彩运用

教师活动：在云课堂系统里向同学们展示几个比较有特色的网站，并提出以下几个问题，让同学们带着疑问进行观摩。

（1）这些网站是怎么样围绕主题展现内容的？

（2）这些网站提供了哪些栏目及功能？

（3）网站的链接有哪些特色，是否便捷？

（4）网站主页的布局，色彩运用有哪些特点？

学生活动：观摩网站，并分组讨论教师提出的问题，围绕网站内容的呈现，栏目设置，链接设计，色彩与页面布局等几个问题的开展讨论和交流，尝试指出它们的优点及不足之处，总结你的收获。

2、网站的结构设计

教师活动：展示“虎门销烟启思录”网站的文件夹，浏览各网页，并向同学们提出问题，网站的结构是如何划分的。

学生活动：根据上节课的要求，同学们分小组规划设计自己的主题网站，根据自己网站的主题和内容，依照“虎门销烟启思录”网站的结构图，画出栏目结构图，并写出网站一级、二级栏目的对应内容的描述。

3、网页的版面设计

教师活动：继续浏览“虎门销烟启思录”网站，注意它的版面的设计风格，页面均以大理石花纹为背景，朱红色为主题色调，霹雳体的字体标题字，烘托出一种庄严的气氛和历史的厚重感，并成为网站的统一风格。

学生活动：学生为自己的主题网站设计一种风格，并划分出网站的版面布局设计。