高中信息技术粤教版选修3 网络技术应用4.2 网站的设计优秀教案

4.2.2 网站的设计教案（二）

一、学习目标

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

2、掌握网站设计中的网页交互设计。

二、学习重点

掌握网站设计中网页交互设计。

三、学习方法

任务驱动学习方法

四、学习时间

1课时

五、学习环境

计算机网络实验室

六、学习过程

1、网页的交互设计

教师活动：继续展示网站“虎门销烟启思录”，并提出问题：

（1）用户如何访问网站？

（2）怎么样从一个位置到另一个位置。（超链接）

（3）怎么样防止用户在网站中“迷路”。

并展示网站“虎门销烟启思录”地链接点设计网站导航系统的交互设计表。

学生活动：注意观察各页面的跳转情况，看其交互设计具体体现在哪里，看是否方便阅读，与同学交流讨论并根据自己小组网站的栏目结构和网页版面的设计，确定王爷的导航设计方案。

教师小结：链接点设计就是要考虑人们在浏览网站时通常有哪些需求，并帮助他们快捷地跳转到所需页面，实现轻松自如地浏览。

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

2、网页色彩的选择

教师活动：不同的颜色会给人们不同的心理感受，设计网页时，要结合主题的需要选择合适的色彩。下面请同学们通过分小组查询搜索资料，浏览不同主题的网站，讨论一下色彩的搭配需要注意哪些问题。学生活动：学生分小组讨论交流，自我总结网页注意的事项，不足之处，由教师补充。

小结：

（1）红色：激奋、使人产生喜庆、热情、活力的感觉。

（2）绿色：绿色:介于冷暖两种色彩的中间，显得和陸、宁静、健康、安全，它和全黄、淡白搭配，可以营造优雅、舒适的气氛。

（3）橙色:也是一种激奋的色彩，具有轻快、欢欣、热烈、温馨、时尚的效果。

（4）蓝色:是最具凉爽、清新、专业的色彩，它和白色混合，能体现柔顺淡雅、浪漫的气氛。

（5）白色:让人产生洁白、明快、纯真、清洁的感觉黑色:使人产生深沉、神秘、寂静、悲哀、压护的感觉灰色:让人联想到中庸、平凡、温和、谦让、中立和高雅的感觉。